/* root element for tabs  */

#oControl .tabs {
	background-color: #FFF;
}

.tabs {
	margin:0 !important;
	padding:10px 0  0 10px;
	border-bottom:1px solid #666;
	background-color: #CCC;
	float:left;
	width: 100%
}

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

/* link inside the tab. uses a background image */
.tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
/*	height:18px; */
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
	-moz-border-radius:4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

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

/* selected tab */
.tabs a.current {
	background-color:#ccc;
	border-bottom:1px solid #ccc;
	color:#fff;
    /* disable cursor default on active tab */
	/* cursor:default; */
}


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

/* tab-pane */
.tab-panes > div {
	/* padding: 3px 0 0 8px; */
	float:left;
	width: -moz-available;
	/* min-width: 95%; */
    display: block;
	overflow: inherit;
	width: 100%;
}

.tab-panes {
    width: 100%;
    float: left;
    display: block;
	padding: 0 5px;
}