/*tab*/

.tabmain {
padding:0;
margin:0 0 10px 20px;
width:241px;
float:left;
overflow:hidden;
background:url(../images/loginbg.gif) 0 -3px no-repeat;
display:inline;

}

div.demolayout {
	width: 239px;
	margin: 0 0 0 2px;
}

ul.demolayout {
width: 100%;
height:28px;
background: url(../images/pixel.gif) bottom right repeat-x;
}

ul.demolayout li {
margin: 0;
padding:0;
float: left;
font-family:Arial, Helvetica, sans-serif;
}

ul.demolayout li a{
margin:0;
display: block;
color: #666;
font-weight:bold;
background:url(../images/tab.gif) no-repeat 0 0;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
}

ul.demolayout li a span{
display: block;
font-weight:bold;
padding: 7px 40px 4px 40px;
margin:0;
font-size:14px;
color: #666 !important;
background:url(../images/tab.gif) no-repeat 100% -60px;
cursor:pointer;
}

ul.demolayout li a span {
    width: 14px; /* IE 6 treats width as min-width */
    min-width: 14px;
    height: 14px; /* IE 6 treats height as min-height */
    min-height: 14px;
}

*>ul.demolayout li a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}



ul.demolayout a:hover {
text-decoration: none !important;
/*background: #fff;*/
}

ul.demolayout a.active {
font-weight:bold;
color:#333 !important;
text-decoration: none !important;
/*background: #fff;*/
background:url(../images/tab.gif) no-repeat 0 -30px;
}

ul.demolayout a.active span {
font-weight:bold;
color:#333 !important;
padding:7px 40px 5px 40px;
background:url(../images/tab.gif) no-repeat 100% -90px; 
}

.tabs-container {
	clear:both;
	padding:0;
	margin:0;
	border-top:0px;
	height:236px;
}


#demo-nested-nav ,#demo-nested-nav li,.tab-nested ul,.tab-nested form{
margin:0;
padding:0;
list-style:none;
}

.tab-nested{
padding:7px 7px 0 7px;
margin:0;
list-style:none;
}

.tab-nested a:link, .tab-nested a:visited {
text-decoration: none;
font-weight: normal;

}
.tab-nested a:hover {
text-decoration: underline;
}