/* Debug to make div's borders visible
 * 
 */
.showBorders {
	border: 1px;
	border-color: black;
	border-style: solid;
}

/*  Background for Body areas
 * 
 */
.body_bg1 {
	background-color: #FFFFD6;
}
.body_bg2 {
	background-color: #E0FFD6;
}



/* Background for Div holding tabs
 * 
 */
.tab_container {
	background-color: #9999E6;
}
.tab_container2 {
	background-color: #00936E;
}
.tab_container3 {
	background-color: #EBC299;
}

/* Tab 
 * 
 */
.tab_items {
	display:block;
	position:relative;		/* NOT hard positioned */
	float:left;				/* IMPORTANT: allow browser to use floating properties */
	z-index:300;			/* visibility order (the higher the number the more topmost it will be above others)*/	
	}
	
/* Tab properties
 * 
 */	
.tab_items li.tab_sec{
	float:left; 			/* make all menubar items (top menubar) horzontally line up */
	position: relative;
	width: 80px;
	padding-top: 6px;
	text-align: center;
	}	

/* Custom backgrounds
 * 
 */	
.bg1 { background-color: #E0E0FF;  border-radius: 0.8em 0.8em 0em 0em;}
.bg1_a { background-color: #FFFFD6;  border-radius: 0.8em 0.8em 0em 0em;}
.bg2 { background-color: #80DCC4;  border-radius: 0.8em 0.8em 0em 0em;}
.bg2_a { background-color: #E0FFD6;  border-radius: 0.8em 0.8em 0em 0em;}

/* Border classes
 * 
 */
.bdLeft {
	border-left: 2px solid #9999E6;
}
.bdRight {
	border-right: 2px solid #9999E6; 
}
.bdTop {
	border-top: 2px solid #9999E6;
}
.bdTop2 {
	border-top: 2px solid #00936E;
}
.tab_sec.tBorders {
	border-left: 2px solid #EBC299;
	border-right: 1px solid #EBC299;
	border-top: 2px solid #EBC299;
}


/* Cursor on hover
 * 
 */
.tab_sec:hover {
	cursor: pointer;
}