/* Tabs
----------------------------------*/
.ui-tabs { float:left; width:735px; background-color:#4a4a4a; height:auto;  border-right:8px solid #20261A;}
.ui-tabs .ui-tabs-nav { float:left; width:190px; height:245px; }
.ui-tabs .ui-tabs-nav li {display:block;  list-style:none; background:url(../images/tab-inactive.jpg); width:150px; height:16px; font-size:16px; font-weight:bold; padding:10px 10px 16px 30px; color:#EEEEEE;}
.ui-tabs .ui-tabs-nav li:hover {background:url(../images/tab-active.jpg); color:#9ABF31;}
.ui-tabs .ui-tabs-nav li a {  text-decoration: none; color:#EEEEEE; }
.ui-tabs .ui-tabs-nav li a:hover {  none; color:#9abf31; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(../images/tab-active.jpg); color:#9ABF31;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; color:#9ABF31; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { float:left; padding:20px; height:390px; width:505px; }
.ui-tabs .ui-tabs-panel h1 {display:block; font-size:20px; color:#000; text-align:right; font-weight:100; color:#FFF; height:30px; margin-bottom:7px; padding-right:15px; font-weight:bold; border-bottom:2px solid #9ABF31;}
.ui-tabs .ui-tabs-panel .hitsnap{ position:relative; width:180px;  margin-left:-203px;   }
.ui-tabs .ui-tabs-panel .hitsnap img{ float:left; width:178px; height:163px; margin-top:-165px; border:2px solid #FFF;  }

.ui-tabs .ui-tabs-panel li{float:left; display:block; padding:10px; width:231px; height:52px; text-decoration:none; background-color:#333; color:#FFF; font-weight:bold; font-size:12px;  margin-left:1px; margin-bottom:1px; overflow:hidden; text-transform:capitalize; }
.ui-tabs .ui-tabs-panel li a{ text-decoration:none; color:#6aace4; }
.ui-tabs .ui-tabs-panel li h3{ padding:0px; margin:0px; font-size:13px;}
.ui-tabs .ui-tabs-panel li h3 a{  text-decoration:none; color:#eeeeee; }
.ui-tabs .ui-tabs-panel li span{ font-weight:normal; color:#6aace4; font-size:10px;  }
.ui-tabs .ui-tabs-panel li span a{ font-size:11px; color:#6aace4;}
.ui-tabs .ui-tabs-panel li:hover{ background-color:#000;}
.ui-tabs .ui-tabs-panel li:hover a{ text-decoration:none; color:#6C0; font-weight:bold;}
.ui-tabs .ui-tabs-panel li:hover a:hover{ text-decoration:underline;}
.ui-tabs .ui-tabs-panel li:hover a span{ font-weight:normal; color:#6C0;}

.ui-tabs .ui-tabs-hide { display: none !important; }