/*
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 { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {

        display: none;
    }
}

/*Add-on Tab Styles */


.anchors li {background: url(/images/sub/tabs/tab-li.gif) top left no-repeat; height: 30px;}
.anchors li a {background: url(/images/sub/tabs/tab-a.gif) top right no-repeat; font-size: 75%;  padding: 7px 8px 0 8px;}
.anchors li a:hover {text-decoration: underline}
#tabContainer li.tabs-selected {background: url(/images/sub/tabs/tab-li-active.gif) top left no-repeat}
#tabContainer li.tabs-selected a {background: url(/images/sub/tabs/tab-a-active.gif) top right no-repeat}

#tabContainer h2 {color: #529005; font-weight: bold; font-size: 90%}
#tabContainer p {color: #333333; margin-bottom: 20px; line-height: 126%; font-size: 75%}

/*
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 0px;
}
.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;
 font-weight: bold;
    border: 0;
    border-bottom: 0;
    z-index: 2;
    padding: 0;
	color: white;
 
    text-decoration: none;
}
.anchors .tabs-selected a {
       color: #333;
    font-weight: bold;
}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.fragment {
   
}
.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchors .tabs-disabled {
    opacity: .4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}



.fragment {
padding: 10px;
background: url(/images/sub/tabs/fragment-top.gif) top left no-repeat #e6ffc5 ; clear: left; margin-bottom: -1px;
clear: both;
min-height: 250px; 
_height: 250px; 
 
}



.fragment a {color: #0000ef; text-decoration: underline;}

html .wide {background: url(/images/sub/tabs/tabs-wide-top.gif) top left no-repeat}

.wide .innerFragment {margin-top: 10px; background-color: #e6ffc5; height: auto;}

.innerTabWrap {border-bottom: 1px solid #91A17C; padding-bottom: 7px; margin-bottom: 7px;}

.tabClear {clear: both; height: 0; font-size: .001%; line-height: .001%;}
.noborder.innerTabWrap {border-bottom: 0;}

/* Additional Tab styles */
.fragment table {margin-bottom: 15px;}
.fragment th {text-align: left; font-size: 76%; color: #333; border: 1px solid  #ccc;border-collapse: collapse; padding: 6px; vertical-align: top;}
.fragment th span {font-weight: normal; font-size: 90%; text-align: center;}
.fragment td {vertical-align: top; font-size: 76%; color: #333; line-height: 120%; padding: 4px; border: 1px solid  #ccc;}
.fragment ul li {margin-bottom: 5px; list-style: inside }