/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/* header: heading text */
.header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	color: #333333;
}

/* body: describes page background color and all non-table text not governed by any other style */
BODY {
	background-color : #8C96B1;
	color : #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;

}

/* header 2: describes titles on the extra pages */
h2 {
	color : #ffffff;
	background-color: #800000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
}

/* link: normal links, active: links in use */
A:LINK, A:VISITED {
	color : #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

/* visited: previously visited links */
A:ACTIVE, A:HOVER {
	color: #800000;
	text-decoration: none
	font-size: 12px;
	font-weight: bold;
}

/* fieldname: background color for column and row title sections */
.fieldname {
	background-color: #8C96B1;
	text-align: left;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #8C96B1;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777; 
	border-bottom: 1px solid #777;
}

/* databack: background color for data areas */
.databack {
	background-color: E4E6EC;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
}

a.lightlink:hover, a.lightlink:active {
	color: #FFFF99;
	text-decoration: none;
}

a.lightlink2:hover, a.lightlink2:active {
	color: #CCE2E3;
	text-decoration: none;
}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #8C96B1;
}

/* mouseoverback: background color for admin menu items while active*/
.mouseoverback {
	background-color: #8C96B1;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}


/*added in 5.0.0*/
/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink2:active {
	color: #800000;
	text-decoration: none;
}

#tngnav a {
	display:block;
	color:#ddd;
	text-decoration:none;
	background:#800000;
}

/*active tab*/
#tngnav a:hover {
	background:#000000;
	color:#FFFFFF;
}

/*active tab*/
#tngnav a.here {
	position:relative;
	z-index:102;
	background:#000000;
	color:#FFFFFF;
	border-right: 1px solid #444;
	padding: 0.2em 1em 0.4em 1em;
	margin: 0;
}

/*to keep older browsers happy*/
#tabs div {
	margin:0 1px 0 0;
	position: relative;
	float:left;
	padding: 0em 0em .3em 0px;
}

#tabs .divhere {
	z-index:102;
}

/*inactive tab*/
#tabs a {
	background: #000000;
	color:#ddd;
	padding: 0.2em 0.8em 0.5em 0.8em;
	font: 10px arial, helvetica, sans-serif;
	text-decoration: none;
	border-right: 1px solid #aaa;
}

/*active tab*/
#tabs a:hover {
	background: #000000;
	color:#FFFFFF;
}

/*active tab*/
#tabs .here {
	background: #000000;
	color:#FFCC00;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #8C96B1;
}

a.snlink:hover, .snlinkact {
	background-color:#68939B;
	color:#fff;
}

.LB_closeAjaxWindow{
	background-color:#68939B;
}