/* @override http://localhost:8888/workspace/rokwebify/templates/rt_rokwebify/css/template_css.css */
/* @group Main */
html {
/* this is a hack to force scrollbars on at
all times so that the page does not jump
when going from short to long pages */
height: 100%;
margin-bottom: 1px;
background: #cccccc;
}
body {
margin: 0;
padding: 0;
}
p {
/* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 15px 0;
}
/* @group Fonts */
/* @group Sizes */
body {
font-size: 13px;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 150%;
}
h4 {
font-size:  120%;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 100%;
}
div.moduletable h3,
.componentheading {
font-size: 130%;
}
.contentheading {
font-size: 125%;
}
.componentheading {
margin-bottom: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
/* @end */
/* @group Family */
body {
line-height: 135%;
font-family: Arial, Helvetica, sans-serif;
color: #1D2D45;
}
div#top {
color: #ccc;
}
.contentheading,
.componentheading {
font-weight: bold;
}
div.moduletable h3,
div.moduletable-hilite1 h3,
div.mdouletable-hilite2 h3,
.contentheading {
/* see style css */
}
table.headlines div.moduletable h3,
.componentheading {
/* see style css */
}
a:link {
color: #95937F;
text-decoration: none;
}
a:visited {
/* color: see style css */
color: #95937F;
text-decoration: none;
}
div#bottom a:link,
div#bottom a:visited {
color: #99CC00;
}
a:hover {
text-decoration: underline;
}
/* @end */
/* @end */
/* @end */
/* @group Structure */
html {
background: #999999 url(../images/bg.png) 0 0 repeat-x;
}
div#wrapper {
margin: 0 auto;
width: 868px;
padding-top: 18px;
}
div#header {
background: url(../images/header-bg.png) 0 0 repeat-x;
}
div#header .rk-1 {
background:  url(../images/header-r.png) 100% 0 no-repeat;
}
div#header .rk-2 {
background:  url(../images/header-l.png) 0 0 no-repeat;
height: 153px;
overflow: hidden;
}
img#logo {
float:  left;
margin-left: 0px;
height: 138px;
width: 820px;
background: url(../images/logo.png) 0 0 no-repeat;
}
div#top {
margin-left:  520px;
height: 138px;
font-style: italic;
}
div#top .padding {
padding:  15px;
}
div#horiz-menu {
background: #A6183B;
background: url(../images/wcp_r5_c3.png) 0 0 repeat-x;
height: 30px;
}
table.mainbody,
table.usermodules {
width: 100%;
padding: 0;
}
td.mainbody {
background: #fff;
align: left;
}
td.usermodules {
padding: 0 10px;
}
td.mainbody .padding,
td.right .padding {
padding: 15px;
}
td.mainbody .padding {
padding: 15px 25px;
}
td.right {
background: #FFFFFF 0 0 repeat-y;
width: 255px;
}
/*BEGIN new homepage styles*/
#ftr_container
{
    position: relative;
    background: url(http://wcpermit.com//templates/rt_rokwebify/images/ftr_resize.png) center no-repeat;
    height: 125px;
    width: 619px;
    margin:0px 0px 10px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 5px 0 #666;
    -moz-box-shadow: 0px 1px 5px 0 #666;
    box-shadow: 0px 1px 5px 0 #666;
    border-top: 1px solid #D7EEF4;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.ftr_content
{
        position: relative;
	font-family: 'Permanent Marker', cursive;
	text-shadow: 0px 1px 0px #CCFFC2;
	font-size: 30px;
	color: #337326;
	margin: 5px 0px 0px 160px;
        line-height: 25px;
}

.ftr_link
{
    position: relative;
    left: 495px;
    top: 45px;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 11px;
    color: #3959A3;
}

#totalbg
{    
    position: relative;
    height: 441px;
    width: 619px;
    margin-bottom: 40px;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 6px 0 #333333;
    box-shadow: 0px 2px 6px 0px #878787;
    -moz-box-shadow: 0px 1px 6px 0 #333333;
    -ms-box-shadow: 0px 1px 6px 0 #333333;
    -o-box-shadow: 0px 1px 6px 0 #333333;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#bgimage
{
    position: relative;
    height: 373px;
    width: 619px;
    margin-bottom: 0px;
    background: url(http://wcpermit.com/templates/rt_rokwebify/images/WcpFront.jpg) center no-repeat;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#nyrate
{
    position: relative;
    margin-bottom: 0px;
    height: 68px;
    width: 619px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -ms-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
    background-color: #FF9626;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9626), to(#FF8400));
    background-image: -webkit-linear-gradient(top, #FF9626, #FF8400);
    background-image: -moz-linear-gradient(top, #FF9626, #FF8400);
    background-image: -ms-linear-gradient(top, #FF9626, #FF8400);
    background-image: -o-linear-gradient(top, #FF9626, #FF8400);
    background-image: linear-gradient(top, #FF9626, #FF8400);
    -pie-background: linear-gradient(top, #FF9626, #FF8400);
}

#nyimage
{
    position: relative;
    top: 5px;
    left: 10px;
    width: 71px;
    height: 57px;
    background: url(http://wcpermit.com/templates/rt_rokwebify/images/nyrate.png) center no-repeat;
}

#nytexth
{   
    position: relative;
    top: -50px;
    left: 90px;
    font: bold 18px/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
}

#nytext
{   
    position: relative;
    left: 90px;
    top: -45px;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    color: #fff;
}

.ny_link
{
    position: relative;
    background-color: transparent;
    top: -40px;
    left: 495px;
    font: normal 11px/100% Verdana, Tahoma, sans-serif;
    color: #F2E200;
}

#aboutus
{
    width: 619px;
    height: 220px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#whwear, #whwedo
{
    position: relative;
    height: 200px;
    width: 300px;
    margin-bottom: 100px;
    background-color: #FAFAFA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -ms-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: linear-gradient(top, #FAFAFA, #F5F5F5);
    -pie-background: linear-gradient(top, #FAFAFA, #F5F5F5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 6px 0 #333333;
    box-shadow: 0px 2px 6px 0px #878787;
    -moz-box-shadow: 0px 1px 6px 0 #333333;
    -ms-box-shadow: 0px 1px 6px 0 #333333;
    -o-box-shadow: 0px 1px 6px 0 #333333;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#whwearh, #whwedoh
{
    position: relative;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #990000;
    left: 10px;
    top: -33px;
    height: 45px;
    width: 154px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.whopar
{
    position: relative;
    top: -60px;
    padding: 10px 10px 10px 10px;
    font: normal 14px/100% Verdana, Tahoma, sans-serif;
    color: #333333;
    line-height: 16px;
}

#whwedo
{
    position: relative;
    left: 320px;
    top: -300px;
}

.whatpar
{
    position: relative;
    left: -30px;
    top: -65px; /*-65*/
    padding: 15px 10px 10px 0px;
    font: normal 14px/100% Verdana, Tahoma, sans-serif;
    color: #333333;
    line-height: 25px;
}
/*END new homepage styles*/
/*#mission
{
	width: auto; 	
	color: #FFFFFF; 	
	margin-top: 0px; 	
	margin-bottom: 10px; 	
	padding: 8px; 	
}
#mission p
{
	font-size: 15px; 	
	padding: 0px; 	
	margin-top: 0px;
	margin-bottom: 15px;	
	display: block; 	
	text-align: left; 	
	font-family: Helvetica, sans-serif; 	
	color: #000000; 	
	font-weight: bold; 
}
#mission .reg_now
{
	font-size: 12px; 	
	color: #000000; 	
	text-decoration: none; 		
	padding: 0px; 	
	width: auto; 	
	display: block; 	
	margin-top: -10px; 	
	margin-bottom: 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
}
#coreval
{
	width: 155px; 	
	color: #FFFFFF; 	
	margin-top: 0px; 	
	margin-bottom: 10px; 	
	padding: 8px; 	
}
#coreval p
{
	font-size: 15px; 	
	padding: 0px; 	
	margin-top: 0px;
	margin-bottom: 15px;	
	display: block; 	
	text-align: left; 	
	font-family: Helvetica, sans-serif; 	
	color: #000000; 	
	font-weight: bold; 
}
#coreval .reg_now
{
	font-size: 12px; 	
	color: #000000; 	
	text-decoration: none; 		
	padding: 0px; 	
	width: 155px; 	
	display: block; 	
	margin-top: -10px; 	
	margin-bottom: 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
}
#access
{
	width: 155px; 	
	margin-top: 0px; 	
	margin-bottom: 10px;
	padding: 8px; 	
	border-top: 5px solid #990000;
	background: url(../images/loadx-bg.png) 0 0 repeat-x	
}
#access p
{
	font-size: 15px; 	
	padding: 0px; 	
	margin: 0px; 	
	display: block; 	
	text-align: left; 	
	font-family: Helvetica, sans-serif; 	
	color: #990000; 	
	font-weight: bold; 
}
#access .reg_now
{
	font-size: 10px; 	
	color: #FFFFFF; 	
	text-decoration: none; 		
	background-color: #990000; 	
	border: 2px solid #660000; 	
	padding: 2px; 	
	font-weight: bold; 	
	width: 145px; 	
	display: block; 	
	margin-top: 2px; 	
	margin-bottom: 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
}
div#access .reg_now:hover
{
        color: #95937F;
}*/
#scralogo
{
	width: 131px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border-top: 5px solid #990000;

}
#scralogo t
{
	font-size: 15px; 	
	padding: 0px; 	
	margin: 3px; 	
	display: block; 	
	text-align: left; 	
	font-family: Helvetica, sans-serif; 	
	color: #990000; 	
	font-weight: bold; 
}
#career
{
	width: 155px;
	color: #FFFFFF; 	
	margin-top: 20px; 	
	margin-bottom: 10px;
        margin-left: 20px;
	padding: 2px; 	
}
#career p
{
	font-size: 15px; 	
	padding: 0px; 	
	margin: 0px; 	
	display: block; 	
	text-align: left; 	
	font-family: Helvetica, sans-serif; 	
	color: #990000; 	
	font-weight: bold; 
}
#career .reg_now
{
	font-size: 10px; 	
	color: #FFFFFF; 	
	text-decoration: none; 		
	padding: 2px; 	
	font-weight: bold; 	
	width: 145px; 	
	display: block; 	
	margin-top: 2px; 	
	margin-bottom: 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
}
div#career .reg_now:hover
{
        color: #95937F;
}

div#bottom {
background: #121A28 url(../images/bottom-bg.png) 0 0 repeat-x;
}
div#footer {
background: url(../images/footer-bg.png) 0 0 repeat-x;
}
div#footer .rk-1 {
background: url(../images/footer-r.png) 100% 0 no-repeat;
}
div#footer .rk-2 {
background: url(../images/footer-l.png) 0 0 no-repeat;
height: 105px;
overflow: hidden;
}
div#the-footer {
background: url(../images/footer-rocket.png) 50% 0 no-repeat;
text-align: center;
}
img#rocket {
width: 150px;
height: 50px;
}
/* My Comment */
/* @group menus */
div#horiz-menu ul {
margin: 0;
padding: 6px 0 0 0;
}
div#horiz-menu li {
margin: 0;
padding: 0;
padding-right: 2px;
float: left;
list-style: none;
background: url(../images/menu-divider.png) 100% 0 repeat-y;
}
div#horiz-menu a:link,
div#horiz-menu a:visited {
display: block;
float: left;
padding: 0 25px;
height: 30px;
line-height: 30px;
font-weight: bold;
color: #fff;
text-decoration: none;
margin-top: 6px;
}
div#horiz-menu a:hover {
color: #95937F;
}
/* My Comment */
/* My Comment */
/* @end */
/* @group content */
.hide {
display: none;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
.highlight {
background-color: #ffc;
}
/* @end */
/* @end */
/* @group Joomla Core */
/* @group modules */
div.moduletable h3 {
color: #121A28;
border-bottom: 3px solid #e7e7e7;
padding: 3px 0;
}
td.right div.moduletable {
color: #121A28;
}
td.right div.moduletable h3 {
border-bottom: 3px solid #D2E0F2;
}
div#bottom div.moduletable {
color: #ccc;
}
div#bottom div.moduletable h3 {
border-bottom: 3px solid #243959;
color: #fff;
}
/* @end */
/* @group content */
.contentheading {
padding: 10px 0;
margin-top: 10px;
margin-bottom: 10px;
line-height:100%;
color: #;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
a.readon {
display: block;
float: left;
padding-left: 20px;
margin-top: 10px;
line-height: 14px;
height: 16px;
/* background: see style css */
}
.small {
color: #666;
}
.modifydate {
height: 20px;
vertical-align: bottom;
color: #666;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
color: #666;
}
.copyright {
color: #FFFFFF;
}
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* @end */
/* @group pathway */
span.pathway {
display: block;
height: 16px;
line-height: 16px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 20px;
font-weight: bold;
}
span.pathway img {
margin: 0px 10px;
vertical-align: middle;
}
div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}
/* @end */
/* @group sections */
table.mainbody td.mainbody td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
background: #f6f6f6;
border-bottom: 1px solid #ddd;
align: left;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 5px;
border-top: 1px #fff;
border-bottom: 1px solid #efefef;
}
tr.sectiontableentry2 td,
td.sectiontableentry1 {
background: #fcfcfc;
}
/* @group My Group */
/* @end */
.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
background: none;
border:  0;
}
/* @end */
/* @group mainmenu */
a.mainlevel:link,
a.mainlevel:visited {
text-decoration: none;
}
a.mainlevel {
display: block;
padding: 3px 0 5px 18px;
top-margin: 1px;
margin-bottom: 1px;
background: url(../images/menu-bullet.png) 0 7px no-repeat;
color: #000000;
}
a.sublevel:link,
a.sublevel:visited {
text-decoration: none;
padding: 4px 0 5px 5px;
color:#000000;
}
a.mainlevel:hover {
text-decoration: underline;
}
a.sublevel:hover {
text-decoration: none;
}
a#active_menu:link,
a#active_menu:visited {
color: #333;
}
li.active_menu a:link,
li.active_menu a:visited {
color: #333;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#inconv
{
    height:122px;
    width:525px;
    padding-bottom:30px;
    background-image:url(../images/stsIN.png);
    background-repeat:no-repeat;
}

#incont
{
    /*background-color:transparent;*/
    margin-top:0px;
    margin-left:120px;
    position:absolute;
    height:112px;
    width:400px;
}

#incont h1
{
    text-decoration:none;
    height:15px;
    margin-top:5px;
    margin-left:2px;
    margin-bottom:1px;
    font-size:14px;
    font-weight:bold;
    color:#990000;
}

#incont p
{
    text-decoration:none;
    margin-top:-20px;
    margin-left:3px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    color:#666666;
}

#incont .reg_now
{
    text-decoration:none;
    line-height:16px;
    margin-left:3px;
    font-size:12px;
    color:black;   
}

#incont .reg_dl
{
    text-decoration:underline;
    line-height:35px;
    margin-left:-1px;
    font-size:12px;
    color:Blue;
}

#kyconv
{
    height:122px;
    width:525px;
    padding-bottom:30px;
    background-image:url(../images/matsKY.png);
    background-repeat:no-repeat;
}

#kycont
{
    /*background-color:transparent;*/
    margin-top:0px;
    margin-left:120px;
    position:absolute;
    height:112px;
    width:400px;
}

#kycont h1
{
    text-decoration:none;
    height:15px;
    margin-top:5px;
    margin-left:2px;
    margin-bottom:1px;
    font-size:14px;
    font-weight:bold;
    color:#990000;
}

#kycont p
{
    text-decoration:none;
    margin-top:-20px;
    margin-left:3px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    color:#666666;
}

#kycont .reg_now
{
    text-decoration:none;
    line-height:16px;
    margin-left:3px;
    font-size:12px;
    color:black;   
}

#kycont .reg_dl
{
    text-decoration:underline;
    line-height:35px;
    margin-left:-1px;
    font-size:12px;
    color:Blue;
}

#caconv
{
    height:122px;
    width:525px;
    background-image:url(../images/scraCA.png);
    background-repeat:no-repeat;
    padding-bottom:15px;
}

#cacont
{
    /*background-color:transparent;*/
    margin-top:0px;
    margin-left:123px;
    position:absolute;
    height:112px;
    width:400px;
}

#cacont h1
{
    text-decoration:none;
    height:15px;
    margin-top:5px;
    margin-left:2px;
    margin-bottom:1px;
    font-size:14px;
    font-weight:bold;
    color:#990000;
}

#cacont p
{
    text-decoration:none;
    margin-top:-20px;
    margin-left:3px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    color:#666666;
}

#cacont .reg_now
{
    text-decoration:none;
    line-height:16px;
    margin-left:3px;
    font-size:12px;
    color:black;   
}

#cacont .reg_dl
{
    text-decoration:underline;
    line-height:35px;
    margin-left:-1px;
    font-size:12px;
    color:Blue;
}

#conag
{
    width:525px;
    font-size:13px;
    font-weight:bold;
    margin-left:4px;
    text-decoration:none;
    color:#990000;
}

/*html form styles begin*/

#contInfo
{
    position: relative;
    height: auto;
    width: 390px;
    border: solid 1px #f0f0f0;
    padding: 10px 10px 10px 10px;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -moz-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -o-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: linear-gradient(top, #f0f0f0, #E6E6E6);
    -pie-background: linear-gradient(top, #f0f0f0, #E6E6E6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 3px 1px #999999;
    box-shadow: 0px 0px 4px 1px #999999;
    -moz-box-shadow: 0px 0px 3px 1px #999999;
    -ms-box-shadow: 0px 0px 3px 1px #999999;
    -o-box-shadow: 0px 0px 3px 1px #999999;
    margin-bottom: 20px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#compInfo
{
    position: relative;
    margin-top: 0px;
    height: auto;
    width: 390px;
    border: solid 1px #f0f0f0;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -moz-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -o-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: linear-gradient(top, #f0f0f0, #E6E6E6);
    -pie-background: linear-gradient(top, #f0f0f0, #E6E6E6);
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 3px 1px #999999;
    box-shadow: 0px 0px 4px 1px #999999;
    -moz-box-shadow: 0px 0px 3px 1px #999999;
    -ms-box-shadow: 0px 0px 3px 1px #999999;
    -o-box-shadow: 0px 0px 3px 1px #999999;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#msg
{
    display: none;
    position: absolute;
    z-index: 200; /*if hidden*/
    background: url(http://wcpermit.com/templates/rt_rokwebify/images/arrow.png) left center no-repeat;
    padding-left: 7px;
}

#msgcontent
{
    display: block;
    background: #aa0000;
    border: 2px solid #aa0000;
    border-left: none;
    padding: 5px;
    min-width: 150px;
    max-width: 250px;
    font: normal 11px/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
    -moz-box-shadow: 1px 1px 1px #999999;
    -webkit-box-shadow: 1px 1px 2px #999999;
    box-shadow: 1px 1px 2px #999999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

#msgdiv
{
    font: normal 12px Candara, serif;
}

#custchk
{
    margin-left: 140px;
}

.permon
{
    width: 171px;
    color: #AD0A0A;
    background-color: #E3E3E3;
    margin: 0px 0px 0px 0px;
    font: normal 16px/100% Candara, Tahoma, sans-serif;
}

.loadxtop input, .loadxbot input
{
    position: relative;
    margin-left: 140px;
    height: 20px;
    padding: 6px 0px 4px 6px;
    border: solid 1px #B8B8B8;
    outline: 0;
    font: normal 12px/100% Verdana, Tahoma, sans-serif;
    width: 225px;
    -moz-box-shadow: inset 0 0 1px #999999;
    -webkit-box-shadow: inset 0 0 4px #999999;
    box-shadow: inset 0 0 4px #999999; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -pie-background: linear-gradient(top, #F2F2F2, #ffffff);
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.loadxtop label, .loadxbot label
{
    position: absolute;
    height: 20px;
    padding: 10px 0px 4px 0px;
    margin-left: 8px;
    color: #999999;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

.loadxtop input:focus, .loadxbot input:focus
{
    border: solid 1px #B8B8B8;
    -moz-box-shadow: inset 0 0 1px #FF7017;
    -webkit-box-shadow: inset 0 0 4px #FF7017;
    box-shadow: inset 0 0 4px #FF7017;
}

.loadxtop input:hover, textarea:hover, .loadxbot input:hover, textarea:hover
{
    border: solid 1px #FF7017;
}

.submit input
{
    position: relative;
    background-color: #7FBF4D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    -pie-background: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63A62F;
    border-bottom: 1px solid #5B992B;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
    -o-box-shadow: inset 0 1px 0 0 #96ca6d;
    color: white;
    font: bold 15px Verdana, Tahoma, sans-serif;
    margin-top: 5px;
    margin-left: auto;
    line-height: 2;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #4C9021;
    width: 175px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.submit input:hover
{
    background-color: #7FBF4D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6aa23f), to(#4e6d34));
    background-image: -webkit-linear-gradient(top, #6aa23f, #4e6d34);
    background-image: -moz-linear-gradient(top, #6aa23f, #4e6d34);
    background-image: -ms-linear-gradient(top, #6aa23f, #4e6d34);
    background-image: -o-linear-gradient(top, #6aa23f, #4e6d34);
    background-image: linear-gradient(top, #6aa23f, #4e6d34);
    -pie-background: linear-gradient(top, #6aa23f, #4e6d34);
    border: 1px solid #63A62F;
    border-bottom: 1px solid #336600;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
    -o-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    text-shadow: 0 -1px 0 #336600;
}
/*html form styles end*/

/*html menu styles begin*/
#access
{
    padding-top: 10px;
    height: auto;
    width: 171px;
}

#access_bg
{
    position: relative;
    height: auto;
    width: 127px;
    left: 20px;
    top: 15px;
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px 0 #A1A1A1;
    box-shadow: 0px 2px 4px 0 #A1A1A1;
    -moz-box-shadow: 0px 2px 4px 0 #A1A1A1;
    -ms-box-shadow: 0px 2px 4px 0 #A1A1A1;
    -o-box-shadow: 0px 2px 4px 0 #A1A1A1;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#banner
{
    /*width: 170px;
    height: 35px;
    background: url(http://wcpermit.com/templates/rt_rokwebify/images/orderonline.png) center no-repeat;
    left: -21px;
    top: -24px;
    position: relative;*/
    width: 170px;
    height: 35px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #990000;
    left: 2px;
    top: -28px;
    position: relative;
    margin-bottom: -10px;
}

.access_signup
{
    margin: 0px 0px 0px 0px;
}

.access_loadx
{
    margin-bottom: 10px;
    padding-top: 6px;
}

.access_signup input, .access_loadx input
{
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font: bold 12px Tahoma, Verdana, sans-serif;
    padding: 7px 0px 7px 0px;
    text-align: center;
    width: 115px;
    left: 6px;
    position: relative;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.access_signup input
{
    background-color: #7FBF4D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    -pie-background: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #4D8521;
    border-bottom: 1px solid #558A32;
    -webkit-box-shadow: inset 0 1px 0 0 #8dd35f;
    -moz-box-shadow: inset 0 1px 0 0 #8dd35f;
    -ms-box-shadow: inset 0 1px 0 0 #8dd35f;
    -o-box-shadow: inset 0 1px 0 0 #8dd35f;
    -webkit-box-shadow: 0px 1px 3px 0px #969696;
    box-shadow: 0px 1px 3px 0px #969696;
    -moz-box-shadow: 0px 1px 3px 0px #969696;
    -ms-box-shadow: 0px 1px 3px 0px #969696;
    -o-box-shadow: 0px 1px 3px 0px #969696;
    color: #FFFFFF;
    text-shadow: 0px -1px 0 #5D8241;
    margin: 0px 0px 0px 0px;
    position: relative;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.access_signup input:hover
{
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#4F8525));
    background-image: -webkit-linear-gradient(top, #72B340, #4F8525);
    background-image: -moz-linear-gradient(top, #7fbf4d, #4F8525);
    background-image: -ms-linear-gradient(top, #7fbf4d, #4F8525);
    background-image: -o-linear-gradient(top, #7fbf4d, #4F8525);
    background-image: linear-gradient(top, #7fbf4d, #4F8525);
    -pie-background: linear-gradient(top, #72B340, #4F8525);
    border-bottom: 1px solid #295200;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
    -o-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    text-shadow: 0 -1px 0 #3B5C22;
    color: #EBEBEB;
    -webkit-box-shadow: 0px 1px 3px 0px #969696;
    box-shadow: 0px 1px 3px 0px #969696;
    -moz-box-shadow: 0px 1px 3px 0px #969696;
    -ms-box-shadow: 0px 1px 3px 0px #969696;
    -o-box-shadow: 0px 1px 3px 0px #969696;
    position: relative;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.access_loadx input
{
    background-color: #ffd42a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd42a), to(#DEBE40));
    background-image: -webkit-linear-gradient(top, #ffd42a, #DEBE40);
    background-image: -moz-linear-gradient(top, #ffd42a, #DEBE40);
    background-image: -ms-linear-gradient(top, #ffd42a, #DEBE40);
    background-image: -o-linear-gradient(top, #ffd42a, #DEBE40);
    background-image: linear-gradient(top, #ffd42a, #DEBE40);
    -pie-background: linear-gradient(top, #ffd42a, #DEBE40);
    border: 1px solid #DEBE40;
    border-bottom: 1px solid #AD973E;
    -webkit-box-shadow: inset 0 1px 0 0 #FCECAC;
    -moz-box-shadow: inset 0 1px 0 0 #FCECAC;
    -ms-box-shadow: inset 0 1px 0 0 #FCECAC;
    -o-box-shadow: inset 0 1px 0 0 #FCECAC;    
    -webkit-box-shadow: 0px 1px 3px 0px #969696;
    box-shadow: 0px 1px 3px 0px #969696;
    -moz-box-shadow: 0px 1px 3px 0px #969696;
    -ms-box-shadow: 0px 1px 3px 0px #969696;
    -o-box-shadow: 0px 1px 3px 0px #969696;
    color: #545351;
    margin: 00px 0px 17px 0px;
    text-shadow: 0 1px 0px #FFD42A;
    position: relative;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

.access_loadx input:hover
{
    background-color: #F5CB27;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5CB27), to(#CCAF3B));
    background-image: -webkit-linear-gradient(top, #F5CB27, #CCAF3B);
    background-image: -moz-linear-gradient(top, #F5CB27, #CCAF3B);
    background-image: -ms-linear-gradient(top, #F5CB27, #CCAF3B);
    background-image: -o-linear-gradient(top, #F5CB27, #CCAF3B);
    background-image: linear-gradient(top, #F5CB27, #CCAF3B);
    -pie-background: linear-gradient(top, #F5CB27, #CCAF3B);
    border-bottom: 1px solid #8F7C2E;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
    -o-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    text-shadow: 0 1px 0px #F2C40C;
    -webkit-box-shadow: 0px 1px 3px 0px #969696;
    box-shadow: 0px 1px 3px 0px #969696;
    -moz-box-shadow: 0px 1px 3px 0px #969696;
    -ms-box-shadow: 0px 1px 3px 0px #969696;
    -o-box-shadow: 0px 1px 3px 0px #969696;
    color: #6B5B19;
    position: relative;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#con_bg
{
    position:relative;
    width:127px;
    height:90px;
    left: 20px;
    top: 35px;
    border: solid 1px #f0f0f0;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -moz-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: -o-linear-gradient(top, #f0f0f0, #E6E6E6);
    background-image: linear-gradient(top, #f0f0f0, #E6E6E6);
    -pie-background: linear-gradient(top, #f0f0f0, #E6E6E6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px 0 #A1A1A1;
    box-shadow: 0px 2px 4px 0 #A1A1A1;
    -moz-box-shadow: 0px 2px 4px 0 #A1A1A1;
    -ms-box-shadow: 0px 2px 4px 0 #A1A1A1;
    -o-box-shadow: 0px 2px 4px 0 #A1A1A1;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);
}

#con_bod
{
    height:auto;
    width:127px;
}

#con_top
{
        position: relative;
	height: 40px;
	width: 127px;
}

#con_mid
{
        position:relative;
        top:-38px;
	background: url(http://wcpermit.com/templates/rt_rokwebify/images/convtruck.png) center no-repeat;
	height: 85px;
	width: 127px;
	padding: 0px 0px;
}

#con_bot
{
	height: auto;
	width: 127px;
}

#member
{
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    height: 90px;
    width: 619px;
    background-color: #FAFAFA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -ms-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
    background-image: linear-gradient(top, #FAFAFA, #F5F5F5);
    -pie-background: linear-gradient(top, #FAFAFA, #F5F5F5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 6px 0 #333333;
    box-shadow: 0px 2px 6px 0px #878787;
    -moz-box-shadow: 0px 1px 6px 0 #333333;
    -ms-box-shadow: 0px 1px 6px 0 #333333;
    -o-box-shadow: 0px 1px 6px 0 #333333;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);    
}

/*.membertxt
{
    position: relative;
    left: 0px;
    top: -30px;
    font: normal 12px/100% Verdana, Tahoma, sans-serif;
    color: #333333;
    text-align: justify;
    line-height: 13px;
}*/

#memberimg
{
	float: left; 
	width: 78px;
	height: 75px;
	padding: 0px 0px 0px 0px; 
	margin: -30px 0px 0px 0px;
	background-image: url(http://wcpermit.com/templates/rt_rokwebify/images/scra.png);
	background-repeat: no-repeat;
	background-position: center;
}
#membertxt
{
   width: 500px;
   position: relative;
   float: left;
   top: -37px;
   height: 75px;
   padding: 10px 10px 10px 10px;
   font: normal 12px/100% Verdana, Tahoma, sans-serif;
   line-height: 15px;
}

#memberh
{
    position: relative;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #990000;
    height: 35px;
/*    background: url(http://wcpermit.com/templates/rt_rokwebify/images/member.png) center no-repeat;*/
    left: 0px;
    top: -24px;
    width: 154px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    behavior: url(http://wcpermit.com//templates/rt_rokwebify/css/PIE.htc);  
}
/*html form styles end*/

.clearboth 
{
clear: both;
}

.map_h1
{
font-size:14px;
}

.map_h4
{
font-size:30px;
color:#FF591A;
font-family: 'Maiden Orange', cursive;
font-weight: normal;
margin: 5px;
text-align: left;
}

.map_li
{
font-family: 'Ubuntu Condensed', sans-serif;
font-size:16px;				
}

#map-view-container
{
position: relative;
height: 373px;
width: 619px;
}

#map-container
{
float: left;
height: 373px;
width: 619px;
}

#map-view-container img.map
{
position: relative;
z-index: 100;
}

#map-view-container img.region
{
display: none;
left: 0px;
position: absolute;
top: 0px;
z-index: 20;
height: 373px;
width: 619px;
}

#map-view-container img.regionBg
{
left: 0px;
position: absolute;
top: 0px;
z-index: 19;
height: 373px;
width: 619px;
}

#practice-container
{
float: left;
}

#practice-container ul
{
display: none;
}

#practice-container ul.selected
{
display: inline;
font-family: 'Puritan', sans-serif;
}

#practice-container ul li
{
list-style-type: none;#practice-container

.selected-list ul li
{
list-style-type: none;
}

/* @end */
/* @end */