/* layout */
body {
	background-color: #C8E1FF;	
	font: x-small Verdana, Arial, Helvetica,"sans-serif"; 
	color: #000000; 
	margin: 0px auto;
}
#portal_container {
	margin: 0px auto;
	text-align: center;
	width: 954px;
}	
#portal_header {
	height: 100px;
	width: 100%;	
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 0px;
}
#portal_body {
	text-align: left;
	width: 100%;
	background-color: #F3F1F1;	
	padding: 0px 0px 0px 0px;
}
#portal_OPSbody{
    text-align: left;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}
#portal_footer {
	height: 42px;
	width: 100%;
	background-color: #414141;
}
#portal_policy {
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	font-size: xx-small;
}
#portal_top_cell { height: 17px; }
#portal_bottom_cell { height: 10px; }
#portal_pipe { color: #FFFFFF; }
#portal_agency  {
	width: 375px; 
	height: 90px; 
	display: block; 
	position: relative; 
	top: 5px;
}
#portal_state {
	width: 100%; 
	height: 10px; 
	display: block; 
	position: relative; 
	
}
/* html elements */
h1 {
	font-size: 26px;
	margin: 5px 0px 10px 0px;
	color: #018752;
}
h2 {
	color: #173F6E;
	font-size: medium;
	margin-bottom: 0px;
	margin-top: 0px;
}
h3 {
	color: #173F6E;
	font-size: small;
	margin-bottom: 0px;
	margin-top: 0px;
}


small { font-size: 9px; }
img  
{
	border: none; 
	vertical-align:middle;
}
/* classes */
.OPSbody 
{
	background-color: #414141;
	margin: 0px auto;
}

.seperator {
	color: #018752;
	height: 1px;
	margin: 10px 0px 10px 0px;
	background-color: #018752;
	border: none;
}

.OPSportalSubHeader {
	color: #FFFFFF;
	text-align:right;
}

.OPSportalApplicationName
{
    color: #14264e;
    text-align: left;
    margin-left: 23px;
    vertical-align:middle;
    height: 10px;
    font-family: Arial Black;
    font-size: 28pt;
    font-weight: bold;
    font-variant: normal;
    padding-left:10px;
    padding-bottom:15px;    
}

.OPSportalDeaprtmentName
{
    color: #14264e;
    text-align: left;    
    margin-left: 23px;
    vertical-align:middle;
    height: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:15pt;
    padding-left:10px;
    padding-top:10px;
    
}

.OPSPortalFoter 
{
    color: #FFFFFF;
}
.error { color: #FF0000; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearBlock {
	clear: both;
    padding-top: 10px;
}
.row { margin-bottom: 10px; }
.block {
	background-color: #6886A4;
	width: 345px; 
	float: left; 
	border: solid 1px #6886A4; 
	margin-right: 5px;
}
.blockFull {
	background-color: #6886A4;
	width: 100%; 
	border: solid 1px #6886A4; 
	margin-bottom: 10px;
}
.blockHeader {
	color: #FFFFFF;
	padding: 3px;
}
.blockInner {
	background-color: #FFFFFF;
	padding: 3px;
}
.alternateRow { background-color: #FFFFFF; }
.nonAlternateRow { background-color: #EEEEEE; }
.center {
	margin: 0px auto;
	text-align: center;
}	

.coollinks a {
 display: inline-block;
 /* padding: 4px; */
 outline: 0; 
 -webkit-transition-duration: 0.35s;
 -moz-transition-duration: 0.35s;
 -o-transition-duration: 0.35s; 
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 -webkit-transform: scale(1) rotate(0);
 -moz-transform: scale(1) rotate(0);
 -o-transform: scale(1) rotate(0);
 font-weight: normal;
 font-size: 10pt;
 color: #343434;	
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none; 
}

.coollinks #lnkCreateNewpermit:hover{
 background: #5A5A5A;
 color:#FFFFFF;
 text-decoration: none;
 }
 
 .coollinks #lnkViewPermit:hover{
 background: #5A5A5A;
 color:#FFFFFF;
 text-decoration: none;
 }
 
 .coollinks #lnkModifyUser:hover{
 background: #5A5A5A;
 color:#FFFFFF;
 text-decoration: none;
 }
 
 .coollinks #lnkLogout:hover{
 background: #5A5A5A;
 color:#FFFFFF;
 text-decoration: none;
 }

 .coollinks #lnkImportRequirements:hover{
 background: #5A5A5A;
 color:#FFFFFF;
 text-decoration: none;
 }

/* links */
.portal_header_link { float: right; font-size:xx-small; }
.portal_header_link a { color: #FFFFFF;}
.portal_header_link a:link, .portal_header_link a:visited, .portal_header_link a:active { text-decoration: none; font-size:xx-small;}
.portal_header_link a:hover { text-decoration: underline; }
#portal_policy a:link, #portal_policy a:visited, #portal_policy a:active, #portal_header_link a:hover { text-decoration: underline; }