body { font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
   background:url(img/bg_a.png) #eee; margin:20px 0 0 0;}
	
	
/* Body Style */
.body1 {background-color:#dcdcdc;
		font-family:sans-serif;
		font-size:11px;
		color:#222222;
		font-weight:bold;
			}
			
.body2 {background-color:#fafafa;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
.body3 {background-color:#f5f5f5;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
.body2 u, .body3 u {
	color:#21759b;
}	

table.display tr:hover>td {background:#e0e0e0}

.star-mark, .star-mark u {
	color:#F00;
}

/*BUTTON*/
.bx-btn{display:block;float:left;height:38px;margin:0px
0px 0px 10px;padding:0px
12px 0px 12px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;line-height:36px;font-size:14px;color:#333;font-weight:bold;text-decoration:none;text-shadow:0px 1px 0px rgb(255,255,255);cursor:pointer;border-color:#c8c8c8 #b8b8b8 #a8a8a8 #b8b8b8;border-style:solid;border-width:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0px 1px 0px rgba(128, 128, 128, 0.1);-moz-box-shadow:0px 1px 0px rgba(128, 128, 128, 0.1);-webkit-box-shadow:0px 1px 0px rgba(128, 128, 128, 0.1);background-color:#ececec;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3));background-image: -webkit-linear-gradient(top, #fff, #e3e3e3);background-image: -moz-linear-gradient(top, #fff, #e3e3e3);background-image: -ms-linear-gradient(top, #fff, #e3e3e3);background-image: -o-linear-gradient(top,#fff,#e3e3e3);background-image:linear-gradient(top,#fff,#e3e3e3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff',endColorstr='#e3e3e3',gradientType='0')}.bx-btn:first-child{margin-left:0}.bx-btn
i{min-width:16px;min-height:16px;font-style:normal;margin-right:5px}.bx-btn .sys-icon{vertical-align:middle;font-size:20px}.bx-btn.bx-btn-small .sys-icon{font-size:16px}.bx-btn
u{display:block;min-width:16px;min-height:16px;padding-left:20px;text-decoration:none;white-space:nowrap;background-repeat:no-repeat;background-position:0px center}.bx-btn:hover{color:#000;border-color:#aaa #999 #888 #999;box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-moz-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}.bx-btn:active{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#fafafa));background-image: -webkit-linear-gradient(top, #e0e0e0, #fafafa);background-image: -moz-linear-gradient(top, #e0e0e0, #fafafa);background-image: -ms-linear-gradient(top, #e0e0e0, #fafafa);background-image: -o-linear-gradient(top,#e0e0e0,#fafafa);background-image:linear-gradient(top,#e0e0e0,#fafafa);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#e0e0e0',endColorstr='#fafafa',gradientType='0')}

.bx-btn-primary{background-color:#ddf;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5ff), to(#c8d8f8));background-image: -webkit-linear-gradient(top, #f5f5ff, #c8d8f8);background-image: -moz-linear-gradient(top, #f5f5ff, #c8d8f8);background-image: -ms-linear-gradient(top, #f5f5ff, #c8d8f8);background-image: -o-linear-gradient(top,#f5f5ff,#c8d8f8);background-image:linear-gradient(top,#f5f5ff,#c8d8f8);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f5f5ff',endColorstr='#c8d8f8',gradientType='0')}.bx-btn-primary:hover{color:#000;border-color:#aaa #999 #888 #999;box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-moz-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}.bx-btn-primary:active{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8d8f8), to(#f0f0f9));background-image: -webkit-linear-gradient(top, #c8d8f8, #f0f0f9);background-image: -moz-linear-gradient(top, #c8d8f8, #f0f0f9);background-image: -ms-linear-gradient(top, #c8d8f8, #f0f0f9);background-image: -o-linear-gradient(top,#c8d8f8,#f0f0f9);background-image:linear-gradient(top,#c8d8f8,#f0f0f9);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#c8d8f8',endColorstr='#f0f0f9',gradientType='0')}

.bx-btn-primary-red{background-color:#ddf;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaeae), to(#ff8484));background-image: -webkit-linear-gradient(top, #ffaeae, #ff8484);background-image: -moz-linear-gradient(top, #ffaeae, #ff8484);background-image: -ms-linear-gradient(top, #ffaeae, #ff8484);background-image: -o-linear-gradient(top,#ffaeae,#ff8484);background-image:linear-gradient(top,#ffaeae,#ff8484);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffaeae',endColorstr='#ff8484',gradientType='0')}.bx-btn-primary-red:hover{color:#000;border-color:#aaa #999 #888 #999;box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-moz-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-box-shadow:0px 1px 2px rgba(128, 128, 128, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}.bx-btn-primary-red:active{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8484), to(#f0f0f9));background-image: -webkit-linear-gradient(top, #ff8484, #f0f0f9);background-image: -moz-linear-gradient(top, #ff8484, #f0f0f9);background-image: -ms-linear-gradient(top, #ff8484, #f0f0f9);background-image: -o-linear-gradient(top,#ff8484,#f0f0f9);background-image:linear-gradient(top,#ff8484,#f0f0f9);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ff8484',endColorstr='#f0f0f9',gradientType='0')}
/*BUTTON*/	


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.70;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 16%;
	width:100%;
	height:auto;
	padding: 0;
	z-index:1002;
}

.white_content500 {
	width:auto;
	height:auto;
	padding: 0px;
	overflow: auto;
}

.body_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

.table_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#21759b;
	background-color:#dcdcdc;
	text-align:center;
	font-weight:bold;
}

.table_heading1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FAF9CF;
	background-color:#919191;
	text-align:center;
	font-weight:bold;
}

.tr_odd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background:#F7F7F7;
}
.tr_even{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background:#F0F0F0;
}

.hand {
	cursor: pointer;
}

.mizan { 	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	}
	
.main_view{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}


.white_content_report {
	display: none;
	position: absolute;
	top: 16%;
	left:20%;
	width:auto;
	height:auto;
	padding: 0px;
	border: px solid gray;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	/*background: url(images/dock-bg2.gif);*/
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}