/***********************************************************************************************
2006 OFM advanced screen styles 
***********************************************************************************************/

html {
	padding:0;
	height: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
body {
	background-color:#005555;
	color:#000000;
	min-width:750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
}

#wrap {
	position: relative;
	margin: 0 auto 0 auto;
	width: 800px;
	}

#wrap_full {
	position: relative;
	background: url(../img/bg.gif) repeat-y;
	margin: 0 auto 0 auto;
	width: 100%;}
	
#wrap_dialog {
	position: relative;
    margin: 0 auto 0 auto;
	width: 600px;
	}

#masthead {
	background-color:#005555;
	background-image: url(../Images/masthead4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	width: 750px;
	}

#masthead_dialog {
	background-color:#005555;
	background-image: url(../Images/masthead4A.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	width: 700px;
	}

#masthead_gap {
	background-color:#005555;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	height: 10px;
	width: 700px;
	}
	
	.reserve
	{
	background-color:#005555;
	}
	
	#masthead_full {
	background-color:#005555;
	background-image: url(../Images/masthead4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	width: 100%;
	}
	
	#TEMS {
	background-color:#005555;
	margin-left: 120px;
	padding: 0px;
	width: 750px;
	}
	
.ServiceLinks
	{
		font-size: small;
		font-weight: bold;
		color: White;
		background-color: #005555;
	}
	
	.ServiceLinks A
	{
		color: White;
		text-decoration: underline;
	}
	
	.ServiceLinks A:active
	{
		color: Red;
		text-decoration: underline;
	}
	
	.ServiceLinks A:hover
	{
		color: Red;
		text-decoration: underline;
	}
	
	.ServiceLinks A:visited
	{
		color: White;
		text-decoration: underline;
	}
	
#search {
	float: right;
	margin: 10px 0px 0px;
	padding: 0px;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#search input.gobutton {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}


#search p {
	font-size: 0.76em;
	color: #FFFFFF;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	text-align: right;
}

#tabs_full {
	width: 100%;
	position:relative;
text-align:center;
	left:0;
}
#tabs {
	width: 750px;
	position:relative;
text-align:center;
	left:0;
}
#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1em;
}
#nav a {
	display: block;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: center;
	background-color: #225566;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	font-weight: normal;
}
#nav a:hover {
	color: #225566;
	text-decoration: underline;
	background-color: #DDDDCC;
}
#nav a:active  {
	color: #225566;
	background-color: #DDDDCC;
}
#nav a.current {
	color: #225566;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #225566;
}
#nav a.home {
	color: #225566;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #225566;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #225566;
}
#nav li { /* all list items */
	float: left;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #DDDDCC;
	width: 170px;
	left: -999em;
	padding: 0px;
	margin: 0px 0px 0px -1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul a {
	color: #225566;
	width: 150px;
	padding: 5px 10px 5px 10px;
	background-color: #DEDFCE;
	text-align: left;
	margin: 0px;
	line-height: 1.3em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nav li ul a:hover {
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.accesskey {
	text-decoration: underline;
}


#container {
	padding: 0 0 10px;
	float: left;
	width: 595px;
}
#sidebar
{
	float: left;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	width: 130px;
	position: relative;
	left: 0;
	top: 0;
}
#subnavbar {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 490px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #005555;
}

#subnavbar a {
	font-family: Arial, Helvetica, sans-serif;
	color: #225566;
	text-decoration: underline;
	margin-right: 15px;
}
#subnavbar a:hover {
	text-decoration: underline;
	background-color: #DDDDCC;
}
#subnavbar a:visited {
	color: #225566;
	text-decoration: underline;
}

.GridViewScroller
{
	overflow: auto;
}

#content
{
	width: 780px;
	margin: 0px;
	padding: 10px;
	background-color: White;
	top: -120px;
	position: static;
	clear: none;
}

#content_full
{
	float: right;
	margin: 0px;
	padding: 10px;
	background-color: White;
	top: -120px;
	position: static;
	clear: none;
	width: 100%;
}

#content_dialog
{
	width: 100%;
    margin: 0px;
    padding: 10px;
	background-color: White;
	clear: none;
}

#content a {

}
#content a:hover {
	
}
#content a:hover img {
	
}
#content a:visited {

}
#content h1, #content h2, #content h3, #content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;	
}
#content h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#content h2 {
	text-transform: uppercase;
}
#content h3 {
}
#content h4 {
	color: #FFFFFF;
	background-color: #005555;
	padding: 2px 0px 2px 3px;
	margin: 0px;
}


#content p {
	text-align: left;
}

#content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 15px;
	list-style-type: square;
	list-style-position: outside;
}
#content ul.toc {
	margin: 10px 0px 20px 15px;
	padding: 0px;
	list-style-type: none;
}
#content ul.toc ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#content ul.toc li {
	list-style-type: none;
}




#content ol {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 15px;
}
#content li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#content img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



#footer {
	clear: both;
	background: #005555;
	border-top: 1px solid #225566;
	margin: 0px;
	padding: 7px 10px 0px;
	width: 730px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #FFFFFF;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover 
{
	color: Red;
	text-decoration: underline;
}
#footer a:active 
{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited 
{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer img {
	float: right;
	margin: 0px;
	padding: 0px;
}

.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
img {border:none;}
.smaller {font-size:10px;}
.subhead {margin-top:0px;}

ul.nodot {list-style-type:none;} /* creates an unordered list with no bullets */
ul.nodot li {
	list-style-type: none;
}


.indent15 {margin-left:15px;} /* indents content left 15 pixels */
.space10 {margin-bottom: 10px;} /* can be used to space list items - 10 pixels apart */
pre {
	font-size: 1.0em;
}
p.figurecaption {
	font-weight: bold;
	text-align: center;
	margin: 3px 0px;
	padding: 0px;
	font-size: 0.76em;
} /*for the captions on news releases or other pages */
#publications {
	width: 490px;
}
#publications h4 {
	background-color: #DDDDCC;
	padding: 2px;
	color: #225566;
	margin-top: 5px;
}

#publications p.title {
	margin: 10px 0px 0px;
	padding: 0px;
}
#publications p.description {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDDCC;
	font-size: 0.9em;
}
#publications p.date {
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 2px;
	color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDDCC;
	font-size: 0.9em;
}


#quickpicks {
	margin-right: 0px;
	margin-bottom: 10px;
	float: right;
	width: 100px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 0px;
}
#quickpicks img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#quickpicks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#quickpicks ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: center;
}
#quickpicks ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#system_name
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: black;
	font-size:larger;
	text-align: center;
	width: 490px;
	position: inherit;
}

#left
{
	float: left;
	padding: 0;
	width: 185px;
	clear: none;
}
#left h1, #left h2, #left h3, #left h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;	
}
#left h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#left h2 {
	text-transform: uppercase;
}
#left h3 {
}
#left h4 {
	color: #FFFFFF;
	background-color: #005555;
	padding: 2px 0px 2px 3px;
	margin: 0px;
}

#linkbar
{
	background-color: #DDDDcc;
	height: 22px;
	top: -4px;
	position: relative;
	text-align: center;
	vertical-align: baseline;
	font-size: 8pt;
}

#linkbar A:link
{
	color: Blue;
	text-decoration: underline;
	font-size: 8pt;
}

#linkbar A:visited
{
	color: Blue;
	text-decoration: underline;
	font-size: 8pt;
}

#linkbar A:hover
{
	color: Red;
	text-decoration: underline;
	font-size: 8pt;
}

#linkbar A:active
{
	color: Blue;
	text-decoration: underline;
	font-size: 8pt;
}


.Green
{
	background-color: Green;
}

.SelectedRow
{
	background-color: Silver;
}

.HiddenColumn
{
	display: none;
}

.GridBody
{
	border-color:silver;
	border-style:solid;
	font-size: 10pt;	
}

.GridHeader
{ 
	background-color:#225566; 
	color:#EEEEE6; 
	font-family:Tahoma; 
	
}



.GridHeader A
{
	color: White;
}

.GridFooter A
{
	color: White;
}


.GridAltRow
{ 
	background-color:#EEEEE6;
		color: #000066;
}

.GridAltRow A
{
	color: #000066;
}

.GridRow
{
	border-color: #C0C0FF;
	border-style: solid;
	color: #000066;
}

.GridRow A
{
	color: #000066;
}




.GridFooter
{ 
	text-align:left; 
	background-color:#225566; 
	color:#EEEEE6; 
	font-family:Tahoma; 
	font-size:small;
	font-weight:bold
}

.GridTotalColumn
{
	text-align: right;	
	padding-right: 10px;
}

.GridSelectedRow
{
	background-color: #669999;
	border-color: White;
	border-style: solid;
	font-weight: bold;
	color: White; 
            
}

.GridSelectedRow A
{
	color: White; 
}

.FooterImage
{
	width: 115px;
	height: 35px;
	border: 0;
	position: relative;
	top: -20px; 
}


.tab-active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	background-color: #DDDDcc;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-left: 18px;
	width: 100px;
	height: 32;
	
}

.tab-inactive A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	
}

.tab-inactive 
{

	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 0px none #000000;
	background-color: #225566;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-left: 18px;
	width: 100px;
	height: 32;
}

.home_header1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #225566;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #225566;
	margin-bottom: 10px;
	font-size: 1.5em;
}

.ReadOnly
{
	background-color: #DCDCDC;

}

.ReadOnlyAmount
{
	background-color: #DCDCDC;
	text-align: right;
	width: 85px;
}

.Amount
{
	text-align: right;
	width: 85px;
}


TEXTAREA
{
	font-family: Arial, Helvetica, sans-serif;
}

.HomeTaskList
{
	font-weight: bold;
	font-size: 13pt;
	line-height: 1.5;
}

.HomeTaskList A
{
	text-decoration: underline;
	color: Blue;
}

.HomeTaskList A:Active
{
	text-decoration: underline;
	color: Maroon;
}

.HomeTaskList A:Visited
{
	text-decoration: underline;
	color: Blue;
}

.FlagList
{
	list-style-type: none;
}

.TitledDialog
{
	background-color: white;
}

.LinkDialog A
{
	color: Blue;
	text-decoration: underline;
}

.LinkDialog A:hover
{
	color: Red;
	text-decoration: underline;
}

.LinkDialog A:visited
{
	color: Blue;
	text-decoration: underline;
}

.NumberField
{
	text-align: right;
}

.NumberFieldReadOnly
{
	background-color: #DCDCDC;
	text-align: right;
}

.finePrintLabel
{
	font-weight: bold;
	font-style: italic;
	font-size: small;
}

.rerouteForm
{
	margin-left: 6em;
}

.rerouteForm label
{
	width: 20em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
.rerouteForm .headerLabel
{
	font-weight: bold;
}

.listHeaderLabel
{
	font-weight: bold;
}

.rerouteForm fieldset
{
	width: 60em;
}

.RoutingFormLabel
{
	font-weight: bold;
	font-size: large;
}

.rerouteForm #RoutingButtons
{
	margin-left: 6em;
}

.rerouteForm .requestID
{
	width : 5em;
	background-color : #DCDCDC;
}

.rerouteForm .requestDate
{
	width : 10em;
	background-color : #DCDCDC;
}

.rerouteForm .requestDesc
{
	width : 30em;
	background-color : #DCDCDC;
}

.rerouteForm .requestTotal
{
	width : 7em;
	text-align: right;
	background-color : #DCDCDC;
}
.rerouteForm .requestStatus
{
	width : 30em;
	background-color : #DCDCDC;
}




.rerouteForm .routeToDropDown
{
	width : 15em;
}

.groupForm
{
	margin-left: 12em;
	width: 40em;
}

.groupTypeValidator
{
	position: relative;
	margin-left: 15em;
	top: -34px;
}

.groupMembersForm
{
	margin-left: 12em;
	width: 30em;
}

.profileForm
{
	margin-left: 11.5em;
    top: 50px;
}

.profileForm label
{
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.profileForm .userVendorSuffixLabel
{
	width: 11em;
	position: relative;
	margin-left: 8em;
	top: -2em;
}

.profileForm .userVendorSuffixTextBox
{
	position: relative;
	margin-left: 4.5em;
}

.profileForm .headerLabel
{
	font-weight: bold;
}

.profileForm .RequestorNameAgency
{
  background-color : #DCDCDC;
  width : 15em;
}

.profileForm .ReadOnly
{
	background-color : #DCDCDC;
}

.profileForm .EmailTextBox
{
	width : 20em;
}

.profileForm .EmailTextBoxReadOnly
{
	width : 20em;
	background-color : #DCDCDC;
}

.profileForm .MiddleInitial
{
	width : 2em;
}

.profileForm .WorkSchedule
{
	width : 20em;
}

.profileForm .WorkScheduleReadOnly
{
	width : 19em;
	background-color : #DCDCDC;
}

.profileForm .Phone
{
	width : 4em;
}

.PhoneFull
{
	width : 13em;
	background-color : #DCDCDC;
}

.profileForm fieldset
{
	width: 40em;
}

.profileForm .DropDown
{
	width: 15em;
}

.profileForm a
{
	margin-left: 10.5em;
}

.switchPanel label
{
	width: 12em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.switchPanel .DropDown
{
	width: 15em;
}

.switchPanel
{
	margin-left: 12em;
	
}

.switchPanel fieldset
{
	width: 35em;
	height: 6em;
	
}

.switchButton
{
	margin-left: 12em;
	margin-top: 0.5em;
}

.OKCancelButton
{
	width: 65px;
}

.historyFlagHeader
{
	margin-left: 2em;
	margin-bottom: .5em;
	margin-right: 2em;
}

.historyItem
{
	margin-bottom: .5em;
}

.historyItems
{
	margin-left: 2.5em;
	margin-right: 3em;

}



.historyFlagsLogo
{
	margin-right: 2em;
}

.historyChanges
{
	margin-left: 1em;
}

.RoutingStatus 
{
	width: 30em;
	background-color: #DCDCDC;
}

.profileRequiredMessage
{
	margin-left: .5em;
	margin-bottom: 1em;
}

.flagButton
{
    margin-left: 25em;
}

.SortImage
{
	margin-left: .5em;
}


.PenaltyLabel
{
	font-weight: bold; 
	width: 729px;
}

.Right1
{
	position: absolute;
	width: 60px;
	text-align: right;
	left: 100px;
}

.Right2
{
	position: absolute;
	left: 170px;
}


.FixedHeader 
{
	position: relative; 
}

/*.scroll 
{ 
	
height:expression(this.scrollHeight > 350 ? "350px" : "none" );
}
*/
/*
	THE FOLLOWING STYLES SUPPORT THE NEW VERSION
	OF THE LOCATION PICKER 
*/

.locationPickerAlt
{
	margin-left: .0em;
	line-height: 2em;
}

.locationPickerAlt .horizLine
{
	width: 45em;
	text-align: left;
}

.locationPickerAlt .selectLabel
{
	width: 12em;
	text-align: right;
}


.locationPickerAlt .infoLabel
{
	position: absolute;
	left: 11.5em;
	text-align: right;
	width: 3.5em;
}

.locationPickerAlt .infoLabelReadOnly
{
	position: absolute;
	left: 11.5em;
	text-align: right;
	width: 3.5em;
	background-color : #DCDCDC;
}

.locationPickerAlt .infoField
{
	position: absolute;
	left: 14em;
	text-align: left;
}

.locationPickerAlt .infoValidator
{
	position: absolute;
	left: 36em;
}

.locationPickerAlt .infoFieldReadOnly
{
	position: absolute;
	left: 14em;
	text-align: left;
	background-color : #DCDCDC;
}

/* END NEW LOCATION PICKER SUPPORT */

#reimbursementWrap {
	position: inherit;
	margin: 0 auto 0 auto;
	width: 800px;}
	
#reimbursementContent
{
	width: 780px;
	margin: 0px;
	padding: 10px;
	background-color: White;
	top: -120px;
	position: inherit;
	clear: none;
}

#queryWrap {position: inherit;
	margin: 0 auto 0 auto;
	width: 900px;}
	
#queryContent
{
	width: 890px;
	margin: 0px;
	padding: 10px;
	background-color: White;
	top: -120px;
	position: inherit;
	clear: none;
}

/* SlideShow styles */

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.PortfolioTable Table
{
	border-style: solid;
}

.PortfolioTable TR
{
	border-style: solid;
}

.PortfolioTable TD
{
	border-style: solid;
}

.SelectedPortfolioType A
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

.SelectedPortfolioType A:hover
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

.SelectedPortfolioType A:visited
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

.SelectedPortfolioType A:active
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

.UnSelectedPortfolioType A
{
	color: Blue;
	text-decoration: underline;
}

.UnSelectedPortfolioType A:hover
{
	color: Blue;
	text-decoration: underline;
}

.UnSelectedPortfolioType A:visited
{
	color: Blue;
	text-decoration: underline;
}

.UnSelectedPortfolioType A:active
{
	color: Blue;
	text-decoration: underline;
}

.PortfolioTitle
{
	font-weight: bold;
	text-decoration: underline;
}