/* Tabs
----------------------------------*/
.inner #content #tabs {float:left;width:462px;margin-top:10px;border-right:1px dotted #002E66;min-height: 33em;padding: 10px 20px 10px 10px;}
.inner #content #tab-sidebar {float: left;width: 151px;  padding: 0px 10px 10px 20px; }
.inner #content #tab-sidebar h3 {text-align: center;}
.inner #content #tab-sidebar .center {text-align: center;}
.inner #content #tab-sidebar h3.top-padding {padding-top: 20px;}
.inner #content #tab-sidebar p.link {text-align: center;}
.inner #content #tab-sidebar p.link a {background:url(../images/drk-button-bck2.jpg) repeat-x;color:#FFFFFF;cursor: pointer;display: block; padding: 7px;border:1px solid #376DA5; }
.inner #content #tab-sidebar p.link a:hover {background-color:#FFFFFF;color: #DEEBFF;opacity: .97;border:1px solid #376DA5; padding: 7px;}

.inner #content #tabs ul {margin:0;}
.inner #content #tabs ul.crew li {clear: both;display: block;}
.inner #content #tabs ul.crew li span {height: 1.4em;border-bottom: 1px dotted #000;padding:2px 0;display: block;text-align: right;width: 50%;}
.inner #content #tabs ul.crew li span.left {font-weight:bold;text-align: left;}
.inner #content #tabs ul.crew li span.double {height: 2.8em !important;}

.inner #content #tabs ul.show-images li {float:left;padding-bottom:15px;width: 215px;}
.inner #content #tabs ul.show-images li.odd {margin-right: 25px;float: left;}
.inner #content #tabs ul.show-images li img {border: 1px solid #376da5;}
.inner #content #tabs ul.show-images li a {float: right;}
.inner #content #tabs ul.show-images li a:hover {border-bottom: 1px solid #fff;}
.inner #content #tabs ul.show-images li .show-image {height:140px;width:214px;overflow: hidden; margin-bottom: 4px;}

.inner #content .ui-tabs {zoom: 1; }
.inner #content .ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin:0;height:30px;}
.inner #content .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 2px 1px 0; padding: 0;background: #284974 url(../images/button-background.jpg) repeat-x;}
.inner #content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.inner #content .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .375em .5em;font-size: 1em;border-bottom:none;}
.inner #content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {}

.inner #content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.inner #content .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.inner #content .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; border:1px solid #999;}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.inner #content .ui-tabs .ui-tabs-nav li a,
.inner #content .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} 
.inner #content .ui-tabs .ui-tabs-panel { border-width: 0; background: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inner #content .ui-tabs .ui-tabs-panel { padding: 0; border-width: 0; background: none; width: 472px; }

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

/*colors*/
.inner #content .ui-tabs .ui-tabs-nav li.ui-state-default a {color:#fff;font-size: 1em;}
.inner #content .ui-tabs .ui-tabs-nav li.ui-state-hover a {color:#fff;background:#376DA5;font-size: 1em;padding: .375em .5em;}
.inner #content .ui-tabs .ui-tabs-nav li.ui-state-active a {color:#002E66;background:#fff;font-size: 1em;padding: .375em .5em .23em .5em;}
