/* root element for tabs  */
#nav_tabs { 
	list-style:none; margin:0; padding:0; height:36px; border-bottom:1px solid #c3c3c3;	
}
/* single tab */
#nav_tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none; }
/* link inside the tab. uses a background image */
#nav_tabs a { 
	background: url(../img/tabs.gif) no-repeat 0px 0px;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:36px;
	width: 272px;
	text-indent:-9999em;
	outline:none;
	color:#000;
	padding:0px;
	margin:0px 5px 0px 0px;	
	position:relative;
	z-index:10000;
	top:1px;
}

#nav_tabs a:active { outline:none; }

/* when mouse enters the tab move the background image */
#nav_tabs a:hover {
	background-position: -816px -37px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#nav_tabs a.current, #nav_tabs a.current:hover, #nav_tabs li.current a {
	background-position: 0px -74px;		
	cursor:default !important; 
	color:#000 !important;
}

/* tab1 1 */
#nav_tabs a#dm 			{ background-position: 0px 0px;  }
#nav_tabs a#dm:hover 	{ background-position: 0px -37px; }
#nav_tabs a#dm.current { background-position: 0px -74px; }

/* tab 2 */
#nav_tabs a#on 			{ background-position: -272px 0px; }
#nav_tabs a#on:hover 	{ background-position: -272px -37px; }
#nav_tabs a#on.current { background-position: -272px -74px; }

/* tab 3 */
#nav_tabs a#eg 			{ background-position: -544px 0px;}
#nav_tabs a#eg:hover 	{ background-position: -544px -37px; }
#nav_tabs a#eg.current { background-position: -544px -74px; }



/* initially all panes are hidden */ 
#tabs_content > div {
	display:none;		
}

#tabs_content { 
	padding:0px; 
	background:transparent url(../img/tab_content_bot2.gif) left bottom no-repeat; 	
	position:relative; 
}

#tabs_content .tab_content {
	background:transparent url(../img/tab_content_top2.gif) right top no-repeat; 	
	margin-top:-1px; 
	padding:30px 20px 20px;
	min-height: 342px;
	zoom:1;
}