@font-face {
font-family: "FontAwesome";
src: url("fonts/fontawesome-webfont.eot");
src:
url("fonts/fontawesome-webfont.woff") format("woff"),
url("fonts/fontawesome-webfont.otf") format("opentype"),
url("fonts/fontawesome-webfont.svg#filename") format("svg");
}

@media print {
.hideOnPrint{ display:none; }
}
 
 
body {
	background-color:#dbd7cd;	
	text-align: left;
	background: url('../logos/LoginBackground.jpg');
	background-repeat: repeat;
 
} 

/*======================================*/
/*         								*/
/*======================================*/
 
input[type=text], select, textarea {
     min-width:20px;
	 width: 100%;
	 float: left;
	 font-weight: bold;
	 letter-spacing:0em;
	 text-align:left;
	 color: #606060;
	 display: block;
	 padding: 1px 2px 1px 3px; /* top, right, bottom, left */	
     border: 1px solid #dadada;
     border-radius: 3px;
 }
 
select { 
	padding: 1px 1px 2px 0px;  
	width: 100%;
	height:26px;
	line-height:26px;
 }
  
input[type=checkbox] {
     min-width:10px;
	 width:13px;
	 float: left;
	 font-size: 13px;
	 text-align: left;
	 margin-top: 5px;
	 margin-left: 2px;
 }
 
 
input[type=button] {
  font-family:  sans-serif, 'Lucida Grande',  Verdana;
  font-size: 13px; 
  font-weight: normal; 
 
  padding: 0px 10px;
  margin-bottom: 3px;
  margin-top:2px;
  height: 26px;
 
  cursor: pointer;
  color: #686868;
  text-shadow: 0 1px #F8F8F8 ;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0  #C0C0C0 #C0C0C0 ;
  border-radius: 3px;
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
   background: url(../images/btn30_1.png)  ;
  -webkit-box-shadow: inset 0px 0 0px rgba(0, 0, 0, 0.2);
}
 
input[type=button]:active {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0 1px rgba(0, 0, 0, 0.4);
}

input[type=button]:hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(96,96,96, 0.5);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(96,96,96, 0.5);
 	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(96,96,96, 0.5);
	 border-color: rgba(128,128,128, 0.9);
 	 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

/*======================================*/
/*         								*/
/*======================================*/

table{
	padding:1px;
	width:100%;  
	border-spacing: 0px;  
	border:1px;  
 	border-collapse: separate;   
	empty-cells:show;* 
 }

 
table.footer{
    width:96%; 
	table-layout:fixed; 
 
	font-family: 'Oxygen', Verdana, 'Lucida Grande',  sans-serif;
    background-color: #C0C0C0;
	 font-size: 0.8em;
	text-align: left;
	color: #3D3D3D;  
	border-spacing:1px; 
    border-radius:2px;
}

table.footer   td {
	color: #3D3D3D;
	line-height:20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom:0px;
	vertical-align: middle;
	border:1px;
	border-spacing:0px;
	border-collapse:collapse;
}

table.footer   tr  {
	/* background-color: #e0e9f0; */
	background-color: #E8E8E8 ;
	font-size: 8pt;
	padding: 1px;
	text-align: center;
	text-shadow: 1px 1px #F8F8F8;
    border-spacing:1px; 
 
    border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #D8D8D8 ;
	border-bottom: 0px solid #D8D8D8 ; 
	border-radius:1px;
}
 
 
img { border: none; 	outline: none;}
 
/* ========================================================
				btn Find for Combos
   ===================================================== */
.btnFind { background: url(../icons/btnFind.png); height:22px; width:32px; display:block;}
.btnFind:hover { background-position:0px 22px;}
/* ========================================================
				vsBoxNew
   ===================================================== */
.vsBoxNew {
  line-height: 24px;
  /* font:normal 12px arial, tahoma, helvetica, sans-serif; */
  color: #707070;
  position: relative;
  margin-top: 24px;  
  margin-left: 20px;  
  margin-right: 10px; 
  margin-bottom:0px;
  padding: 2px 0px 2px 0px; /* top, right, botom,left */ 
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 3px 5px #888;
  box-shadow: 0 0 6px 1px #888;
  background-color: #F3F3F3;  
}

.vsBoxNew h1 {
  font-family: myBoldFont, "Helvetica", 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
  font-size:28px;
  font-style: normal;
  font-weight: 700;
  color:white;
  text-shadow: 0 1px #001F4C;
  margin: -3px -1px 0px -1px;
  padding-top:5px;
  padding-bottom:6px;
  padding-left: 15px;
  line-height: 32px;
  text-align: center;
 /* border-bottom: 1px solid #cfcfcf;*/
  border-radius: 3px 3px 0 0; 
  background-color: #5E74A0;
  height:36px;
  /* background: url(caption_Bg.png); */            
}

.vsBoxNew .bottom {
    margin:0 auto; height:48px; width:100%; bottom:0px; left:0;   position:fixed; position:absolute; float:bottom; 
	padding-bottom:5px;
	background: #F0F0F0 ; /* #F8F8F8  */
    border-top:1px solid #888;
	border-radius: 0px 0px 5px 5px;	
	box-shadow: inset 0 10px 5px -10px white;
	
}

.vsBoxNew label{ Height:22px;border:0px; padding:0px; margin-top:0px;}
.vsBoxNew label:hover{background:none;height:22px; border:0px; padding:0px;margin-top:0px; } 

#datadiv input[type=text], input[type=password], input[type=email],  datalist, textarea, select {
	 /* font-family: 'Oswald', 'Open Sans Condensed',  'Helvetica Neue',  sans-serif; */
	font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em;
	width:100%;
	color: black; /* #808080 ; */
	padding: 2px 5px 2px 5px; /* top, right, bottom, left */
	margin-top:0.2em;	
	margin-bottom:0.5em;	
	margin-right:10px;
	border: 1px solid #dadada;
	border-radius: 3px; 
}

#datadiv input:focus, textarea:focus{
   /* border:0px solid #999; */
   background: #ffff99; 
   outline: 0;
}	


#datadiv label {
    font-family: 'Helvetica Neue', "Helvetica",  'Open Sans Condensed', 'Fira Sans Condensed', sans-serif; 
	font-size:0.9em;
	font-weight:100;
 	color: #808080;
	height: 0.8em;
	padding-top:8px;
	padding-bottom:0px;
	
}

#datadiv .filter-option, select   {
    font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em !important ;
    padding: 2px 5px 2px 5px; /* top, right, bottom, left */
}

 
.bold  { font-weight:900;} 

tr {height:22px;}
td { vertical-align:middle; padding-left:3px; padding-right:5px; padding-top:0px; padding-bottom:0px; border: 0px solid #333; }
td.hmnia input[type=text] { width: 90px; }

td.right{text-align:right; vertical-align:middle;}
td.Numbers  input[type=text] {width:95px;text-align:right;padding-right:5px;}
td.width120  input[type=text] {width:120px;text-align:left;padding-right:5px;}
td.width60  input[type=text] {width:60px;text-align:left;padding-right:5px;}
td.right  input[type=text]{text-align:right; vertical-align:middle;}
td.top  { vertical-align:top;}
td.bold  { font-weight:900;}
td.r {text-align:right;}
td.c {text-align:center;}
td.left  input[type=text]{text-align:left; vertical-align:middle;}
td.bold  input[type=text]{font-weight:900;}
td.c  input[type=text], label {text-align:center; align:center;}
td.top {vertical-align:top;}
td.chk {text-align:right;width:4%;}

.b { font-weight:900;}
.r {text-align:right; }
.c {text-align:center;}

 td.hmniaBig { 
	font-size:16px;
	font-weight: light;
	margin : 1px 5px;
	padding-top:2px;
}

td.hmniaBig input[type=text] { 

font-weight: normal; font-size: 18px; width: 120px;  
padding:4px 2px 3px 2px;
text-align:center;
border-color: #999;
}

td.hmniaBig input:focus, textarea:focus{
   /* border:0px solid #999; */
   background: #ffff99; 
    outline: 0;
  border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}



.w50e{ width:50%; }
.w40e{ width:40%; }
.w35e{ width:35%; }
.w33e{ width:33%; } 
.w30e{ width:30%; }
.w25e{ width:25%; }
.w20e{ width:20%; }
.w15e{ width:15%; }
.w10e{ width:10%; }
td textarea{height:50px;width:100%;}
/* ========================================================
			fieldset
   ======================================================== */
fieldset {
	 margin:auto;
     overflow: auto;
	 float: center;
	 right:0;
	 left:0;
	 min-width: 420px;
	 font-size:14px;
	 letter-spacing:0em;
	 width:96%;
	 border:1px #D0D0D0  solid; 
 	 -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; 
	 background-color: #F8F8F8; 
     margin:  25px, 10px, 15px,10px; /* top, right, bottom, left */
	 margin-top:10px;
     padding: 5px 5px 5px 5px; /* top, right, bottom, left */
	 -webkit-print-color-adjust:exact; 
 }

fieldset.small { font-size:12px;}
fieldset.small  table { border-spacing:0px;}
fieldset.small  tr td{ font-size:12px;padding:0px;height:15px;}
fieldset.small input[type=text]{ margin:1px; font-size: 12px; }
fieldset.small .limitsL {width:55px;text-align:left; color:#C8C8C8; font-size:0.9em; padding:0px;padding-left:4px;vertical-align: middle;}

table.value  {width:100%; border-collapse:separate; }
table.value  input[type=text] {text-align:right;width:85%;padding-right:5px; }
table.value  tr {text-align:right;height:18px; }
 
td.cap  {text-align:left;width:115px;height:18px; word-wrap: inherit; }
td.limits {width:120;text-align:left; color:#C8C8C8; font-size:0.9em; padding:0px;padding-left:6px;vertical-align: middle;  }  
td.limitsL {width:55px;text-align:left; color:#C8C8C8; font-size:0.9em; padding:0px;padding-left:1px;vertical-align: middle;  }
td.limitsL40 {float:left; display: block;display: inline;width:30px;text-align:left; color:#C8C8C8; font-size:0.8em; padding:0px;padding-left:0px;vertical-align: middle;  }
.limitsL40  {display: block;display: inline;float:left;text-align:left; color:#C8C8C8; font-size:0.8em; padding:0px;padding-left:5px;vertical-align: middle;  }
 
td.FieldDecs {width:240px;text-align:right;font-size:1.2em; padding:2px;padding-left:0px;vertical-align: middle;  }

/* ========================================================
   Switch
   ======================================================== */
.switch-container {
  display: block;
  padding: 1px 1px 1px 1px;
  line-height: 21px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:0px;
  border:0px;
}

.switch-container + .switch-container {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}

.switch {
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  position: relative;
   float: left; 
  line-height: 21px;
  width: 74px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  background-color: #4b4b4b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(50%, #494949), color-stop(51%, #505050), color-stop(100%, #5b5b5b));
  background-image: -webkit-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -moz-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -ms-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -o-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
  float: left;
  width: 37px;
  font-size: 12px;
  color: #fafafa;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
  text-align: center;
  text-transform: uppercase;
}

.switch-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35px;
  border-radius: 3px;
  background-color: #c8c8c8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(100%, #888888));
  background-image: -webkit-linear-gradient(top, #d2d2d2, #888888);
  background-image: -moz-linear-gradient(top, #d2d2d2, #888888);
  background-image: -ms-linear-gradient(top, #d2d2d2, #888888);
  background-image: -o-linear-gradient(top, #d2d2d2, #888888);
  background-image: linear-gradient(top, #d2d2d2, #888888);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-input { display: none;}
.switch-input:checked + .switch {
  background-color: #009933;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009933), color-stop(50%, #a52485), color-stop(51%, #009933), color-stop(100%, #009933));
  background-image: -webkit-linear-gradient(top, #009933 0%, #009933 50%, #009933 51%, #009933 100%);
  background-image: -moz-linear-gradient(top, #009933 0%, #009933 50%, #009933 51%, #009933 100%);
  background-image: -ms-linear-gradient(top, #009933 0%, #009933 50%, #009933 51%, #009933 100%);
  background-image: -o-linear-gradient(top, #009933 0%, #009933 50%, #009933 51%, #009933 100%);
  background-image: linear-gradient(top, #009933 0%, #009933 50%, #009933 51%, #009933 100%);
}
.switch-input:checked + .switch .switch-handle {
  left: 39px;
}

#datadiv {
 overflow:auto;
 padding:10px 5px 5px 10px;
 margin:5px 10px  0px 10px;
 float:center;
 }
 
.titleRight {
  position: relative;
  float: right;
  margin-top:1px;
  margin-right:12px;
  padding-left:5px;
  padding-right:5px;
  line-height: 1.8em;
  font-size:0.9 em;
  /* width: 74px; */
  color:white;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  background-color: #4b4b4b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(50%, #494949), color-stop(51%, #505050), color-stop(100%, #5b5b5b));
  background-image: -webkit-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -moz-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -ms-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -o-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
 z-index:1;
}

.captionClass {
  color: #575748;
  width:100%;
  margin:0px 0px 5px 0px;
  
  margin-right:1px auto;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding:2px 0px 2px 0px;
  border:1px #B8B8B8 solid;
  border-radius: 2px 2px 2px 2px;
  text-shadow: 0 1px #fff;
  background: #E8E8E8;   


  }

  
  .captionClass .more{background: #C8C8C8 ; text-shadow: 0 0px #E8E8E8;}  
 /* ===================================================
         TABLE GRID
    =================================================== */
 
 table.tablesorter {
    width:96%; 
 	/* table-layout:fixed; */
	border-spacing:0px;
	font-family: 'Oxygen', Verdana, 'Lucida Grande',  sans-serif;
    background-color: #C0C0C0;
	 font-size: 8pt;
	/* width: 100%; */
	text-align: left;
	  color: #3D3D3D;  
	border-spacing:1px; 
    border-radius:2px;
}

table.footer{
    width:97%; 
	table-layout:fixed; 
	border-spacing:0px;
	font-family: 'Oxygen', Verdana, 'Lucida Grande',  sans-serif;
    background-color: #C0C0C0;
	 font-size: 0.8em;
	text-align: left;
	color: #3D3D3D;  
	border-spacing:1px; 
    border-radius:2px;
}

table.footer   td {
	color: #3D3D3D;
	line-height:20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom:0px;
	vertical-align: middle;
	border:1px;
	border-spacing:0px;
	border-collapse:collapse;
}

table.footer   tr  {
	background-color: #E8E8E8 ;
	font-size: 8pt;
	padding: 1px;
	text-align: center;
	text-shadow: 1px 1px #F8F8F8;
    border-spacing:1px; 
 
    border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #D8D8D8 ;
	border-bottom: 0px solid #D8D8D8 ; 
	border-radius:1px;
}

 table.footer tr:first-child td{
	background-color: #E8E8E8; 
	font-family: Tahoma, 'Oxygen', Verdana, 'Lucida Grande',  sans-serif;
	font-size: 8pt;
	padding: 1px;
	font-weight:600;
	line-height:22px;
	text-align: center;
	color: #787878 ;
	text-shadow: 1px 1px #F8F8F8;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
}

 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/* background-color: #e0e9f0; */
	background-color: #E8E8E8 ;
	font-size: 8pt;
	padding: 1px;
	text-align: center;
	text-shadow: 1px 1px #F8F8F8;
    border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #D8D8D8 ;
	border-bottom: 0px solid #D8D8D8 ; 
	border-radius:1px;
}

table.tablesorter thead tr .header {
	cursor: pointer;
	text-align: middle;
	font-weight:800;
}


table.tablesorter tbody td {
	color: #3D3D3D;
	line-height:20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom:0px;
	vertical-align: middle;
	border:1px;
	border-spacing:0;
	border-collapse:collapse;	
}
table.tablesorter  td {
line-height:22px;
}
table.tablesorter tr:first-child td{
	background-color: #E8E8E8; 
	font-family: Tahoma, 'Oxygen', Verdana, 'Lucida Grande',  sans-serif;
	font-size: 9pt;
	padding: 1px;
	font-weight:600;
	line-height:16px;
	text-align: center;
	color: #585858  ;
	text-shadow: 1px 1px #F8F8F8;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
}

table.tablesorter input[type=text]   {
  margin-top: 1px;
  margin-bottom:  1px;
  padding-left: 1px;
  padding-right: 1px;
  height: 18px;
  
  background: #fff;
  border-width: 0px;
  border-style: solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 1px;
  width:100%;

}

table.tablesorter  input[type=text]:focus,
input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus, textarea:focus {
	height: 16px;
	width:99.2%;
	outline: none;
    border-color: #4C79FF;
	border-width: 1px;
    box-shadow: 0 0 5px #9ecaed;
 	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	padding-left:2px;
	border-radius: 3px;
}

.numbers {
	width:40px !important;
	margin-top:3px;
	line-height:20px;
	font-weight:600px;
	font-size:12px;
}


.numbers2 {
	width:80px !important;
	margin-top:3px;
	line-height:20px;
	font-weight:600px;
	font-size:14px;
}

table.tablesorter  select:focus {
	height:24px ;
	width: 99.5% ;
	 
    border-color: #265CFF;
	border-width: 1px;
    box-shadow: 0px 1px 4px #265CFF;*/
}

.scroll_h{
    width: 98%;
	float:center;
	margin-left:10px;
	border:1px #c4c4c4 solid;
	border-radius: 3px 3px 0 0;
    padding-left:-1px;
	padding-top:0px;
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}
.divHide{visibility:hidden;}
.divShow{visibility:normal;}

.cectioncenter {
     margin-left:10px auto;
     margin-right:10px auto;
     width: 96%;
	margin-bottom:20px;
	color:#404040 ;
	background:#F0F0F0 ; 
 }
 
 .bottom {
    margin:0 auto; height:48px; width:100%; bottom:0px; left:0;   
	float:bottom; 
	padding-bottom:5px;
	background: #F0F0F0 ; /* #F8F8F8  */
    border:1px solid #888;
	border-radius: 0px 0px 5px 5px;	
	box-shadow: inset 0 10px 5px -10px white;
}

.Sums input[type=text] {
  font-size:15px;font-weight:600;text-align:center;margin:5px;padding-top:2px;
  width:50px;
  line-height:22px;
  height:22px;
}
.titleBlue {
  font-family: myBoldFont, "Helvetica", 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
  font-size:18px;
  font-style: normal;
  font-weight: 700;
  color:#5E74A0;
  /* text-shadow: 0 1px #001F4C; */
  padding-top:2px;
  padding-bottom:2px;
  line-height: 25px;
  text-align: center;   
}
.titleBlue.f28{font-size:28px;}
.titleBlue.f16{font-size:16px;}
.titleBlue.r{text-align: right;}
.titleBlue.l{text-align: left;}
.titleBlue.mt10{ margin-top:10px;}

canvas , #canvasImg {
    background-image: url("../img/BodyPic_Small.png");
    background-position: center;
    background-size: 100% 100%;

}
	
.xstooltip {
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: normal 10pt sans-serif; 
    padding:10px 10px 5px 10px; 
    border: solid 1px;
    background:#484848 ;
	color:white;
	width:200px;
	height:24px;
	border-radius: 5px 5px 5px 5px;	 
}

/* ======================================= */
#containerDiv {width:99%; text-align:center; margin:10px auto; }
#leftDiv { float:left; width:40%; }
#centerDiv {display: inline-block; margin:0 auto; width:30%;}
#rightDiv { float:right; width:30%; }

::-webkit-input-placeholder{
	font-weight:normal;
	/*color:red; */
}

/* ============================================

   ============================================
*/

 

.title {
 position: fixed;
  top:0px;
  left:0;
  width:100%;
  float:right;

  padding:5px 2px 2px 5px;  
  font-family: 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
  font-size:24px;
  font-weight: 600;
  color:#ffffff;
  text-shadow: 0 1px #001F4C;
  text-align: center;
  border-bottom: 1px solid #888;  
  border-top: none;  
  background-color: #5E74A0 ; /* #5E74A0; */
 -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 3px 5px #888;
  box-shadow: 0 0 6px 1px #888;
  height:36px;
  /* 
    margin-top:5px ;
	margin-left:15px auto;
  background: url(caption_Bg.png);    
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 3px 5px #888;
  box-shadow: 0 0 6px 1px #888;
 */ 
 z-index:1;

}

.datadivForPopUp {
	
 position:relative;
 overflow:auto;
 padding:5px 5px 5px 5px;
 margin-top:35px ;
 margin-left:15px auto;
 float:center;
/*  border:1px solid #dadada;
 border-radius:5px;
  background-color: white;  #F3F3F3; */
 }
 
.datadivForPopUp input[type=text], input[type=password], input[type=email],  datalist, textarea, select {
	 /* font-family: 'Oswald', 'Open Sans Condensed',  'Helvetica Neue',  sans-serif; */
	font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:16px;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 38px;
	width:100%;
	color: black; /* #808080 ; */
	padding: 2px 5px 2px 5px; /* top, right, bottom, left */
	margin-top:5px;	
	margin-bottom:10px;	
	margin-right:10px;
	border: 1px solid #dadada;
	border-radius: 3px; 
}

.datadivForPopUp input:focus, textarea:focus{
   /* border:0px solid #999; */
   background: #ffff99; 
  outline: 0;
}	


.datadivForPopUp label {
    font-family: 'Helvetica Neue', "Helvetica",  'Open Sans Condensed', 'Fira Sans Condensed', sans-serif; 
	font-size:0.9em;
	font-weight:100;
 	color: #808080;
	height: 0.9em;
	padding-top:10px;
	
}

.footerForPopUp{
position:fixed;
bottom: 0;
left:0;
width:100%;
padding-top:11px auto;
height:65px;
color:#eeeeee;
background-color: #F3F3F3;
 
border-top:1px solid #dadada;
 
text-shadow: none;
}