/* root element for tabs  */
ul.tabs {  
	margin: 0 !important; 
	padding: 0;
	height: 51px;
	/*border-bottom: 1px solid #f00;*/
}

/* 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;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 25px 15px 5px 15px;	
	text-decoration: none;
	border-bottom: 2px solid rgb(229, 229, 229);
	/*height: 30px;*/
	background: url(/shared/img/bg_mainbox_1_top.gif) rgb(180, 180, 180) repeat-x;
	color: #444;
	margin-right: 3px;
	position: relative;
	top: 1px;	
}

ul.tabs a:hover {
	background: url(/shared/img/bg_mainbox_1_top.gif) rgb(127, 127, 127) repeat-x;
	color: #333;
}
	
/* selected tab */
ul.tabs a.current {
	background: url(/shared/img/bg_mainbox_1_top.gif) rgb(127, 127, 127) repeat-x;
	border-bottom: 2px solid rgb(127, 127, 127);	
	color: #fff;	
	cursor: default;
}

	
/* tab pane */
div.panes div {
	display: none;
	background: url(/shared/img/bg_mainbox_1_bottom.gif) bottom left rgb(127, 127, 127) repeat-x;
	padding: 25px 15px 30px 15px;
	margin: 0 0 20px 0;
	color: #eee;	
}

div.panes div a
{
	color: #eee;
	padding: 1px 3px 1px 17px;
	background-position: 2px -15px !important;
	border-bottom: 1px dotted #eee;
}