#container-1{padding-top:30px;}
#container-1 ul.ttabs{position:absolute; top:0; background:#FFF;}

/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ttabs  {
        display: none;
    }
}

/* Skin */
.ttabs , .ui-tabs-panel{}

.ttabs  {
	width:629px;
    margin:-1px 0 0 -23px;
    list-style: none;
	background:#FFF;
}
.ttabs :after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ttabs  li {
    float:left;
    min-width:84px; /* be nice to Opera */
}
.ttabs  a, .ttabs  a span {
    display: block;
}
.ttabs  a {
    padding:3px 22px;
    color: #27537a;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	text-transform:uppercase;
}

.ttabs  .ui-tabs-selected a{position:relative; top:0; z-index:2; margin-top:0; color:#D1070E;}

.ttabs  a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ttabs  a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ttabs  .ui-tabs-selected a span {}
.ttabs  a{border-top:0; border-right:2px solid #FFF; border-bottom:1px solid #C2D3DF; border-left:1px solid #C2D3DF; color:#000; background:url(/images/bg_tab.gif) 1px 5px no-repeat;}
.ttabs  .ui-tabs-selected a{border-top:1px solid #C2D3DF; border-right:1px solid #C2D3DF; border-bottom:0; color:#D1070E; background:none;}
.li1{width:312px;}
.li2{width:225px; margin-left:-1px;}
.ttabs  a.li1{border-left:1px solid #FFF;}
.ttabs  a.li2{border-right:1px solid #FFF;}
.ttabs  .ui-tabs-selected a.li1{border-left:1px solid #C2D3DF;}
.ttabs  .ui-tabs-selected a.li2{border-right:1px solid #C2D3DF;}
.ttabs  .ui-tabs-disabled a{}
.ttabs  a span{position:relative; top:2px;}
.ttabs  .ui-tabs-selected a span{position:relative; top:0;}

.ttabs  .ui-tabs-selected a:link, .ttabs  .ui-tabs-selected a:visited, .ttabs  .ui-tabs-disabled a:link, .ttabs  .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ttabs  a:hover, .ttabs  a:focus, .ttabs  a:active,
.ttabs  .ui-tabs-deselectable a:hover, .ttabs  .ui-tabs-deselectable a:focus, .ttabs  .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-panel{padding:8px 0;}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ttabs  { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ttabs   { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}