/* tab styles */

/* Draw line at down tab header */
ul.tabControlHeader {
	color: #000;
	border-bottom: 2px solid black;
	margin: 12px 0px 0px 0px;
	padding: 0.5px;
	z-index: 1;
	padding-left: 10px }

/* Set tab (li) horizontally */
ul.tabControlHeader li {
    display: inline;
	overflow: hidden;
	list-style-type: none; 
	color: #DEDECF;
	background: #D2E7FF;
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 2px 2px 0 2px;
	text-decoration: none;
}


/* Tab active */
ul.tabControlHeader li.active {
    background: #D2E7FF;
	border-bottom: 3px solid #D2E7FF; }

/* A with no text-decoration */
ul.tabControlHeader a {
    color: #666;
    text-decoration: none;
}

.tabControlBody {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
	text-align: justify;
	background: #D2E7FF;
	padding: 0px;
	border: 2px solid black;
	border-top: none;
	z-index: 2;	}
	
/* READ-ONLY State */
ul.tabControlHeader li.tabPageHeaderReadOnly {
   	background: #9ACAD8;
   	border: 2px solid black;   	
}

ul.tabControlHeader li.tabPageHeaderReadOnly_active {
	background: #9ACAD8;
	border-bottom: 3px solid #9ACAD8; 	
}

div.tabPageBodyReadOnly {
	background: #e9ecb4;
   	opacity:70;
}

/* FORBIDDEN State */
ul.tabControlHeader li.tabPageHeaderForbidden {
	background: #ba2f2f;
}

ul.tabControlHeader li.tabPageHeaderForbidden_active {
	background: #ba2f2f;
}

div.tabPageBodyForbidden {
	background: #ba2f2f;
}

ul.tabControlHeader li.tabPageHeaderForbidden a {
    color: #FFFFFF;
    text-decoration: none;
}