/* Project Listings */
/*.ProjLstTbl .header{background-color:Gray;font-weight:bold;color:White;}
.ProjLstTbl{width:644px;border: solid 1px black;}
.Item{background-color:#dcdcdc;}
.ItemAlt{background-color:#bcbcbc;}
.sortarrow {FONT-WEIGHT: bold; FONT-SIZE: large}
a.sortheader:link{TEXT-DECORATION: none; color:White;padding-left:5px;}
a.sortheader:visited{TEXT-DECORATION: none; color:White;padding-left:5px;}
a.sortheader:hover{TEXT-DECORATION:none; color:#ffffff;padding-left:5px;}
a.sortheader:active{TEXT-DECORATION: none; color:White;padding-left:5px;}*/

/* Send Thoughts Module */
.txtBox
{
	width: 440px;
}
.msgBody
{
	width: 440px;
}
.SubHead
{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	text-align: right;
	width: 130px;
}
#SndThtCommandButtons
{
	width: 250px;
	margin-left: 130px;
}

/* Enhanced Documents Module*/
.EnhancedDocumentsTable
{
	width: 100%;
	border: solid 1px black;
}
.EnhancedDocumentsTableHeader
{
	background-color: Gray;
	color: White;
}
.EnhancedDocumentsTableAlternating
{
	background-color: #CCCCCC;
}
.ContactsTable
{
	width: 770px;
	border: solid 1px black;
}
.ContactsTableHeader
{
	background-color: Gray;
	color: White;
}
.ContactsTableAlternating
{
	background-color: #CCCCCC;
}

* { -webkit-box-sizing: content-box !important;box-sizing: content-box !important; -moz-box-sizing: content-box !important;} /* override bootstrap */
html, body { text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; /*background-color:White;*/
	max-width: 960px;
	/*min-width: 960px;*/
	/*min-height: 600px;*/
	background-image: url(img/iprmt-background.png);
	background-repeat: repeat-x;
}

#zenpanes
{
	color: #57473a;
	background-color: transparent;
}
/* HEADER */
div.zen-hdr
{
	background-image: url(img/ChehalisHeader.png);
	background-repeat: no-repeat;
	background-color: Transparent; /*border-bottom:solid 2px White;*/ /*background-image:url(img/logo_FHWA_whiteOnBlue.gif); background-repeat:no-repeat;*/
}
/* Title Image Replacement */
#portaltitle
{ display:none;
	/*height:48px;
	padding: 0em 1em 0em 1em; 
	float: left;
	color: white; visibility:hidden;*/
}

.portaltitle * { margin:0;padding:0;}	/* Michael McNabb 20151119, give all children a margin/padding of 0 to fix custom title layout issues */
.portaltitle
{ display:none;
	/* height: 38px;
	margin: 0em 1em 0em 1em;
	padding:1em 0em 0em 0em;
	font-size:1.5em;
	font-weight:bold;
	color: white; */
}

/* style for link back to main site, style is used in zen rendering zenheadertitle.cs */
.DefaultPortal /*a*/
{
	color: #5f678c;
	/*padding-top: 1em;
	font-weight: bold;*/
	/*display: inline-block;*/
	position:absolute;
	/*top:10px;*/
	left: 330px;
	background-color:white;
	padding:5px 2px 2px 2px;
	border-bottom:2px solid red; 
	border-left:2px solid red; 
	border-right:2px solid red; 
}

/* #topHeader{height:31px; background-color:#000066;} */
#header-l
{
	position: absolute;
	top: 60px;
	left: 0px;
	float: right;
	background-image: url(img/fhwa_header.jpg);
	width: 800px;
	height: 83px;
	background-repeat: no-repeat;
}
#header-r
{
	font-size: 12px;
	position: absolute;
	top: 8px;
	right: 0px;
	float: right;
	background-image: none;
	width: 170px;
	height: 24px;
	cursor: pointer;
	color: White;
}
#header-r a:link
{
	color: #ffffff;
	text-decoration: none;
}
#header-r a:visited
{
	color: #ffffff;
	text-decoration: none;
}
#header-r a:active
{
	color: #ffffff;
	text-decoration: none;
}
#header-r a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#mybreadcrumbs
{
	position: absolute;
	top: 140px;
	left: 110px;
}

#searchBoxDiv
{
	position: absolute;
	top: 30px;
	right: 35px;
	width: 165px;
	height: 30px;
	font-size: 12px;
}
#searchButton
{
	position: absolute;
	top: 29px;
	right: 3px;
	background-image: url(icon/gobutton.gif);
	width: 28px;
	height: 27px;
}

#siteMap
{
	color: White;
	position: absolute;
	top: 146px;
	right: 35px;
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#siteMap a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	min-height: 15px;
	width: 1%;
	padding-top: 0px;
	margin: 0px;
	background-color: Transparent;
	color: white;
	text-decoration: underline;
	border: 1px none #3c78b5;
	white-space: nowrap;
}
#siteMap a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	min-height: 15px;
	width: 1%;
	padding-top: 0px;
	margin: 0px;
	background-color: Transparent;
	color: white;
	text-decoration: underline;
	border: 1px none #3c78b5;
	white-space: nowrap;
}
#siteMap a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	min-height: 15px;
	width: 1%;
	padding-top: 0px;
	margin: 0px;
	background-color: Transparent;
	color: white;
	text-decoration: underline;
	border: 1px none #3c78b5;
	white-space: nowrap;
}
#siteMap a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	padding-top: 0px;
	background-color: Transparent;
}

/* FOOTER */
div.zen-ftr
{
	background-color: white;
	padding: 10px 0px 10px 0px;
	text-align: left;
}
/* COLUMNS */
div.zen-cols
{
	/*background-color:transparent;*/
	clear: both;
	background: white;
}
div.zen-col-middle
{
	/*background-color:transparent;*/
}

/* main center content */
div.zen-col-center
{
	/*background-color:#e9eddc;  border: solid 2px darkblue;  border-top:none 0px transparent;*/ /* border:solid 5px #BBBBBB; */
	padding: 8px 8px 8px 8px;
}
div.zen-add-edit-wrapper
{
	display: none;
}
/* div.zen-add-edit-wrapper
{
background-color:White;
background-image:url(img/fhwa_background.gif);
}
div.zen-add-edit
{
  background-color:Red;
  width:100px;
  height:300px;
}
*/
/*div.zen-cols-wrapper {display:none;}*/
div.zen-cols-wrapper
{
	/*background-image:url(img/fhwa_background.gif);*/
	min-height: 600px;
}

div.rb_DefaultLayoutDiv
{
	/*background-color:White; background-image:url(img/fhwa_background.gif);*/
}

div.div_ev_Table
{
	/*background-color:white; background-image:url(img/sidebar.gif); background-repeat: repeat-y;*/
}
div.zen-hide-left div.zen-cols-wrapper
{
	border-left: none;
}
div.zen-hide-right div.zen-cols-wrapper
{
	border-right: none;
}
div.zen-hide-both div.zen-cols-wrapper
{
	border-style: none none none none;
}

.CategoryNormal
{
	width: 300px;
}

#messageDiv
{
	display: none;
}

div.div_ev_Table a.CommandButton
{
	margin-left: 150px;
}

div.rb_AlternatePortalFooter div.zen-cols-wrapper
{
	padding: 0px;
}

.collapsePanelHeader
{
	background: red;
}

.watermarked
{
	border-right: #bebebe 1px solid;
	padding-right: 0px;
	border-top: #bebebe 1px solid;
	padding-left: 2px;
	padding-bottom: 0px;
	border-left: #bebebe 1px solid;
	color: gray;
	padding-top: 2px;
	border-bottom: #bebebe 1px solid;
	height: 20px;
	background-color: #f0f8ff;
}


.collapsePanelHeader
{
	background: LightSteelBlue;
	padding:5px;
	width:98%;
	display:inline-block;
	text-decoration: none;
}

.Wizard .collapsePanelHeader
{
/*  
    Found this change in scott's presentation but it causes the collapsible headers to get cutoff at the left
    when in a multishortcutwizard
*/    
	/*margin-left: -10px;
	width: 101.25%;*/
}


/************************ Help Icon ************************/
.HelpIcon
{
    background-image: url(icon/help.png);
    background-repeat:no-repeat;
    display:inline-block;
    /*vertical-align:middle;*/
    width:16px;
    height:16px;
}

/************************ Close Button ************************/
.CloseButton
{
    background-image: url(icon/CloseText.png);
    background-repeat:no-repeat;
    display:inline-block;
    width:73px;
    height:17px;    
}

/************************ Table Grid style ************************/

.TableProperty
{
	border-collapse: collapse;
}


.TableProperty td, .TableProperty th
{
	border: solid 1px black;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
}

.TableProperty th
{
	background: Silver;
	text-align: left;
}





.TableDocuments
{
	border-collapse: collapse;
}


.TableDocuments td, .TableDocuments th
{
	border: solid 1px black;
	text-align: left;
	vertical-align:top;
	overflow: hidden;
	/*white-space: nowrap;*/
}

.TableDocuments th
{
	background: Silver;
	text-align: left;
}




/************************ Wizard styles ************************/


/* Wizard Status */

/* notstarted */
.NotStartedActive
{
    background-image: url(icon/progress-notstarted-active.png);
    width:10px;
    height:10px;
	float:right;
}
.NotStartedInactive
{
    background-image: url(icon/progress-notstarted-inactive.png);
    width:10px;
    height:10px;
    float:right;
}

/* started */
.StartedActive
{
    background-image: url(icon/progress-started-active.png);
    width:10px;
    height:10px;
	float:right;
}
.StartedInactive
{
    background-image: url(icon/progress-started-inactive.png);
    width:10px;
    height:10px;
    float:right;
    
}

/* finished */
.FinishedActive
{
    background-image: url(icon/progress-finished-active.png);
    width:10px;
    height:10px;
    float:right;
}
.FinishedInactive
{
    background-image: url(icon/progress-finished-inactive.png);
    width:10px;
    height:10px;
    float:right;
}



.Wizard
{
	vertical-align: top;
	border: solid 1px black;
	background: #ffffff
}

.WizardHeader
{
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	border-bottom: solid 1px black;
	text-align: left;
	vertical-align: top;
	background: #EFF3FB;
}

.WizardStep
{
	vertical-align: top;
	height: 300px;
	padding: 0px 10px 5px 10px;
}


/************************ Wizard side bar styles ************************/
.WizardSideBar
{
	background: #dfe8ef;
	width: 100px;
	vertical-align: top;
	border-right: solid 1px black;
}

.WizardSideBar table
{
	width: 100%;
}

/* Hide special wizard content */
.WizardSideBar img
{
	display: none;
}

.WizardSideBarButton, .WizardSideBarHeading
{
	/*display: block;*/
	padding: 5px 10px 5px 10px;
}

.WizardSideBarButton:Hover, .WizardSideBarButtonActive
{
	background: LightSteelBlue;
	border: none 0px transparent;
}

.WizardSideBarButtonActive
{
	background: White;
	font-weight: bold;
}

.WizardSideBarHeading
{
	background-color: LightSteelBlue;
	font-weight: bold;
}


/************************ Wizard navigation styles ************************/
.WizardNavigation
{
    float:right;
	text-align: right;
	vertical-align: bottom;
}
.WizardNavigationButtons
{
	background-color: White;
	border: solid 1px #507CD1;
	color: #284E98;
}




/* Accordion */
/*.accordionHeader, .accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #2E4d7B;
	font-size: small;
	padding: 5px 0px 5px 15px;
	margin-top: 5px;
	cursor: pointer;
	background-image: url(/iPRMT/Design/Themes/iPRMT-2-4-Project/icon/collapsed.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	background-color: #5078B3;
	background-image: url(/iPRMT/Design/Themes/iPRMT-2-4-Project/icon/expanded.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 15px;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	font-size: small;
}
*/

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

.modalPopup p
{
	padding: 5px;
}

.PopupDiv
{
    text-align:left;
    float:none;
    clear:both;
    white-space:normal;
}