﻿BODY {
	background: #004677 url(../Images/Interface/background_globe_darkblue.jpg) no-repeat 50% 0%;
	font-family: Tahoma;
	margin: 0px;
	text-align: -moz-center; /*FF*/
	#text-align: center; /*IE */
}

UL {
	list-style-type:none;
	padding-left: 10;
	margin-left: 10;
}

LI {
	background: url(../Images/Utility/triangle3.gif) left no-repeat;
	background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
	padding-left: 25px;
	margin-bottom: 5px;
}

UL.inside {
	list-style-type:none;
	padding-left: 10;
	margin-left: 10;
}

LI.inside {
	background: url(../Images/Utility/triangle4.gif) left center no-repeat;
	background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
	padding-left: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
}


#ContentTable {
	text-align: left;
}

.site-map-path {
	color: #004677;
	font-size: 10pt;
	font-weight: bold;
}

/*
.column-header 
{
	font-family:Franklin Gothic Book;	
	color: #004677;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
*/

.column-content {
	font-family:Franklin Gothic Book;	
	border: solid 1px #004677;
	color: Black;
	font-size: 14pt;
	font-weight: normal;
	vertical-align: top;
}

/*
.column-content A {
	color: #004677;
	font-size: 10pt;
}

.column-content A:visited {
	color: Purple;
	font-size: 10pt;
}

.column-content A:hover {
	color: Red;
	font-size: 10pt;
}

.column-content2 {
	color: Black;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: top;
}
*/

.content  {
	color: Black;
	font-size: 11pt;
	font-weight: normal;
	vertical-align: top;
	line-height:18px;	
}

.fade-left {
	background-image: url(../Images/Interface/fade_left.png);
	background-repeat: repeat-y;
}

.fade-right {
	background-image: url(../Images/Interface/fade_right.png);
	background-repeat: repeat-y;
}

.fade-white {
	background-image: url(../Images/Interface/fade_white_90.png);
}

/*
.fade-blue {
	background-image: url(../Images/fade_blue_30.png);
}
*/

.pageheader {
	font-family: Tahoma;
	color: #004677;
	font-size: 14pt;
	font-weight: bold;
}
.pageheader1 {
	font-family: Franklin Gothic Book;
	font-size: 12pt;
	font-weight: bold;	
}

/*
.pageheader2 {
	color: #004677;
	font-size: 8pt;
	font-weight: bold;	
}
.pageheader3 {
	font-family:Franklin Gothic Book;	
	font-size: 8pt;	
}
*/

.pageheader4 {
	font-family: Franklin Gothic Book;	
	font-size: 10pt;	
}

.pageheader5 {
	font-family:Franklin Gothic Book;	
	color: #004677;
	font-size: 10pt;	
}

/*
.pageheader6 {
	font-family:Franklin Gothic Book;	
	font-size: 9pt;	
}
*/

.pageheader7 {
	font-family:Franklin Gothic Book;	
	color: #004677;
	font-size: 10pt;
	font-weight: bold;	
}

.pageheader8 {
	font-family:Franklin Gothic Book;	
	color: #004677;
	font-size: 12pt;
	font-weight: bold;	
	text-align: center;
}

/*
.pageheader9 {
	font-family:Franklin Gothic Book;
	font-size: 12pt;
}
*/

.pageheader10 {
	font-family:Franklin Gothic Book;	
	color: #004677;
	font-size: 11pt;
	font-weight: bold;	
}

/*
.pageheader11 {
	font-family:Franklin Gothic Book;
	font-size: 14pt;
}
*/

.footer {
	color: White;
	font-family: Tahoma, Sans-Serif;
	font-size: 8pt;
}

.footer A {
	color: White;
	font-weight: bold;
}

.footer A:hover {
	color: Red;
}

.red { /* yeah, we shouldn't use this */
	color: Red;
}

.sup { /* for superscripting */
    font-size: 0.65em;
    vertical-align: text-top;
}

/* for image alignment, vspace, hspace and framing */
.align-right {
	 float: right; 
	 margin: 0 0 15px 15px; 
}

.align-left {
	float: left; 
	margin: 0 15px 15px 0;
} 

.frame {
	padding: 5px; 
	border: 1px solid #aaaaaa; 
} 
/* end image css */


/* For Data Lists */
.list-header {
	background-image: url(../Images/Interface/list_header_bg.jpg);
	border: none;
}

.list-header-cell {
	border: solid 1px #344f64;
	border-left-color: #6d94b1;
	border-top-color: #6d94b1;
	color: #ffffff;
	font-size: 10pt;	
	font-weight: bold;
	text-decoration: none;
}

.list-header-cell A {
	color: #ffffff;
	text-decoration: none;
}

.list-item {
	border-bottom: solid 1px #333333;
	color: #000000;
	font-size: 10pt;	
}
/* End Data List items */

/* For employment form - may be expanded to all forms */
.employment-label {
	font-size: xx-small;
	font-weight: bold;
	vertical-align: top;
}

.employment-note {
	color: #666666;
	font-size: xx-small;
	font-weight: bold;
	vertical-align: top;
}

/* these settings seem to vary between FF & IE, so I eliminated them */
.employment-textbox {
	border: solid 1px #7f9db9;
	display: inline;
	/*font-size: 12px;
	height: 20px;
	padding: 2px;*/
}

.employment-list-item {
	font-size: xx-small;
	vertical-align: top;
}

.required {
	color: Red;
	font-weight: bold;
}

.required-input {
	border: solid 2px #ff0000;
	display: inline;
	/*height: 22px;*/
	/*padding: 2px;*/
}
/* End Employment Form items */

.Calendar-enabled {
	background: #ffffff url(../Images/Controls/Calendar/calendar_dd_off.gif) no-repeat right center;
	border: solid 1px #7f9db9;
	cursor: default;
	/* padding: 1px 2px 1px 2px; */
}

.Calendar-active {
	background: #ffffff url(../Images/Controls/Calendar/calendar_dd_over.gif) no-repeat right center;
	border: solid 1px #7f9db9;
	cursor: default;
	/* padding: 1px 2px 1px 2px; */
}

.Calendar-disabled {
	/*background: #ffffff url(../Images/Controls/DropDown/dropdown-disabled.gif) no-repeat right center;*/
	border: solid 1px #f5f4ea;
	/*padding: 0px 1px 0px 1px;*/
}

.Calendar-required {
	background: #ffffff url(../Images/Controls/Calendar/calendar_dd_off.gif) no-repeat right center;
	border: solid 2px #ff0000;
	cursor: default;
}

/* ajax drop-down list */
.DropDownText-enabled {
	background: #ffffff url(../Images/Controls/DropDown/dropdown-off.gif) no-repeat right center;
	border: solid 1px #7f9db9;
	cursor: default;
	/* padding: 1px 2px 1px 2px; */
}

.DropDownText-active {
	background: #ffffff url(../Images/Controls/DropDown/dropdown-on.gif) no-repeat right center;
	border: solid 1px #7f9db9;
	cursor: default;
	/* padding: 1px 2px 1px 2px; */
}

.DropDownText-disabled {
	background: #ffffff url(../Images/Controls/DropDown/dropdown-disabled.gif) no-repeat right center;
	border: solid 1px #f5f4ea;
	/*padding: 0px 1px 0px 1px;*/
}

.DropDownPanel-hidden {
	display: none;
	overflow: scroll;
	overflow-x: hidden;
	visibility: hidden;
}

.DropDownPanel-visible {
	background-image: url(../Images/Interface/fade_white_90.png);
	border: 1px solid #868686;
	cursor: default;
	display: block;
	/*filter: alpha(opacity=90);
	opacity: .9;*/
	overflow: scroll;
	overflow-x: hidden;
	padding: 0px 1px 1px 1px;
 	position: absolute;
	visibility: visible;
	z-index: 1000;
  }

.DropDownItem-normal {
	color: Black;
	cursor: default;
	display: block;
	font-weight: normal;
	margin: 1px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	white-space: nowrap;
}

.DropDownItem-normal-hover {
	background-color: #ffe6a0;
	border: 1px solid #d2b47a;
	color: Black;
	cursor: default;
	display: block;
	font-weight: normal;
	margin: 1px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	white-space: nowrap;
}

.DropDownItem-selected {
	background-color: #ffa1a6;
	border: 1px solid #d37b7b;
	color: Black;
	cursor: default;
	display: block;
	font-weight: normal;
	margin: 1px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	white-space: nowrap;
}

.DropDownItem-selected-hover {
	background-color: #ffa1a6;
	border: 1px solid #d37b7b;
	color: Black;
	cursor: default;
	display: block;
	font-weight: normal;
	margin: 1px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	white-space: nowrap;
}


.DropDownItem-selected-hover {
	color: Black;
}
/* end ajax drop-down list */

/* um, update progress image */
#ctl00_Main_UpdateProgress1, #UpdateProgress {
	background-color: White;
	border: 1px solid #003bd1;
	cursor: default;
	display: block;
	filter: alpha(opacity=90);
	padding: 10px;
	opacity: .90;
	position: absolute; 
	z-index: 2000;
}
/* end progress image */
