/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

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

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	font-size: 12px;
}
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(../img/tb_menu_on.gif);
	text-indent: -9999px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li{
	float: left;
	min-width: 200px; /* be nice to Opera */
	height: 35px;
	width: 200px;
}
.ui-tabs-nav a{
	display: block;
	height: 35px;
	width: 200px;
}


.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	z-index: -1;
}



#Tb01.ui-tabs-selected a, #Tb01 a:hover, #Tb01 a:focus, #Tb01 a:active {
	background-image: url(../img/tb_menu_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
	width: 200px;
}

#Tb02.ui-tabs-selected a, #Tb02 a:hover, #Tb02 a:focus, #Tb02 a:active {
	background-image: url(../img/tb_menu_on.gif);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	display: block;
	height: 35px;
	width: 200px;
}

#Tb03.ui-tabs-selected a, #Tb03 a:hover, #Tb03 a:focus, #Tb03 a:active {
	background-image: url(../img/tb_menu_on.gif);
	background-repeat: no-repeat;
	background-position: -400px 0px;
	display: block;
	height: 35px;
	width: 200px;
}

#Tb04.ui-tabs-selected a, #Tb04 a:hover, #Tb04 a:focus, #Tb04 a:active {
	background-image: url(../img/tb_menu_on.gif);
	background-repeat: no-repeat;
	background-position: -600px 0px;
	display: block;
	height: 35px;
	width: 200px;
}


#Tb01 a, #Tb01 .ui-tabs-disabled a:hover, #Tb01 .ui-tabs-disabled a:focus, #Tb01 .ui-tabs-disabled a:active {
	background-image: url(../img/tb_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
	width: 200px;    
}

#Tb02 a, #Tb02 .ui-tabs-disabled a:hover, #Tb02 .ui-tabs-disabled a:focus, #Tb02 .ui-tabs-disabled a:active {
	background-image: url(../img/tb_menu.gif);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	display: block;
	height: 35px;
	width: 200px;    
}

#Tb03 a, #Tb03 .ui-tabs-disabled a:hover, #Tb03 .ui-tabs-disabled a:focus, #Tb03 .ui-tabs-disabled a:active {
	background-image: url(../img/tb_menu.gif);
	background-repeat: no-repeat;
	background-position: -400px 0px;
	display: block;
	height: 35px;
	width: 200px;    
}

#Tb04 a, #Tb04 .ui-tabs-disabled a:hover, #Tb04 .ui-tabs-disabled a:focus, #Tb04 .ui-tabs-disabled a:active {
	background-image: url(../img/tb_menu.gif);
	background-repeat: no-repeat;
	background-position: -600px 0px;
	display: block;
	height: 35px;
	width: 200px;    
}


.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(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;
}

#rotate {
	width: 800px;
}