/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding: 0 0 0 4px;
    height:30px;
}

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

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 20px;
    text-decoration:none;
    border:1px solid #D2D2D0;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
	color:#000000;
    margin-right:0px;
	margin-left:3px;
    position:relative;
    top:1px;
    outline:0;
	border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c0c0c0)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #f8f8f8, #c0c0c0); /* for firefox 3.6+ */

	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

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

/* selected tab */
ul.css-tabs a.current {
    background: none;
    border-bottom:1px solid #ffffff;
    color:#2c7ec2;
    cursor:default;
	font-weight: bold;

    outline: 0; /* prevent dotted border in Firefox */

}


/* tab pane */
.css-panes {
    display:none;
    min-height:150px;
	border-top: 1px solid #D2D2D0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    width: auto !important;
}