/*

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... */
    .ui-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 0px;
}
.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 0px;
    list-style-image: none;
}

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

.vertical-anchors a {
    display: block;
    position: relative;
    z-index: 2;
    padding: 0px;
}
.vertical-anchors li.ui-tabs-selected a {
    font-weight: bold;
}

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

/*
.vertical-anchors li.ui-tabs-selected a, .vertical-anchors a:hover, .vertical-anchors a:focus, .vertical-anchors a:active,
*/
.vertical-fragment {
	background: white;
}
.vertical-anchors li.ui-tabs-selected a:link, .vertical-anchors li.ui-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;
}
.vertical-fragment {
    padding: 0 0px;
    width: auto;
}
.vertical-anchors li.ui-tabs-selected .tabs-loading {
    padding-left: 25px;
    background-image: url(/images/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;
}

ul.vertical-anchors li.ui-tabs-selected {
}

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

ul.vertical-anchors a {
	background: url(../images/menu-inactive2.gif) no-repeat;	
	padding: 34px 34px 24px 34px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: black;
	border-right: 1px solid black;
}

ul.vertical-anchors li.ui-tabs-selected a {
	background: url(../images/menu-active.gif) no-repeat;	
	padding: 34px 34px 24px 34px;
}