/* tabs */
@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; }
}
#tab { height:400px; overflow:auto; width:668px; }
.tabs-nav { list-style: none; margin: 0; padding: 0 0 0 0px; }
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.tabs-nav li { float: left; min-width: 84px; /* be nice to Opera */
	margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px; }
.tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background-color: transparent; background-repeat: no-repeat; }
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #858585; font-size: 14px; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */
	background-color: #c8c8c8; margin-right: 2px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
.tabs-nav .tabs-selected a { color: #FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #9b9b9b; border-right-color: #9b9b9b; border-bottom-color: #9b9b9b; border-left-color: #9b9b9b; background-color: #9f9f9f; }
.tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px; height: 22px; /* IE 6 treats height as min-height */
	min-height: 18px; padding-top: 6px; padding-right: 0; font-family: ATRotisSansSerif, Helvetica, sans-serif; font-size: 14px; padding-bottom: 5px; }
*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { width: 658px; height: auto; border-top-width: 4px; border-top-style: solid; border-top-color: #999; padding-top: 5px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; }