/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@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;
    }
}
@media print { /* retain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
    background:#15273b;/*#1d3853;*/
    border-bottom: 0px solid #0e1e2e;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
    float: left;
    margin: 0 1px 0 0;

}
.anchors a {
    display: block;
    position: relative;
    top: 8px;
    border: 1px solid #0e1e2e;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 17px 1px;
    color:#6f8497;
    background-color:#172c41;
    text-decoration: none;
    line-height:3.0em;
    height:30px;
    font-size:12px;
}
.anchors .selected a {
		position:relative;
		top:8px;
    font-weight: normal;
    background-color:#11263b;
    height:30px;
    color:#acc348;
     font-size:12px;

}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.anchors .selected a, .anchors a:hover, .anchors a:focus, .anchors a:active
{
    background-color: #1d3853;
     font-size:12px;

}
.fragment{background:transparent;}
.anchors .selected a:link, .anchors .selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
    display: block;
    position: relative;
    top: 8px;
    border: 1px solid #0e1e2e;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 17px 1px;
    color:#efefef;
    background-color:#1d3853;
    text-decoration: none;
    line-height:3.0em;
    height:30px;
     font-size:12px;
}
.fragment {
    padding: 0 10px;
}
/*$color_array= array('fb040f', 'fce704','1a9afd','fc04fb', '44fb03', 'fb7f05','acacac', '6d4c16','3ce7fb' )	;*/
/*.anchors .selected a.class1 {color:#fb040f ! important;}
.anchors .selected a.class2 {color:#fce704 ! important;}
.anchors .selected a.class3 {color:#1a9afd ! important;}
.anchors .selected a.class4 {color:#fc04fb ! important;}
.anchors .selected a.class5 {color:#44fb03 ! important;}
.anchors .selected a.class6 {color:#fb7f05 ! important;}
.anchors .selected a.class7 {color:#acacac ! important;}
.anchors .selected a.class8 {color:#6d4c16 ! important;}
.anchors .selected a.class9 {color:#3ce7fb ! important;}*/
.anchors .selected a.class1 {color:#acc348 ! important;}
.anchors .selected a.class2 {color:#acc348 ! important;}
.anchors .selected a.class3 {color:#acc348 ! important;}
.anchors .selected a.class4 {color:#acc348 ! important;}
.anchors .selected a.class5 {color:#acc348 ! important;}
.anchors .selected a.class6 {color:#acc348 ! important;}
.anchors .selected a.class7 {color:#acc348 ! important;}
.anchors .selected a.class8 {color:#acc348 ! important;}
.anchors .selected a.class9 {color:#acc348 ! important;}
.anchors .selected a.class10 {color:#acc348 ! important;}
.anchors .selected a.class11 {color:#acc348 ! important;}
.anchors .selected a.class12 {color:#acc348 ! important;}
.anchors .selected a.class13 {color:#acc348 ! important;}
.anchors .selected a.class14 {color:#acc348 ! important;}
.anchors .selected a.class15 {color:#acc348 ! important;}
.anchors .selected a.class16 {color:#acc348 ! important;}
.anchors .selected a.class17 {color:#acc348 ! important;}