/* tab top areas*/
ul#tabs { list-style-type: none; margin: 3px 0 0 0; padding: 0 0 1.3em 0; }
ul#tabs li { display: inline;} 
ul#tabs li a { background-repeat:no-repeat; background-position:4px 6px; color: #42454a; background-color: #F1F4F6; border: 1px solid #CCC;  border-bottom: none;  padding: 0.3em 2.0em 1.4em 3.4em; text-decoration: none; font-weight: bold;}
ul#tabs li a:hover { background-color: #f1f0cc; }
ul#tabs li a.selected { color: #000000; background-color: #ffffff; font-weight: bold; padding: 0.7em 2.0em 1.5em 3.4em; position:relative; z-index:2;}
ul#tabs li#paylink a {background-image:url(../../../../images/assets/pay-home.png);}
ul#tabs li#applylink a {background-image:url(../../../../images/assets/apply-home.png);}
ul#tabs li#reportlink a {background-image:url(../../../../images/assets/report-home.png);}
ul#tabs li#locatelink a {background-image:url(../../../../images/assets/locate-home.png);}
ul#tabs li#latestlink a {background-image:url(../../../../images/assets/latest-home.png);}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#tabs a {float:none;}
/* End IE5-Mac hack */

/* tabBody */
div.tabBody  {clear:left; margin:0; background-color:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC;  border-top:1px solid #CCC; width:528px;}
.tabBody:after {content: "."; display: block; height:0; clear: both; visibility: hidden;}
div.tabBody p {line-height:1.2;}
div.tabBody h3 {font-size:1.1em; margin:0 0 10px 0;}

/* tab content areas*/
div#content div.tabBody div.tabContent  ul {float:left; margin:10px 0 10px 0; width:500px;}
div#content div.tabBody div.tabContent ul li {float:left; list-style-type:none; padding:2px 0; line-height:1.2; width:249px;}
div#content div.tabBody div.tabContent ul li.odd {clear:left;}
div#content div.tabBody div.tabContent ul li a {background:url(../../../../images/assets/bullet.png) no-repeat 0px 5px; padding:0 10px 0 10px; display:block;}
div#content div.tabBody div.tabContent  ul li a:hover {}
div.tabContent.hide { display: none; }
/*div.tabContent {border: 1px solid #c9c3ba; padding: 1.3em; background-color: #fff;}*/

/* use this if javascript is turned off */
div.tabContent {clear:both; float:left; margin: 0; display:inline; border-bottom:1px solid #CCC; min-height: 294px; height:auto !important; height:302px; padding: 14px 14px; width:496px; width:500px;}
* html div.tabContent{float:none;}
body.tabs div.tabBody div.tabContent {margin: 0; display: none;}
body.tabs div.tabBody div.selected {display: block;}

 
