/* @import url("jquery.tabs-sup-wide.css"); */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print {  .tabs-nav { display: none; } }

/* Skin */
.tabs-nav { list-style: none; margin: 0; padding: 0 0 0 0px; }
.tabs-nav .tab-content  p { color: #333; float: left; font-size: 12px; margin: 0; padding: 15px 0 0 15px; text-align: justify; width: 700px; }
.tabs-nav .tab-content  p span.head { color: #2c2c58; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.tabs-nav .tab-content{ border-top: none; /* border-top: 3px outset #eee;  */ }
.tabs-nav .tab-content  h1{ color: #2C2C58; font-size: 15px; margin-bottom: 0px; margin-left: 10px; margin-top: 10px; padding-bottom: 0px; }
.tabs-nav ul li{ background-image: url(../images/tab.jpg); background-position: right top; background-repeat: no-repeat; float: left; margin: 0; padding: 0 1px 0 0; width: auto; }
.tabs-nav ul li a{ background-image: url(../images/tab.jpg); background-repeat: repeat-x; border: 1px solid #e4e4e4; border-right: none; color: #000000; float: left; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 21px; margin: 0; padding: 6px 42px 0 22px; text-align: left; text-decoration: none; white-space: nowrap; width: 175px; }
.tabs-nav ul li a.active{ background-image: url(../images/tab_selected.jpg); background-repeat: repeat-x; color: #000; }
.tabs-nav ul li.last{ background: none; }
.tabs-nav:after { clear: both; content: " "; /* clearing without presentational markup, IE gets extra treatment */ display: block; }
.tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.tabs-loading em { background: url(../images/loading.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
.tabs-nav hr.tab_hr{ background-color: #eee; border: none; color: #eee; height: 1px; margin: 10px 0 4px 0; width: 300px; }



@media print {.tabs-navigation { display: none; } }

tab-container { width: 735px; max-width: 735px; margin-left:auto; margin-right:auto; }

/* Skin */
.tabs-navigation { list-style: none; margin: 0; padding:0;}
.tabs-navigation .tab-content  p { color: #333; float: left; font-size: 12px; margin: 0; padding: 15px 0 0 15px; text-align: justify; width:725px; }
.tabs-navigation .tab-content  p span.head { color: #2c2c58; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.tabs-navigation .tab-content { border-top: none; text-align:left; } /* border-top: 3px outset #eee;  */
.tabs-navigation .tab-content  h1{ color: #2C2C58; font-size: 15px; margin-bottom: 0px; margin-left: 10px; margin-top: 10px; padding-bottom: 0px; }
.tabs-navigation ul li{ background-image: url(../images/tab.jpg); background-position: right top; background-repeat: no-repeat; float: left; margin: 0; padding: 0 1px 0 0; width: auto; }
.tabs-navigation ul li a{ background-image: url(../images/tab.jpg); background-repeat: repeat-x; border: 1px solid #e4e4e4; border-right: none; color: #000000; float: left; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 21px; margin: 0; padding: 6px 42px 0 10px; text-align: left; text-decoration: none; white-space: nowrap; width:185px; }
.tabs-navigation ul li a.active{ background-image: url(../images/tab_selected.jpg); background-repeat: repeat-x; color: #000; }
.tabs-navigation ul li.last{ background: none; }
.tabs-navigation:after { clear: both; content: " "; /* clearing without presentational markup, IE gets extra treatment */ display: block; }
/* .tabs-navigation li { float: left; margin: 0 0 0 1px; min-width: 84px;} */ /* be nice to Opera */
.tabs-navigation ul li { float: left; margin: 0 0 0 1px; min-width: 84px; } /* be nice to Opera */
.tabs-loading em { background: url(../images/loading.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
.tabs-navigation hr.tab_hr{ background-color: #eee; border: none; color: #eee; height: 1px; margin: 10px 0 4px 0; width: 300px; }

.tab-content-block-wide { width:700px; padding:10px; font-size:12px; line-height:140%; }
.tab-content-block-wide-col1 { float:left; width:440px; padding-right:5px;  border-right:1px solid #ccc; min-height:230px; }
.tab-content-block-wide-col2 { float:left; width:240px; }