/* Fix Scroll Header */
div#tableContainer{clear:both;overflow:auto;width:100%;height:500px;}
/*
table#tbResultTable{float:left;}
table#tbResultTable thead tr{position:relative;top:expression(offsetParent.scrollTop);}
table#tbResultTable tr td.locked{position:relative;left:expression(offsetParent.scrollLeft-3);}
table#tbResultTable tbody{overflow:visible;}
*/
div#freezeTableContainer{overflow:auto;width:100%;}

/* begin some basic styling here */
table, td, a {	
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}
 
a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
} 
 
h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h1.editHeading {
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0
}
 
h1.searchHeading {
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0
}

h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}
 
h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}
/* end basic styling */
 
/* Searching Criteria ----------------------------------------------- */
div.searchContainerMain {
	clear: both;
	border: 1px solid #DDD;
	/*overflow: auto;*/
}

table.tbSearchingCriteria {
	clear: both;
	border: 1px solid #DDD;
	overflow: auto;
}

table.iTable {
	background: #F0F0F0; /*rgb(234,246,209); #EAF4FA*/
}
th.searchTitle{
	background: #5B5B5B;/*rgb(0, 103, 192);*/
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	/*
	border-left: 1px solid #ccddff;
	border-right: 1px solid #4444cc;
	border-top: 1px solid #ccddff;
	*/
	font-weight:bold;
	color :white;
	padding: 4px 3px;
	text-align: left;
	vertical-align:middle;	
}

td.iListTitle, td.iListSubTitle 
{
	color :white;
	background: rgb(166, 166, 166);
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	min-height: 25px;
}
tr.iListFoot, td.iListFoot, td.iListSubFoot 
{
	text-align: left;
	/*border-bottom: none;
	border-left: 1px solid #DDD;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	/*border-top: 1px solid #DDD;*/
	padding: 2px 5px 3px 0px;
	border-collapse:collapse;
	background: #F2F2F2 /*url(../images/grey.jpg)*/
	/*border:0px;*/
}

div.docstatus{
	background:white;
	position:absolute;
	top:50px;
	left:5px;
}
/* Edit Page ----------------------------------------------- */
div.editContainerMain {
	clear: both;
	border: 1px solid #DDD;
	/*border-collapse: collapse;*/
	/*overflow: auto;*/
}
div.editContainerMainNB {
	clear: both;
	/*border: 1px solid #DDD;*/
	/*border-collapse: collapse;*/
	overflow: auto;
}
div.editContainerMainNN {
	clear: both;
	/*border: 1px solid #DDD;*/
	/*border-collapse: collapse;*/
	/*overflow: auto;*/
}
div.editItemLevel {
	clear: both;	
	background: white;
	/*border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;*/
}

div.editItemLevelN {
	clear: both;	
	background: white;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/*div.lang2 {
	display: none;
}
span#lang2 {
	display: none;
}
span.lang2 {
	display: none;
}*/

th.editTitle, th.editTitleTab, td.editTitle, td.editTitleSep{
	background: #5B5B5B;/*rgb(0,103,192);rgb(234, 244, 250);*/
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-left: 0px solid #ccddff;
	border-right: 0px solid #ccddff;
	border-top: 0px solid #ccddff;
	font-weight:bold;
	padding: 4px 3px 4px 20px;
	text-align: left;
	vertical-align:middle ;
	/*color: rgb(83,141,213);*/
	color:#FFF;
}

tr.editTitle td.editTitle {
	 font-size: 1.35em;
	 text-transform:uppercase;
}

table.editTitleTable td:first-child, td.editTitleSep{
	/*border-bottom: 1px solid #BFBFBF;*/
}

td.editTitleSep{
	padding-left:0px;
	padding-right:0px;
}

td.editTitleTabSelect .but_tab {
	/*color: rgb(228,108,10);*/
    color: black;
    font-weight:bold;
	background: white;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid white;
        /*margin: 0 3px;*/
}

td.editTitleTab{
	background: rgb(0,103,192);
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}

td.editTitleTabSelect{
	background: rgb(0,103,192);
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}

td.editTitleTab:hover .but_tab{
    background-color: #d0d0d0;

}

.but_tab
{
	font-family: "Arial";
	font-size: 9pt;
	height:32px;
	font-weight:bold;
	padding: 23px 10px 4px 10px;
	text-align: center;
	vertical-align:middle ;
	/*border-top-left-radius: 10px; 
	border-top-right-radius: 10px;*/ 
}

td.editTitleTab{
	background: #5B5B5B;
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}

td.editTitleTabSelect{
	/*background: #d63737;*/
    color: #5B5B5B;
	background: #fff;
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}

/*td.editTitleTabSelect .but_tab {
    color: black;
	background: #fff;
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}

td.editTitleTab .but_tab{
	background: #000;
	vertical-align:bottom ;
	border-top:1px solid #ccddff ;
}*/


td.editTitleTab .but_tab{
    color: white;
	font-weight:bold;
	cursor: pointer;
}

td.docLabel {
	/*width: 150px;*/
	padding-left:5px;
	padding-right:5px;
	color:  rgb(64,64,64);
	font-size: 10pt;
}
td.docRejectLabel {
	width: 150px;
	padding-right:5px;
	color:  rgb(1,1,1);
	font-size: 10pt;
}
td.docValue {
	color:  rgb(1,1,1);
	font-size: 10pt;
	padding-right:5px;
}
td.docRejectValue {
	color:  rgb(1,1,1);
	font-size: 10pt;
}

.TableSep {
	margin-top: 10px;
	margin-bottom: 10px;
}

.TableSep2 {
	margin-bottom: 10px;
}

.TableSep3 {
	margin-top: 10px;
}

.bookBlock, .itemBlock {
    display:inline-block;
    width:100%;
    vertical-align: top;
}


div.docPage {
	font-family: "Arial";
	font-size: 9pt;
	height:20px;
	font-weight:bold;
	text-align: middle;
	vertical-align:middle ;
}

td.MainHead{
	color:  rgb(121,80,23);
	background-color: rgb(234, 244, 250);
	border: 0px solid #BFBFBF;
	padding: 2px 5px 3px 2px;
	border-collapse:collapse;
	vertical-align :top;
	white-space:nowrap;
	font-weight:bold;
	text-align: middle;
}

td.iListHead,span.iListHead,th.iListHead{
	color:  rgb(121,80,23);
	background-color: #F2F2F2;
	text-align: left;
	border: 0px solid #BFBFBF;
	padding: 2px 5px 3px 2px;
	border-collapse:collapse;
	vertical-align :top;
	white-space:nowrap;
}

td.iListMainHead,th.iListMainHead{
	color:  rgb(121,80,23);
	background: #B4C9FB;
	text-align: center;
	border: 0px solid #BFBFBF;
	padding: 2px 5px 3px 2px;
	border-collapse:collapse;
}


td.iListMain, td.iListSubMain, td.iListSubMain2, td.iListDetailSubMain{
	text-align: left;
	border: 0px solid #BFBFBF;
	padding: 2px 5px 3px 0px;
	border-collapse:collapse;
}

td.iListMain2 
{
	color:  rgb(121,80,23);
	text-align: left;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	border-top: none;
	padding: 2px 5px 3px 0px;
	border-collapse:collapse;
}

td.iListSubHead{
	color:  rgb(64,64,64);
	background: rgb(217,217,217);
	text-align: left;
	border: 0px solid #BFBFBF;
	padding: 2px 6px 3px 2px;
	border-collapse:collapse;
	vertical-align :top;
	white-space:nowrap;
}

td.iListSubMain {
	background-color: white;
}

td.iListSubMain2 {
	background-color: #EEF2F9;
}

td.iListDetailSubHead{
	color:  rgb(64,64,64);
	background: rgb(217,217,217);
	text-align: left;
	border: 0px solid #BFBFBF;
	padding: 2px 6px 3px 2px;
	border-collapse:collapse;
	vertical-align :top;
	white-space:nowrap;
}

td.iListDetailSubMain {
	background-color: white;
}

td.textLabelR 
{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;	   	
}

td.textLabelClear{
	color:  rgb(64,64,64);
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 2px 3px 2px 4px;
	width:12em;
}

td.textLabel{
	color:  rgb(64,64,64);
	font-weight: bold;
	background: #F2F2F2;/*#F2F2F2*/
	text-align: left;
	/*border-top: none;
	border-left: 1px solid #FFF;
	border-right: none;
	border-bottom: 1px solid #FFF;
	padding: 8px 3px 5px 4px;*/    
	border: none;
	padding-left: 2px;
    white-space:nowrap;
	width:200px;
    color: #444f51 !important;
    background: #d0d0d0 !important;
    border-bottom: 1px solid white;

}

td.textLabelTop{
	color:  rgb(64,64,64);
	/*font-weight: bold;*/
	background: rgb(242,242,242);
	text-align: left;
	border: none;
	padding: 8px 3px 5px 4px;
}

td.textLabel2{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;
}

td.textLabelNN{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	/*border-top: 1px solid #DDD;*/
	padding: 8px 3px 5px 4px;
}

td.textLabelN{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	/*border-top: 1px solid #DDD;*/
	padding: 8px 3px 5px 4px;
}

td.textLabelNP{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	/*border-top: 1px solid #DDD;*/
	/*padding: 2px 3px 3px 4px*/
}

td.textLabelLNP{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: 1px solid #AAA;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	/*border-top: 1px solid #DDD;*/
	/*padding: 2px 3px 3px 4px*/
}

td.textLabelUNP{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	/*border-right: 1px solid #AAA;*/
	border-top: 1px solid #DDD;
	/*padding: 2px 3px 3px 4px*/
}

td.textLabelLUNP{
	color:  rgb(121,80,23);
	background: #EEF;
	border-bottom: none;
	border-left: 1px solid #AAA;
	/*border-right: none;*/
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	/*padding: 2px 3px 3px 4px*/
}

td.textLabelU{
	color:  rgb(121,80,23);
	background: #EEF;
	text-align: left;
	border-bottom: 1px solid #DDD;
	border-left: none;
	border-right: none;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;
	width: 10em;
}
td.textValueU {
	background: #EEF;
	border-bottom: 1px solid #DDD;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;	
}

td.textValueClear {
	color:  rgb(1,1,1);
	border: none;
	padding: 2px 3px 2px 4px; 
}

td.textValue, td.textValueS {	
	color:  rgb(64,64,64);
	background: #F2F2F2; /*#F2F2F2*/
	border-top: none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #FFF;
	padding: 2px 3px 2px 4px; 	
}
td.multiCheckBoxValue {
	color:  rgb(64,64,64);
	background: #F2F2F2;
	border: none;
	padding: 0px 0px 7px 0px; 	
	width: 25px;
}
td.textValueCheckBox {
	color:  rgb(64,64,64);
	background: #F2F2F2;
	border: none;
	padding: 0px 0px 0px 4px; 	
	width: 20px;
}

td.cellWrap {
	width:1%;   	
}

td.textValueNN {
	background: #EEF2F9;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 8px 3px 5px 4px;
}

td.textValueN {
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;	   	
}

td.textValueLU {
	background: #EEF;
	border-bottom: none;
	border-left: 1px solid #AAA;
	border-right: none;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;   	
}

td.NtextValue {
	background: #EEF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 8px 3px 5px 4px;
	vertical-align:top;
	font-size: 11pt;
}

select.optValueII {
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	width:80px;
	text-align: left;
	vertical-align:top;
	font-size: 11pt;
}

select.optValue {
	background: #FFF;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	width:80px;
	text-align: left;
	vertical-align:top;
	font-size: 11pt;
}

select.optValueVersion {
	color:  rgb(64,64,64);
	background: transparent;
	border-bottom: 0px solid #AAA;
	border-left: 0px solid #AAA;
	border-right: 0px solid #AAA;
	border-top: 0px solid #AAA;
	width:55px;
	text-align: center;
	vertical-align:top;
	font-size: 11pt;
}

select.searchOpt {
	background: #FFF;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	width:245px;
	text-align: left;
	vertical-align:top;
	font-size: 11pt;
}

select.searchFTOpt {
	background: #FFF;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	width:158px;
	text-align: left;
	vertical-align:top;
	font-size: 11pt;
}


input.numValue {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	text-align: left;
	vertical-align:top;
	font-family: "Arial";
	font-size: 11pt;   
}

input.textValue, input.auto-complete {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	text-align: left;
	vertical-align:top;
	font-family: "Arial";
	font-size: 11pt;   
	width:100%;
}

input.textValueS {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	text-align: left;
	vertical-align:top;
	font-family: "Arial";
	font-size: 11pt;   
	width:12em;
}

input.textValue2 {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	text-align: left;
	vertical-align:top;
	font-family: "Arial";
	font-size: 11pt;   
}

input.textItemNo {
	background: transparent;
	border: 0px solid white !important;
}

textarea.NtextValue {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	text-align: left;
	vertical-align:top;
	font-family: "Arial";
	font-size: 11pt;   
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

input.dateValue {
	background: #FFF;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	width:85px;
	text-align: left;
	vertical-align:top;
	font-size: 11pt;
}

input.textLink {
	color: brown;
	padding: 2px;
	border:1px solid #EEF;
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
}

input.textValueRead {
	padding: 2px;
	border:1px solid transparent;
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
	width:100%;
}

input.textValueReadS {
	padding: 2px;
	border:1px solid #DDD;
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
	width:218px;
}

input.textValueReadS2 {
	padding: 2px;
	border:1px solid #DDD;
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
	width:30px;
}

input.textValueReadListing {
	padding: 2px;
	border:1px solid #DDD;	
	font-family: "Arial";
	font-size: 11pt;
	width:100px;
}

input.textValueHidden {
	padding: 2px;
	border: 0px; /*1px solid #EEF;*/
	color:rgb(238, 238, 255);
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
}

.textBG {
	background: #EEF2F9;
	vertical-align:top;
}
.hidden
{
	/*placeholder*/
}
.fupload {border: 1px solid;}
.sqbutton3
{
	width: auto;
	cursor:default;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #59B5CB; 
	border: 1px #308498 solid;
	border-radius: 4px;
	padding-top:0px; 
	padding-right:10px; 
	padding-bottom:0px; 
	padding-left:10px; 
	line-height:1.4em; 
	overflow:visible;
	display:inline-block;
}
.button, .execute
{
	width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #e0992f ; 
	border: 1px #9e793c solid;
	border-radius: 4px;
	padding-top:6px; 
	padding-right:10px; 
	padding-bottom:4px; 
	padding-left:10px; 
	line-height:1.583em; 
	overflow:visible;
	display:inline-block;
	/*background: #59B5CB url(../images/icon_placeholder.png) no-repeat scroll 7px 2px;*/
}

.sqbutton {
	/*width: auto;*/
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; 
	/*
	background: #59B5CB url(../images/icon_search.png) no-repeat scroll 2px 2px;
	*/
	border-radius: 4px;
	background: #EBF1F6 url(../images/icon_search.gif) no-repeat scroll 2px 2px;
	border: 1px #308498 solid;
	box-shadow:none;
	padding-top:0px; 
	padding-right:1px; 
	padding-bottom:0px; 
	padding-left: 1px;
	line-height:1.583em; 
	overflow:hidden;
	display:inline-block;
	width: 20px;
	height:20px;
	text-indent:-50px;
    vertical-align:bottom;
}

/*.sqbutton {
	width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF; 
	/*
	background: #59B5CB url(../images/icon_search.png) no-repeat scroll 2px 2px;
	border: 1px #308498 solid;
	border-radius: 4px;
	background: transparent url(../images/icon_search_small.png) no-repeat scroll 2px 2px;
	*/

	/*background: #EBF1F6 url(../images/icon_search.gif) no-repeat scroll 2px 2px;
	border: 0px #308498 solid;
	box-shadow:none;
	padding-top:0px; 
	padding-right:1px; 
	padding-bottom:0px; 
	padding-left: 1px;
	line-height:1.583em; 
	overflow:hidden;
	display:inline-block;
	width:16px;
	text-indent:-50px;
}*/

.sqbutton2 {
	width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; 
	/*
	background: #59B5CB url(../images/icon_search.png) no-repeat scroll 2px 2px;
	border: 1px #308498 solid;
	border-radius: 4px;
	background: transparent url(../images/icon_search2.png) no-repeat scroll 2px 2px;
	*/
	background: #EBF1F6 url(../images/icon_search.gif) no-repeat scroll 2px 2px;
	border: 0px #308498 solid;
	box-shadow:none;
	padding-top:0px; 
	padding-right:1px; 
	padding-bottom:0px; 
	padding-left: 1px;
	line-height:1.583em; 
	overflow:hidden;
	display:inline-block;   
	width:16px;
	text-indent:-50px;
}

.buttonJobClose:hover ,.buttonJobUnclose:hover 
{
	/* appearance */
	background-color: #9D9D9D !important; 
}

.button:hover , .execute:hover /*, .sqbutton:hover*/
{
	/* appearance */
	background-color: #9D9D9D; 
}

.buttoncx
{
	color: #FFFFFF !important; 
	background-color: #119393 !important; 
	border: 1px #119393 solid !important; 
}

.buttoncx:hover
{
	color: #412E29 !important; 
	background-color: #A6CBCC !important; 
	border: 1px #A6CBCC solid !important; 
}

.button[disabled] , .execute[disabled], .sqbutton[disabled]
{
	cursor: default;
	font: 100% 'Arial',helvetica,sans-serif; 
	font-size: 11pt; 
	color:Gray; 
	min-height: 30px;
	border: 1px Gray solid; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	-moz-box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	/*background-color: #CCF;*/
    background-color: lightgray;
} 


.calbutton {
	width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; 
	background: transparent url(../images/icon_cal.png) no-repeat scroll 2px 2px;
	border: 0px #308498 solid;
	box-shadow:none;
	padding-top:0px; 
	padding-right:1px; 
	padding-bottom:0px; 
	padding-left: 1px;
	line-height:1.78em; 
	overflow:hidden;
	display:inline-block;
	width:18px;
	text-indent:-50px;
}

.buttonFile {
	background: #59B5CB url(../images/icon_file.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonEdit {
	background: #59B5CB url(../images/icon_edit.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonUnedit {
	background: #59B5CB url(../images/icon_unedit.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonLogin {
	background: #59B5CB url(../images/icon_login.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonReset {
	background: #59B5CB url(../images/icon_reset.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonRefresh {
	background: #59B5CB url(../images/icon_refresh.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonExit {
	background: #59B5CB url(../images/icon_exit.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonBack {
	background: #59B5CB url(../images/icon_back.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonBlank {
	background: #59B5CB url(../images/icon_selectblank.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonSelect {
	background: #59B5CB url(../images/icon_select.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}



.buttonUpdate {
	background: #59B5CB url(../images/icon_update.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonSaveSettings  {
	background: #59B5CB url(../images/icon_change.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonResultSettings {
	background: #59B5CB url(../images/icon_savesettings.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonAdd  {
	background: #59B5CB url(../images/icon_add.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonNew  {
	background: #59B5CB url(../images/icon_add.png) no-repeat scroll 7px 2px;
    /*background: #FE6E4C url(../images/icon_add.png) no-repeat scroll 7px 2px;*/
	padding-left: 35px !important;
	/*border: 1px #D1314B solid;*/
}

/*.buttonNew:hover {
    background-color: #DF4622;
}*/

.btnspecial_offer  {
	/*background: #59B5CB url(../images/icon_add.png) no-repeat scroll 7px 2px;*/
    background: #FE6E4C;
	border: 1px #D1314B solid;
}

.btnspecial_offer:hover {
    background-color: #DF4622;
}

.buttonCancel  {
	background: #FE6E4C url(../images/icon_cancel.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
	border: 1px #D1314B solid;
}

.buttonChange  {
	background: #FE6E4C url(../images/icon_change.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
	border: 1px #D1314B solid;
}
.buttonChange2  {
	background: #59B5CB url(../images/icon_change.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
	/*border: 1px #D1314B solid;*/
}

.buttonCancel:hover  {
	background-color: #DF4622;
}


.buttonDelete  {
	background: #59B5CB url(../images/icon_cancel.png) no-repeat scroll 7px 2px;
    /*background: #FE6E4C url(../images/icon_cancel.png) no-repeat scroll 7px 2px;*/
	padding-left: 35px !important;
	/*border: 1px #D1314B solid;*/
}

/*.buttonDelete:hover  {
	background-color: #DF4622;
}*/

.buttonComplete {
	background: #59B5CB url(../images/icon_complete.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonClose {
	background: #59B5CB url(../images/icon_close.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonUnclose {
	background: #59B5CB url(../images/icon_unclose.png) no-repeat scroll 7px 2px !important;
	padding-left: 35px !important;
}

.buttonJobClose {
	background: #92d050 url(../images/icon_complete.png) no-repeat scroll 7px 2px !important;
	padding-left: 35px !important;
}

.buttonJobUnclose {
	background: #92d050 url(../images/icon_unclose.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonUncancel  {
	background: #59B5CB url(../images/icon_uncancel.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}


.buttonNote {
	background: #59B5CB url(../images/icon_note.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonSave {
	background: #59B5CB url(../images/icon_save.png) no-repeat scroll 7px 3px;
	padding-left: 35px !important;
}

.buttonCopy {
	background: #59B5CB url(../images/icon_copy.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonApprove {
	background: #59B5CB url(../images/icon_approve.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
    /*border-color: #D1314B;*/
}

/*.buttonApprove:hover {
    background-color: #DF4622;
}*/
.buttonApproveOrange  {
	background: #FE6E4C url(../images/icon_approve.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
	border: 1px #D1314B solid;
}
.buttonApproveOrange:hover  {
	background-color: #DF4622;
}


.buttonReject {
	background: #59B5CB url(../images/icon_reject.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}


.buttonNoteAll {
	background: #59B5CB url(../images/icon_selectall.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSelectAll {
	background: #59B5CB url(../images/icon_selectall.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSelectBlank {
	background: #59B5CB url(../images/icon_selectblank.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSelectNone {
	background: #59B5CB url(../images/icon_selectnone.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSubmit {
	background: #59B5CB url(../images/icon_submit.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSend {
	background: #59B5CB url(../images/icon_send.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}


.buttonClear {
	background: #59B5CB url(../images/icon_clear.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonConvertToSTAD {
	background: #59B5CB url(../images/icon_convert.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonClearCriteria {
	background: #59B5CB url(../images/icon_clear.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonPrint {
	background: #e0992f url(../images/icon_print.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonExcel {
	background: #59B5CB url(../images/icon_excel.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSearch {
	background: #59B5CB url(../images/icon_search_small.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonSearchL {
	background: #59B5CB url(../images/icon_search.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonPost {
	background: #59B5CB url(../images/icon_post.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonUnpost {
	background:#59B5CB /*#F29B8E*/ url(../images/icon_unpost.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}



.buttonReview {
	background: #59B5CB url(../images/icon_review.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonConfirm {
	background: #e0992f url(../images/icon_review.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonApproveAll {
	background: #59B5CB url(../images/icon_approve.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonConvert {
	background: #59B5CB url(../images/icon_convert.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonUploadRemove {
	background: #59B5CB url(../images/icon_uploadremove.png) no-repeat scroll 7px 2px;
	padding-left: 70px !important;
}





.buttonExportXLS {
	background: #59B5CB url(../images/icon_excel.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
}

.buttonForceUnedit {
	background: #FF0011 url(../images/icon_unedit.png) no-repeat scroll 7px 2px;
	padding-left: 35px !important;
	border: 1px #B00015 solid;
}

.buttonForceUnedit:hover  {
	background-color: #FB4122;
}


.buttonZoomClose {
	width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #e0992f; 
	border: 1px #308498 solid;
	border-radius: 4px;
	padding-top:6px; 
	padding-right:10px; 
	padding-bottom:4px; 
	padding-left:10px; 
	line-height:1.583em; 
	overflow:visible;
	display:inline-block;
}

/*TGR*/
.btnRename {
	background: #59B5CB;
	width: 150px;
	height: 20px !important;
	line-height: 1em !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.btnCopy, .btnModify, .btnEnable {
	background: #59B5CB;
	width: 100px;
	height: 20px !important;
	line-height: 1em !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.btnDisable  {
	background: #FE6E4C;
	width: 100px;
	height: 20px !important;
	line-height: 1em !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.btnEnabledR {
	width: 20px !important;
	height: 20px !important;
	padding: 2px !important;
	border-radius: 100% !important;
		-moz-border-radius: 100% !important;
		-webkit-border-radius: 100% !important;
	border: 2px solid #127709;
	overflow: hidden;
	background: #A9DA4B;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
		-mox-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
		-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
}
.btnEnabledR:hover {
	background: #ADADAD !important;
	border: 2px dashed #2B2B2B !important;
}
.btnDisabledR {
	width: 20px !important;
	height: 20px !important;
	padding: 2px !important;
	border-radius: 100% !important;
		-moz-border-radius: 100% !important;
		-webkit-border-radius: 100% !important;
	border: 2px solid #2B2B2B;
	overflow: hidden;
	background: #ADADAD;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
		-mox-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
		-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
}
.btnDisabledR:hover {
	background: #A9DA4B !important;
	border: 2px dashed #127709 !important;
}
.btnDelete {
	background: #FF0011;
	width: 100px;
	height: 20px !important;
	line-height: 1em !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
td.mc
{
	text-align:center !important;
	vertical-align:middle !important;
}
textarea.NtextReadValue {
	border: 1px solid #DDD;
	padding: 2px;
	background-color:transparent;
	font-family: "Arial";
	font-size: 11pt;
}

/* Searching Result List -------------------------------------------- */ 
div.resultListContainer {
	clear: both;
	border: 1px solid #DDD;
	/*overflow: auto;*/
}

div.tableContainerStatus {
	clear: both;
	border: 1px solid #DDD;
	/*overflow: auto;*/
}

.TCHeader {
    color: black;
    text-align: left;
    padding: 2px;
    font-size: 18px;
    font-weight: bold;
}


.TCContent {
    border: 3px solid black;
    color:black;
    text-align:left;
    padding:8px;
}

.SysRemarks {
    color:black;
    text-align:left;
    padding:8px;
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #5B5B5B;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-left: 1px solid #ccddff;
	border-right: 1px solid #28E;
	border-top: 1px solid #ccddff;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
	vertical-align:top;	
	color:white;
	/*position: relative;*/
	/*overflow-y:auto;*/
	/*overflow-x:hidden;*/
}
tr.listHeader td {
	background: rgb(0, 103, 192);
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-left: 1px solid #ccddff;
	border-right: 1px solid #4444cc;
	border-top: 1px solid #ccddff;
	font-weight: normal;
	padding: 0px 0px;
	text-align: left;
	vertical-align:top;	
	color:white;
	/*position: relative;*/
	/*overflow-y:auto;*/
	/*overflow-x:hidden;*/
}
tr.subListHeader td:hover {
	/*background: rgb(0, 103, 192);*/
	background: rgb(116,177,230);
}
tr.subListHeader td {
	/*background: rgb(0, 103, 192);*/
	/*background: rgb(116,177,230);*/
    background: #5B5B5B;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-left: 1px solid #ccddff;
	border-right: 1px solid #4444cc;
	border-top: 1px solid #ccddff;
	font-weight: normal;
	padding: 0px 0px;
	text-align: left;
	vertical-align:top;	
	color:white;
	/*position: relative;*/
	/*overflow-y:auto;*/
	/*overflow-x:hidden;*/
}
tr.listHeader td:hover {
	background: rgb(0, 103, 192);
}
/*
.fixedHeader tr:first-child {
	display: table;
	position: fixed;
}
*/
/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: white;
	/*display: block;*/
	text-decoration: none;
	/*width: 100%*/
}
 
/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: orange;
	/*display: block;*/
	/*text-decoration: underline;*/
	/*width: 100%*/
} 

div.body_scroll {
	height: 120px;
	overflow-y: auto; 
}

.hide {
	display:none;
}

div.stickyHeader {
	top:0;
	position:fixed;
	_position:absolute;
}
	
tbody.scrollContent > td, tbody.scrollContent tr.r1 > td {
	background-color: #F0F0F0;/*#EEF2F9*/
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}

tbody.scrollSubContent td, tbody.scrollSubContent tr.r1 td {
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}
	
tbody.scrollContent > td, tbody.scrollContent tr.rp > td {
	background-color: #FFF;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}

tbody.scrollSubContent td, tbody.scrollSubContent tr.rp td {
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}

tbody.scrollContent tr.r1:hover td {
	background-color:lightcyan;
}

tbody.scrollContent tr.r2:hover td {
	background-color:lightcyan;
}

tbody.scrollContent tr.r2 > td {
	background-color:  #E0E0E0 ;/*#D6E0EF*/
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
} 
tbody.scrollSubContent tr.r2 td {
	background-color: #D6E0EF;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}  

tbody.scrollContent > td, tbody.scrollContent tr.sr1 > td {
	background-color: #EEF2F9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}

tbody.scrollSubContent td, tbody.scrollSubContent tr.sr1 td {
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}


tbody.scrollContent tr.sr2 > td {
	background-color: #D6E0EF;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
} 
tbody.scrollSubContent tr.sr2 td {
	background-color: #D6E0EF;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top;	
}  
thead.listStatus td {
	background: #AAAAAA;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	font-weight: normal;
	padding: 2px 3px 3px 4px;
	text-align: left;
	color: black;
}

thead.listStatus td.rownoTd {
	width:200px;
	text-align: left
}

thead.listStatus td.pageTd, thead.listStatus td.pageTd a:link, thead.listStatus td.pageTd a:visited{
	color:Black;
	width:25px;
	text-align: center;	
}

thead.listStatus td.pageNoTd {
	width:100px;
	text-align: center
}

thead.listStatus td.pageStatus, thead.listStatus td.pageStatus a:link, thead.listStatus td.pageStatus a:visited{
	color:Black;
	width:200px;
	text-align: left
}

input.currentPage {
	background: #FFF;
	border-bottom: none;/*1px solid #000;*/
	border-left: none;
	border-right: none;
	border-top: none;
	width:30px;
	text-align: left
}

.fixedfont{font-family: Lucida Console, Courier New, Sans-Serif;}



/* Sales Forecast Color */
/*tr.sfYear1 {
	background: #fddc99
}
tr.sfYear2 {
	background: #ccffcc
}
tr.sfYear3 {
	background: #ffdddd
}
tr.sfYear4 {
	background: #ccecff
}*/

td.sfYear1 {
	background: #fddc99;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top
}

td.sfYear2 {
	background: #ccffcc;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top
}

td.sfYear3 {
	background: #ffdddd;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top
}

td.sfYear4 {
	background: #ccecff;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #AAA;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:top
}

.bigWhiteTitle
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #81888F;
	background-color: #CCE6FF;
	line-height: 8mm;
}

.sysdisplay
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 14px;
	font-weight: normal;
	color: #000080;
	background-color: #E0F0F0;
	line-height: 4mm;
}

.sysdisplay2
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 14px;
	font-weight: normal;
	color: #000080;
	line-height: 5mm;
}

.sysdisplay3
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 11px;
	font-weight: normal;
	color: #000080;
	background-color: #E0F0F0;
	line-height: 5mm;
}

.sysdisplay4
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 11px;
	font-weight: normal;
	color: #000080;
	line-height: 5mm;
}

.sysdisplayr
{
	font-family: "Fixedsys" , "Helvetica" , "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #800000;
	background-color: #F0E0E0;
	line-height: 5mm;
}

.caption
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-color: #0067C0;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	color: #E0F0F0;
	background-color: #0067C0;
}

.defaultTable
{
	border-color: #0067C0;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

.defaultTable tr
{
	height: 25px;
}

.sysdisplayss
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 12px;
	font-weight: normal;
	color: #000080;
	background-color: #E0F0F0;
}

.itemlabel
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 12px;
	font-weight: normal;
}

.itemlabel2
{
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-size: 10px;
	font-weight: normal;
}

.mainhead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-variant: normal;
	display: block;
	padding: 5px;
	font-weight: bold;
	color: #0066CC;
}

.hdrSmallFont
{
	color: Gray;
	font-size: 100%;/*11px;*/
	padding-left: 8px;
	padding-right: 8px;
}

.redFont
{
	color: #FF0000;
}

.bluFont
{
	color: #0000EE;
}

.reportCrit
{
	font-family: Arial;
}

.reportText
{
	font-size: 9px;
	font-family: Arial;
}

.rListNorm
{
	font-family: Arial, Helvetica;
	color: #0066CC;
}

.rListErr
{
	font-family: Arial, Helvetica;
	color: #FF0000;
}

.bold {font-weight: bold;}
.plain {font-weight: normal;}
.green 
{
	background-color:green;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));    
}
.classStatus {padding:6px;background-color:#F0F0F0;border:solid 2px #808080;}

.watermarked {
	border:1px solid #BEBEBE;
	color:gray;
	font-style: italic;
}

.mainMenu {
	color: #FFF;
	padding: 0.5em;
	vertical-align:middle;
	font-size: 16px;
}

.mainMenu li {
	padding: 0.5em;
}

.mainMenuHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-variant: normal;
	display: block;
	padding: 2px;
	font-weight: bold;
	color: gray; /*#0066CC*/
}

.mainMenuAlt {
	padding: 0.5em;
	vertical-align:middle;
	font-size: 16px;
}
.mainMenuAlt li {
	padding: 0.5em;
}

.poweredby
{
	vertical-align: middle;
	line-height: 33px;
	color: #4C5356;
}
.blubox
{
	background-color: #3399ff;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
}
.greenbox
{
	background-color: #50B748;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
}
.deepblubox 
{
  padding: 2px;
  color: rgb(255,255,255);
  background-color: rgb(41,95,166);
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;
} 
.hllink a {
	color: white !important;
	text-decoration: none;
} 
.hllink a:hover {
	color: orange !important;
	text-decoration: none;
}
hr.blu
{
	border:1px solid #3593A9;
	background-color:#3593A9;
	width:99%;
}
hr.grn
{
	border:1px solid #F2F2F2;
	background-color:#F2F2F2;
	width:99%;
}
input.greyinput
{
	border:0px;
	background-color:#e2e2e2;
	vertical-align:middle;
}

select optgroup.optHeader
{
   color:Gray;   
   background-color: #EEEEEE;
}

select option.optHeader 
{
	color: black;
	font-weight:bold;
}

select option.optContent {
	background-color: white;
	color: black;
}

.uLabel
{
	text-align: left;
}

span.sLabel {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	/*color: #7F7F7F;*/ 
	color:rgb(1,1,1);
	text-align: center;
	background: #FFFFFF; 
	border: 1px #BFBFBF solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:6px; 
	padding-left:5px; 
	height:8px; 
	width: 100px; 
	overflow:visible;
	display:inline-block;
}
span.sValue {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	color: #7F7F7F; 
	text-align: center;
	background: #F2F2F2 ; 
	border-left: 1px #BFBFBF solid;
	border-right: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top:5px;
	padding-right:5px; 
	padding-bottom:5px; 
	padding-left:5px; 
	height:12px; 
	width:100px; 
	overflow:visible;
	display:inline-block;
}
span.sLabel2 {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	/*color: #7F7F7F;*/ 
	color:rgb(64,64,64);
	text-align: center;
	background: #FFFFFF; 
	border: 1px #BFBFBF solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:6px; 
	padding-left:5px; 
	height:8px; 
	width: 120px; 
	overflow:visible;
	display:inline-block;
}
span.sValue2 {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	color: #7F7F7F; 
	text-align: center;
	background: #F2F2F2 ; 
	border-left: 1px #BFBFBF solid;
	border-right: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top:5px;
	padding-right:5px; 
	padding-bottom:5px; 
	padding-left:5px; 
	height:12px; 
	width:120px; 
	overflow:visible;
	display:inline-block;
}
span.sLabel3 {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	/*color: #7F7F7F;*/ 
	color:rgb(64,64,64);
	text-align: center;
	background: #FFFFFF; 
	border: 1px #BFBFBF solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:6px; 
	padding-left:5px; 
	height:8px; 
	width: 200px; 
	overflow:visible;
	display:inline-block;
}
span.sValue3 {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	color: #7F7F7F; 
	text-align: center;
	background: #F2F2F2 ; 
	border-left: 1px #BFBFBF solid;
	border-right: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top:5px;
	padding-right:5px; 
	padding-bottom:5px; 
	padding-left:5px; 
	height:12px; 
	width:200px; 
	overflow:visible;
	display:inline-block;
}
span.sValueS {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	color: #7F7F7F; 
	text-align: center;
	background: #F2F2F2 ; 
	border-left: 1px #BFBFBF solid;
	border-right: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top:5px;
	padding-right:5px; 
	padding-bottom:5px; 
	padding-left:5px; 
	height:12px; 
	width:75px; 
	overflow:visible;
	display:inline-block;
}
span.sLabelS {
	cursor:default;
	font-family: "Arial"; 
	font-size: 11pt;
	font-weight: bold;
	color:rgb(1,1,1);
	text-align: center;
	background: #FFFFFF; 
	border: 1px #BFBFBF solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:6px; 
	padding-left:5px; 
	height:8px; 
	width: 75px; 
	overflow:visible;
	display:inline-block;
}
span.statusSaved {background-color:#92d050;color:white;font-weight:bold;}
span.statussaved {background-color:#92d050;color:white;font-weight:bold;}
span.statusinreview {background-color:#92d050;color:white;font-weight:bold;}
span.statuscompleted {background-color:#92d050;color:white;font-weight:bold;}
span.statusupdated_to_autoline {background-color:#92d050;color:white;font-weight:bold;}
span.statuscancelled {background-color:lightpink;color:white;font-weight:bold;}
span.statusrejected {background-color:#92d050;color:white;font-weight:bold;}
span.statusclosed {background-color:#92d050;color:white;font-weight:bold;}
span.statusreceived {background-color:#92d050;color:white;font-weight:bold;}
span.statuspartiallyreceived {background-color:#92d050;color:white;font-weight:bold;}
span.statusposted {background-color:#92d050;color:white;font-weight:bold;}
span.statusconfirmed {background-color:#92d050;color:white;font-weight:bold;}
span.statusapproved {background-color:#92d050;color:white;font-weight:bold;}
span.statuschecked {background-color:#92d050;color:white;font-weight:bold;}
span.statussubmitted {background-color:#92d050;color:white;font-weight:bold;}
span.statusnew {background-color:#92d050;color:white;font-weight:bold;}
span.statusactive {background-color:#92d050;color:white;font-weight:bold;}
span.statusinactive {background-color:#BFBFBF;color:#000000;font-weight:bold;}
span.statusblacklist {background-color:#000000;color:#FFFFFF;font-weight:bold;}
span.statuscollected {background-color:#92d050;color:white;font-weight:bold;}
span.statusACreceived {background-color:#92d050;color:white;font-weight:bold;}
span.statusACpartiallyReceived {background-color:#92d050;color:white;font-weight:bold;}
span.statusACpaid {background-color:#92d050;color:white;font-weight:bold;}
span.statusACpartiallyPaid {background-color:#92d050;color:white;font-weight:bold;}

span.statusordered {background-color:#92d050;color:white;font-weight:bold;}
span.statusothers {background-color:#92d050;color:white;font-weight:bold;}
span.statusrefused {background-color:#92d050;color:white;font-weight:bold;}

span.VersionSpan {
	text-align:right;
	position:relative;
	/*top:-2px;*/
}

td.docStatus {
	padding-right:4px;
	width:100px;
	height:42px;
}
td.docStatus2 {
	padding-right:4px;
	width:120px;
	height:42px;
    display:none;
}
td.docStatus > .sLabel {
	color:  rgb(64,64,64);
}
td.docStatus2 > .sLabel2 {
	color:  rgb(64,64,64);
}
td.docVersion {
	padding-left:4px;
	padding-right:4px;
	width:75px;
	height:42px;
}

td.docVersion > .sLabel {
	color:rgb(64,64,64);
	width:75px;
}

div.cellWrap {
	padding-right:5px;
	white-space: nowrap;
}

/* need to change resizePanel in common.js */
div#scnEditDiv
{
	 padding-left: 20px;   
	 padding-right: 20px;
}
/* */

td.borderLB {
	border-left: 1px #AAA solid;
	border-bottom: 1px #AAA solid;
}

td.borderRB {
	border-right: 1px #AAA solid;
	border-bottom: 1px #AAA solid;
}

td.borderLRB {
	border-left: 1px #AAA solid;
	border-right: 1px #AAA solid;
	border-bottom: 1px #AAA solid;
}

td.borderTLB {
	border-top: 1px #AAA solid;
	border-left: 1px #AAA solid;	
	border-bottom: 1px #AAA solid;
}

td.borderTRB {
	border-top: 1px #AAA solid;
	border-right: 1px #AAA solid;	
	border-bottom: 1px #AAA solid;
}

td.borderTLRB {
	border-top: 1px #AAA solid;
	border-left: 1px #AAA solid;
	border-right: 1px #AAA solid;
	border-bottom: 1px #AAA solid;
}

.dataImport
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-variant: normal;
	display: block;
}

td.sBorderUL {
	border-left: 1px #BFBFBF solid;
	border-top: 1px #BFBFBF solid;
	border-top-left-radius: 4px;
	padding-top:5px;
	padding-left:5px; 
	padding-right:5px; 
	min-width:60px;
	max-width:150px;
	width:150px; 
	
	/*max-width:100px;display:inline-block;*/
}
td.sBorderLL {
	border-left: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-left-radius: 4px;
	padding-bottom:5px;
	padding-left:5px; 
	padding-right:5px; 
	min-width:60px;
	max-width:100px;
	/*max-width:100px;display:inline-block;*/
}
td.sBorderUR {
	border-right: 1px #BFBFBF solid;
	border-top: 1px #BFBFBF solid;
	border-top-right-radius: 4px;
	padding-top:5px;
	padding-right:5px;	
	padding-left:5px;	
	width:175px;
	/*display:inline-block;*/
}
td.sBorderLR {
	border-right: 1px #BFBFBF solid;
	border-bottom: 1px #BFBFBF solid;
	border-bottom-right-radius: 4px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	width:175px;	
	/*display:inline-block;*/
}

td.apReject {
	width: 100px;
	border: 1px #BFBFBF solid;
	border-radius: 4px;
	padding:5px;
	white-space:nowrap;
	color:  #000;
	background: lightpink;
	font-size: 8pt;
	font-weight:bold;
}
td.apClear {
	width: 100px;
	border: 1px #BFBFBF solid;
	border-radius: 4px;
	padding:5px;
	white-space:nowrap;
	color:  #FFF;
	background: #92D050;
	font-size: 8pt;
	font-weight:bold;
}
td.apNonClear {
	width: 100px;
	border: 1px #BFBFBF dotted;
	border-radius: 4px;
	padding:5px;
	white-space:nowrap;
	font-size: 8pt;
	color: #DCDCDC;
	background: #FFF; /*url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2NkQAX/GZH4/4FsRpgAmAOSBBFwDkgAAIKuBATRTAAZAAAAAElFTkSuQmCC) repeat;*/
}

@media screen and (max-width: 1300px){
	input.textValueS {
		max-width: 6em  !important;
	}
	select.searchOpt {
		max-width: 188px  !important;
	}
}

.pointer {
    cursor:pointer;
}

.div_pointer {
    cursor:pointer;
    color:gray;
}

.div_pointer:hover {
    color:orange;
}


.div_content {
    width:100%;
    margin:0 auto; display:inline-block;
    text-align: -webkit-center;
    max-width:800px;
}

.div_cursor {
    cursor: pointer;
}


.floatLeft {
    float:left;
}


div.timeBlueText {
        color: #00adef;
    }


.timeslotBorder {
    border: 1px solid #999999;
}


.calendarDate {
    height:30px;
    width:12%;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}

.circle {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #00adef;
}

.greyCircle {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #999999;
}


.greyDate {
    color:#505050;
}


.buttonHelp {
    width: auto;
    cursor: pointer;
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(51, 153, 255);
    border: 0px solid;
    border-radius: 20px;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
    overflow: visible;
    display: inline-block;
    background: white;
}

.info_content_table {
    height: 150px;
    width: 500px;
    position: absolute;
    background: white;
    top: 45px;
    /*left: 1px;*/
    left: 570px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 15px;
    border-radius: 5px;
    border: 1px #adadad solid;
}

td.docInfo1 {
    color: rgb(1, 1, 1);
    font-size: 8pt;
    padding-right: 5px;
    width: 30px;
    height: 15px;
   background: #efefef !important;
}

td.docInfo2 {
    padding-left: 5px;
    padding-right: 5px;
    color: rgb(1, 1, 1);
    font-size: 8pt;
    width: 150px;
    height: 15px;
    /*background: #efe9e9 !important;*/
}

.print_setting_table {
    height: auto;
    /*width: 96.5%;*/
    position: absolute;
    bottom: 10%;
    /*left: 1%;*/
    padding: 10px;
    border-radius: 5px;
    border: 1px #adadad solid;
    background: white;
}


.buttonPrintLeft {
    background: #339638 url(../images/icon_print.png) no-repeat scroll 7px 2px;
    padding-left: 35px !important;
    width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF; 
	/*border: 1px #339638 solid;*/
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    /*padding-top: 4px !important;*/
    padding-right: 10px;
    /*padding-bottom: 6px !important;*/
    line-height: 1.58em;
    overflow: visible;
    display: inline-block;
}

.buttonPrintRight {
    background: #339638 url(../images/icon_setting.png) no-repeat scroll 7px 2px;
    padding-left: 27px !important;
    width: auto;
	cursor:pointer;
	font-family: 'Arial',helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF; 
	/*border: 1px #339638 solid;*/
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding-top: 5px !important;
    padding-right: 10px;
    padding-bottom: 5px !important;
    line-height: 1.58em;
    overflow: visible;
    display: inline-block;
    margin:0px !important;
}

.tableBottom {
    /*padding-left:400px;*/
    padding-bottom:27.56px;
    background:white;
}
.tableTop {
    /*padding-left:400px;*/
    background:white;
    /*padding-bottom:5px;*/
}


input[type=checkbox] + label[class=TICKT] {
            display:table-cell;
            height:20px;
            margin:-2px;
            padding: 2px 12px;
            background-image: url(../images/tick_dim.png);
            background-position:left 4px center ;
            background-repeat:no-repeat;
            background-size: 17px;
            background-color: #ccc;
            border-radius:5px;
            border: 1px #adadad solid;
            vertical-align:middle;
            -webkit-user-select: none; 
            -moz-user-select: none; 
            -khtml-user-select: none; 
            color:#adadad;
            -ms-user-select: none; 
        }

        input[type=checkbox]:checked + label[class=TICKT] { 
           background-image: url(../images/tick_green.png);
           background-position:left 4px center ;
           background-repeat:no-repeat;
            background-color:#5b9bd5;
            background-size: 17px;
            color:#ffffff;
        }

        input[type=checkbox] + label[class=TICKTNotComplete] {
            display:table-cell;
            height:20px;
            margin:-2px;
            padding: 2px 12px;
            background-image: url(../images/cross_dim.png);
            background-position:left 4px center ;
            background-repeat:no-repeat;
            background-size: 17px;
            background-color: #ccc;
            border-radius:5px;
            border: 1px #adadad solid;
            vertical-align:middle;
            -webkit-user-select: none; 
            -moz-user-select: none; 
            -khtml-user-select: none; 
            color:#adadad;
            -ms-user-select: none; 
        }

        input[type=checkbox]:checked + label[class=TICKTNotComplete] { 
           background-image: url(../images/cross.png);
           background-position:left 4px center ;
           background-repeat:no-repeat;
            background-color:#5b9bd5;
            background-size: 17px;
            color:#ffffff;
        }

        input[type=checkbox] + label[class=TICKTComplete] {
            display:table-cell;
            height:20px;
            margin:-2px;
            padding: 2px 12px;
            background-image: url(../images/tick_dim.png);
            background-position:left 4px center ;
            background-repeat:no-repeat;
            background-size: 17px;
            background-color: #ccc;
            border-radius:5px;
            border: 1px #adadad solid;
            vertical-align:middle;
            -webkit-user-select: none; 
            -moz-user-select: none; 
            -khtml-user-select: none; 
            color:#adadad;
            -ms-user-select: none; 
        }

        input[type=checkbox]:checked + label[class=TICKTComplete] { 
           background-image: url(../images/tick_green.png);
           background-position:left 4px center ;
           background-repeat:no-repeat;
            background-color:#5b9bd5;
            background-size: 17px;
            color:#ffffff;
        }

        input[type=checkbox] + label[class=TICKTPending] {
            display:table-cell;
            height:20px;
            margin:-2px;
            padding: 2px 12px;
            background-image: url(../images/circle_dim.png);
           background-position:left 2px center ;
           background-repeat:no-repeat;
            background-size: 22px;
            background-color: #ccc;
            border-radius:5px;
            border: 1px #adadad solid;
            vertical-align:middle;
            -webkit-user-select: none; 
            -moz-user-select: none; 
            -khtml-user-select: none; 
            color:#adadad;
            -ms-user-select: none; 
        }

        input[type=checkbox]:checked + label[class=TICKTPending] { 
           background-image: url(../images/circle.png);
           background-position:left 2px center ;
           background-repeat:no-repeat;
            background-color:#5b9bd5;
            background-size: 22px;
            color:#ffffff;
        }

.languageOpt {
    color:grey;
    /*color:#DFDFDF;*/
    font-size:14px;
}

.languageOptSelected {
    color:black;
    /*color:white;*/
    font-weight:bold;
    font-size:15px !important;
}
.languageOptSelectedChi {
    color:black;
    /*color:white;*/
    font-weight:bold;
    font-size:17px !important;
}


@media screen and (min-width:600px) and (orientation:landscape) {
    .booking_content, .booking_cal {
        /*width: 50%;*/
        float: left;
    }


    .bookBlock {
        width:50%;
    }
    .textLabel,.textValue {
        font-size:18px;
        width:200px;
    }


}


 @media screen and (max-width: 500px) {
     .calendarDate {
        font-size:18px;
        height: 18px;
        line-height: 18px;
        width: 13%;
    }
     .calendar {
        padding:7px 0px;
        width:97%;
        margin-left: 3%;
    }
    .numHidden {
	    font-size: 13pt !important;
        /*font-size: 10pt;*/
        height: 30px;
        line-height: 30px;
    }
    .textLabel {
	    font-size: 15pt;
        width:200px !important;
        height: 28px;
        line-height: 28px;
        
    }
    input.textValueRead {
	    font-size: 15pt;
        height: 28px;
        line-height: 28px;
    }
    .iListTitle {
        font-size:15pt;
    }

    .textValue {
	    font-size: 15pt;
        /*font-size: 10pt;*/
        height: 28px;
        line-height: 28px;
    }
    .TCContent {
        font-size:15pt;
    }
    .inputValue >select {
	    font-size: 13pt;
        /*font-size: 10pt;*/
        height: 34px;
        line-height: 34px;
    }
    .inputLabel {
        font-size: 13pt;
        /*width:80px;*/
        width:50px;
        white-space:nowrap;
        padding: 1px 3px;
    }
    .inputValue > div {
         /*font-size: 12pt;*/
         font-size:10pt;
    }
    .inputNumValue > div {
        font-size:10pt;
    }
    .inputNumValue>div > input {
       font-size: 12pt;
            height: 30px;
    }
    .smallFS,.smallFS2 {
        font-size:10pt;
    }
    .likelihood_content_table_auto {
        height: 60px !important;
        width: 145px !important;
    }
    .impact_content_table_auto {
        height: 60px !important;
        width: 100px !important;
    }
}


 .textareaItem {
		min-width: 130px  !important;
	}

 .textareaRemarks {
    min-width: 270px  !important;
}

 @media screen and (min-width: 568px){
	.textareaItem {
        min-width: 210px !important;
    }
    .textareaRemarks {
    min-width: 270px  !important;
}
}

 @media screen and (min-width: 667px){
	.textareaItem {
        min-width: 300px !important;
    }
}

 @media screen and (min-width: 736px){
	.textareaItem {
        min-width: 380px !important;
    }
    .bookBlock {
        width:50% !important;
    }
}

 @media screen and (min-width: 768px){
	.textareaItem {
        min-width: 420px !important;
    }
}

 @media screen and (min-width: 812px){
	.textareaItem {
        min-width: 460px !important;
    }
}

 @media screen and (min-width: 1024px){
	.textareaItem {
        min-width: 660px !important;
    }
}
  @media screen and (min-width: 1300px){
	.textareaItem {
        min-width: 1000px !important;
    }
}