/* Caution! Ensure accessibility in print and other media types... */
@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;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

#tabs {
 clear:both;
 margin: 0 auto;
 width: 900px;
 display: none;
}

/* Skin */
.tabs-nav {
    list-style: none;
	width: 900px;
	height: 40px;
	background: url(../images/tabbernav-bg.jpg) no-repeat;
	font: bold 12px Verdana, sans-serif;  
	padding-left: 5px; 
	overflow: hidden;	
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
	list-style: none;
	margin: 10px 4px 0 0;
	width: 143px;
	height: 30px;
	display:block;
	float: left;
}
.tabs-nav a {
	display:block;
	padding: 10px 20px;
	width: 143px;
	height: 30px;
	text-decoration: none;
	background: url(../images/tab.png) no-repeat;
}

.tabs-nav a:link {color: #555; }
.tabs-nav a:visited {color: #555; }
.tabs-nav a:hover
{
background: url(../images/tab.png) no-repeat; background-position: 0 -30px; color: #555;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
background: url(../images/tab.png) no-repeat; background-position: 0 -30px; color: #517413;
}

.tabs-container {
	width: 100%; font-size: 11px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	border-right: 1px solid #cef1ff; 
	border-left: 1px solid #cef1ff;
}

.tabs-container a {color: #517413;}
.tabs-container p {padding: 0 25px;}
.tabs-container  img {border: 2px solid #84bbe8;}

.tabberitem {
 width: 145px; 
 height: 200px;
 padding-top: 10px; 
 float: left; 
 position: relative;
 text-align: center; 
 border-right: 1px dotted #cef1ff; 
 border-bottom: 1px dotted #cef1ff; 
}

.tabberitemlink {position: absolute; left: 35px; bottom: 10px;}

.tabberbottom { 
 clear: both;
 width: 900px;
 height: 40px;
 background: url(../images/tabbernav-bot.jpg) no-repeat;
}

.tabberbottom a {
 float: right;
 margin: 5px;
}


.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}