/*

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

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

.anchors {
    background-color: #fef8e8;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    z-index: 1;
    top: 0;
    height: 38px;
	}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
	}
.anchors li {
    float: left;
    margin: 0;
	}
.anchors a {
    display: block;
    position: relative;
    top: 0;
    border-bottom: 0;
    z-index: 1;
    padding: 0;
    color: #371b0d;
    height: 38px;
    text-decoration: none;
    background-position: 0 0;
	}
.anchors a span {
    display: none;
	}
.anchors li.latest a,
.anchors li.places a,
.anchors li.events a,
.anchors li.stuff a,
.anchors li.people a,
.anchors li.membership a,
.anchors li.profile a,
.anchors li.password a,
.anchors li.loves a,
.anchors li.itemsadded a,
.anchors li.comments a,
.anchors li.following a{
	background-image: url(library/admin/ui-sprite.png);
	width: 100px;
	}	
	
.anchors li.latest a {background-position: 0 -475px;}
.anchors li.latest a:hover {background-position: 0 -513px !important;}
.anchors li.latest.ui-tabs-selected a {background-position: 0 -551px;}
.anchors li.latest.ui-tabs-selected a:hover {background-position: 0 -551px!important;}	

.anchors li.places a {background-position: -100px -475px;}
.anchors li.places a:hover {background-position: -100px -513px !important;}
.anchors li.places.ui-tabs-selected a {background-position: -100px -551px}
.anchors li.places.ui-tabs-selected a:hover {background-position: -100px -551px!important;}	

.anchors li.events a {background-position: -200px -475px;}
.anchors li.events a:hover {background-position: -200px -513px !important;}
.anchors li.events.ui-tabs-selected a {background-position: -200px -551px}
.anchors li.events.ui-tabs-selected a:hover {background-position: -200px -551px!important;}	

.anchors li.stuff a {background-position: -300px -475px;}
.anchors li.stuff a:hover {background-position: -300px -513px !important;}
.anchors li.stuff.ui-tabs-selected a {background-position: -300px -551px}
.anchors li.stuff.ui-tabs-selected a:hover {background-position: -300px -551px!important;}		

.anchors li.people a {background-position: -400px -475px;}
.anchors li.people a:hover {background-position: -400px -513px !important;}	
.anchors li.people.ui-tabs-selected a {background-position: -400px -551px}
.anchors li.people.ui-tabs-selected a:hover {background-position: -400px -551px!important;}	
	
/* Edit Account */	

.anchors li.membership a {background-position: 0 -599px;}
.anchors li.membership a:hover {background-position: 0 -637px !important;}
.anchors li.membership.ui-tabs-selected a {background-position: 0 -675px;}
.anchors li.membership.ui-tabs-selected a:hover {background-position: 0 -675px!important;}		

.anchors li.profile a {background-position: -100px -599px;}
.anchors li.profile a:hover {background-position: -100px -637px !important;}
.anchors li.profile.ui-tabs-selected a {background-position: -100px -675px;}
.anchors li.profile.ui-tabs-selected a:hover {background-position: -100px -675px!important;}
	
.anchors li.password a {background-position: -200px -599px;}
.anchors li.password a:hover {background-position: -200px -637px !important;}
.anchors li.password.ui-tabs-selected a {background-position: -200px -675px;}
.anchors li.password.ui-tabs-selected a:hover {background-position: -200px -675px!important;}

.anchors li.loves a {background-position: -300px -599px;}
.anchors li.loves a:hover {background-position: -300px -637px !important;}
.anchors li.loves.ui-tabs-selected a {background-position: -300px -675px;}
.anchors li.loves.ui-tabs-selected a:hover {background-position: -300px -675px!important;}

.anchors li.itemsadded a {background-position: -600px -599px;}
.anchors li.itemsadded a:hover {background-position: -600px -637px !important;}
.anchors li.itemsadded.ui-tabs-selected a {background-position: -600px -675px;}
.anchors li.itemsadded.ui-tabs-selected a:hover {background-position: -600px -675px!important;}

.anchors li.comments a {background-position: -400px -599px;}
.anchors li.comments a:hover {background-position: -400px -637px !important;}
.anchors li.comments.ui-tabs-selected a {background-position: -400px -675px;}
.anchors li.comments.ui-tabs-selected a:hover {background-position: -400px -675px!important;}

.anchors li.following a {background-position: -500px -599px;}
.anchors li.following a:hover {background-position: -500px -637px !important;}
.anchors li.following.ui-tabs-selected a {background-position: -500px -675px;}
.anchors li.following.ui-tabs-selected a:hover {background-position: -500px -675px!important;}
			
.anchors .ui-tabs-selected a:link, 
.anchors .ui-tabs-selected a:visited,
.anchors .ui-tabs-disabled a:link, 
.anchors .ui-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 .ui-tabs-disabled {
    opacity: .4;
	}
.anchors .ui-tabs-disabled a:hover, 
.anchors .ui-tabs-disabled a:focus, 
.anchors .ui-tabs-disabled a:active {
    background-position: 0px 0px !important;
	}
.fragment {
    padding: 0;
	}
.anchors .ui-tabs-selected .ui-tabs-loading {
    padding-left: 25px;
    background-position: 4px 50%;
    background-repeat: no-repeat;
	}