/* Default CSS generated by dTabs */

/* make the list horizontal */
#tabbar li, #tabbar ul li, {
display: inline;
}
#tabbar a, .tab, .tabselected { /*This is the main style for the links */
display: -moz-inline-box; /* For Firefox only and makes links horizontal */
display: inline-block;
	text-decoration: none;
	color: #BEBFC1;
	font: 16px "helvetica", arial, sans-serif;
}

/* draw borders around the tabs with rounded top corners, and add a little spacing */
.tab, .tabselected {
padding: 0px;
margin: 0px;
height: 14px;
width:250px;
}

/* colour unselected tabs grey */
.tab {
color:#ff0000;
}

/* colour selected tabs white, and make their border white along the bottom to blend in with the background */
.tabselected {
color:#ff0000;
}

/* style the dropdown menus */
.dmenu {
display: none; /* REQUIRED dont display them to begin with */
position: absolute; /* REQUIRED enables javascript to position them below the right tab */
z-index: 100; /* REQUIRED makes sure they appear on top of other content on the page */

margin: 21px 0 0 0; /* display them 21px below the top of the tabs. this is a kind of average value for the height of the tabs, which seems to vary slightly between browsers */

padding: 3px 20px 3px 0; /* put some space around the contents */
background-color: rgb(240,240,240); /* colour the background grey */

border: 1px solid rgb(150,150,150); /* add a border */

/* round all the corners except the top left */
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
-khtml-border-radius: 5px;
-khtml-border-radius-top-left: 0;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;

text-align: left; /* just in case */
}