@media projection, screen { 
	.ui-tabs-hide {
		display: none;
		}
	}

@media print {
	.ui-tabs-nav {
		display: none;
		}
	}

#rotate {
	height:350px;
	overflow:hidden;
	position:relative;
	}

.ui-tabs-panel {
	padding:0;
	position:absolute;
	overflow:hidden;
	}

.ui-tabs-nav {
	position:absolute;
	list-style: none;
	margin:0;
	padding:0;
	top:319px;
	left:820px;
	}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display:block;
	clear:both;
	content: " ";
	}

.ui-tabs-nav li {
	float:left;
	margin:0;
	min-width:12px; /* be nice to Opera */
	}

.ui-tabs-nav a {
	display:block;
	padding:0;
	background: url(../images/dot.png) center center no-repeat;
	}

.ui-tabs-nav a {
	margin:0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left:0;
	color:#27537a;
	font-weight:bold;
	line-height:1em;
	text-align: center;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */	
	outline:0;
	/*
	text-indent:-9999px;
	*/
	}

.ui-tabs-nav .ui-tabs-selected a {
	position:relative;
	top:0;
	z-index:2;
	margin:0;
	}

.ui-tabs-nav a span {
	/*
	width: 12px;
	min-width: 12px;
	height: 18px;
	min-height: 12px;
	padding:0;
	text-indent:-9999px;
	*/
	padding:4px;
	overflow:hidden;
	}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	/*
	width:auto;
	height:auto;
	*/
	}

.ui-tabs-nav .ui-tabs-selected a span {
	}

.ui-tabs-nav .ui-tabs-selected a, 
.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active {
	background-position: 100% 0px;
	}

.ui-tabs-nav a, 
.ui-tabs-nav .ui-tabs-disabled a:hover, 
.ui-tabs-nav .ui-tabs-disabled a:focus, 
.ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -20px;
	}

.ui-tabs-nav .ui-tabs-selected a span, 
.ui-tabs-nav a:hover span, 
.ui-tabs-nav a:focus span, 
.ui-tabs-nav a:active span {
	background-position: 0 0;
	}

.ui-tabs-nav a span, 
.ui-tabs-nav .ui-tabs-disabled a:hover span, 
.ui-tabs-nav .ui-tabs-disabled a:focus span, 
.ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
	}

.ui-tabs-nav .ui-tabs-selected a:link, 
.ui-tabs-nav .ui-tabs-selected a:visited, 
.ui-tabs-nav .ui-tabs-disabled a:link, 
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: pointer;
	}

.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, 
.ui-tabs-nav .ui-tabs-deselectable a:focus, 
.ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
	}

.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
	}

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

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
	}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
	}



/* Features
----------------------------------------------- */
#container-1 {
	width:410px;
	height:100px;
	float:left;
	}

/* Single Page Tabs
----------------------------------------------- */
#container-2 {
	margin:0;
	}

#container-2,
#container-2 p {
	font-size:13px;
	line-height:1.4em;
	}

.content #container-2 .ui-tabs-nav {
	position:relative;
	list-style:none;
	margin:0;
	padding:7px 0 0 0;
	border-bottom:3px solid #767b7c;
	width:549px;
	top:0;
	left:0;
	}

.content #container-2 .ui-tabs-nav a {
	margin:0; /* position: relative makes opacity fail for disabled tab in IE */
	padding:5px 10px;
	color:#5f6566;
	font-size:13px;
	font-weight:normal;
	line-height:1em;
	text-align: left;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */	
	outline:0;
	text-indent:0;
	display:block;
	background:#edeeee;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	}

.content #container-2 .ui-tabs-nav li {
	margin:0 2px 0 0;
	}

.content #container-2 .ui-tabs-nav li.ui-tabs-selected a,
.content #container-2 .ui-tabs-nav li a:hover {
	background:#767b7c;
	color:#FFF;
	}

.content .ui-tabs-panel {
	position:relative;
	overflow:visible;
	}

/* Sidebar Themes Rotate
----------------------------------------------- */
.sidebar #rotate {
	height:322px;
	width:270px;
	margin:13px 0 23px 0;
	overflow:hidden;
	position:relative;
	background:url(../images/bg_rotate.png) 50% 50% no-repeat;
	}

.sidebar #rotate .ui-tabs-panel {
	height:322px;
	}

.sidebar #rotate .ui-tabs-panel .screen {
	margin:17px 0 17px 17px;
	}

.sidebar #rotate .ui-tabs-panel .b {
	margin:0 0 0 144px;
	}

.sidebar #rotate .ui-tabs-nav {
	left:16px;
	top:289px;
	}


