/* 
	****************************
	Content styles 
	****************************
*/
body, p, td, th, li, button, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
/* Headings */
h1 {  font-size: 160%; font-weight: bold}
h2 {  font-size: 140%; font-weight: bold}
h3 { font-size: 120%; font-weight: bold}

a { color: #2C582C; text-decoration: none;}
a:hover { color: #999999; text-decoration: underline; }

/* Message styles (methods of clsPage */
.errormessage { margin: 5px; padding: 5px; color: #990000; border: 1px solid #990000; }
.infomessage { margin: 5px; padding: 5px; color: #000099; border: 1px solid #000099; }
li.infomessage { margin-left: 0px; }
.infomessage a { color: #000099; font-weight: bold; }

.credits {
	font-size: 90%;
	color: #666666;
}

a.button {
	display: block;
	background-color: #666;
	padding: 5px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
	color: #fff;
}

a.button:hover {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #f00;
}
/*
	End of content styles


*/

/* 
	****************************
	Layout styles 
	****************************
*/
body {
	background-color: #666;
	margin: 20px;
}

div#outer {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid black;
	padding: 1px;
}
/* div#banner is defined in clsPage to maintain link to bk image */
div#banner {
	width: 100%;
	/* background-image: url('images/top_bk.gif'); */
	background-repeat: repeat-x;
}
/* 
	End of layout 
*/

/* 
	****************************
	Popup menu Navigation styles 
	****************************
*/
ul.navigation { margin: 0;padding: 0; list-style: none; width: 200px;  z-index: 10; }
ul.navigation li { position: relative; }
ul.navigation li ul { position: absolute; left: 197px; top: 0px; display: none; z-index: 10;}

/* Button appearance */
ul.navigation li a {
	display: block; text-decoration: none; padding: 1px; margin: 1px;
	color: #fff; background-color: #666; border: 1px solid #333;
}

/* Header buttons i.e. with onlt a #*/
ul.navigation li a.header {
	display: block; text-decoration: none; padding: 1px; margin: 1px;
	color: #666; background-color: #fff;  border: 1px solid #333;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.navigation li { float: left; }
* html ul.navigation li a { height: 1%; }
* html ul.navigation li ul.navigation li a {  margin: 0px;}
/* End */

/* Rollover  states */
ul.navigation li:hover ul, ul.navigation li:focus ul, ul.navigation li.over ul { display: block; z-index: 10;}
ul.navigation li:hover>a, ul.navigation li.over>a { color: #fff; background-color: #00c; border-color: #fff;  z-index: 10;}

/* IE specific rollover */
* html ul.navigation li:hover a, ul.navigation li.over a { color: #777; background-color: #fff; border-color: #f00; text-decoration: none; z-index: 10;}

/*
	End of popup nav
*/
/* LHS Navigation */
#leftNav {
	width: 300px;
}

#leftNav ul {
	list-style-position: inside;
	list-style-image: url(/sda/images/folder.gif);
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 10px;
}

#leftNav li.header {
	list-style-image: url(/sda/images/openfolder.gif);
}

#leftNav li.header a {
	font-weight: bold;
}

#leftNav li.header li a {
	font-weight: normal;
}

#leftNav ul ul {
	list-style-position: inside;
	list-style-image: url(/sda/images/dots.gif);
	font-weight: normal;
	margin-left: 15px;
	padding-left: 0px;
}

#leftNav li {
	margin-left: 0px;
	padding-left: 0px;
}

#leftNav a {
	color: #19426B;
	text-decoration: none;
	white-space: nowrap;
}

#leftNav a:hover {
	color: #f25045;
	text-decoration: none;
}

#leftNav a.nogo {
	color: #c9c9c9;
	text-decoration: none;
}

#leftNav a.nogo:hover {
	color: #c9c9c9;
	text-decoration: none;
	cursor: not-allowed;
}

#leftNav li.current a {
	font-weight: bold;
	color: #f25045;
}

#leftNav li.current li a {
	font-weight: normal;
	color: #19426B;
}
/*
	GroupedTable styles
*/

div.GroupTitle {
	width: 100%;
	background-color: #bedafb;
	border-bottom: 1px solid #7ba4e0;
}
table.GroupDetail {
	border-collapse: collapse;
	width: 100%;
}
table.GroupDetail td {
	border-bottom: 1px dotted #eae9e1;
}
/*
table.GroupDetail td, table.GroupDetail th  {
	text-align: left;
}
*/
table.GroupDetail th {
	background-color: #ece9d8;
	border-bottom:  1px solid #d2cfbe;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #aca899;
}

tr.GroupHighlight, tr.GroupHighlight a {
	background-color: #316ac5;
	color: #ffffff;
}
/*
	Panel styles
*/

div.panels {
	display: block;
	position: relative;
	overflow: hidden;
}

div.panel, div.panelactive, div.panelinactive {
	position: absolute;
	display: block;
	background-color: #cccccc;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	overflow: auto;
}

div.panelactive {
	visibility: visible;
	z-index: 3;
}

div.panelinactive {
	visibility: hidden;
	z-index: 2;
}

span.tab, span.tabactive, span.tabinactive  {
	position: relative;
	top: 7px;
	left: 5px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font: 10px 'MS Sans Serif', Geneva, sans-serif;
	display: inline;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	cursor: pointer;
}

span.tabactive {
	background-color: #cccccc;
	font-weight: bold;
	z-index: 4;
}

span.tabinactive {
	background-color: #999999;
	border-bottom: 1px solid #000000;
	z-index: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=60, FinishOpacity=20, Style=1, StartX=0,  FinishX=0, StartY=100, FinishY=0);
	-moz-opacity: 0.4;
}

span.tabover {
	color: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=80, FinishOpacity=40, Style=1, StartX=0,  FinishX=0, StartY=100, FinishY=0);
	-moz-opacity: 0.8;
}

/*** Details tables at top of page ***/
table.details {
	border-collapse:	collapse;
	border: 1px solid #000;
}

table.details td {
	padding: 3px;
	border: 1px solid #ccc;
	white-space: nowrap;
}

/* Edit Page Tools in LHS */
div#pageEditTools, div.infoPanel, div.warningPanel {
	background-Color: #ffffe1;
	border: 1px solid #eae9e1;
	margin: 20px 5px 5px 5px;
	padding: 3px;
}
div#pageEditTools span#caption, div.infoPanel span.caption, div.warningPanel span.caption {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	position: relative;
	background-Color: #ffffe1;
	border: 1px solid #eae9e1;
	top: -1em;
	margin: 3px;
	padding: 3px
}

div.warningPanel, div.warningPanel span.caption {
	border: 1px solid #990000;
	background-color: #ffeeee;
}

div#pageEditTools a, div.infoPanel a, div.warningPanel a {
	display: block;
	color: #19426B;
	text-decoration: none;
	margin: 3px;
	padding: 3px
}

div.infoPanel a, div.warningPanel a {
	display: inline; 
}

div#pageEditTools a:hover, div.infoPanel a:hover, div.warningPanel a:hover {
	color: #19426B;
	text-decoration: underline;
}

div#infotips {
	border: 1px solid #6E7E9F;
	width: 225px;
	padding: 5px;
	background-color: #fff;
	position: absolute;
	font-weight: normal;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FFE9E9F0');
}

div#sponsors {
	border: 1px solid #ccc;
	margin: 20px 5px 10px 5px;
	padding: 5px;
	text-align: center;
}

div#sponsors a img {
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
}

div#sponsors a:hover img {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}

div#sponsors img {
	margin: 5px;
	border: 0px;
}

div#sponsors span.title {
	float: left;
	position: relative;
	top: -1em;
	background-color: #fff;
	color: #999;
	padding: 0px 5px 0px 5px;
}

label {
	white-space: nowrap;
}