body
{
	font-family: arial;
	background-position: center center;
	font-size: 10pt;
	
}
.ApplyBW
{
	filter: gray;
}

 TABLE
 {
	border:0;
 }

 .mainleftpanel
{
	background-color: #ffcccc;
}
.statusBar
{
	border-right: lightgrey 1px outset;
	border-top: lightgrey 1px outset;
	border-left: lightgrey 1px outset;
	border-bottom: lightgrey 1px outset;
	padding-left: 10px;
	font-size: 8pt;
	background-position: center center;
	/*background-image: url(APPRES.ashx/1010481048/dbh_watermark.jpg);*/
	background-repeat: no-repeat;
}
.bodyx
{
	background-color: #dfdccd;
}
.pgbreak {page-break-before: always}

div#placeholder
{
	border-right: thin solid;
	padding-right: 2%;
	border-top: thin solid;
	padding-left: 2%;
	left: 20%;
	padding-bottom: 2%;
	margin: auto;
	border-left: thin solid;
	width: 56%;
	padding-top: 2%;
	border-bottom: thin solid;
	position: absolute;
	top: 20%;
	height: 56%;
	background-color: transparent;
}

.bar{
background:#336699;
width:100%;
height:25px;
border-top:1px solid #99CCFF;
border-bottom:1px solid #000000;
}
.desbar
{
	font-family: arial;
	/*background-image: url(APPRES.ashx/1010481048/dbh_watermark1.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 10pt;
	width: 100%;
	height: 100%;
}
.title{
font-size:13pt;
color:white;
padding-left:10px;
}
h1
{
		font-family: 'Arial';
}
h2
{
		font-family: 'Arial';
}
h3
{
		font-family: 'Arial';
}
h4
{	font-family: 'Arial';
	
}
h5
{	font-family: 'Arial';
	
}
h6
{	font-family: 'Arial';
	
}
.menuItem
{
	background-color:White;
}
.highlightItem
{
	background-color:Highlight;
}

.NavBarItem
	{
		margin: 0px;
		padding: 3px 8px;
		text-align: center;
		cursor: pointer;
		font: 8pt Arial;
		color: silver;
		font-weight:bold;
		background:transparent url(APPRES.ashx/1010481048/strip.gif) repeat-x;
		border-right: lavender 1px solid;
		border-top: lavender 1px solid;
		border-left: lavender 1px solid;
		border-bottom: lavender 1px solid;
		
	}

.NavBarItemExpanded 
{ 
	margin:0px;
	padding: 3px 8px; 
	text-align:center;
	cursor: pointer; 
	font: 8pt Arial;
	color: white; 
	background:transparent url("APPRES.ashx/1010481048/strip.gif") repeat-x;
	font-weight: bold;
}


.NavBarSlider
{
	margin: 0px;
	padding: 0px;
}

.NavBarSubItem
{
	margin: 0px;
	padding: 3px 8px;
	font: 7pt Arial;
	color: White;
	background-color: transparent;
	text-align: center;
}
li { FONT-FAMILY:Arial; FONT-SIZE:8pt; color:Navy; margin:3px; }

.tabs
	{
		position: relative;
		height: 27px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-weight: normal;
	}
.tabs li {display:inline;}
.tabs a:hover, .tabs a.tab-active
	{
		background: #fff url("RCATRES.ashx/bar_off.gif" ) repeat-x;
		border-right: teal 1px solid;
		font-weight: bold;
		color: olive;
		border-top: teal 1px solid;
		border-left: teal 1px solid;
		border-bottom: teal 1px solid;
		text-decoration: underline;
	} 
.tab-disabled{ background:url("RCATRES.ashx/bar_on.gif"); repeat-x;}
.tabs a
	{
		height: 27px;
		font: 10px Arial;
		position: relative;
		padding: 6px 10px 10px 10px;
		margin: 0px -4px 0px 0px;
		color: #2B4353;
		text-decoration: none;
		border-left: 1px solid #fff;
		border-right: 1px solid #6D99B6;
	}
.tab-container {background: #fff; border:1px solid #6D99B6;}
.tab-panes { margin: 3px }
#splitterBar
{
	cursor: e-resize;
	width: 5px;
} 

.displayCenter
{
	position: absolute;
	border-right: 1px solid;
	border-top: 1px solid;
	left: 30%;
	border-left: 1px solid;
	border-bottom: 1px solid;
	top: 20%;
	background-color: white;
	z-index: 1500;
	width: 60%;
}

.displayCenterTitle
{
	background: powderblue;
	border-bottom: 1px solid;
	font-weight: bold;
}

/* xSplitter Styles */

.clsSplitter
{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFF; /*border: none;*/
	border: 1px solid Gray;
}

.clsPane
{
	position: absolute;
	overflow: auto;
	visibility: visible;
	margin: 0;
	background: transparent;
	border: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.clsDragBar
{
  position: absolute;
  overflow: hidden;
  visibility: visible;
  margin: 0;
  padding: 0;
  background: #596380;
  border: none;
}
.clsTemporaryContainer /* replace this with something like xFenster */
{
  position: relative;
  overflow: visible;
  visibility: visible;
 /* height: 310px;*/
  /*margin: 1px;
  padding: 0; */
  background: transparent;
  border: none;
}

.dhtmlwindow
{
	position: absolute;
	visibility: hidden;
	background-color: white;
	z-index: 2333;
	border: gray 2px solid;
	}

.drag-handle
{
	/*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: Bold 14px Arial;
	color: white;
	cursor: move;
	overflow: hidden;
	width: 100%;
	background-image: url(APPRES.ashx/1010481048/top_band.gif);
	background-repeat: no-repeat;
	height: 18px;
}

.drag-controls
{
	/*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: hand;
	cursor: pointer;
	background-color: transparent;
	
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{  /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
width: 100%; }

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.drag-title{  /*CSS for title*/
font-size: 12pt; color: white; background-color: transparent; 
}

/*Style For css Tab*/
.main
{
	border: 1px solid #666;
	clear: both;
	background: white; /*#0082FD; /*#FFF3B3;*/
	padding-top: 1em;
	overflow-y:scroll;
}

.contents {
	padding: 1.0em;
	background: white ;
	min-height: 300px;
}

.header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.header ul.primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.header ul.primary li  {
	display: inline;
	list-style: none;
}

.header ul.primary a,.header ul.primary span,.header ul.primary a.current {
	width:   auto ;/*8em;*/
	display: block;
	float: left;
	padding: 4px 6px ;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: Arial;
	text-decoration: none;
	color: #333;
	
}

.header ul.primary span,.header ul.primary a.current,.header ul.primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: White;/*#7AB8FF#A0D4FF/* #0082FD;/*#FFF3B3;*/
	padding-bottom: 6px;
	margin-top: 0;
	font-weight:bold;
}

.header ul.primary a {
	background:#A2C5FD;/*#0082FD;/* #FFFAE1;*/
	border: 1px solid #AAA;
	border-bottom: none;
}

.header ul.primary a:hover  {
	margin-top: 0;
	border-color:#666;/* #A0D4FF;*/
	/*background:#217AF4;/*Red;/*#3386E2#217AF4#FFF7CD;*/
	padding-bottom: 5px;
	font-weight:bold;
	background-image:url("APPRES.ashx/1010481048/a_middle.gif");
}
.header ul.primary li { font-family: Arial; font-size:10pt;  }