/* v1.0 | 20080212 */


/* v1.0 | 20080212 */

.printHiddenDisplay{
  visibility: hidden;
  display: none; 
}


#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;
}	

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

.errorBox{
	/*float: left;*/
	color: red;
	font-size:13px;
	width: 745px;
	/*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;
}
		






/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


.successMessage {
	color:red;
	
}	

.adminSuccessMessage {
	
	color:#585958;
	font-size: 11px;
	font-style:italic;
	background-color: #cdf1ae;
	margin-left: 10px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	
	
}