body{
	background: url(../images/bg.jpg) no-repeat center -34px;
}
#wrapper #header{
	height:63px;
}
#tabs ul{
	display:block;
	margin:0; 
}
#tabs ul li,#tabs ul li a{
	display:block;
	float:left;
}
#tabs ul li a{
	height:42px;
	width:239px;
	background: url(../images/sprite-tabs.png) no-repeat;
}
#tabs ul li#t4 a{
	width:237px;
}
/* t1 */
#tabs ul li#t1 a:link,#tabs ul li#t1 a:visited{
	background-position:0 0;
}

#tabs ul li#t1 a:link,#tabs ul li#t1 a:visited{
	background-position:0 0;
}
#tabs ul li#t1.ui-tabs-selected a,#tabs ul li#t1.ui-tabs-selected a:hover,#tabs ul li#t1.ui-tabs-selected a:visited{
	background-position:0 -84px !important;
}
#tabs ul li#t1 a:hover,#tabs ul li#t1 a:focus{
	background-position:0 -42px;
}
/* t2 */
#tabs ul li#t2 a{
	background-position:-238px 0px;
}
#tabs ul li#t2 a:hover,#tabs ul li#t2 a:focus{
	background-position:-238px -42px;
}
#tabs ul li#t2.ui-tabs-selected a,#tabs ul li#t2.ui-tabs-selected a:hover,#tabs ul li#t2.ui-tabs-selected a:visited{
	background-position:-238px -84px;
}
/* t3 */
#tabs ul li#t3 a{
	background-position:-477px 0px;
}
#tabs ul li#t3 a:hover,#tabs ul li#t3 a:focus{
	background-position:-477px -42px;
}
#tabs ul li#t3.ui-tabs-selected a,#tabs ul li#t3.ui-tabs-selected a:hover,#tabs ul li#t3.ui-tabs-selected a:visited{
	background-position:-477px -84px;
}
/* t4 */
#tabs ul li#t4 a{
	background-position:-716px 0px;
}
#tabs ul li#t4 a:hover,#tabs ul li#t4 a:focus{
	background-position:-716px -42px;
}
#tabs ul li#t4.ui-tabs-selected a,#tabs ul li#t4.ui-tabs-selected a:hover,#tabs ul li#t4.ui-tabs-selected a:visited{
	background-position:-716px -84px;
}

#tabs div{
	padding:10px 15px;
	background:#DEEFBF;
}
#tabs div.clear{
	padding:0;
}
#tabs div ul{
	width:150px;
	float:left;
	margin:0 10px 0 0;
}
#tabs div ul li{
	display:block;
	float:none;
	color:#3F3F3F;
}
#tabs div ul.last{
	margin:0;
	width:120px;
}
/* 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;
    }
}
/* Skin */
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	text-decoration:none;
	cursor:pointer !important;
}
.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 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;
}
/* END tabs */