/***************************************************
			      Reset
***************************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, input, select, textarea, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	-webkit-print-color-adjust: exact;
	font-size:12px;
}
input {
	height: 20px;
	border:1px solid black;
}
select {
	height: 18px;
}

ol, ul {
	list-style: none;
}
table {
	border-spacing: 2px;
}
img {
	max-width: 100%;
    /*height: auto;*/
	width: auto\9; /* ie8 */
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
form {
	margin-top:12px;
	margin-bottom:0;
}

@font-face{
 font-family:'digital-clock-font';
 src: url('../fonts/digital-7.ttf');
}

/***************************************************
			      Global styles
***************************************************/
html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
	line-height: 1.5;
}
#wrap {
	min-height: 100%;
}
header {
	position: relative;
	height: 100px;
	width: 100%;
	vertical-align: top;
}
#tophead {
	position: absolute;
	height: 80px;
	width: 100%;
	vertical-align: top;
	background-position: right;
	background-repeat: no-repeat;
	top: 0;
	z-index: 1;
}
#topleft {
	float: left;
	font-family: Arial Black;
	letter-spacing: 1px;
	text-shadow: 4px 4px 6px #000000;
	filter: shadow(color=black,strength=3);
	color: white;
	margin-left: 20px;
}
#topleft1 {
	float: left;
	font-family: Arial Black;
	letter-spacing: 1px;
	text-shadow: 4px 4px 6px #000000;
	filter: shadow(color=black,strength=3);
	color: white;
	margin-left: 10px;
	margin-top: 15px;
}
#topright {
	float:right;
	position: relative;
	display: inline-block;
	margin-right:10px;
	vertical-align: middle;
	line-height:80px;
}
#topright img {
	vertical-align: middle;
}

#topcenter {
	position: relative;
	font-family: Arial Black;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px #000000;
	filter: shadow(color=black,strength=3);
	font-size: 150%;
	margin-top: 31px;
	z-index: 5;
}
#topnav {
	position: absolute;
	height: 18px;
	width: 100%;
	vertical-align: top;
	background-color: black;
	display: block;
	top: 80px;
	font-size: 105%;
}
#date {
	position: relative;
	font-size: 85%;
	color: #fff;
	display: inline-block;
	float: left;
	width: 100px;
	margin: -18px auto !important;
	margin: 0 auto;
	vertical-align: bottom;
	line-height: 16px;
	z-index: 2;
}
#clock {
    position: relative;
    /* font-size: 85%; */
    font-weight: bold;
    color: #f6f6f8;
    display: inline-block;
    float: right;
    width: 90px;
    margin: -17px auto !important;
    margin: 0 auto;
    vertical-align: bottom;
    line-height: 16px;
    z-index: 2;
    font-family: digital-clock-font;
    letter-spacing: 0.5px;
	/* font-weight: 900; */
}
#midcenter {
	position: relative;
	font-family: Arial Black;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px #000000;
	filter: shadow(color=black,strength=3);
	font-size: 200%;
	text-align: center;
	height: 60px;
	color: #FFFFCC;
	z-index: 5;
	padding-top:135px;
}
/***************************************************
				       Headings
***************************************************/
.shmn a {
	font-size: 170%;
	color: #363659;
	text-decoration: none;
	font-weight: normal;
}
.shmn a:hover {
	font-size: 170%;
	color: #363659;
	text-decoration: none;
	font-weight: normal;
}
.shmn {
	font-size: 170%;
	color: #363659;
	text-decoration: none;
	font-weight: bold;
}
.shcp a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shcp a:hover {
	font-size: 170%;
	color: #726249;
	text-decoration: none;
	font-weight: normal;
}
.shcp {
	font-size: 170%;
	color: #726249;
	text-decoration: none;
	font-weight: bold;
}
.shhr a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shhr a:hover {
	font-size: 170%;
	color: #0f737c;
	text-decoration: none;
	font-weight: normal;
}
.shhr {
	font-size: 170%;
	color: #0f737c;
	text-decoration: none;
	font-weight: bold;
}
.shlv a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shlv a:hover {
	font-size: 170%;
	color: #8d3998;
	text-decoration: none;
	font-weight: normal;
}
.shlv {
	font-size: 170%;
	color: #8d3998;
	text-decoration: none;
	font-weight: bold;
}
.shtm a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shtm a:hover {
	font-size: 170%;
	color: #E42206;
	text-decoration: none;
	font-weight: normal;
}
.shtm {
	font-size: 170%;
	color: #E42206;
	text-decoration: none;
	font-weight: bold;
}
.shpy a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shpy a:hover {
	font-size: 170%;
	color: #0065c5;
	text-decoration: none;
	font-weight: normal;
}
.shpy {
	font-size: 170%;
	color: #0065c5;
	text-decoration: none;
	font-weight: bold;
}
.shem a {
	font-size: 170%;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
.shem a:hover {
	font-size: 170%;
	color: #964860;
	text-decoration: none;
	font-weight: normal;
}
.shem {
	font-size: 170%;
	color: #964860;
	text-decoration: none;
	font-weight: bold;
}
.shhd a {
	font-size: 170%;
	color: #6390d3;
	text-decoration: none;
	font-weight: normal;
}
.shhd a:hover {
	font-size: 170%;
	color: #6390d3;
	text-decoration: none;
	font-weight: normal;
}
.shhd {
	font-size: 170%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
/***************************************************
			    Input Text
***************************************************/
input[readonly]{
	background-color: #d5d5d5;
}
input[type=text]:disabled{
	background-color: #d5d5d5;
}
input[type=text] {
	border: 1px solid #000;
	font-size: 100%;
}
input[type=password] {
	border: 1px solid #999999;
	font-size: 100%;
}
input[type=text]:hover {
	border: 1px solid black;
	background-color: #EFEFEF;
}
input[type=text]:focus {
	border: 1px solid black;
	background-color: #FFFFDF;
}
input[type=text]:focus:hover {
	border: 1px solid black;
	background-color: #FFFFDF;
}
select, textarea {
    border: 1px solid #000;
    font-size: 100%;
}
select:hover, textarea:hover {
    border: 1px solid black;
    background-color: #ffffff;
 }
select:focus, textarea:focus {

    background-color: #FFFFDF;
}
select:focus:hover, textarea:focus:hover {
    border: 1px solid black;
    background-color: #FFFFDF;
}
input[type=checkbox] {
    vertical-align:middle;
}
/***************************************************
			   	Popup Messages
***************************************************/
div.uSuccess { background: url('../../Images/Common/tick.png') no-repeat 10px 10px }
div.uSuccess h1{font-size: 130%; font-weight:bold; color: white; padding: 5px 5px 0px 75px; text-align: left}
div.uSuccess h2 {font-size: 110%; font-weight:bold; color: green; padding: 0px 5px 5px 75px; text-align: left}

div.uError { background: url('../../Images/Common/cross.png') no-repeat 10px 10px }
div.uError h1{font-size: 130%; font-weight:bold; color: white; padding: 5px 5px 0px 75px; text-align: left}
div.uError h2 {font-size: 110%; font-weight:bold; color: red; padding: 0px 5px 5px 75px; text-align: left}

.suggestionsBox {
	position: absolute;
	background-color: transparent;
	border:0;	
	color: #fff;
	z-index:10000;
	height: 200px;
	overflow-y: scroll;
	padding: 5px 0;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	list-style: none;
	padding: 3px;
	cursor: pointer;
	line-height: 15px;

}
/***************************************************
			   	Input Buttons
***************************************************/
div.btnmn, div.btncp, div.btnhr, div.btnlv , div.btntm , div.btnpy, div.btnhd{
	display:inline-block;
	min-width:80px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #ffffff;
	padding: 0 10px 0px 10px;
	cursor: pointer;
	border: 2px solid #ffffff;
	vertical-align:middle; 
	background-position:center center; 
	background-repeat:no-repeat;
	background-color:transparent;

}
input[type=button], input[type=submit]{
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #ffffff;
	padding: 0 10px 2px 10px;
	cursor: pointer;
	border: 2px solid #ffffff;
	vertical-align:middle; 
	background-position:center center; 
	background-repeat:no-repeat;
	background-color:transparent;
}
#nofilter{
	background-color: #2b579a;
    filter:none;
}
.btnmn, .btncp, .btnhr, .btnlv, .btntm , .btnpy, .btnhd {
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.3), 0px 1px 0px rgba(255,255,255,0.3);
}
.btnmn {
	background: -moz-linear-gradient( top, #75abfd 0%, #2b579a);
	background: -webkit-gradient( linear, left top, left bottom, from(#75abfd), to(#2b579a));
	background: -ms-linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	background: linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75abfd', endColorstr='#2b579a');
}
.btnmn:hover, .btnmn:focus{
	color:#fff;
	background-position:0 0, 0 0;
	-webkit-transition-duration:0.9s;
	-moz-transition-duration:0.9s;
	transition-duration:0.9s;
}
.btncp {
	background: -moz-linear-gradient( top, #75abfd 0%, #2b579a);
	background: -webkit-gradient( linear, left top, left bottom, from(#75abfd), to(#2b579a));
	background: -ms-linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	background: linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#75abfd', EndColorstr='#2b579a');
}
.btnhr {
	background: -moz-linear-gradient( top, #4baba9 0%, #235c5a);
	background: -webkit-gradient( linear, left top, left bottom, from(#4baba9), to(#235c5a));
	background: -ms-linear-gradient(top,  #4baba9 18%,#235c5a 72%); /* IE10+ */
	background: linear-gradient(top,  #4baba9 18%,#235c5a 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4baba9', endColorstr='#235c5a');
}
.btnlv {
	background: -moz-linear-gradient( top, #D9AADF 0%, #6D2D77);
	background: -webkit-gradient( linear, left top, left bottom, from(#D9AADF), to(#6D2D77));
	background: -ms-linear-gradient(top,  #D9AADF 18%,#6D2D77 72%); /* IE10+ */
	background: linear-gradient(top,  #D9AADF 18%,#6D2D77 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4baba9', endColorstr='#6D2D77');
}
.btntm {
	background: -moz-linear-gradient( top, #F5D7D7 0%, #6e1203);
	background: -webkit-gradient( linear, left top, left bottom, from(#F5D7D7), to(#6e1203));
	background: -ms-linear-gradient(top,  #F5D7D7 18%,#6e1203 72%); /* IE10+ */
	background: linear-gradient(top,  #F5D7D7 18%,#6e1203 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5D7D7', endColorstr='#6e1203');
}
.btnpy {
	background: -moz-linear-gradient( top, #DFEEFF 0%, #004496);
	background: -webkit-gradient( linear, left top, left bottom, from(#DFEEFF), to(#004496));
	background: -ms-linear-gradient(top,  #DFEEFF 18%,#004496 72%); /* IE10+ */
	background: linear-gradient(top,  #DFEEFF 18%,#004496 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFEEFF', endColorstr='#004496');
}
.btnhd {
	background: -moz-linear-gradient( top, #75abfd 0%, #2b579a);
	background: -webkit-gradient( linear, left top, left bottom, from(#75abfd), to(#2b579a));
	background: -ms-linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	background: linear-gradient(top,  #75abfd 18%,#2b579a 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75abfd', endColorstr='#2b579a');
}
.btntm {
	font-size: 90%;
	font-weight: bold;
	background-color: #BD1009;
	color: #ffffff;
	width: auto;
	overflow: visible;
	padding: 0 3px 0 3px;
}
.btnpy {
	font-size: 90%;
	font-weight: bold;
	background-color: #0065c5;
	color: #ffffff;
}
.btnem {
	font-size: 90%;
	font-weight: bold;
	background-color: #964860;
	color: #ffffff;
}
/***************************************************
			    Main containers
***************************************************/

#containerlogin {
	position: relative;
	width: 95%;
	background-color: transparent;
	margin:0 auto;
	overflow:auto;
	display:block;
	padding-bottom:2%;
}
#homehrdata{
	position:relative;
	width:50%;
	height:400px;
	float:left;
	text-align:left;
}
#homehrform{
	position:relative;
	width:400px;
	height:114px;
	background-image:url('../../Images/layout/login.png');
	background-repeat:no-repeat;
	vertical-align:top;
	top:20px;
	left:10px;	
}
#homehrimg{
	position:relative;
	width:26%;
	/* height:400px; */
	float:left;
	padding-left: 100px;
	text-align:center;
	vertical-align:middle;
}
article {
	position: relative;
	width: 98%;
	margin: 0 auto;
	background-color: transparent;
	z-index: 0;
}
#mainhead {
	position: relative;
	top: 10px !important;
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
}
#mainhead fieldset {
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	padding: 2px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000; /* For IE 8 */;
}

#mainform {
	position: relative;
	top: 5px !important;
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
}
#mainform fieldset {
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	padding: 2px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000; /* For IE 8 */;
}
#mainhead fieldset.mn, #mainform fieldset.mn {background-color: #EEEEEE;}
#mainhead fieldset.cp, #mainform fieldset.cp {background-color: #726249;}
#mainhead fieldset.hr, #mainform fieldset.hr {background-color: #0e8a90;}
#mainhead fieldset.lv, #mainform fieldset.lv {background-color: #8d3998;}
#mainhead fieldset.tm, #mainform fieldset.tm {background-color: #6e1203;}
#mainhead fieldset.py, #mainform fieldset.py {background-color: #004496;}
#mainhead fieldset.hd, #mainform fieldset.hd {background-color: #ffffff;}
.h1mn, .h1cp, .h1hr, .h1lv , .h1tm , .h1py, .h1hd {
	font-family: Arial Black;
	/*text-shadow: 1px 1px 1px #000000;
	filter: shadow(color=black,strength=1);*/
	font-size: 130%;
	margin-left: 4px;
}
.h1mn {color: #6390d3;}
.h1cp {color: #ded2bd;}
.h1hr {color: #b8e6e8;}
.h1lv {color: #ebd9ee;}
.h1tm {color: #F5D7D7;}
.h1py {color: #DFEEFF;}
.h1hd {color: #6390d3;}

.h2mn, .h2cp, .h2hr, .h2lv , .h2tm , .h2py .h2hd{
	font-family: Arial Black;
	/*text-shadow: 1px 1px 1px #000000;
	filter: shadow(color=black,strength=1);*/
	font-size: 110%;
	margin-left: 4px;
}
.h2mn {color: #E4E4EF;}
.h2cp {color: #ded2bd;}
.h2hr {color: #b8e6e8;}
.h2lv {color: #ebd9ee;}
.h2tm {color: #F5D7D7;}
.h2py {color: #DFEEFF;}
.h2hd {color: #6390d3;}

.tdmn, .tdcp, .tdhr, .tdlv, .tdtm , .tdpy, .tdhd {
	font-family: Arial Black;
	/*text-shadow: 1px 1px 2px #000000;
	filter: shadow(color=black,strength=1);*/
	font-size: 120%;
	margin-left: 10px;
	text-align: left;
}

.tdmn {color: #000000;}
.tdcp {color: #ded2bd;}
.tdhr {color: #b8e6e8;}
.tdlv {color: #ebd9ee;}
.tdtm {color: #F5D7D7;}
.tdpy {color: #DFEEFF;}
.tdhd {color: #055192;}

.lbl{
	display: inline-block;
	text-align: right;
    font-weight: bold;
	margin-right: 5px;
	text-shadow: 0 0 0 #000000;
	filter: none;
}
#tbl90m label{
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	text-shadow: 0 0 0 #000000;
	width: 88px;
	filter: none;
}
#tbl90m label.mn { text-align:left; vertical-align:middle; cursor:pointer; }
#tbl60 label, #tbl70 label, #tbl80 label, #tbl90 label, #tbl100 label {
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	text-shadow: 0 0 0 #000000;
	filter: none;
}
#tbl60 label {width: 58px;}
#tbl70 label {width: 68px;}
#tbl80 label {width: 67px;}
#tbl90 label {width: 88px;}
#tbl100 label {width: 98px;}

#tbl80 span.hd,#tbl60 span.hd {
    display: inline-block;
    width: 62%;
    background-color: #fff;
	text-align: left;
    margin-top: 1px;
	margin-left: 5px;
    padding-left: 3px;
	font-weight: bold;
	text-shadow: 0 0 0 #000000;
	filter: none;
}
#prob_msg ol {
    list-style:decimal-leading-zero;
    list-style-position: inside;
}
#prob_msg ul{
   list-style: disc;
   list-style-position: inside;
}
#prob_msg li ol, #prob_msg li ol { text-indent: 10px;}
#prob_msg li li ol, #prob_msg li li ol { text-indent: 20px; }

.bgmn, .bgcp, .bghr, .bglv, .bgtm , .bgpy, .bghd{
	text-align: left;
	border: thin gray solid;
	padding: 2px 0 2px 0;
}
.bgmn {color: #000000;background-color: #ffffff;}
.bgcp {color: #726249;background-color: #ded2bd;}
.bghr {color: #0e8a90;background-color: #b8e6e8;}
.bglv {color: #8d3998;background-color: #ebd9ee;}
.bgtm {color: #6e1203;background-color: #F5D7D7;}
.bgpy {color: #004496;background-color: #DFEEFF;}
.bghd {color: #000000;background-color: #ffffff;}
/***************************************************
			        Other Settings
***************************************************/
.bold {font-weight:bold}
.pnt {cursor:pointer}
#grdfrm table.mn tr:nth-child(even), #grdfrm1 table.mn tr:nth-child(even), #grdfrm2 table.mn tr:nth-child(even) {background-color: #75abfd; }
#grdfrm table.mn tr:nth-child(odd), #grdfrm1 table.mn tr:nth-child(odd), #grdfrm2 table.mn tr:nth-child(odd) {background-color: #FFFFFF; } 
#grdfrm table.mn tr:hover, #grdfrm1 table.mn tr:hover, #grdfrm2 table.mn tr:hover {background-color: #595994; }
#grdfrm table.mn tr.bgt, #grdfrm1 table.mn tr.bgt, #grdfrm2 table.mn tr.bgt { background-color:transparent; }

#grdfrm table.cp tr:nth-child(even), #grdfrm1 table.cp tr:nth-child(even), #grdfrm2 table.cp tr:nth-child(even) {background-color: #ded2bd; }
#grdfrm table.cp tr:nth-child(odd), #grdfrm1 table.cp tr:nth-child(odd), #grdfrm2 table.cp tr:nth-child(odd) {background-color: #beb1a0; } 
#grdfrm table.cp tr:hover, #grdfrm1 table.cp tr:hover, #grdfrm2 table.cp tr:hover {background-color: #b69a64; }
#grdfrm table.cp tr.bgt, #grdfrm1 table.cp tr.bgt, #grdfrm2 table.cp tr.bgt { background-color:transparent; }

#grdfrm table.hr tr:nth-child(even), #grdfrm1 table.hr tr:nth-child(even), #grdfrm2 table.hr tr:nth-child(even) {background-color: #b8e6e8; }
#grdfrm table.hr tr:nth-child(odd),#grdfrm1 table.hr tr:nth-child(odd), #grdfrm2 table.hr tr:nth-child(odd) {background-color: #8ccdcf; } 
#grdfrm table.hr tr:hover, #grdfrm1 table.hr tr:hover, #grdfrm2 table.hr tr:hover {background-color: #11abb2; }
#grdfrm table.hr tr.bgt, #grdfrm1 table.hr tr.bgt, #grdfrm2 table.hr tr.bgt { background-color:transparent; }

#grdfrm table.lv tr:nth-child(even), #grdfrm1 table.lv tr:nth-child(even), #grdfrm2 table.lv tr:nth-child(even) {background-color: #ebd9ee; }
#grdfrm table.lv tr:nth-child(odd), #grdfrm1 table.lv tr:nth-child(odd), #grdfrm2 table.lv tr:nth-child(odd) {background-color: #caaece; } 
#grdfrm table.lv tr:hover, #grdfrm1 table.lv tr:hover, #grdfrm2 table.lv tr:hover {background-color: #cb8fd4; }
#grdfrm table.lv tr.bgt, #grdfrm1 table.lv tr.bgt, #grdfrm2 table.lv tr.bgt { background-color:transparent; }

#grdfrm table.tm tr:nth-child(even), #grdfrm1 table.tm tr:nth-child(even), #grdfrm2 table.tm tr:nth-child(even) {background-color: #F5D7D7; }
#grdfrm table.tm tr:nth-child(odd), #grdfrm1 table.tm tr:nth-child(odd), #grdfrm2 table.tm tr:nth-child(odd) {background-color: #ECC0C0; } 
#grdfrm table.tm tr:hover, #grdfrm1 table.tm tr:hover, #grdfrm2 table.tm tr:hover {background-color: #E19B9B; }
#grdfrm table.tm tr.bgt, #grdfrm1 table.tm tr.bgt, #grdfrm2 table.tm tr.bgt { background-color:transparent; }

#grdfrm table.py tr:nth-child(even), #grdfrm1 table.py tr:nth-child(even), #grdfrm2 table.py tr:nth-child(even) {background-color: #DFEEFF; }
#grdfrm table.py tr:nth-child(odd), #grdfrm1 table.py tr:nth-child(odd), #grdfrm2 table.py tr:nth-child(odd) {background-color: #99CCFF; } 
#grdfrm table.py tr:hover, #grdfrm1 table.py tr:hover, #grdfrm2 table.py tr:hover {background-color: #358FFD; }
#grdfrm table.py tr.bgt, #grdfrm1 table.py tr.bgt, #grdfrm2 table.py tr.bgt { background-color:transparent; }

#grdfrm table.em tr:nth-child(even), #grdfrm1 table.em tr:nth-child(even), #grdfrm2 table.em tr:nth-child(even) {background-color: #F5E0E8; }
#grdfrm table.em tr:nth-child(odd), #grdfrm1 table.em tr:nth-child(odd), #grdfrm2 table.em tr:nth-child(odd) {background-color: #EBBACB; } 
#grdfrm table.em tr:hover, #grdfrm1 table.em tr:hover, #grdfrm2 table.em tr:hover {background-color: #DC87A4; }
#grdfrm table.em tr.bgt, #grdfrm1 table.em tr.bgt, #grdfrm2 table.em tr.bgt { background-color:transparent; }

#grdfrm table.hd tr td { border: 1px solid #000 ;}
#grdfrm table.hd tr:nth-child(even), #grdfrm1 table.hd tr:nth-child(even), #grdfrm2 table.hd tr:nth-child(even) {background-color: #FFFFFF; }
/* #grdfrm table.hd tr:nth-child(odd), #grdfrm1 table.hd tr:nth-child(odd), #grdfrm2 table.hd tr:nth-child(odd) {background-color: #6390d3; }  */
#grdfrm table.hd .bld {background-color: #6390d3; } 
#grdfrm table.hd tr:hover, #grdfrm1 table.hd tr:hover, #grdfrm2 table.hd tr:hover {background-color: #cde1fe; }
#grdfrm table.hd tr.bgt, #grdfrm1 table.hd tr.bgt, #grdfrm2 table.hd tr.bgt { background-color:transparent; }

#grd table.hd tr:nth-child(even), #grd1 table.hd tr:nth-child(even), #grd2 table.hd tr:nth-child(even) {background-color: #FFFFFF; }
#grd table.hd tr:nth-child(odd), #grd1 table.hd tr:nth-child(odd), #grd2 table.hd tr:nth-child(odd) {background-color: #6390d3; } 
#grd table.hd tr:hover, #grd1 table.hd tr:hover, #grd2 table.hd tr:hover {background-color: #cde1fe; }
#grd table.hd tr.bgt, #grd1 table.hd tr.bgt, #grd2 table.hd tr.bgt { background-color:transparent; }


/***************************************************
		        OTHER
***************************************************/
.ptr { cursor:pointer; }
.bld { font-weight:bold; }

.posr { position:relative; }
.posa { position:absolute; }

.padLR { padding:0 3px;}

.mrt0 { margin-top:0px;}
.mrt7 { margin-top:7px;}
.mrt10 { margin-top:10px;}
.mrl5 { margin-left:5px;}

.flf { float:left }
.frt { float:right }
.lf { text-align:left; padding-left:3px; }
.rt { text-align:right; padding-right:3px; }
.ctr { text-align:center; }
.jst { text-align:justify; }

.top { vertical-align:top; }
.mid { vertical-align:middle; }
.bot { vertical-align:bottom; }

.tp0 { top:0; }
.lf0 { left:0; }
.rt0 { right:0; }
.bt0 { bottom:0; }

.h0 { height:0px; }
.h1 { height:1px; }
.h5 { height:5px; }
.h7 { height:7px; }
.h16 { height:16px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h27 { height:27px; }
.h30 { height:30px; }
.ht50 { height:50px; }

.lh18 {	line-height:18px; }
.lh22 {	line-height:22px; }
.lh25 {	line-height:25px; }

.f7 { font-size:9px; }
.f75 { font-size:10px; }
.f8 { font-size:11px; }
.f85 { font-size:11.5px; }
.f9 { font-size:12px; }
.f10 { font-size:13px; }
.f12 { font-size:16px; }
.f14 { font-size:19px; }

.clrff { color:#fff; }

.bgt { background-color:transparent; }
.bg66 { background-color:#666; }

.wsn { white-space:nowrap; }
.ofh { overflow:hidden; }

.dspi{display:inline-block;}
.dspb{display:block;}

#unblockButton img { float:right;margin-right:5px; margin-top:7px; }
/***************************************************
		        LINKS
***************************************************/
a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.wh{
	color: #fff;
}
a.wh:hover{
	color: #000000;
}
a.heading {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a.heading:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
/***************************************************
			        GRID COMBO
***************************************************/
.combo {
	position: relative;
	width: 50px;
	padding: 0;
	margin: 0;
	display: inline-block;
	z-index: 200;
	cursor: pointer;
}
.combo * {
	padding: 0;
	margin: 0;
}
.combo ul {
	padding: 0px;
	border-spacing: 5px;
	border: 1px solid #FFFFFF;
	width: 50px;
	overflow: auto;
	position: absolute;
	right: 0px;
	top: 25px;
	display: none;
	scrollbar-arrow-color: #ffffff;
	z-index: 201;
}
.combo li {
	padding: 0px;
	line-height: 15px;
	display: block;
	text-align: center;
	width: 100%;
	color: #ffffff;
	z-index: 202;
}
.combo li.lf {text-align:left;}
.left{ text-align:left;}
.right{ text-align:right;}
.tdpad {display:inline-block;margin:0 3px;vertical-align:top}
.overh { overflow:hidden}
.clearfix{clear:both;}
/***************************************************
			        FOOTER
***************************************************/
footer {
	/*position: relative;*/
	clear:both;
	height: 26px;
	width: 100%;
	vertical-align: middle;
	margin-top:-1.62%;
}
footer #splashscreen{
	float:left	
}