@font-face {
	font-family: 'PTMonoRegular';
	src: url('fonts/PTM55F_W.eot');
	src: local('PT Mono'), local('PTMonoRegular'), url('fonts/PTM55F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTM55F_W.woff') format('woff'), url('fonts/PTM55F_W.ttf') format('truetype'), url('fonts/PTM55F_W.svg#PTMono-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PTMonoBold';
	src: url('fonts/PTM75F_W.eot');
	src: local('PT Mono Bold'), local('PTMonoBold'), url('fonts/PTM75F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTM75F_W.woff') format('woff'), url('fonts/PTM75F_W.ttf') format('truetype'), url('fonts/PTM75F_W.svg#PTMono-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'PT Sans'; 
	src: url('fonts/PTS55F_W.eot'); 
	src: local('PT Sans'), url('fonts/PTS55F_W.woff') format('woff'),url('fonts/PTS55F_W.ttf') format('truetype'), url('fonts/PTS55F_W.svg#PTSans-Regular') format('svg');}

@font-face {font-family: 'PT Sans'; 
	font-style: italic;
	src: url('fonts/PTS56F_W.eot'); 
	src: local('PT Sans Italic'), url('fonts/PTS56F_W.woff') format('woff'),url('fonts/PTS56F_W.ttf') format('truetype'), url('fonts/PTS56F_W.svg#PTSans-Italic') format('svg');}

@font-face {font-family: 'PT Sans';
	src: url('fonts/PTS75F_W.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Sans Bold'), url('fonts/PTS75F_W.woff') format('woff'),url('fonts/PTS75F_W.ttf') format('truetype'), url('fonts/PTS75F_W.svg#PTSans-Bold') format('svg');}

@font-face {font-family: 'PT Sans';
	font-style: italic;
	font-weight: bold; 
	src: url('fonts/PTS76F_W.eot'); 
	src: local('PT Sans Bold Italic'), url('fonts/PTS76F_W.woff') format('woff'),url('fonts/PTS76F_W.ttf') format('truetype'), url('fonts/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}

@font-face {font-family: 'PT Sans Caption'; 
	src: url('fonts/PTC55F_W.eot');
	src: local('PT Sans Caption'), url('fonts/PTC55F_W.woff') format('woff'),url('fonts/PTC55F_W.ttf') format('truetype'), url('fonts/PTC55F_W.svg#PTSans-Caption') format('svg');}

@font-face {font-family: 'PT Sans Caption';
	font-weight: bold; 
	src: url('fonts/PTC75F_W.eot');
	src: local('PT Sans Caption Bold'), url('fonts/PTC75F_W.woff') format('woff'),url('fonts/PTC75F_W.ttf') format('truetype'), url('fonts/PTC75F_W.svg#PTSans-CaptionBold') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	src: url('fonts/PTN57F_W.eot');
	src: local('PT Sans Narrow'), url('fonts/PTN57F_W.woff') format('woff'),url('fonts/PTN57F_W.ttf') format('truetype'), url('fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	font-weight: bold; 
	src: url('fonts/PTN77F_W.eot');
	src: local('PT Sans Narrow Bold'), url('fonts/PTN77F_W.woff') format('woff'),url('fonts/PTN77F_W.ttf') format('truetype'), url('fonts/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}
@font-face {font-family: 'PT Serif'; 
	src: url('fonts/PTF55F_W.eot'); 
	src: local('PT Serif'), url('fonts/PTF55F_W.woff') format('woff'),url('fonts/PTF55F_W.ttf') format('truetype'), url('fonts/PTF55F_W.svg#PTSerif-Regular') format('svg');}

@font-face {font-family: 'PT Serif'; 
	font-style: italic;
	src: url('fonts/PTF56F_W.eot'); 
	src: local('PT Serif Italic'), url('fonts/PTF56F_W.woff') format('woff'),url('fonts/PTF56F_W.ttf') format('truetype'), url('fonts/PTF56F_W.svg#PTSerif-Italic') format('svg');}

@font-face {font-family: 'PT Serif';
	src: url('fonts/PTF75F_W.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Serif Bold'), url('fonts/PTF75F_W.woff') format('woff'),url('fonts/PTF75F_W.ttf') format('truetype'), url('fonts/PTF75F_W.svg#PTSerif-Bold') format('svg');}

@font-face {font-family: 'PT Serif';
	font-style: italic;
	font-weight: bold; 
	src: url('fonts/PTF76F_W.eot'); 
	src: local('PT Serif Bold Italic'), url('fonts/PTF76F_W.woff') format('woff'),url('fonts/PTF76F_W.ttf') format('truetype'), url('fonts/PTF76F_W.svg#PTSerif-BoldItalic') format('svg');}

@font-face {font-family: 'PT Serif Caption'; 
	src: url('fonts/PTZ55F_W.eot');
	src: local('PT Serif Caption'), url('fonts/PTZ55F_W.woff') format('woff'),url('fonts/PTZ55F_W.ttf') format('truetype'), url('fonts/PTZ55F_W.svg#PTSerif-Caption') format('svg');}

@font-face {font-family: 'PT Serif Caption';
	font-style: italic; 
	src: url('fonts/PTZ56F_W.eot');
	src: local('PT Serif Caption Italic'), url('fonts/PTZ56F_W.woff') format('woff'),url('fonts/PTZ56F_W.ttf') format('truetype'), url('fonts/PTZ56F_W.svg#PTSerif-CaptionItalic') format('svg');}
@font-face {
  font-family: "Sans7";
  src: url("fonts/sans7.eot");
  src: url("fonts/sans7.eot?") format("embedded-opentype"), url("fonts/sans7.woff") format("woff"), url("fonts/sans7.ttf") format("truetype"), url("fonts/sans7.svg") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Sans6";
  src: url("fonts/sans6.eot");
  src: url("fonts/sans6.eot?") format("embedded-opentype"), url("fonts/sans6.woff") format("woff"), url("fonts/sans6.ttf") format("truetype"), url("fonts/sans6.svg") format("svg");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Sans4";
  src: url("fonts/sans4.eot");
  src: url("fonts/sans4.eot?") format("embedded-opentype"), url("fonts/sans4.woff") format("woff"), url("fonts/sans4.ttf") format("truetype"), url("fonts/sans4.svg") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Sans1";
  src: url("fonts/sans1.eot");
  src: url("fonts/sans1.eot?") format("embedded-opentype"), url("fonts/sans1.woff") format("woff"), url("fonts/sans1.ttf") format("truetype"), url("fonts/sans1.svg") format("svg");
  font-style: normal;
  font-weight: 100;
}
@font-face {
	font-family: 'Icons';
	src: url('fonts/icon.eot');
	src: local('icon'), url('fonts/icon.eot?#iefix') format('embedded-opentype'), url('fonts/icon.woff') format('woff'), url('fonts/icon.ttf') format('truetype'), url('fonts/icon.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
}

@font-face {
	font-family: 'TallFilm';
	src: url('fonts/TallFilm.eot');
	src: local('☺'), url('fonts/TallFilm.woff') format('woff'), url('fonts/TallFilm.ttf') format('truetype'), url('fonts/TallFilm.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TallFilmsEB';
	src: url('fonts/TallFilmsE.eot');
	src: local('☺'), url('fonts/TallFilmsE.woff') format('woff'), url('fonts/TallFilmsE.ttf') format('truetype'), url('fonts/TallFilmsE.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'TallFilmsE';
	src: url('fonts/TallFilmsE.eot');
	src: local('☺'), url('fonts/TallFilmsE.woff') format('woff'), url('fonts/TallFilmsE.ttf') format('truetype'), url('fonts/TallFilmsE.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TheanoModern';
	src: url('fonts/TheanoModern-Regular.eot');
	src: local('☺'), url('fonts/TheanoModern-Regular.woff') format('woff'), url('fonts/TheanoModern-Regular.ttf') format('truetype'), url('fonts/TheanoModern-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RothmanPlain';
	src: url('fonts/RothmanPlain.eot');
	src: local('☺'), url('fonts/RothmanPlain.woff') format('woff'), url('fonts/RothmanPlain.ttf') format('truetype'), url('fonts/RothmanPlain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { 
    animation-duration: 1000ms;
    animation-fill-mode: both;
    animation-name: fadeIn;
    font-weight: 400;
    padding-bottom: 110px;
    padding-top: 65px;
    position: relative;
    /*background-color:white; */
    background-image: url(../images/Ps_Bg_Img.jpg) ;
    background-size: 100% 100%;
    background-repeat: no-repeat;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

background: -moz-linear-gradient(-45deg, rgba(235,246,241,1) 0%, rgba(171,238,211,1) 19%, rgba(137,235,195,1) 71%, rgba(213,251,235,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,246,241,1)), color-stop(19%,rgba(171,238,211,1)), color-stop(71%,rgba(137,235,195,1)), color-stop(100%,rgba(213,251,235,1)));
background: -webkit-linear-gradient(-45deg, rgba(235,246,241,1) 0%,rgba(171,238,211,1) 19%,rgba(137,235,195,1) 71%,rgba(213,251,235,1) 100%);
background: -o-linear-gradient(-45deg, rgba(235,246,241,1) 0%,rgba(171,238,211,1) 19%,rgba(137,235,195,1) 71%,rgba(213,251,235,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(235,246,241,1) 0%,rgba(171,238,211,1) 19%,rgba(137,235,195,1) 71%,rgba(213,251,235,1) 100%);
background: linear-gradient(135deg, rgba(235,246,241,1) 0%,rgba(171,238,211,1) 19%,rgba(137,235,195,1) 71%,rgba(213,251,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); border: 0 none; position absolute; left:0; right:0; bottom:0; top:0; margin: 2px; padding: 0; 
background-image: url(../images/bg.jpg) ;
*/
} 
#top_g {
    -moz-user-select: none;
  /*  background: #4285f4;    vamsi */
    background: #1C4E80;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    height: 50px;
    left: 0;
    padding-right: 10px;
    position: fixed;
    top: 0;
    transition: all 200ms ease 0s;
    width: 100%;
    z-index: 10;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.modal-open {
    overflow: hidden;
}
.sw-toggled #top_g {
    padding-left: 15px;
}
#bdy_g { background: bottom transparent;}
body  #bdy_g { background: url("") no-repeat scroll center bottom transparent;}
#bot_g { background : transparent ; position:absolute; bottom:0px; left:0; right:0; font-size:0.6em;white-space:nowrap; text-align:center; } 
/*
* {
 -moz-transition: all .5s ease-in 0s;
 -o-transition: all .5s ease-in 0s;
 -webkit-transition: all .5s ease-in 0s;
 transition: all .5s ease-in 0s;
}
*/

div {
  border-radius: 2px;
  box-sizing: border-box;
/*
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-box-shadow: 1px 1px 5px #999999;
  -webkit-box-shadow:1px 1px 5px #999;
*/
}
input[type="button"], button {
    background: #1C4E80 none repeat scroll 0 0 !important;
    color: #fff;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 400;
    height: 31px;
    line-height: 1.42857;
    margin: 0 1px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
div.raw {
/*
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-box-shadow: 0px 0px 0px #999999;
  -webkit-box-shadow:0px 0px 0px #999;
*/
  border-radius: 0px;
  box-shadow: 0px 0px 0px #999;
  border:0px ;
  padding : 0px ;
  margin:0px ;
   background-color: #1a82f7; 
   background-image: url(images/fallback-gradient.png); 
   /* Safari 4+, Chrome 1-9 *
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ *
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   /* Firefox 3.6+ *
   background-image: -moz-linear-gradient(top, #2F2727, #1a82f7);
   /* IE 10+ *
   background-image: -ms-linear-gradient(top, #2F2727, #1a82f7);
   /* Opera 11.10+ *
   background-image: -o-linear-gradient(top, #2F2727, #1a82f7);
  */
  background : transparent ;
}
#welcome {z-index:10}
#welcome #usr_info{
		position:fixed;
		left:10px;
		top:20px;
		z-index:100;
		background:#000000;
		padding:2px;
		margin-top:20px;
		border-radius:10px ;
		height:auto;
		color:#ffffff;
                z-index:998; 
		box-shadow:5px 5px 5px #999999;
  visibility:hidden;
  transition: visibility 5s ease  ;
 -moz-transition: visibility 5s ease-in 0s;
 -o-transition: visibility 5s ease-in 0s;
 -webkit-transition:  visibility 5s ease-in 0s;
/*
		-moz-border-radius:10px 0px 10px 10px;
		-webkit-border-radius:10px 0px 10px 10px;
                -moz-opacity: 0.52; opacity:.52; filter: alpha(opacity=52); 
		-moz-box-shadow:5px 5px 5px #999999;
		-webkit-box-shadow:5px 5px 5px #999999;
*/
}

#welcome input{border-radius:10px; color:black;margin-top:0px; }
#welcome button{margin-top:0px!important;border-radius:10px; }
#welcome #usr_info table{
}

#welcome #usr_info td{
		padding:4px;
}

#welcome #usr_info input{
		font-size:12px;
		padding:4px;
}

#welcome #usr_info table a{
		color:#118f8f;
}

#welcome #usr_info table a:hover{
		color:#81cccc;
}
#welcome:hover #usr_info {
  visibility:visible;
  display:block;
}
#appnam {color:#aaf;font: 250% 'TallFilmsEB';font-weight:bold;position:absolute;bottom:30px;right:5px;z-index:1;}
#appnam label {padding:0px 0 0;display:inline}
.leftbox {overflow: auto;position:absolute;left:0;top:5px;bottom:5px;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.rightbox {overflow: auto;position:absolute;right:0;top:80px;bottom:5px;margin-left:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
#topbox {overflow: auto;position:absolute;left:0;right:0;top:80px;margin-left:auto;margin-right:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;}
#bottombox {overflow: auto;position:absolute;left:0;right:0;bottom:5px;margin-left:auto;margin-right:auto; margin-top:auto; border:1px solid #f00; color:#f33;padding: 5px 10px 10px;}
.ltopbox {overflow: auto;position:absolute;left:0;top:100px;margin-right:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.lbotbox {overflow: auto;position:absolute;left:0;bottom:5px;margin-right:auto; margin-top:auto; border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.rtopbox {overflow: auto;position:absolute;right:0;top:100px;margin-left:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.r1topbox {overflow: auto;position:absolute;right:100px;top:100px;margin-left:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.rbotbox {overflow: auto;position:absolute;right:0;bottom:25px;margin-left:auto; margin-top:auto; border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.m2mbox {overflow: auto;position:absolute;left:350px;right:350px;top:30px;bottom:30px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.repbox {overflow: auto;position:absolute;left:0;right:0;top:5px;bottom:5px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;background: #90c8e9; z-index:2 ;}
.srchwin {overflow: auto;position:absolute;left:0;right:0;top:50px;margin-left:auto;margin-right:auto; border:1px solid #f00; color:#f33;padding: 5px 10px 10px;background: #90c8e9;background-image:url(../images/wbg.jpg);  z-index:2 ;height:400px; width:200px; display:inline-block}
//.acW {overflow: auto;position:absolute; border:1px solid #f00; color:#f33;padding: 2px;background: #90c8e9; height:250px; z-index:2 ;}
.acW{overflow: auto;position: absolute;z-index: 1000;top: 0;left: 0;cursor: default;background-color: #fff;padding:5px;border: 2px solid #ccc;max-height:300px;}
.acW #gDiv { top:1px ; bottom:1px; right:1px; left:1px;}
.srchbox {overflow: auto;position:absolute;left:5px;right:5px;top:30px;height:290px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;background-image:url(../images/bg.jpg);  z-index:2; display:inline-block ;}
.borderbox {overflow: auto;position:relative;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
.layerbox {overflow: auto;position:relative;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:19 ;}
#infobox {overflow: auto;position:absolute;left:0;right:0;top:0;bottom:0;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:2px solid #ffd7d7; color:#f33;padding: 15px 20px 20px;background: #e6f6c6 ; z-index:9 ; height:200px; width:300px}
.infobox {overflow: auto;position:absolute;left:0;right:0;top:10px;bottom:10px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:2px solid #ffd7d7; color:#f33;padding: 15px 20px 20px;background: #e6f6c6 ; z-index:2 ; height:200px; width:300px} 
.lmybox {overflow: auto;position:absolute;left:3px;top:210px;bottom:5px;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px; z-index:2 ;}
#osslogo {font-weight:normal;position:absolute;top:28px;right:0px;z-index:2; margin:0px;}
#logo {font-weight:bold;position:absolute;top:2px;left:10px}
#dg_add {overflow: auto;position:absolute;left:0;right:0;top:80px;bottom:5px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;}
#dg_edt {overflow: auto;position:absolute;left:0;right:0;top:80px;bottom:5px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;}
#dg_del {overflow: auto;position:absolute;left:0;right:0;top:80px;bottom:5px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:1px solid #f00; color:#f33;padding: 5px 10px 10px;}
#dg_sub {overflow: auto;position:absolute;left:0px;top:0px;max-width:90%;width:235px; max-width:95%;bottom:0px;right:0px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto; color:#432;padding: 5px 2px 4px 3px; font-size:0.6em ; z-index:1002; }

.centerbox {
   background:white none repeat scroll 0 0;
   border:1px solid #ccc;
   z-index:2 ;
   position:relative;

}
/* .centerbox-container { background: #f0f0e0; padding-bottom: 50px; } */
#search {color:#fff;font-weight:bold;position:absolute;top:30px;right:75px}
#search form {margin:0}
#search input {width:8em;margin: 0 0 -1px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
#srvHlpIcn {position:absolute; top:2px;right:2px; z-index:2;height:20px;width:20px; background-image: url(../images/hlp.png) }
#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}
#msgalert { background: rgb(255, 255, 160) ; position:fixed; right:0px; bottom:0px; width:auto; height:auto; z-index:999; overflow-y:hidden; overflow-x:hidden ; border: 1px solid ; }
.msg_alrt {
 background:#9afbea;
 margin:6px;
 height : auto;
}
.stry_alrt {
 background:#f3a6ed;
 margin:6px;
 height : auto;
}
.arch_alrt {
 background:#a6d7f3;
 margin:6px;
 height : auto;
}
.hlpWin{
  position:absolute;
  top:40px;
  right:5px;
  width:200px;
  height:200px;
  z-index:9999;
 background:#f3a6ed;
}
ul, li  {
	/*font-family: 'PT Sans Narrow', Sans-Serif;   */
	font-family: 'initial';
}
span, nobr, table {
  font-size:15px;
  color:#000;
  text-transform : capitalize ;
  font-family: 'PT Sans Narrow', Sans-Serif;
}
select, input {
height:25px ; 
}
select, input, textarea {
font-size: 15px; margin-top:25px ;
}
input[type='checkbox'] {
  border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;cursor:cell; 
  background : none !important ;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:none !important ;
  border:none !important ;
}
input:hover {
  border: 1px solid #222 ;
}
input.err {
  border:1px solid #f00 ;
  background: #fee ;
}

.Tree { border: 1px solid #7C7C94; background-color: transparent; cursor: pointer; margin: 0px 0px ; height:auto !important ;
  padding: 0px 0px; z-index:5; overflow-y:auto; overflow-x:auto ; width:200px ; }

.Tree ol {
    padding: 0 0 0 20px;
    width: 200px;
}
.Tree li {
    list-style: none outside none;
    margin-left: -10px;
    position: relative;
}
.Tree li input {
    cursor: pointer;
    height: 1em;
    left: 0;
    margin-left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1.5em;
    z-index: 2;
}
.Tree li.itm {
    margin-left: -12px !important;
}
.Tree li.itm a {
    background: url("/images/img.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    padding-left: 21px;
    text-decoration: none;
}
.Tree li input + ol {
    background: url("/images/nodCls.gif") no-repeat scroll 55px 0 rgba(0, 0, 0, 0);
    height: 1em;
    margin: -0.938em 0 0 -55px;
}
.Tree li input + ol > li {
    display: none;
    margin-left: -14px !important;
    padding-left: 1px;
}
.Tree li.node > label {
    background: url("/images/fldOpn.png") no-repeat scroll 15px 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    padding-left: 37px;
}
.Tree li.itm > label {
    background: url("/images/img.gif") no-repeat scroll 15px 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    padding-left: 37px;
}
.Tree li input:checked + ol {
    background: url("/images/nodOpn.gif") no-repeat scroll 55px 5px rgba(0, 0, 0, 0);
    height: auto;
    margin: -1.25em 0 0 -55px;
    padding: 1.563em 0 0 80px;
}
.Tree li input:checked + ol > li {
    display: block;
    margin: 0 0 0.125em;
}
.Tree li input:checked + ol > li:last-child {
    margin: 0 0 0.063em;
}
label#popLbl {
  position:absolute;
  font-size:14px;
//  font-family: 'PT Sans Narrow', Sans-Serif;
  text-transform : capitalize;
  color:#000;
  font-weight:bold;
  transition: all 0.1s linear;
  opacity:100;
  padding-top:20px;
  padding-left:10px;
  border:none;
  z-index:3 ;
}
label.on#popLbl {
  color:#4481C4;
}
label.show#popLbl {
  margin-top:-23px;
  padding-left:0px;
  opacity:1;
  font-size:14px;
  color:#1C4E80;
}

.srchbox input {width:auto;font-size:80%; border-left:1px solid #ee0; border-top:1px solid #ee0;height:1.95em}

.Grid { border: 1px solid #aaa ; background: none; position:relative; margin: 0px ; padding: 0px 0px; z-index:5; }
.Grid { overflow:hidden ;}
.gDvc { border: 0px none; position:absolute;  top:80px ; left:3px; bottom:50px ; right:20px; padding-top:-40px; z-index:5; visibility:hidden; overflow:auto; }
.Grid:hover .gDvc, .gDvc:focus { visibility:visible; }
.gDiv { border: 0px none; position:absolute; background:#efefef; visibility:visible; 
  bottom:0px ; top:0px ; left:0px;right:0px ; font-size: 12px;
}
.Grid::after {
    display: block;
    width: 100%;
    height: 20px;
    content: attr(rec_cnt);
    background: #f9f9f1;
    z-index: 99;
    position: absolute;
    top: calc(100% - 20px);
    text-align: right;
}

.gDiv > div {
    box-shadow: 0px 0px 0px transparent;
    height : 30px ;
    position : relative;
    top:0px ;
    left:0px ;
/*
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow:0px 0px 0px transparent;
*/
}
/*
.gDiv > div:first-child {
    top:0px ;
}
.gRow, .gR_0, .gR_1, .gR_2, .gR_3 { background-color: #EEE;  }
*/
.gDiv > div > div{
  position : absolute ;
  color: #000;
  font-size:15px;
}
.row0 , .gR_0 { color: #003399; background-color: #edf4ff; }
.row1 , .gR_1 { color: #003399; background-color: #dae5f4; }
.row2 , .gR_2 { color: #003399; background-color: #F4F4F4; }
.row3 , .gR_3 { color: #003399; background-color: #F0F0F0; }
/*.acW .gR_0 { color: #003399; background-color: #E8E8FF; } #b8d1f3
.acW .gR_1 { color: #003399; background-color: #E0E0FF; }
.acW .gR_2 { color: #003399; background-color: #FFE4B5; }
.acW .gR_3 { color: #003399; background-color: #FFEFD5; }*/
/*
.row0 > div, .gR_0 > div { color: #003399; background-color: #FCFCFC; }
.row1 > div, .gR_1 > div { color: #003399; background-color: #F8F8FB; }
.row2 > div, .gR_2 > div { color: #003399; background-color: #F4F4F4; }
.row3 > div, .gR_3 > div { color: #003399; background-color: #F0F0F0; }
*/
.lH {position:absolute; text-align:center; z-index:999;; left:2px; top:0px; width:25px; height:30px; border:1px solid black;background:#d8d8d8;padding:0 6px;}
#lH input[type='checkbox'] { position:absolute ; top:3px ; left:3px;display:none }
.xDiv {position:absolute; text-align:center; z-index:999; right:2px; padding-top:7px; top:2px; width:25px; height:30px; border:0px none;color:#666666;font-size: 100%;background-color:#D8D8D8}
.gHRow { background:#d8d8d8; border: 0px ; height : 30px ;color:#444; top:2px ; left:3px ; overflow:hidden ;font-size:80%; font-weight: bold;text-align: center; position:absolute; right:25px ; z-index:98; padding: 0px 10px;}
.gHCell {  border: 0 none ;
  margin-top : 5px ; height : 25px ; overflow-y:hidden; overflow-x:hidden; text-align: center; border-right : 1px solid #aaa  }
.gHCellText { font-weight: bold; text-align: center; }
/*
.gHCell input[type='checkbox'] { position:absolute ; top:-10px ; left:-10px; }
*/
.gHCell input[type='checkbox'] { float:left ; top:0px ; left:-8px;opacity:0 ; z-index:2;}
.gHCell input + nobr {
    background: url("/images/icon_yellow.gif") no-repeat  -4px -4px ;
    padding-left:8px;
}
.gHCell input:checked + nobr {
    background: url("/images/icon_red.gif") no-repeat  -4px -4px ;
}

.gAgr { position:absolute; height : 30px ; left : 0px ; bottom : 22px ; overflow:hidden; right:20px; padding:0 10px;}
/*
#gS {overflow: auto;position:absolute;left:0;top:0;max-width:90%; width:255px; max-height:95%;bottom:0px;right:0px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto; color:#432;padding: 5px 2px 4px 3px; font-size:0.6em ; z-index:1003; }
*/
#gS, #gN { position:absolute; bottom:20px ; left : 3px ; top:20px ; overflow-y:visible; overflow:hidden; right:20px; text-align :right;}
#gS {z-index:100; display:none ;;} 
#gN {z-index:99; display:block ;} 
#gN .dw, #gS .dw {
   margin-top:5px ;
   border-right : 1px solid #aaa ;
}
#gN .cellSrch {
    border-top: 1px none;
    margin-top: 5px;
    transition: border-color 0.45s ease-in-out 0s, box-shadow 0.45s ease-in-out 0s;
    font-family: "Glyphicons Halflings";
}
#gN .cellSrch::before {
  content: "\e003";
}
.sB#sB, .aB#aB { width:23px;bottom:0; right: 0px; top:30px;background-size:100%;font-size:120%; position :absolute ; border:0 ;background-color:#BDBDBD;}
.sB#sB .glyphicon{top:8px;}
.sB#sB div, .aB#aB div { width:100%;; Height:30px; background-size:100%; position :absolute ; border:0px none ; }
.sB#sB { z-index:100; display:none ;} 
.aB#aB { z-index:98; display:block ;background : #eee}
.aB#aB div {background: url("/images/plus1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.rR { position:absolute; right : 0px ; top:30px ; overflow:hidden; width:20px; bottom:30px; text-align:center;}
.lR { position:absolute; left : 2px ; top:30px ; overflow:hidden; width:40px; bottom:30px; text-align:center;}
.sAg { position:absolute; right : 2px ;border:0px solid black ; height:20px ; overflow:visible; width:20px; bottom:2px}
.Grid .sV { position :absolute; width:10px; border-right:1px solid #ccc ; z-index:0; display:none;opacity:0.4; }
.Grid .sH { position :absolute; height:10px ; border-top:1px solid #ccc ;  z-index:0; display:none;opacity:0.4;}
.Grid .sV .pV { position : absolute; width:100%; background: #43a8f9 ;min-height:5px; }
.Grid .sH .pH { position : absolute; height:100%; background: #43a8f9 ; min-width:5px;}
.gSel {  position:absolute; height : 20px ; left : 0px ; right : 0px ; }
.gCell, .gCelld, .gCelli, .gCellc, .gCellt, .gCellb, .gCelln, .gCellT, .gCella { background-color: transparent; cursor: default; padding: 0px; border: 0px none; width:100%; border-right:0.1px solid #cacaca !important ;white-space: nowrap;
 position:absolute; height:30px ; overflow-y:hidden; overflow-x:hidden; } 
.gCelld { text-align: center }
.gCelli, .gCelln { text-align: right }
.gAgr { border-style: none ; background-color: #bfbfbf; float:left; z-index:99}
.gAgr div { float:left }
.gEdtCell { 
  padding: 0px!important; 
  background-color: #fff; 
  border-width:0px!important;
} 
.Grid .rR div{ top:0 ; position:relative;}
.Grid .lR div{ top:0 ; position:relative;}
.glassfade{ display: none; position: absolute; top: 0px; left: 0px; right:0px; bottom:0px; background-color: black; z-index:97; opacity:0.21; /* -moz-opacity: 0.21; filter: alpha(opacity=21);*/ }
.Grid.acting > .glassfade {background:url(/images/loading.gif) no-repeat center center ; z-index:99 !important  }
.Grid.acting > .fade {background:url(/images/loading.gif) no-repeat  center center ; z-index:99 !important }
.Grid[srF='0'] .xS { display:none ;   }
.Grid[agF='1'] .gAgr { display:none ;   }
.Grid[agF='1'] .gDvc, .Grid[agF='1'] .sV { bottom:20px ; }
.Grid[agF='1'] .lR { bottom:0px ; }
.Grid[agF='1'] .rR { bottom:0px ; }
.Grid[md='0'] .gDvc, .Grid[md='0'] .sV, .Grid[md='0'] .rR { top:30px ; z-index:97 }  .Grid[md='0'] .lR { top:30px ; }
.Grid[md='1'] .gDvc, .Grid[md='1'] .sV, .Grid[md='1'] .rR { top:60px ; z-index:98 }  .Grid[md='1'] .lR { top:60px ; }
.Grid[md='2'] .gDvc, .Grid[md='2'] .sV, .Grid[md='2'] .rR { top:60px ; z-index:0  }  .Grid[md='2'] .lR { top:60px ; }
.Grid[md='3'] .gDvc, .Grid[md='3'] .sV, .Grid[md='3'] .rR { top:60px ; z-index:0  }  .Grid[md='3'] .lR { top:60px ; }
.Grid[md='0'] .lR { top:30px ; }
.Grid[md='0'] .rR { top:30px ; }
.Grid[md='0'] #gN, .Grid[md='0'] #aB { display:none ;top:30px; }
.Grid[md='1'] #gN, .Grid[md='1'] #aB { display:block ;z-index:0 !important }
.Grid[md='2'] #gN, .Grid[md='2'] #aB { display:block ; z-index:8 !important}
.Grid[md='0'] #aB { display:block ;z-index:60 !important;} 
.Grid[md='1'] #aB { display:block ;z-index:60 !important }
.Grid[md='2'] #aB { display:block ; z-index:60 !important}
.Grid[md='3'] #aB { display:block ;z-index:60 !important;} 
.Grid[md='0'] #gN:active { display:block ;z-index:0 !important;} 
.Grid[md='1'] #gN:active { display:block ;z-index:99 !important }
.Grid[md='2'] #gN:active { display:block ;z-index:99 !important}
.Grid[md='3'] #gN:active { display:block ;z-index:99 !important;} 
.Grid[md='0'] #sB { display:none ; }
.Grid[md='1'] #sB { display:none ; }
.Grid[md='0'] #gS { display:none ; }
.Grid[md='1'] #gS { display:none ; }
.Grid[md='3'] .aB#aB div {background: url("/images/eql1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
/*
.Grid .gDiv:focus .sH {z-index : 11 }
.Grid .gDiv:focus .sV {z-index : 11 }
.Grid .gDiv:hover .sH {z-index : 11 }
.Grid .gDiv:hover .sV {z-index : 11 }
*/
.Grid #gN > #cnfB, .Grid #gN > #canB  { position:absolute; height:30px; width:50%; left:0; text-align:center; background:#ccc; border:1px solid black;display:none;}
.Grid #gN > #canB  { right:0; left:auto;}  
.Grid #gN > .act#cnfB, .Grid #gN > .act#canB { display : block ; }

.Grid[md='2'] .lR { top:30px ; }
.Grid[md='2'] .rR { top:30px ; }

.Grid[F='M'] #gH { left:25px; }
.Grid[F='M'] #gN { left:25px; }
.Grid[F='M'] #gS { left:25px; }
.Grid[F='M'] #gDvc, .Grid[F='M'] .sH { left:25px; }
.Grid[F='M'] #gAg { left:25px; }
.Grid[F='M'] .lR { width:25px ;display:block }
.Grid .pop { padding:2px; position:absolute; top:0; right:25px; width:70px; z-index:100; background:#ddd;  border:1px solid black;  }
.Grid .pop > div { background:#eee; float:left;  width:34px;height:34px; border:0px solid black; margin:1px;text-align:center;}
.pop #mB { background: url(/images/more.png) no-repeat; }
.pop #rfB { background: url(/images/refresh.png) no-repeat; }
.pop #srB { background: url(/images/srch.png) no-repeat; }
.pop #pB { background: url(/images/print.png) no-repeat; }
.pop #pdfB { background: url(/images/pdf.png) no-repeat; }
.pop #csvB { background: url(/images/csv.png) no-repeat; }
.Grid .pop > span { background:#eee; float:left;  width:55%; height:25px; color:black; white-space:nowrap; border:0; padding:1px;text-align:center;}
.Grid .pop > input { float:right; width:40%; color:black; border:1px solid black; padding:1px;margin:0}

/*#gN > *, #gS > * { position:absolute; height:25px;top:10px; color:#f88 }*/
#gN > *, #gS > * { position:absolute; height:25px;top:10px; color:#1071d2;font-weight:bold; }
#gN:hover * { color:#444 }
#gN > .T.dw.on, #gS > .T.on { height:72px; }
.Grid  #gS .n_l, .Grid  #gS .i_l, .Grid  #gS .d_l { top: 42px;}
.Grid  #gS .n_g, .Grid  #gS .i_g, .Grid  #gS .d_g { top: 73px;}
#gN span, #gS span { white-space:nowrap; }
/*.mtag { padding:2px ; min-height:30px ; overflow:hidden; }   */
.mtag { padding:2px ; min-height:30px ;  }

.mtag > div { margin:0px ; }    
.mtag > div > input { float:left ; margin:0px ; width:400px;}   
.mtag > div > div { background: #cef url("/images/delete.gif") no-repeat scroll right center; border: 1px solid #8bc; float: left; margin: 0 3px;  padding: 3px 20px 2px 2px;float:left ; margin:1px 2px ; max-width:auto; white-space:nowrap;overflow: hidden;;}   
.imgCptr #aBtn { border: 1px solid black; bottom: 0 !important; position: absolute !important; width:50% ; text-align: center; } 
.msg_tim{
   font-size: 9px;
   color:#969696;
}
.msg_cnt{
   color:#000;
}
.msg_tim{
   font-size: 9px;
   color:#969696;
}
.msg_cnt{
   color:#000;
}

#initDiv{ background: url("") no-repeat scroll center center rgba(0, 0, 0, 0);position: absolute; top: 0px; left: 0px; right:0px; bottom:0px; background-color:transparent; z-index:998;/* -moz-opacity: 0.21; opacity:.21; filter: alpha(opacity=21);*/ }
#initDiv div{ position: absolute; font-size: 74px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color:#666 }
#hdnDiv {display:block ;}

.gEdtField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: 'TheanoModern',Sans-Serif; 
  font-size: 12px; 
  height: 13px;
  width: 98%!important; 
} 

.gRow div.gFirstCell 
{ 
  padding-left: 3px; 
} 

.gFooter
{
  cursor: default;
  padding:5px;
}

.gFooter a 
{
  color: Black;
  font-weight: bold;
  vertical-align: bottom;
}

.gPagerText
{ 
  font-family: 'TallFilm',Sans-Serif; 
  font-size: 11px; 
} 
textarea[disabled]:active, textarea[disabled],
input[type="text"][disabled]:active,
input[type="text"][disabled],
input[disabled],
.DDMMYYYY .d[disabled],
.DDMMYYYY .m[disabled],
.DDMMYYYY .y[disabled],
select[disabled] > input[type="text"],
select[disabled],
select[disabled]:active,
select[disabled] > input[type="text"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
   background: #d8d8d8 none repeat scroll 0 0;
}

textarea[disabled]:active, textarea[disabled],
input[type="text"][disabled]:active,
input[type="text"][disabled],
input[disabled],
select[disabled] > input[type="text"],
select[disabled],
select[disabled]:active,
select[disabled] > input[type="text"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
   background: #D7DBDD none repeat scroll 0 0;
}
.DDMMYYYY {
    font-size: 100%; margin-top:25px ;
    min-width: 120px;
    width: 128px !important ;
    rgba(0, 0, 0, 0) none repeat scroll 0 0 !important ;
}
.DDMMYYYY input, .DDMMYYYY button {
    border:0px;
    margin:0 ;
    float:left ;
    height:30px ;
}
.DDMMYYYY .d { width: 27px !important }
.DDMMYYYY .m { width: 27px; }
.DDMMYYYY .y { width: 46px; }
.DDMMYYYY .b { width: 26px; border-radius: 0px ; border:1px solid black; margin: 0; }
#gN .f, .fileSet { position:relative;border:1px solid grey!important; }
#gN .f .nam, .fileSet .nam { display: block; float: left; width: calc(100% - 24px);overflow: hidden; white-space: nowrap; }
#gN .f .ele, .fileSet .ele { border-bottom: 1px solid grey; display: block; height: 20px;width:100%; }
#gN .f .btn, .fileSet .btn { cursor: pointer; display: block; float: right; text-align: center; width: 20px; height:20px;}
#gN .f #aBtn, .fileSet #aBtn { bottom: 0px; top: auto; height: 24px; width:24px; right: 0px; position: absolute; border: 1px solid; background: transparent; }
#gN .f #aBtn input, .fileSet #aBtn input { overflow:hidden; right: 0px; top:0 ; position:absolute; opacity:0; height:24px; width:24px ;margin:0 }
#gN .f #aBtn #l, .fileSet #aBtn #l { right: 0px; left:0px; text-align:center; top:-5px ; font-size:18px; position:absolute; color : #000; }
#gN .f #cBtn, .fileSet #cBtn { bottom: 0px; top: auto; height: 24px; width:26px; right: 24px; text-align:center; position: absolute; border: 1px solid;margin:0; }
#gN .f #pBar , .fileSet #pBar { bottom: 0px; top: auto; height: 24px; left:0px; right: 52px; position: absolute; border: 1px solid; background: transparent; }
#gN .f #pBar #p, .fileSet #pBar #p { bottom: 0px; top: auto; height: 24px; left:0px; width: 0px; position: absolute; border: 1px solid; background: #9cf; }
#gN .f #eW, .fileSet #eW { bottom: 0px; top: auto; height: 24px; left:0px; right: 52px; position: absolute; border: 0px;  }
#gN .f .fleclip, .fileSet .fileclip{color:#00bcd4!important;margin-top:2px;padding-top:6px;}
#gN .f .fleclose, .fileSet .fileclose{color:#00bcd4;font-size:120%;border:1px solid grey!important;}
#gN .f #rmkW, .fileSet #rmkW{
   position:absolute;
   right:20px;
   bottom:5px;
   border:2px solid #ccc;
   padding:2px;
   margin-top:20px;
   border-radius:10px ;
   height:30px;
   color:#000;
   background:#fff;
   z-index:998; 
   box-shadow:5px 5px 5px #999999;
   visibility:hidden;
   transition: visibility 3s ease  ;
   -moz-transition: visibility 3s ease-in 0s;
   -o-transition: visibility 3s ease-in 0s;
   -webkit-transition:  visibility 3s ease-in 0s;
}
#gN .f #aBtn:hover + #rmkW, .fileSet #aBtn:hover + #rmkW {
   visibility:visible ;
}
#gN .f #aBtn:hover + #rmkW[disabled], .fileSet #aBtn:hover + #rmkW[disabled] {
   visibility:hidden ;
}
#gN .f #rmkW:focus, .fileSet #rmkW:focus{
   visibility:visible ;
}
#gN .f #rmkW:hover, .fileSet #rmkW:hover{
   visibility:visible ;
}

.btnSet > #rD {
   position:absolute;
   left:20px;
   border:2px solid #ccc;
   padding:2px;
   margin-top:30px;
   border-radius:10px ;
   height:260px;
   color:#000;
   background:#fff;
   z-index:998; 
   box-shadow:5px 5px 5px #999999;
   visibility:hidden;
   transition: visibility 1s ease  ;
   -moz-transition: visibility 1s ease-in 0s;
   -o-transition: visibility 1s ease-in 0s;
   -webkit-transition:  visibility 1s ease-in 0s;
}
.btnSet:hover > #rD {
   visibility:visible ;
}
.btnSet:hover > #rD[disabled] {
   visibility:hidden ;
}
.btnSet > #rD:focus{
   visibility:visible ;
}
.btnSet > #rD:hover{
   visibility:visible ;
}

/* Main table cell colours and backgrounds */
.row0 td, .HdrRow td, .gHRow .gCell { 
  overflow: hidden ;
  text-align: center ;
   background-color: #66BBCC;
}
/*
.gSelRow td, .gSel > div[class*='gCell'] { 
  background-color: rgb(235, 221, 131); 
}
*/
.gSelRow, .gSel {
  background-color: rgb(245, 226, 151); 
}
.mSel > div[class*='gCell'] { 
  background-color: #EEFFCC; 
}

.gSelectorCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.row1 td, .row2 td, .row3 td, .EvenRow td, .OddRow td, .SelRow td, .gR_0 .gCell, .gR_1 .gCell, .gR_2 .gCell, .gR_3 .gCell, .gSel .gCell { 
  padding-left: 3px ;
  padding-right: 2px ;
  max-width: 150px ;
  overflow: hidden ;
  border-left:  1px #ffffff solid;
}
.fade{ display: none; position: fixed; top: 0px; left: 0px; right:0px; bottom:0px; background-color: black; z-index:98; opacity:0.35; /* -moz-opacity: 0.05; filter: alpha(opacity=5); */ }
.Grid > .fade {
  z-index:5 !important ;
}
#OSLBtnDiv, #pgFoot {position:relative;border:0px ; color:#f33;background: transparent ; margin-top:0px; box-shadow: 0 0 0 #888888;border: 0 none !important;}
/*
#OSLBtnDiv button, #pgFoot button { width:30px;height:30px; float:right; background-size:100%; border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; }
**/
#retBtn {
  position:relative ;margin-left:8px!important;
}
#pgBrws {position:absolute;left:5px;bottom:5px;height:25px;border:0px ; color:#f33;background: transparent ; }
#btnSet {position:absolute;right:5px;bottom:5px;height:25px;border:0px ; color:#f33;background: transparent ; z-index:999 }
#OSLBtnDiv button, #pgFoot button, #btnSet button, #pgBrws button, #closeBtn, #retBtn, #srhBtn {
    background: #888888 none repeat scroll 0 0;
    border-radius: 3px; 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    min-width: 112px;
    float: left;
    font-weight: bold;
    margin: 0px 10px 5px 0px ;
    font-size:17px ;
}
#pgBrws *{ 
  font-family: 'PT Sans Narrow', Sans-Serif;
}
#pgBrws button { 
  width:20px;
}
#OSLBtnDiv button, #pgFoot button,#btnSet button, #closeBtn, #retBtn, #srhBtn { 
  font-size:13px ;
}
#pgBrws select { width:10px;height:20px; float:left; }
#pgBrws #cBtn { float:left; }
#btnSet #EDTBtn, #btnSet #DELBtn, #btnSet #ADDBtn {float:right}
 div.fg-line {
   margin-top:15px;
   position:relative;
 }
 div.fg-line > * {float:left ;}
 div.fg-line > button {
    margin-top:8px ;
    height:25px ;
 }
 .nowrap {
   white-space:nowrap ;
 }
 div.fg-line > input, div.fg-line > textarea, div.fg-line > select {
   width:80% ;
 }
 div.fg-line > input, div.fg-line > .DDMMYYYY > *, div.fg-line > textarea, div.fg-line > .nowrap, div.fg-line > select { 
    margin-top:8px ;
    background :transparent ;
    border-width: 0 0 1px;
    box-shadow: none;
    height:25px ;
    resize:none ;
    border-color: -moz-use-text-color:#e0e0e0;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: none none solid;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 }
.cmbBg{
    background-color: #fff;
    background-image: url("../img/select.png");
    background-position: right calc(100% - 7px);
    background-repeat: no-repeat;
    content: "";
    height: 40px);
    pointer-events: none;
    position: absolute;
    width: 30px;
    z-index: 0;
}
.DDMMYYYY .d, .DDMMYYYY .m, .DDMMYYYY .y, .dw {
   background:#f8f8f8 ;
}
 div.c > * {float:left; }
 div.c > button { height: 25px; margin-top: 20px; padding: 5px; width: 25px;}
 div.c .DDMMYYYY { width: calc(100% - 20px); }
 #a{ font-size: 13pt; font-size: 100%;}
 div.row {margin:0 15px 0 15px; }
.dw {
   margin-top:20px ;
   height:27px ;
   width:100%;
   -webkit-transition: border-color ease-in-out .45s, box-shadow ease-in-out .45s;
   -o-transition: border-color ease-in-out .45s, box-shadow ease-in-out .45s;
   transition: border-color ease-in-out .45s, box-shadow ease-in-out .45s;
}
SELECT.dw {
    background-image: url("/img/select.png");
    background-position: right bottom ;
    background-repeat: no-repeat;
}
.dw.DDMMYYYY > input {
   background:none ;
}
input.dw, .dw.DDMMYYYY > *, textarea.dw, .nowrap.dw, select.dw { 
   border:1px solid gainsboro;
   box-shadow: none;
   resize:none ;
   border-color: -moz-use-text-color -moz-use-text-color #e0e0e0;

   -moz-border-right-colors: none;
   border-image: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
input.dw.on, select.dw.on, textarea.dw.on, .nowrap.dw.on, .DDMMYYYY.dw.on {
  border-color: -moz-use-text-color -moz-use-text-color #2196f3;
  border-width: 0 0 2px;
} 

input.nn.dw, select.nn.dw, textarea.nn.dw, .nn.nowrap.dw, .nn.DDMMYYYY.dw, .Grid.nn {
  border-color: -moz-use-text-color -moz-use-text-color #f39621;
  border-width: 0 0 2px;
}
input.nn.dw.on, select.nn.dw.on, textarea.nn.dw.on, .nn.nowrap.dw.on, .nn.DDMMYYYY.dw.on {
  border-color: -moz-use-text-color -moz-use-text-color #2196f3;
  border-width: 0 0 2px;
}
input[type='checkbox']:after {
  content: '\2717';
  font-size: 25px;
  position: absolute;
  top: 0px;
  left: 8%;
  color: #008;
}
input[type='checkbox']:checked:after {
  content: '\2714';
  font-size: 25px;
  position: absolute;
  top: 0px;
  left: 8%;
  color: #080;
}
div.c  { position:relative; height:45px;;}
div.c > * {float:left;}
div.c > button { margin-top:20px;height:27px;padding:5px;}


/*
#DELBtn, #EDTBtn, #ADDBtn, #VRFBtn, #ATHBtn, #retBtn, #savBtn, #srhBtn, #closeBtn, #canBtn {
}
#DELBtn {
  background : url(/images/delete.png) no-repeat ;
}
#EDTBtn {
  background : url(/images/edit.png) no-repeat ;
}
#ADDBtn {
  background : url(/images/add.png) no-repeat ;
}
#VRFBtn {
  background : url(/images/verify.png) no-repeat ;
}
#ATHBtn {
  background : url(/images/auth.png) no-repeat ;
}
#retBtn {
  background : url(/images/ret.png) no-repeat ;
}
#savBtn {
  background: url("/images/save.png") no-repeat scroll 0 0 transparent;
}
#srhBtn {
  background: url("/images/search.png") no-repeat scroll 0 0 transparent;
}
#closeBtn, #canBtn {
  background: url("/images/cancel.png") no-repeat scroll 0 0 transparent;
}
*/

#closeBtn, #canBtn {
  /* background: url("/images/cancel.png") no-repeat scroll 0 0 transparent;  */
      background: #ffffff none repeat scroll 0 0 !important ;
      color:#188038;
      border:1px solid #188038;
}

#canBtn:hover { background-color: #d3f5de !important;}

#savBtn {
 /* background: url("/images/save.png") no-repeat scroll 0 0 transparent;  */
     background: #188038 none repeat scroll 0 0 !important ;
}
#savBtn:hover { background-color: #036623 !important;}



.infobox #closeBtn, #gN #canBtn {
  background: url("/images/cancel.png") no-repeat scroll 0 0 transparent;
  width:30px;height:30px; right:35px; background-size:100%;
  bottom:0px ;
  position :absolute ;
  border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
}
#fstBtn {
  background : url(/images/first.png) no-repeat ;
}
#lstBtn {
  background : url(/images/last.png) no-repeat ;
}
#prvBtn {
  background : url(/images/bkwd.png) no-repeat ;
}
#nxtBtn {
  background : url(/images/frwd.png) no-repeat ;
}
#AGRBtn {
  background : url(/images/agr.png) no-repeat ;
}
#pgGo {
  background : url(/images/go.png) no-repeat ;
}
#savBtn {
  background: url("/images/save.png") no-repeat scroll 0 0 transparent;
}
#srhBtn {
  background: url("/images/search.png") no-repeat scroll 0 0 transparent;
}
#rmkB {background: rgba(0, 0, 0, 0) url("/images/rmk.png") no-repeat scroll 0 0 /45px 45px;}
#slpB {background: rgba(0, 0, 0, 0) url("/images/slp.png") no-repeat scroll 0 0 / 45px 45px;}
#pntB {background: rgba(0, 0, 0, 0) url("/images/pn.png") no-repeat scroll 0 0 / 45px 45px;}
#rmkB, #slpB, #pntB {
display: inline-block;
float: right;
font-family: Glyphicons Halflings;
font-style: normal;
font-weight: normal;
height: 45px;
line-height: 1;
position: relative;
top: 1px;
width: 45px;
cursor:pointer;
}


.dbgBox,.infobox {overflow: auto;position:fixed;left:0;right:0;top:10px;bottom:10px;margin-left:auto;margin-right:auto; margin-top:auto; margin-bottom:auto;border:2px solid #FFFFFF; color:#633;padding: 15px 20px 20px;background: #FFFFFF ; z-index:9999 ; height:100px; width:350px;border-radius: 7px;box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);}  
.dbgBox { height:300px;width:500px}
#alrtDv_g #clsBtn,.dbgBox button,.infobox button { position:absolute;width:70px;height:20px;color:#000;left:0;right:0; bottom:10px;margin-left:auto;margin-right:auto; }  
.dbgBox #m,.infobox #m {position:absolute;top:65px;left:18px;right:5px; padding:10px; bottom:40px; font-weight:bold; font-size:18px; vertical-align:middle; overflow-y:auto }  
.dbgBox #m span,.infobox #m span { margin:auto;padding:7px; font-weight:bold; font-size:18px; width:100%;text-align:center; vertical-align:middle }  
#alrtDv_g { z-index:9999;}
.divTtl, .PagTtl  {
        vertical-align: top;
        color : #1C4E80;
        font-weight:bold;
        text-transform:uppercase;
	border-bottom: 1px solid #2196f3 ;
        box-shadow: none;
        resize:none ;
        padding-top: 1px;
        margin:15px;0px ;
        font-size: 23px;
        text-align: center;

/*
   box-shadow:         inset 0 2px 2px #ccc ;
  height:35px;
  background-color:#88c ;
   -moz-box-shadow:    inset 0 5px 5px #888888;
   -webkit-box-shadow: inset 0 5px 5px #888888 ;
*/
}
.sHd {font-size:120%!important}
.divTtl .cB, .PagTtl .cB  {
   display:none ;
   float:right ;
}
div.cwin {
  position: fixed; left: 0; overflow:auto;top:60px; bottom:0; right: 0; margin:auto; z-index:999 ; padding:10px; display:block;background:#edecec ; 
min-height:360px;}
div.cwin > div {  margin:auto  }
div.cwin > div.Grid { position:relative; min-height:250px;font-size: 100%; margin-top:25px ;}
.cwin .divTtl .cB, .cwin .PagTtl .cB  {
   display:inline;
   color : #2196f3 ;
   border : 0 none ;
   width : 20px ;
   float : right ;
}
.calendar {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; z-index:999 ; }
.calendar th {border: 2px solid #780000;padding: 3px}
.calendar th.thalt {border: 1px solid #ccc;padding: 3px;border-top: 3px solid #c00;background:#f4dfdf}
.calendar td {width:1.5em;height:1.5em;vertical-align:top;padding: 3px;background:#fcfcfc;border: 1px solid #ddd}
.calendar td.sun, .calendar td.sat {background:#90c8e9}
.calendar td#today {background:#ffd5d5;border: 1px solid #c00}
.calendar td p {font-size: 140%;margin:0}
.calendar td p em {display:block;font-size:70%;font-style:normal;font-weight:normal}
.calendar td p em span {display:block} 
.calendar { position: relative; display: none; border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: 'PT Sans',sans-serif; }
.calendar table { border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: 'PT Sans',Sans-Serif; }
.calendar .button { text-align: center; padding: 1px; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: ButtonFace; } 
.calendar .nav { } 
.calendar thead .title { font-weight: bold; padding: 1px; border: 1px solid #000; background: ActiveCaption; color: CaptionText; text-align: center; } 
.calendar thead .headrow { } 
.calendar thead .daynames { } 
.calendar thead .name { border-bottom: 1px solid ButtonShadow; padding: 2px; text-align: center; background: ButtonFace; color: ButtonText; } 
.calendar thead .weekend { color: #f00; } 
.calendar thead .hilite { border: 2px solid; padding: 0px; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; } 
.calendar thead .active { border-width: 1px; padding: 2px 0px 0px 2px; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
.calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #aaa; }
.calendar tbody .day.othermonth.oweekend { color: #faa; }
.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid ButtonShadow; background: ButtonFace; color: ButtonText; } 
.calendar tbody .rowhilite td { background: Highlight; color: HighlightText; } 
.calendar tbody td.hilite { padding: 1px 3px 1px 1px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; } 
.calendar tbody td.active { padding: 2px 2px 0px 2px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; } 
.calendar tbody td.selected { font-weight: bold; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 2px 2px 0px 2px; background: ButtonFace; color: ButtonText; } 
.calendar tbody td.weekend { color: #f00; } 
.calendar tbody td.today { font-weight: bold; color: #00f; } 
.calendar tbody td.disabled { color: GrayText; } 
.calendar tbody .emptycell { visibility: hidden; } 
.calendar tbody .emptyrow { display: none; } 
.calendar tfoot .footrow { } 
.calendar tfoot .ttip { background: ButtonFace; padding: 1px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; color: ButtonText; text-align: center; }
.calendar tfoot .hilite { border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #e4e0d8; }
.calendar tfoot .active { padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; }
.calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: Menu; color: MenuText; font-size: 90%; padding: 1px; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px;color:black!important; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .active { padding: 0px; border: 1px solid #000; }
.calendar .combo .hilite { background: Highlight; color: HighlightText; }
.calendar td.time { border-top: 1px solid ButtonShadow; padding: 1px 0px; text-align: center; background-color: ButtonFace; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: Menu; }
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar td.time span.hilite { border-color: #000; background-color: Highlight; color: HighlightText; }
.calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; }

#navwrap {height:40px;font: 80% arial;margin: 0 0px 0 0px; width:200px;padding-top:40px; overflow:visible; z-index:999}
#navwrap #icon {height:40px;top:-40px;}
#nav {height:auto; width:200px;top:40px;bottom:0px; overflow:visible}
#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav li {position:relative;background: #03f;;width: auto;display:block;top:1px;margin: 0;border-bottom: 0px ;border-right: 3px solid #252525;padding:0; background: #e9b url("/images/wtl.jpg") repeat-x 100% 100%;}
	#nav li:hover {background: #e9b url("/images/wtl1.jpg") repeat-x 100% 100%;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 2px 8px 1px}
	#nav a:hover {color:#fff}
	
	#nav li ul {border-left: 1px solid #c00; border-bottom: 1px solid #c00; top:16px; width:15.8em;font-size:90%;margin-top:1px;position: absolute;font-weight:normal; max-height:480px;left: -999em; }
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:9999}
	
	#nav li li {background: #e9b url("/images/wtl.jpg") repeat-x 100% 100%;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li:hover {background: #e9b url("/images/wtl1.jpg") repeat-x 100% 100%;}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#fff;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff}

	#nav li li ul {border-left: 1px solid #c00; display:none; border-bottom: 1px solid #c00; width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: 70px}
	#nav li li:hover ul, #nav li.sfhover ul {left: 70px;z-index:9999}
	#nav li li:hover ul {display:block;left: 16em;top: 0;z-index:9999}
	
	#nav li li li {background:#e9b  url("/images/wtl.jpg") repeat-x 100% 100%;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li li:hover {background:#e9b  url("/images/wtl1.jpg") repeat-x 100% 100%;}
	#nav li li li.last {border-bottom:none}
	#nav li li li a, #nav li li a:link, #nav li li li a:visited, #nav li li li a:hover {color:#fff;padding: 3px 10px 2px;width:14em}
	#nav li li li a:hover {color:#fff}

	#nav li.active {background: #c00 url("/images/wtl1.jpg") repeat-x 100% 100%;border-bottom: 0px solid #c00}
	#nav li.active ul {border:none;background: #c00 url("/images/") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#fff}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("/images/wtl1.jpg") repeat-x 0 99%;color:#fff}
	
	#nav li.active > li.active a:link, #nav li.active > li.active a:visited, #nav li.active > li.active a:hover, #nav li.active > li.active a:active {color:#fff;font-weight:bold;background: #666 url("/images/wtl1.jpg") repeat-x 0 99%}
	#nav li.active li.active li.active a:link, #nav li.active li.active li.active a:visited, #nav li.active li.active li.active a:hover, #nav li.active li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("/images/wtl1.jpg") repeat-x 0 99%}

	
	/**/
	#nav li {width:auto}
	/**/
	/**/
	#nav-secondary, #nav-secondary ul {position:absolute}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("/images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#fff} 
	#nav-secondary a:visited {color:#bbb} 
	#nav-secondary a:hover {color:#c00;background: #fee url("/images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
	
	/**/
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("/images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#bbb;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}
	
	/**/
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}
	
	/**/
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}
#calendar_2 {
    width: 400px;
}
#wrn_g { background: #ff0 url("/images/caution.png") no-repeat 0 0; padding-left : 40px ; color : red ; bottom: 0; display: none; height: 22px; left: 0; position: fixed; right: 0 }
#wrn_g:hover {z-index :999 ;}