div#container{
	width:280px;
	margin:0px auto;
	border:none;
	}	
div#tabs{
	width:280px;
	margin:10px auto;
	font-size:11px;
	border:none;
	background-color:#F6F6F6;	
	}	
	
/* DIV that holds each tab*/
div.my_tab{
	width:200px;
	min-height:100px;
	margin:0px auto;
	float:left;
	display:inline;
	background-color:#ffffff;	
}

div.tabtop{
	width:240px;
	padding:10px 0px 10px 0px;

	margin:0px auto;
	float:left;
	display:inline;
	background-color:#ffffff;	
}
	
/* Title of each tab, used when user don't have Javascript'*/	
div.my_tab h5{
	color:#f6f6f6;
	border-bottom:solid 1px #cacaca;
	background-color:#F6F6F6;		
}
	
/* Tab Bar, created via JS*/
div#tab-bar{
	padding:1px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	width:70px;
	background-color:#ffffff;
	border-right:solid 1px #f6f6f6;
	margin-bottom:2px;
	font:normal 12px "Trebuchet MS";
	float:left;
	display:inline;
}
	
/* Single Tab */
div#tab-bar div.mt-tab{
	width:70px;
	position:relative;
	text-align:center;
	background-color:#ffffff;
	margin:0px -1px 0px 0px;
	cursor:pointer;
	border-top:solid 0px #f6f6f6;
	border-left:solid 0px #f6f6f6;
	border-right:solid 0px #f6f6f6;
	border-bottom:dotted 1px #000000;
	font:normal 12px "Trebuchet MS";
	float:right;
	display:inline;
	color:#0d952a;
	padding:0px 0px 0px 0px;		
}
	
/* Single Tab, when active */
div#tab-bar div.mt-tab-active{

	text-align:center;
	margin:0px -1px 0px 0px;
	cursor:pointer;
	border-top:solid 0px #f6f6f6;
	border-left:solid 0px #f6f6f6;
	border-right:solid 0px #ffffff;
	border-bottom:dotted 1px #000000;
	float:right;
	display:inline;
	color:Black;
	/*font-weight:bold;*/
	padding:0px 0px 0px 0px;	
		
}