/*

Tabs - important styles to ensure accessibility in print

*/
@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 {
    .vertical-anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/
.vertical-anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1px;
}
.vertical-anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.vertical-anchors li {
    list-style-type: none;
    margin: 0 0 0 1px;
    list-style-image: none;
}

.main-col-end .vertical-anchors li {
    list-style-type: none;
    list-style-image: none;
}

.vertical-anchors a {
    display: block;
    position: relative;
    top: 1px;
    border: 1px solid #eaeaea;
    border-left: 0;
    z-index: 2;
    padding: 2px 2px 2px 1px;
    color: #000;
    text-decoration: none;
}
.vertical-anchors .tabs-selected a {
    padding-left: 2px;
    font-weight: bold;
}

.vertical-anchors li img {
	border: none;
}

.vertical-anchors .tabs-selected a, .vertical-anchors a:hover, .vertical-anchors a:focus, .vertical-anchors a:active,
.vertical-fragment {
	background:white;
}
.vertical-anchors .tabs-selected a:link, .vertical-anchors .tabs-selected a:visited,
.vertical-anchors .tabs-disabled a:link, .vertical-anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.vertical-anchors a:hover, .vertical-anchors a:focus, .vertical-anchors a:active {
    cursor: pointer;
}
.vertical-anchors .tabs-disabled {
    opacity: .4;
}
.vertical-anchors .tabs-disabled a:hover, .vertical-anchors .tabs-disabled a:focus, .vertical-anchors .tabs-disabled a:active {
    background: transparent;
}
.main-col-end .vertical-fragment {
    padding: 0 0px;
    width: auto;
}
.vertical-anchors .tabs-selected .tabs-loading {
    padding-left: 25px;
    background-image: url(/images/template/loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

ul.vertical-anchors {
	margin: 0;
	padding: 0;
	top: 0;
}

ul.vertical-anchors li {
	margin: 0;
	padding: 0;
	background: url(/images/template/vertical-tabs-top-white.jpg) repeat-y right top;	
}

ul.vertical-anchors li.tabs-selected {
	background: url(/images/template/vertical-tabs-top.jpg) repeat-y right top;	
}

ul.vertical-anchors a, ul.vertical-anchors .tabs-selected a {
	margin: 0;
	padding: 2px;
	margin-bottom: 2px;
	border: none;
}

ul.vertical-anchors a {
	background: url(/images/template/vertical-tabs-bottom-white.jpg) no-repeat right bottom;
}

ul.vertical-anchors .tabs-selected a {
	background: url(/images/template/vertical-tabs-bottom.jpg) no-repeat right bottom;
}