/* CSS Document */

body {
background-color:#fff;
}

#contentwrapper  { width:550px; margin:0px auto; padding:10px}

/* single tab */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #ADCC76;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	display:block;
	padding:2px 30px 5px ;	
	font: 16px/20px "trebuchet ms",arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ADCC76;	
	border-bottom:0px;
	height:20px;
	color:#fff;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	background: url(../images/tabs3.png) no-repeat;
	background-color:#90AA62;
	
}

ul.tabs a:hover {
	background-color:#ADCC76;
	color:#fff;
}


ul.tabs a.current:hover {
	
}
ul.tabs a:hover {
	color:#fff; background: url(../images/tabs3.png) no-repeat;background-position: 100% -58px;
}	
	
/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	border:1px solid #ADCC76;	
	border-bottom:1px solid #e8f1d8;	
	color:#000;	
	cursor:default;
	height:21px;
	background-position: 100% -28px;
	
}

	
/* tab pane */
.panes div {
	display:none;
	border:1px solid #ADCC76;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-image: url(../images/bkg-tabs.png); background-repeat:repeat-x
	
}