/* BS tabs for dTabs */

#tabbar {
	font-size: .72em;
	float: right;
	font-weight: bold;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
.tabbar li, .tabbar ul li, {
	
	
	/* make them horizontal in IE*/
	float: right;
	
	/* space them a little in IE*/
	margin: 0 10px;
}

.tabbar a:link, .tabbar a:visited,.tabbar a:active { color: black; text-decoration: none; }
.tabbar a:hover { color: silver; text-decoration: none; }

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 3px;
	
	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: #777;
	border: 1px solid #fff;
}

.tab:hover {
	background-color: black;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: #4c4c4c;
	
	/* make the border along the bottom blend into the white background */
	/*border-bottom-color: #333;*/
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(100,100,100);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid white;
}
.tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 2px 0 0 5px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
.tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
.tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
.tabbar .fademenu:hover .dmenu {
	left: auto;
}