/* Generate corners and grads ###################### */
#TabsContainer{
	display:block;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}
#TabsContainer ul.navtabs { 
	list-style:none; 
	margin:0 0 0 2px!important; 
	padding:0;	
	width:98.7%;
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	z-index:2;
	/* ~~~~~~~~~~~~
	height:35px;*/
	height:auto;
}
#TabsContainer ul.navtabs li{
	margin:0 -5px 0 0 ;
	padding:0;
	float:left;
	background: none;
}
/* link inside the tab. */
#TabsContainer ul.navtabs  li a {
	font-size:12px;
	padding:8px 13px 7px 8px;
	border: none;
	font-size:14px;
	background: url(../pics/btntabs.png) no-repeat right top;
	cursor:pointer;
	vertical-align: middle;
	color:#336699;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #A4C3E8;
	border-bottom:1px solid #A2C2E8;
	display:inline-block;
	/* ~~~~~~~~~~~~*/
	height:18px;
}
/* when mouse enters the tab*/
#TabsContainer ul.navtabs  li a:hover {
	color:#333;
	background: url(../pics/btntabsOn.png) no-repeat right top;
}
/* active tab uses a class name "current". */
#TabsContainer ul.navtabs  li a.current, 
#TabsContainer ul.navtabs  li a.current:hover, 
#TabsContainer ul.navtabs  li a.current a {	 
	color:#333;!important;
	cursor:default!important;
	border-bottom:none;
	border-bottom:1px solid #FFF;
	background: url(../pics/btntabsOn.png) no-repeat right top;
}

/* LEAVE IN FOR IE */
div {
border-width:0;
}

/* TABS ###################### */
div.TabsContent {clear:both;}
/* initially all TabsContent are hidden*/  
div.TabsContent tr {display:none;}
div.TabsContent table {
	width:100%;
	margin-top:-3px; 
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	z-index:1
}
div.TabsContent td {
	padding:5px 10px;
	border:1px solid #A2C2E8;
	background: #ECF7FB url(../pics/BckgTabsContent.jpg) repeat-x top;
}