/* v1.0 | 20080212 */


#logoutLink { 
	padding: 5px 20px 5px 20px; 
	margin-top: 10px;
}
  
img, 

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.classCreatedBy 
{ 	color: #484848; 
	font-size: 14px; 
	font-weight: bold;
}

.lastModifiedBy 
{ 	color: #484848; 
	font-weight: bold;
	margin-left: 15px;
	margin-top: 10px;
	font-size: x-small;
	font-style: italic;
}



/****************************
         Body
*****************************/
input[type=submit], input[type=reset] { 
	padding: 4px 8px;
	background: #E2DED8;
	}
body { 
	background: #C4C6CE; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 1.5em;
	}
strong, b, h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	line-height: 1.5em;
	} 
	
h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	line-height: 2.25em;  
	font-weight: normal; 
	color:#444;
	margin-bottom: -5px;
	}

p { 
	font-weight: normal;
	}
	


/****************************
         Classes
*****************************/

a:link, a:active, h2 a, h3 a { 
	font-weight: bold; 
	text-decoration: none;
	}
	
a:hover, a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, #content a:hover, #content a:focus { 
	text-decoration: underline; 
	color:#660000;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none;
	}
	
.hide { 
	position: absolute; 
	height: 0; 
	width: 0; 
	overflow: hidden;
	}
	
.noBorder { 
	border: 0 !important;
	}
	
.floatLeft { 
	float: left; 
	margin:  5px 10px 5px 0px;
	}
	
.floatRight { 
	float: right; 
	}
	
.alignLeft { 
	text-align: left; 
	}
	
.alignRight { 
	text-align: right; 
	}
	
.center {
	text-align: center;
	}
	
.top { 
	font-size: 12px; 
	display: block; 
	background: transparent url("/img/top.gif") 100% 20% no-repeat; 
	padding-right: 1em; 
	width: 7em;
	}
	
.photocaption {
	font-size: 12px; 
	font-style: italic; 
	background: #f1f1f1; 
	text-align: justify; 
	}
	
.graphcaption {
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
.last {
	border: none;
	}
	
.anchor li{
	display:inline;
	padding:0 0.5em;
	border-right:1px solid #444
	}
	
.imgRt {
	float: left; 
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
	}
	
.textIndent{
	text-indent:15px;
	}

.pushUp{
	margin: -21px 0 0 0;
	}
	
.imgRt2 {
	float: left; 
	margin: 5px 0 0 0 ;
	padding: 0 0 0 0 ;
	border: 0;
	}

.contact {
	border: 0;
}		
	
.pushUp2{
	margin: -18px 0 0 0;
	padding-left: 30px;
	padding-bottom: 10px;
	border: 0;
	}	
/****************************
         Tables
*****************************/

	
table.attachments {
	border-collapse: collapse; 
	width: 100%; 
	margin: 0px 0px; 
	}	
	
table.attachments th {
	background: #d5d5d5; 
	color: #666; 
	font-weight: bold; 
	padding: 2px 11px; 
	text-align: left; 
	border-right: 1px solid #fff; 
	line-height: 1.2; 
	vertical-align: middle; 
	font-size: 14px;
	}
	
table.attachments td {
	padding: 6px 11px; 
	border-bottom: 1px solid #95bce2; 
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	font-weight: bold;
	}
	

#tablelist {
	margin:0px;
	}
	
#thlast {
	border-right:1px solid #000 
	}
	
.table {
	border-collapse: collapse; 
	width: 100%; 
	margin: 0px 0px 10px 0px; 
	}
	
.table th {
	background: #B7AFA3; 
	color: #484848; 
	font-weight: bold; 
	padding: 2px 11px; 
	text-align: left; 
	border-right: 1px solid #fff; 
	line-height: 1.2; 
	vertical-align: middle; 
	font-size: 14px;
	}
	
.table td {
	padding: 2px 11px; 
	border-bottom: 1px solid #6D929B; 
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	}
	
.table td * {
	padding: 2px 11px; 
	}
	
table.sortable thead{
	cursor:default;
	}

.cancelled {
 
  color: red;
  font-weight: bold;
 
  
}	

.redText {
 
  color: red;
   
  
}	



/* Table On The Order Page - CSS*/
.orderTable {
	border-collapse: collapse; 
	width: 100%; 
	margin: 0px 0px 10px 0px; 
	}
	
.orderTable th { 
	color: #484848; 
	font-weight: bold; 
	
	/*padding: 2px 11px;*/ 
	text-align: center; 
	/*border-right: 1px solid #fff;*/ 
	line-height: 1.2; 
	vertical-align: middle; 
	font-size: 14px;
	}
	
.orderTable td {
	/*padding: 2px 11px;*/ 
	/*border-bottom: 1px solid #6D929B;*/ 
	color: #484848; 
	padding-top: 12px;
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	}
	
.orderTable td * {
	padding: 2px 11px; 
	}	
	
	
.shoppingCartTable {
	border-collapse: collapse; 
	width: 100%; 
	margin: 20px 0px; 
	}
	
.shoppingCartTable data {
	border-collapse: collapse; 
	width: 100%; 
	margin: 0px 0px; 
	}	
	
.shoppingCartTable th {
	background: #d5d5d5; 
	color: #666; 
	font-weight: bold; 
	padding: 2px 11px; 
	text-align: left; 
	border-right: 1px solid #fff; 
	line-height: 1.2; 
	vertical-align: middle; 
	font-size: 14px;
	}
	
.shoppingCartTable td {
	padding: 6px 11px; 
	border-bottom: 1px solid #95bce2; 
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	}
	
.shoppingCartTable td.no-line{
	padding: 6px 11px;
	border-bottom: none; 
	font-weight:bold;
	vertical-align:top; 
	font-size: 12px; 
	font-weight: bold; 
	text-align:left;
	}	
	
.shoppingCartTable td.total{
	padding: 6px 11px;
	border-bottom: none;
	font-weight:bold;
	vertical-align:top; 
	font-size: 12px; 
	font-weight: bold; 
	text-align:right; 
	}


	
	
	
/****************************
           id's
*****************************/

/****************************
Header, Branding, Leadership
*****************************/

#header { 
	position: relative; 
	margin: 0 auto; 
	background-color: #07153c; 
	height: 120px;  
	
	}
	
#header .container_12 { 
	position: relative; 
	}

#branding { 
	position: relative; 
	height: 115px; 
	top: 5px; 
	background: transparent url("/HP81WebPayments/static/Images/MVIHeader3.png") no-repeat; 
	/*background: transparent url("/MSHPWeb/WaterPatrol/images/waterPatrolTemp.jpg") no-repeat; */
	background-color: #07153c;
	}
	
#branding h1 { 
	width: 445px; 
	height: 120px; 
	} 
	
#branding h1 a { 
	position: relative; 
	top: 15px; 
	display: block; 
	height: 85px; 
	width: 340px; 
	}
#branding em { 
	display: none;
	}

#leadership { 
	color:#e2e2e2; 
	background: transparent; 
	font-size: 12px; 
	position: absolute; 
	top: 15px; 
	right: 10px; 
	text-align: right;  
	font-weight: bold; 
	line-height:1.5em;
	}
	
#leadership a{
	text-decoration:none;
	color:#e2e2e2;
	}

#leadership a:hover{
	text-decoration:underline;
	color:#993333;
	}
	
	
#leadership2 { 
	color:#e2e2e2; 
	background: transparent; 
	font-size: 12px; 
	position: absolute; 
	top: 15px; 
	right: 10px; 
	text-align: right;  
	font-weight: bold; 
	line-height:1.5em;
	}
	
#leadership2 a{
	text-decoration:none;
	color:#e2e2e2;
	}
	
/****************************
        Search
*****************************/
#search { 
	position: absolute; 
	top: 70px; 
	right: 0; 
	background: #11354C /*The Fallback color*/; 
	background: rgba(255,255,255,.05)/*For RGBa Browser Support*/; 
	border: 1px solid #1c547b; padding: 5px;
	}
	
#search div { 
	display: inline;
	}
	
#search input[type=text] { 
	width: 210px; 
	margin-right: 5px;
	}
	
#search:hover, #search:focus { 
	background: rgba(255,255,255,.2);
	}
	
#search input[type=text]:focus { 
	background: #fff;
	}
	
#search input[type=submit] { 
	font-weight: bold; 
	width: 65px; 
	text-align: center; 
	font-size: 10px;
	}
	
#search fieldset { 
	width: 300px; 
	} 
	
/* */	
#btnG { 
	position: absolute; 
	right: 5px; 
	}
	
/*Text in Search field*/	
#siteQ { 
	color: #aaa; 
	font: italic 1em Georgia, serif; 
	}



/****************************
        Content
*****************************/

#content { 
	margin-top: 0; 
	}
	
#content { 
	background: #C4C6CE; 
	padding-bottom: 24px; 
	margin-top: 25px; 
	}
	
#content h2 { 
	font-size: 20px; 
	}
	
#content h3 { 
	font-size: 18px; 
	}
	
#content h4 { 
	font-size: 16px; 
	}
	
#content h5 { 
	font-size: 14px; 
	}
	
#content h6 { 
	font-size: 12px; 
	}

#content a { 
	color: #024771; 
	background: transparent;
	}
	
#content a:hover{
	color:#03203D;
	text-decoration:underline;
	}
	
#content a.pdf { 
	background: transparent url("http://mo.gov/img/smallpdf.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.doc { 
	background: transparent url("http://mo.gov/img/smallmsword.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.xls{ 
	background: transparent url("http://mo.gov/img/smallmsxls.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.ppt { 
	background: transparent url("http://mo.gov/img/smallpp.jpg") 100% 50% no-repeat; 
	padding-right: 20px;
	}
#content a.rss { 
	background: transparent url("/MSHPWeb/WaterPatrol/images/rss.png") 100% 50% no-repeat; 
	padding-right: 20px;
	}	
#content .line {  }

#mainContent p, #mainContent dd, #subNav p, #subNav ul { 
	padding-bottom: 21px;
	}
	
#mainContent ul, #mainContent ol { 
	margin-bottom:20px; 
	line-height: 1.8em; 
	}
	
#mainContent caption { 
	font-weight: bold; 
	}
	
#mainContent h2 { 
	background: #8A4117 url("/HP81WebPayments/static/Images/lightBlueNav.png") repeat-x top left; 
	color: #fff; 
	line-height: 1.75em; 
	padding-left: 10px; 
	font-weight: bold;
	margin-top:6px; 
	margin-bottom: 20px;
	}
	
#mainContent img.floatLeft {
	margin-right:20px;
	}
	
#mainContent img.floatRight {
	margin-left:20px;
	}
	
#mainContent .cutline {
	font-size: 11px; 
	font-style: italic; 
	font-weight: bold; 
	padding: 0; 
	margin: 0; 
	text-align: center; 
	}

.newslogo{
	width:150px!important;
	height:150px!important;
	}  /*DPS logo in old news releases*/

/****************************
        Navigation
*****************************/

#subNav h2, #subNav h3 { 
	background: url("/WP02Web/static/Images/nav_bg.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 2px; 
	margin-top: 2px; 
	}
	
#subNav ul { 
	padding: 0; 
	margin: 0; 
	border: 1px solid #C5E6F9; 
	background: #e5f6fe;
	}
	
#subNav ul li { 
	border-top: 1px solid #C5E6F9;
	}
	
#subNav ul li:first-child { 
	border: none; 
	}
	
#subNav ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 20px; 
	font-size: 12px; 
	color: #044973; 
	}
	
#subNav ul li ul li a { 
	padding-left: 30px; 
	}
	
#subNav ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
#subNav ul li a:hover, #subNav ul li ul li a:hover { 
	display: block; 
	background: #054872; 
	background: rgba(5,72,114,0.7); 
	color: #e2e2e2; 
	text-decoration: none; 
	padding-left: 18px; 
	}
	
.noHover a:hover{
	background-color: #e5f6fe!important;
	}	
	
#subNav ul li ul li a:hover { 
	padding-left: 28px; 
	}

.nav h2, .nav h3 {
	background: url("/MSHPWeb/WaterPatrol/images/nav_bg.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 2px; 
	margin-top: 2px; 
	}
	
.nav ul { 
	padding: 0; 
	margin: 0; 
	background: #fff;
	}
	
.nav ul li { 
	border-top: 1px solid #cccccc!important;
	}
	
.nav ul li:first-child { 
	border: none; 
	}
	
.nav ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 20px; 
	font-size: 12px!important; 
	color: #660000; 
	}
	
.nav ul li ul li a { 
	padding-left: 30px; 
	}
	
.nav ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
.nav ul li a:hover, .nav ul li ul li a:hover { 
	display: block!important; 
	color: #660000!important; 
	text-decoration: none!important; 
	text-decoration: underline!important;
	padding-left: 18px; 
	}
	
.nav ul li ul li a:hover { 
	padding-left: 28px; 
	}





#subNav2 h2, #subNav2 h3 { 
	background: #247297 url("/HP81WebPayments/static/Images/lightBlueNav.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 0px; 
	margin-top: 5px; 
	}
	
#subNav2 ul { 
	padding: 0; 
	margin: 0; 
	border: 1px solid #247297; 
	background: #d5d5d5;
	}
	
#subNav2 ul li { 
	border-top: 1px solid #247297;
	line-height: 2.75em;
	}
	
#subNav2 ul li:first-child { 
	border: none; 
	}
	
#subNav2 ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 20px; 
	font-size: 12px; 
	color: #2F4949; 
	}
	
#subNav2 ul li ul li a { 
	padding-left: 30px; 
	}
	

	
#subNav2 ul li a:hover, #subNav2 ul li ul li a:hover { 
	display: block; 
	background: #2F4949; 
	background: rgba(5,72,114,0.7); 
	color: #e2e2e2; 
	text-decoration: none; 
	padding-left: 18px; 
	}



/****************************
         Error Image
*****************************/	
.errorButton {
	background-image: url("/HP81WebPayments/static/Images/error.gif");
	
	color: #efebef;
	width: 700px;
	font-size:13px;
}

.errorButton2 {
	background-image: url("/HP81WebPayments/static/Images/error.gif");
	background-repeat: no-repeat;
	color: #efebef;
	width: 5px;
	font-size:13px;

}		

.message {
	font-size: x-small;
	font-style: italic;
}	

.errorBox{
	/*float: left;*/
	color: red;
	font-size:13px;
	width: 745px;
	/*padding: 5px;*/
	}
.errorBox2{
	/*float: left;*/
	color: red;
	font-size:13px;
	width: 150px;
	/*padding: 5px;*/
	}	
	
.errorHighlight{
	background-color: yellow;
	}	
	
.updateEmailErrorBox{
	/*float: left;*/
	color: red;
	font-size:13px;
	width: 800px;
	/*padding: 5px;*/
	}	


/***********************************************\
*			       Tab Design                  *
\***********************************************/

#tabsHeader {
	font-size: 18px;
	font-family: arial, sans-serif;
}

#tabsHeader body {
		font: small arial, helvetica, sans-serif;
		
	}
	
	#tabsHeader ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin: 0 0 0 10px;
	}
	
	#tabsHeader li {
		display: inline;
		margin: 0;
	}
	
	#tabsHeader a {
		padding-left: 10px;
		text-decoration: none;
		color: #2F4949;
		background: #D8D2CA url("/WP01Webb/static/Images/left-tab.gif") left top no-repeat; 
		
		border-color: #2F4949; 
	}
	
	#tabsHeader a span{
		
		text-decoration: none;
		background: url("/WP01Webb/static/Images/right-tab.gif") right top no-repeat; 
		padding-right: 10px 

		
	}
	
	#tabsHeader a:hover {
		padding-left: 10px;
		text-decoration: none;
		background: #2F4949 url("/WP01Webb/static/Images/left-tab-selected.gif") left top no-repeat; 
		color:#ffffff;
		
	}
	#tabsHeader a:hover span{
		
		text-decoration: none;
		background: #2F4949 url("/WP01Webb/static/Images/right-tab-selected.gif") right top no-repeat; 
		padding-right: 10px 
		
		
	}
	
	#tabsHeader #selected {
	
	}
	
	#selected ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin: 0 0 0 10px;
	}
	
	#selected li {
		display: inline;
		margin: 0 1px 0 0;
	}
	
	#selected a {
		
		
		font-weight: bold;
		color: #DEEDEE; 
		background: #2F4949 url("/WP01Webb/static/Images/left-tab-selected.gif") left top no-repeat; 
		padding-left: 10px;
		
	}
	
	#selected a span{
		
		
		background: #2F4949 url("/WP01Webb/static/Images/right-tab-selected.gif") right top no-repeat; 
		padding-right: 10px 
		
		
	}












#mainwrapper{
	/*min-width:760px; 
	max-width:1024px;*/
	width:983px;
	margin-left:auto; 
	margin-right:auto;  /* centers layout when > max width */

	}
	
/* Content Area */	
#mainContent {
	border-top:4px;
	border-top-style:solid;
	border-top-color:#07153c;
	border-bottom:4px;
	border-bottom-style:solid;
	border-bottom-color:#07153c;
	border-right:4px;
	border-right-style:solid;
	border-right-color:#07153c;
	border-left:4px;
	border-left-style:solid;
	border-left-color:#07153c;
	margin:0px 0px 0px 10px;
	background-color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: .8em;
	width: 99%;	

	}
	
/* Page div tags */
#mainFormContent{
	padding:0 0 0px 0px; 
	
}	
#mainFormContent ul{
	margin: 0 0 0 0px;
	list-style-type:none;
	}
#mainFormContent li{
	float: left;
	width: 250px;
	border-color:#003366;
	padding:3px;
	}
	
#forColumnDesign {
	width:100%;
	background-color:#fff;
	font-size: .9em;
	font-family: arial, sans-serif;
	color:#424242;
	/*float:left;*/
	clear:both; 	
	font-weight:bold;

	}


	
fieldset {  
	border:1px solid #bbb;  
	padding:10px;  
	position:relative;  
	background:#fff;
	margin: 10px 10px 10px 10px;
	}
	
	
legend {  font-size:12px;  padding:.4em .8em;  background:#fff;  border:1px solid #bbb;}

/* Sets the width of a radio button on a table*/
.updateRadioButton {
	width: 10px;
}	

#buttons
	{
	margin: 0px 10px;
	}	
	
#topInfo
	{
	margin: 0px 10px;
	font-size: 14px;
	text-align: left;
	}	

.headingBoldText{
	color: #7e001b; 
	font-size: 14px; 
	font-weight: bold;
}

.boldText{
	font-weight: bold;
}		

.errorBox{
	/*float: left;*/
	color: red;
	font-size:14px;
	
	width: 750px;
	/*padding: 5px;*/
	}	

.populatedText{
	color: #484848; 
	font-size: 14px; 
	font-weight: bold;
}	

.extraTopSpace{
	margin-top: 10px;
}	

.buoyType p{
	margin-top:-130px; 
	margin-left: 30px;
	text-align: center;
	width: 200px;
	font-size: 9px;
	
	
}
	

.updatedRowData2 {
  background-color: #7e250f;
  color: #ffffff;
  padding: 3px;
  margin: 3px;
  /*border: 0px none;*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  width:auto;	
   
}	

/* updateEmail jsp - bolds email address*/
.emailBold{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}