/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
clear:both;/** PM **/
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
float: left;
margin: 0 2px 0 0;
padding: 0;
}

.ubercolortabs a, .ubercolortabs a:active, .ubercolortabs a:visited {
	color: white;
	text-decoration: none;
}
.ubercolortabs a{
	float: left;
	background: rgb(200,200,200) url(../img/deco/tableft.gif) no-repeat left top; /*default background color of tabs, left corner image*/

	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.ubercolortabs a:active{	
	background-color: #B1Af89; /*background color of tabs onMouseover*/
}

.ubercolortabs a span {
	display: block;
	background: transparent url(../img/deco/tabright.gif) no-repeat right top; /*right corner image*/
	padding: 7px 9px 3px 6px;
	cursor: pointer;

	background-color: transparent;
}

.ubercolortabs a span{
	float: none;
}


.ubercolortabs a:hover{
	background-color: rgb(175,175,175); /*background color of tabs onMouseover*/
	color: white;
	text-decoration: none;
}

.ubercolortabs li.empty a {
	background-color: rgb(230,230,230);
}

.ubercolortabs li.selected a{
	background-color: #918f69;
	color: maroon;
}

.ubercolortabs a:hover span{
	background-color: transparent;
}

.ubercolordivider{ /*CSS for horizontal line.*/
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px;
	background: gray; /*background color of horizontal line*/
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.ubercolortabs a.link {	
	color: maroon;
	background: none;

	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: none;
 }
 
 
 /** QUERY TAB ***/

.ubercolortabs li.query a{
	background: white url(../img/deco/degrade_bigger_down.gif) repeat-x left top; /*default background color of tabs, left corner image*/
	/*line-height: 24px;*/
	margin-top: 3px;
	height: 33px;
	padding: 0;
	 
}

.ubercolortabs li.query a span{
	background: none;
}

.ubercolortabs li.query a:hover,
.ubercolortabs li.query.selected a,
.ubercolortabs li.query.selected a:hover,
.ubercolortabs li.query.selected a:active,
.ubercolortabs li.query.selected a:visited
{
	background-image: url(../img/deco/degrade_bigger.gif);
	background-color: gray;
}

.ubercolortabs li.query a:hover {
	color: rgb(160,50,50);
}

.ubercolortabs li.query.selected a,
.ubercolortabs li.query.selected a:hover,
.ubercolortabs li.query.selected a:active,
.ubercolortabs li.query.selected a:visited{
	color: maroon;
}



/** END --- query tab --- END **/

/*** STATUS TABs ***/

.ubercolortabs.select-basket a.basket,
.ubercolortabs.select-chosen a.chosen,
.ubercolortabs.select-answered a.answered, 
.ubercolortabs.select-read a.read, 
.ubercolortabs.select-hidden a.hidden{
	background-color: gray;
}

/*** END --- status tabs --- END ***/
 
 /** NEWQUERY TAB ***/

.ubercolortabs li.newquery a{
	margin-top : 3px;
	background-color: rgb(190,150,150);
}

.ubercolortabs li.newquery a span{
	vertical-align: middle;
}

.ubercolortabs li.newquery a:hover, .ubercolortabs li.newquery.selected a{
	background-color: rgb(210,180,180);
}


.ubercolortabs li.newquery.selected a{
	color: white;
}

.ubercolortabs li.newquery.selected a:hover{
	color: rgb(230,230,230);
}

.ubercolortabs li.newquery a img{
	vertical-align: middle;
	height: 21px;
}

/** END --- newquery tab --- END **/