/* 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;
    margin: 0 0 0 20px;
	width: 376px;
	background:url(/images/bgtab.png) repeat-x;

}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    min-width:94px; /* be nice to Opera */
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding:0 6px 0 11px;
    font-size: 12px;
    font-family: Tahoma;
    background: url(/images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 15px;
	font-weight:800;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
	font-family:Garamond;
	font-size: 11px;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
/*
left corner
*/
.tabs-nav a.tab1, .tabs-nav .tabs-disabled a.tab1:hover, .tabs-nav .tabs-disabled a.tab1:focus, .tabs-nav .tabs-disabled a.tab1:active
{
	background-position:0 -121px;
}
/*
.tabs-nav a.tab3, .tabs-nav .tabs-disabled a.tab3:hover, .tabs-nav .tabs-disabled a.tab3:focus, .tabs-nav .tabs-disabled a.tab3:active
{
	background-position:0 -121px;
}
*/
/*
tab3
*/
.tabs-nav a.tab3, .tabs-nav .tabs-disabled a.tab3:hover, .tabs-nav .tabs-disabled a.tab3:focus, .tabs-nav .tabs-disabled a.tab3:active {
background-position:100% -61px;
}
.tabs-nav a.tab3 span, .tabs-nav .tabs-disabled a.tab3:hover span, .tabs-nav .tabs-disabled a.tab3:focus span, .tabs-nav .tabs-disabled a.tab3:active span {
background-position:-7px -121px;
}
/*

*/
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active
{
background-position:-104px -90px !important;
}
/*

*/
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position:103% -90px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

    background-position:103% -31px;

}
.tabs-nav a span {
    width: 63px; /* IE 6 treats width as min-width */
    min-width: 63px;
    height: 29px; /* IE 6 treats height as min-height */
    min-height: 29px;
    padding-right: 0px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav a span strong
{
	padding:5px 0 0 0;
	display:block;
}
.tabs-nav .tabs-selected a span {
    padding-top:0px;
}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position:-1px 0;
	color:#fff;
}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

    background-position:-7px -154px;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	width:576px;
	font-size:11px;
	color:#010101;

}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/*
orange tab
*/
.tabs-nav a.active_or span {
    width: 63px; /* IE 6 treats width as min-width */
    min-width: 63px;
    height: 21px; /* IE 6 treats height as min-height */
    min-height: 21px;
    padding-top: 1px;
    padding-right: 0;
}
*>.tabs-nav a.active_or span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav a.active_or {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 15px;
	font-weight:800;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
	font-family:Garamond;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav a.active_or, .tabs-nav a.active_or span {
    display: block;
    background: url(/images/tab_s.png) no-repeat;
}
.tabs-nav .tabs-selected a.active_or span, .tabs-nav a.active_or:hover span, .tabs-nav a.active_or:focus span, .tabs-nav a.active_or:active span {
    background-position:0 -22px;
	color:#f5fbfe;
}
.tabs-nav a.active_or span, .tabs-nav .tabs-disabled a.active_or:hover span, .tabs-nav .tabs-disabled a.active_or:focus span, .tabs-nav .tabs-disabled a.active_or:active span
{
	  background-position: 0 0;
}
.tabs-nav a.active_or, .tabs-nav .tabs-disabled a.active_or:hover, .tabs-nav .tabs-disabled a.active_or:focus, .tabs-nav .tabs-disabled a.active_or:active {
    background-position:103% -44px;
}
.tabs-nav .tabs-selected a.active_or, .tabs-nav a.active_or:hover, .tabs-nav a.active_or:focus, .tabs-nav a.active_or:active {
    background-position:103% -66px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited
{
	cursor:pointer;
}
.tab_orange
{
	border-top:4px solid #f7941d;
}
.tabs_content
{
	border-left:1px solid #B1CCD4;
	border-right:1px solid #B1CCD4;
	left:1px;
	position:relative;
	width:544px;
	padding:0 15px;
}
.tab_container
{
	margin:0 0 0 14px;
}

