Table.zone{background-color:#98D0DE}
.full{width:100%}
.half{width:50%}
.label{width:10px}
.border2{border:1px solid black}
.lightblue {background-color:#E8F2FF}
.center2{text-align:center}

body, td, th {font-family: Arial,Helvetica,sans-serif; font-size: 10px;}
/*
input {width:200px}
*/
h1 {font-size: 22px}
h2 {font-size: 18px}
h3 {font-size: 14px}
h4 {font-size: 12px}
h5 {font-size: 8px}
.white {color: #EEEEEE}
.bluewhite {color: #EEEEFF; width: 100%; background-color: #0060A0; padding: 2px 0px 2px 0px; text-indent: 6px}
.tinfo {color: #EEEEEE; text-decoration: none}
.t0i {color: #EEEEEE; font-weight: bold; text-decoration: none}
.silver {color: #666666}
a {text-decoration: none; color: #0000FF}
/*td.navbar2 {border: 1px Solid #6688AA; background-color: #EEDD99; padding: 1px;}
.navbar2 {color: #0000FF;}*/


table.navbar2 tr th:last-child, table.table tr td:last-child{
border: 1px Solid #6688AA;
}*/
.navbar2 table{border:0;height:100%;padding:0;margin:0;border-radius:0;border-collapse:collapse;box-shadow:0}
.navheader {border: 1px Solid #004080; background-color: #EEE; width: 100%; padding: 5px; color: #000080}
.colheader {
	color: #333;
	text-decoration: none
}
.fixhalf {width: 200px}
.fix {width: 300px}

/*.navbar3 {color: #004040; font-weight: normal; font-size: 9px; margin: 0px}
.navbardis {color: #9999AA}*/
.alt0 {background-color:  #FFFFFF}
.alt0 td{background-color:  #FFFFFF !important}
.alt1 {background-color: #f9f9f9}
.alt1 td{background-color:  #f9f9f9 !important}
.zcontent .alt0:hover{background-color: aliceblue}
.zcontent .alt1:hover{background-color: aliceblue}
.popupheader {color: #EEEEEE; background-color: #004080}

table.gridbox {
	border-collapse:collapse;
}
table.gridbox td,  table.gridbox th {
	border:1px solid #000000;
	text-align:center
}
table.gridbox .td {
	font-weight:normal;
}
.errbar {
	position: relative; 
	border: 1px Solid #804000; 
	background-color: #FFF0F0; 
	left: 1%; width: 97%; padding: 3px; color: #800000;
	/*
	z-index:-1
	*/
}
.fixdate{width:85px}
.fix100{width:100px}
.fix {width: 300px}
.zpage{
    width: 80%;
    /*background-color:#FFFFFF;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
.zdisabled{
background-color: rgb(235, 235, 228); border: 1px solid rgb(127, 157, 185); padding: 2px;
}
.zfullwidth{
	width:98%;
}
.zcolor_legend{
border:1px solid black;height:1em;width:30px;
}
table.ztab{
	padding-bottom:5px;margin-bottom:5px;
	/*
	border-top:0;
	border-left:0;
	border-right:0;
	*/
	border-bottom:3px outset black;
	margin-left:10px;
	width:auto;
}
table.ztab td{
	border:0;
}
.ztab_sel{
	background-color:#0071bc;
	border:1px solid #0071bc;
	color:white;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	/*
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	*/
	height:30px;
	margin-right: 10px;
	font-weight: bold;
	cursor:pointer;
}

.ztab_normal{
	background-color:#999999;
	border:1px solid #999999;
	color:white;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	/*
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	*/
	height:30px;
	margin-right: 10px;
	font-weight: bold;
	cursor:pointer;
}

.ztab_normal:hover{
/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #999999) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #999999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#999999');
	*/
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.07), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
 -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
 -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	background-color:lightgray;
	color:black;
}

.ztab_sel:hover{
/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #0071bc) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #0071bc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#0071bc');
	background-color:#0071bc;
	-webkit-transition: all ease-in-out 0.2s;
*/
	background: rgb(40, 98, 152);
 color: white;
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.07), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
 -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
 -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
 -webkit-transition: all ease-in-out 0.2s;
 -moz-transition: all ease-in-out 0.2s;
 -ms-transition: all ease-in-out 0.2s;
 -o-transition: all ease-in-out 0.2s;
 transition: all ease-in-out 0.2s;
	/*
	background-color:lightgray;
	*/
}

table.snapshot {/*border: 1px Solid #004080;*/ background-color: #E0E0E0; padding: 3px; table-layout:fixed;margin:10px;border-collapse:collapse}
th.snapshot {border: 1px Solid #999999; background-color: #CCDDFF; }
td.snapshot {border: 1px Solid #999999; background-color: #EEEEEE; color: #004080; padding: 0px 0px 0px 5px;}
td.snapshoth {border: 1px Solid #999999; background-color: #DDDDEE; color: #004080; font-weight: bold; text-align: right; padding: 0px 5px 0px 0px;}
.snapshotmenu {
    background-color: #EEEEFF;
    border: 1px solid #CCCCCC;
    /*
    font-size: 10px;
    height: 10px;
    */
    padding: 0 0 0 20px;
}
.zborder{
	border: 1px Solid #999999;margin:10px
}
.zhide{
display:none;
}
.close, .close_parent{
	cursor:pointer
}
.zicon{
	max-width:30px;
}

a.button{
	background-color:#999999;
	border:1px solid #999999;
	color:white !important;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	/*
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	*/
	height:30px;
	margin-right: 10px;
	font-weight: bold;
	cursor:pointer;
}

.sample_line{
	width:100%;
	cursor:pointer;
}
.full{
	width:100%;
}
.clsQPageTitle{
	width: 800px;
	margin: 0 auto 10px;
	text-align: left;
}
.clsQPage{
	padding: 20px 14px 0;
	margin: 0 auto 10px;
	width: 800px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	text-align: left;
}
.clsQuestion{
	position:relative;
	margin:0 0 10px 0;
}
.clsQSection{
	position:relative;
	margin:0 0 10px 0;
	width:100%;
	border-bottom: 1px dotted #CCCCCC;
	/*background-color: #DEDEDE;*/
}
.clsQSection label{
	font-weight:bold;
	color: #222222;
	font-size:16px;
	display:block;
}
.clsQSubSection{
	position:relative;
	margin:0 0 10px 0;
	width:100%;
	/*
	border-bottom: 1px dotted #CCCCCC;
	*/
	background-color: #DEDEDE;
}
.clsQSubSection label{
	font-weight:bold;
	color: #222222;
	font-size:14px;
	display:block;
	-moz-box-shadow:    inset 0 0 10px #c1bfbe;
	-webkit-box-shadow: inset 0 0 10px #c1bfbe;
	box-shadow:         inset 0 0 10px #c1bfbe;
	padding: 8px;
	text-transform: capitalize;
}
.clsQuestion label{
	font-weight:bold;
	color: #222222;
	font-size:12px;
	display:block;
}
.clsQBtn{
	display:none;
}
.clsFocused{
	background-color: #FFF7C0;
}
.clsQuestion textarea{
	width:100%;
}
.clsQPageIndicator{
	width:100%;
	border-bottom: 3px dashed #DEDEDE;
  height: 10px;
  margin: 0 0 10px;
  padding-top: 17px;
  position: relative;
  text-align:center;
}
.clsQPageIndicator strong{
	background-color: #FFFFFF;
}
.clsQLine{
}
.clsQPageTitle p label{
	display:inline-block;
	width:200px;
	/*
	border: 1px solid green;
	*/
}
.clsQPageTitle p input{
	display:inline-block;
}
.clsTableNoBorder{
	border:0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

}
.clsTableNoBorder td{
	border:0;
	
}
.ui-datepicker {
	font-size: 11px !important;
	margin-left:10px
 }
.clsQLine:hover{
	background-color:#FFF7C0;
}
.clsComment{
	font-size:80%;
}
.clsCommentTitle{
	font-size:80%;
	font-weight:bold;
}
.clsFinishedAuditHint{
	color:red;
}
.clsAlertCell{
	color:red;
}
@media print{
	#mega_menu{visibility:hidden;}
	#header{display:none !important}
	#footer{border:1px solid red;display:none}
	body{background-color:transparent !important}
}
/*
	#header{display:none !important}
	#footer{display:none !important}

	#mega_menu{display:none !important;}
	#mega_menu{display:none}
	.zcontent{display:block !important;}
*/

/* style up the graph tooltips content */
.graph_charlab { font-face: helvetica, arial; color: black; margin: 0; }
.graph_date { font-face: helvetica, arial; font-weight: normal; color: #5AF; margin: 0; font-size: 10px; line-height: 12px; }
.graph_label { text-align: center;  }
.graph_color_legend{
border:1px solid black;height:1em;width:30px;
}

.ui-datepicker{ z-index: 9999 !important;}
.clsGraph{
	background-color:aliceblue;
}
#btnYesAll{
	position:fixed;
	right:0;
	top:50%;
}
.clsNoWrap{
	white-space:nowrap;
}
img.ui-datepicker-trigger{
	vertical-align:middle;
}