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

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

/* link inside the tab. */
ul.css-tabs a {
	float:left;
	font-size:12px;
	display:block;
	text-decoration:none;
	border:1px solid black;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:1px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}

ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	border-bottom:1px solid #CCCCCC;
	color:#000;
	cursor:default;
	background-color: #FFF;
}

/* tab pane */
div.css-panes div {
    display:none;
    border:1px solid #CCCCCC;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 20px;
    /*	background-color:#ddd;	*/
}