/*Dark title bars*/
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1_1, .xb1_2, .xb1_3, .xb1_4 {display:block; overflow:hidden;}
.xb1_1, .xb1_2, .xb1_3 {height:1px;}
.xb1_2, .xb1_3, .xb1_4 {background:#373737; border-left:1px solid #a6a6a5; border-right:1px solid #a6a6a5;}
.xb1_1 {margin:0 5px; background:#a6a6a5;}
.xb1_2 {margin:0 3px; border-width:0 2px;}
.xb1_3 {margin:0 2px;}
.xb1_4 {height:2px; margin:0 1px;}

.TitleBarMain {
	display:block;
	background:#373737;
	border:0 solid #a6a6a5;
	text-transform: uppercase;
	border-width:0 1px;
	color: #ffffff;
	font-size: 0.9em;
	padding: 0px 0px 5px 10px;
}

/*Menu bars - Light*/
.mtop, .mbottom {display:block; background:transparent; font-size:1px;}
.mb1, .mb2, .mb3, .mb4 {display:block; overflow:hidden;}
.mb1, .mb2, .mb3 {height:1px;}
.mb2, .mb3, .mb4 {background:#cccccc; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
.mb1 {margin:0 5px; background:#ffffff;}
.mb2 {margin:0 3px; border-width:0 2px;}
.mb3 {margin:0 2px;}
.mb4 {height:2px; margin:0 1px;}

.NavigationLight {
	display:block;
	background:#cccccc;
	border:0 solid #ffffff;
	border-width:0 1px;
	color: #ffffff;
	height: 18px;
	padding: 3px 0 0 8px;
	font-size: 0.9em;
}

.NavigationLight a {
	text-transform: uppercase;
	text-decoration: none;
	color: #373737;
	padding: 0px 10px 0px 0px;
}

/*Menu bars - Dark*/
.dtop, .dbottom {display:block; background:transparent; font-size:1px;}
.db1, .db2, .db3, .db4 {display:block; overflow:hidden;}
.db1, .db2, .db3 {height:1px;}
.db2, .db3, .db4 {background:#373737; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
.db1 {margin:0 5px; background:#ffffff;}
.db2 {margin:0 3px; border-width:0 2px;}
.db3 {margin:0 2px;}
.db4 {height:2px; margin:0 1px;}

.NavigationDark {
	display:block;
	background:#373737;
	border:0 solid #ffffff;
	border-width:0 1px;
	color: #ffffff;
	height: 18px;
	padding: 3px 0 0 8px;
	font-size: 0.9em;
}

.PanelDark {
	display:block;
	background:#373737;
	border:0 solid #a6a6a5;
	border-width:0 1px;
	color: #c4d20d;
	height: 14px;
	padding: 0px 0 2px 8px;
	font-size: 0.9em;
	text-transform: uppercase;
}

/*Menu bars - Highlights*/
.htop, .hbottom {display:block; background:transparent; font-size:1px;}
.hb1, .hb2, .hb3, .hb4 {display:block; overflow:hidden;}
.hb1, .hb2, .hb3 {height:1px;}
.hb2, .hb3, .hb4 {background:#c4d20d; border-left:1px solid #a6a6a5; border-right:1px solid #a6a6a5;}
.hb1 {margin:0 5px; background:#a6a6a5;}
.hb2 {margin:0 3px; border-width:0 2px;}
.hb3 {margin:0 2px;}
.hb4 {height:2px; margin:0 1px;}

.PanelHighlight {
	display:block;
	background:#c4d20d;
	border:0 solid #a6a6a5;
	border-width:0 1px;
	color: #373737;
	height: 14px;
	padding: 0px 0 2px 8px;
	font-size: 0.9em;
	text-transform: uppercase;
}

/*Menu bars - Deep*/
.deeptop, .deepbottom {display:block; background:transparent; font-size:1px;}
.deepb1, .deepb2, .deepb3, .deepb4 {display:block; overflow:hidden;}
.deepb1, .deepb2, .deepb3 {height:1px;}
.deepb2, .deepb3, .deepb4 {background:#cccccc; border-left:1px solid #a6a6a5; border-right:1px solid #a6a6a5;}
.deepb1 {margin:0 5px; background:#a6a6a5;}
.deepb2 {margin:0 3px; border-width:0 2px;}
.deepb3 {margin:0 2px;}
.deepb4 {height:2px; margin:0 1px;}

.PanelDeep {
	display:block;
	background:#cccccc;
	border:0 solid #a6a6a5;
	border-width:0 1px;
	color: #373737;
	/*height: 105px;*/
	padding: 2px 0 0 8px;
	font-size: 0.8em;
	clear: both;
}

/* for understanding browsers */
.PanelDeep {
min-height:15em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .PanelDeep {
height: 15em;
}
/**/


.PanelFooter {
	display:block;
	background:#cccccc;
	border:0 solid #a6a6a5;
	border-width: 1px 1px 0px 1px;
	color: #373737;
	height: 50px;
	padding: 2px 0 0 8px;
	font-size: 0.8em;
}
