/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	/* border-bottom:1px solid #666;*/
    height:34px;
	width: auto;
	display: block;
	float: left;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	background: #ececec;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: auto;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px 10px;
	margin:0px;
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background: #fff;
	color:#333;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background: #fff;
	cursor:default !important;
	color:#333 !important;
}
/* Different widths for tabs: use a class name: s, l, xl *//* width 1 */
ul.tabs a.s {
	background-position: -553px 0;
	width:81px;
}
ul.tabs a.s:hover {
	background-position: -553px -31px;
}
ul.tabs a.s.current {
	background-position: -553px -62px;
}
/* width 2 */
ul.tabs a.l {
	background-position: -247px -0px;
	width:174px;
}
ul.tabs a.l:hover {
	background-position: -247px -31px;
}
ul.tabs a.l.current {
	background-position: -247px -62px;
}
/* width 3 */
ul.tabs a.xl {
	background-position: 0 -0px;
	width:248px;
}
ul.tabs a.xl:hover {
	background-position: 0 -31px;
}
ul.tabs a.xl.current {
	background-position: 0 -62px;
}
/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}
/* tab pane styling */
.panes div {
	clear: both;
	display: none;
	padding: 10px 13px;
	margin: 0px;
	border: 1px solid #ececec;
	height: 168px;
	font-size: 12px;
	background-color: #fff;
}
#index h2 {
	font-size: 16px;
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	line-height: 36px;
}
#index .panes div h1 {
	background: url(../images/main/title_results.gif) no-repeat #ffffff;
	line-height: 34px;
	padding: 0px;
	display: block;
}
#index .panes div h2 {
	font-size: 11px;
	padding: 4px 0px;
	color: #000;
	margin: 0px;
	font-weight: bold;
	line-height: normal;
}
#index .panes div p {
	display: block;
	background-color: #ececec;
	font-size: 11px;
	padding: 0px 13px;
	margin: 8px -13px 0px -13px;
	line-height: 18px;
}
#index .panes div p a:link, .panes div p a:visited, .panes div p a:active {
	color: #900;
	text-decoration: none;
}
#index .panes div p a:hover {
	color: #333;
	text-decoration: none;
}
#index .results p {
	display: block;
	background-color: #ececec;
	font-size: 11px;
	padding: 0px 13px;
	margin: 8px -13px 0px -13px;
	line-height: 18px;
}
#index .results p a:link, #index .results p a:visited, #index .results p a:active {
	color: #900;
	text-decoration: none;
}
#index .results p a:hover {
	color: #333;
	text-decoration: none;
}
#index .results h2 {
	font-size: 11px;
	color: #000;
	padding: 0px 13px;
	margin: 8px -13px 0px -13px;
	line-height: 18px;
	text-transform: none;
}
.results {
	background: url(../images/main/title_results.gif) no-repeat #ffffff;
	margin: 0px;
	padding: 0px;
}
.results table {
	margin: 0px;
	display: block;
}
.results td {
	font-size: 11px;
	padding: 2px 0px;
}