/* css for sdb admin
bright blue: 2C5CF6, med teal/blue: 5EAFD6, dark teal/blue: 2580AF, light bright blue C7ECFF, lime: 97D000, light uwex gray F7F7F7, light grey eaeaea, sage green 669966 */

body {
	background-color:#eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	padding:0;
	margin:0;
	width:98%;
}

@media print {

body {
	width:100%;
	background-color:#FFFFFF;
}

}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

#headercontainer {
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	background-image:url(topGradBg.png);
	background-repeat:repeat-x;
	background-position:0% 100%;
	height:60px;
	border-bottom: 2px solid #FFFFFF;
}

#header {
	padding:10px 10px 5px 10px;
}

.logo {
	margin-right:50%;
	position:absolute;
	padding:6px;
	background-color:#DDF3FF;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	color:#669966;
	font-weight:bold;
	font-style:italic;
	font-size:large;
}

.logo a:link, .logo a:hover, .logo a:visited {
	color:#669966;
	font-weight:bold;
	font-style:italic;
	font-size:large;
	text-decoration:none;
}

.logoPublic {
	padding:6px;
	background-color:#DDF3FF;
	color:#669966;
	font-weight:bold;
	font-style:italic;
	font-size:large;
}

@media print {

#headercontainer {
	background-image:url();
	border-bottom: 2px solid #FFFFFF;
}

.logo, .logoPublic {
	color:#000000;
	font-weight:bold;
	font-style:italic;
	font-size:large;
	border:0;
	background-color:#FFFFFF;
}

.logo a:link, .logo a:hover, .logo a:visited {
	color:#000000;
	font-weight:bold;
	font-style:italic;
	font-size:large;
	border:0;
	background-color:#FFFFFF;
}

}

.headerlinks {
	margin:0 0 0 50%;
	width:45%;
	text-align:right;
	position:absolute;
	padding:7px;
}

.headerlinks a:link, .headerlinks a:visited, .headerlinks a:hover {
	color:#2C5CF6;
	border:2px solid #FFFFFF;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
}

#topnavcontainer {
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	background-color:#5EAFD6;
	color:#FFFFFF;
}

#topnav {
	padding:10px;
	font-size:small;
	line-height:20%;
}

#topnav a:link, #topnav a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:5px 5px 5px 5px;
}

#topnav a:hover {
	text-decoration:underline;
}

#contentcontainer {
	width:100%;
	position:relative;
	margin:0;
	background-color:#FFFFFF;
	min-height:400px;
}

#content {
	padding:10px;
}

.stepHdr {
	background-image:url(step_bg.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	color:#EBF4FA;
	font-weight:bold;
	font-size:medium;
	min-height:75px;
	width:410px;
	padding:15px 10px 20px 75px;
}

*html .stepHdr {
	height:75px;
}

.stepHdr_sn {
	background-image:url(step_bg_sn.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	color:#D5E6DD;
	font-weight:bold;
	font-size:medium;
	min-height:75px;
	width:410px;
	padding:15px 10px 10px 75px;
}

*html .stepHdr_sn {
	height:75px;
}

.stepHdr_edit {
	background-image:url(step_bg_edit.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	color:#EBF4FA;
	font-weight:bold;
	font-size:medium;
	min-height:75px;
	width:410px;
	padding:15px 10px 20px 75px;
}

*html .stepHdr_edit {
	height:75px;
}

.progressbox {
	left:500px;
	position:absolute;
}

.nextAro {
	background-image:url(arrow_next.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
	padding:4px 25px 4px 2px;
	min-height:25px;
}

*html .nextAro {
	height:25px;
}

.nextAro a:link, .nextAro a:visited, .nextAro a:hover {
	color:#006600;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.backAro {
	background-image:url(arrow_back.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 25px;
	min-height:25px;
}

*html .backAro {
	height:25px;
}

.backAro a:link, .backAro a:visited, .backAro a:hover {
	color:#666666;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.checkgreen {
	background-image:url(check_green.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 23px;
	line-height:175%;
	min-height:25px;
	color:#006600;
	font-weight:bold;
	font-style:italic;
}

*html .checkgreen {
	height:25px;
}

.success {
	background-image:url(check_white.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 23px;
	line-height:175%;
	min-height:25px;
	color:#006600;
	font-weight:bold;
	font-style:italic;
}

*html .success {
	height:25px;
}

.blankbox {
	background-image:url(blank_box.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 23px;
	line-height:175%;
	min-height:25px;
	color:#006600;
	font-weight:bold;
	font-style:italic;
}

*html .blankbox {
	height:25px;
}

.arrowBlue {
	background-image:url(arrow_blubg.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 23px;
	line-height:175%;
	min-height:25px;
	font-weight:bold;
	list-style:none;
}

*html .arrowBlue {
	height:25px;
}

.arrowTeal {
	background-image:url(arrow_tealbg.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:4px 2px 4px 23px;
	line-height:175%;
	min-height:20px;
	font-weight:bold;
	list-style:none;
}

*html .arrowTeal {
	height:20px;
}

fieldset {
	border:1px solid #5EAFD6;
	background-color:#EBF4FA;
	padding:5px;
}

legend {
	background-color:#5EAFD6;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
}

#footercontainer {
	width:100%;
	position:relative;
	margin:0;
}

#footer {
	padding:10px;
	font-size:x-small;
}

.testinfo {
	width:75%;
	font-size:90%;
}

.graphic {
	border: 0px;
	padding: 10px 10px 10px 10px;
}

h1 {
	font-size:140%;
	color:#003399;
	margin-top:10px;
	margin-bottom:20px;
}

h2 {
	font-size:medium;
	color:#2580AF;
	margin-top:10px;
	margin-bottom:20px;
	font-style:italic;
}

.subhead {
	width:500px;
	font-size:small;
}

.subheadlabel {
	color:#000000;
}

h3 {
	font-size:medium;
	color:#000000;
	font-style:italic;
}

a:link, a:visited, a:hover {
	color:#003399;
	text-decoration:underline;
}
/* use on lists */
.linebottom {
	border-bottom:1px solid #5EAFD6;
	padding-top:10px;
}

.tHdr {
	background-color:#EBF4FA;
	border-bottom:1px solid #5EAFD6;
	border-top:1px solid #5EAFD6;
	font-weight:bold;
	padding-top:10px;
}

.pendingStatus {
	background-color:#FBE3B3;
	border-bottom:1px solid #5EAFD6;
	padding-top:10px;
	font-weight:bold;
}

.activeStatus {
	background-color:#B7D5C7;
	border-bottom:1px solid #5EAFD6;
	padding-top:10px;
	font-weight:bold;
}

.archiveStatus {
	background-color:#EBF4FA;
	border-bottom:1px solid #5EAFD6;
	padding-top:10px;
	font-weight:bold;
}

.errorText {
	color:#FF0000;
	font-weight:bold;
	border:1px solid #FF0000;
	padding:5px 5px 5px 5px;
}

.required {
	color:#FF0000;
}

.longtext {
	width:75%;
}
