/*
 * Style rules for the tabs, do not change these unless you
 * know what you are doing
 */

#content_tabs {
	list-style: none;
	position: relative;
}

#content_tabs li {
	display: inline;
}

#content_tabs a.tab {
	display: block;
	float: left;
	width: 65px;
	font-size:11px;
	text-align:center;
}

.tab_content {
	position: absolute;
	left: 0;
}

/* Reset UL for lists inside the tabs */
#content_tabs ul { 
	list-style: disc outside;
}

#content_tabs ul li {
	display: list-item;
}


#content_tabs {
	margin: 0;
	padding: 0;

}

#content_tabs a.tab {
	margin: 0 1px 0 0;
	
	padding: 4px; 0px;
	background-color: #dadada;
	/*background-color: #7b8b96;*/
	border-bottom: none;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

#content_tabs a.tab:hover {
	cursor: pointer;
	/*background-color: #e1e1e1;*/
	color: #fff;
	
}

#content_tabs a#active_tab, #content_tabs a#active_tab:hover {
	/*background-color: #efefef;*/
	background-color: #315f80;
	color: #ffffff;
	cursor: pointer;
}

.tab_content {
	top: 1.8em; /* this is important to set */
	/*width: 35em;*/
	background-color: #efefef;
	/*padding: .5em;*/
	padding: 0px;
	margin: 0px;
}


/*
 * Styling for the presentation page, the following CSS
 * should not be copied
 */