﻿
.tabs {
	background: url(tabs/tabBackground.gif) repeat-x bottom;	
	font: 11px/14px Verdana;	
	margin-top: 0.5em;	
	float:left; 
	width:600px;
	margin-top:10px;	 
}


.tabs ul {    
	position:relative;
	top: -1px;
	margin:0;
	list-style:none;	
}


.tabs li {
	display:inline;
	margin:0;
	padding:0;
}

.tabs a {
	float:left;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	color:black !important;
}

.tabs a span {
	float:left;
	display:block;
	padding: 4px 5px 3px 2px;
}

.tabs a:hover {
	background-color: transparent;
}

.tabs a:hover span {
	cursor: pointer;
}


.tabs a.selected:hover,
.tabs a.selected {
	position: relative;
	top: 1px;	
}

.clear {
	clear: both;
}

.tabContentK {
	border: 0px; 	
	padding:5px; /* this half the TabContentPaddingAllowance of the TabList */
	position:absolute;
	 left:0;
	  top:25; /* 25 with mozialla, 0 ie fix this */
	   height:340px; 
	   width:599px;	
	    font-size:12px;	
	     text-align:left; 	   
}

.tabContentK table tr td {
    font-size:12px;	 
}

.tabs a {
	background: url(tabs/tabLeft12.gif) no-repeat left top;      
}

.tabs a span {
	background: url(tabs/tabRight12.gif) no-repeat right top;      
}

.tabs a:hover {
	background: url(tabs/tabLeft12.gif) no-repeat left top; 
	background-position: 0% -42px;

}

.tabs a:hover span {
	background: url(tabs/tabRight12.gif) no-repeat right top;    
	background-position: 100% -42px;
}


.tabs a.selected:hover,
.tabs a.selected {
	background: url(tabs/tabLeft12.gif) no-repeat left top; 
	background-position: 0% -21px;	
}

.tabs a.selected:hover span,
.tabs a.selected span {
	background: url(tabs/tabRight12.gif) no-repeat right top;    
	background-position: 100% -21px;
}
