﻿
body,form,html
{
	/*font-size:80%;*/
	font-size:13px;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	line-height:1.2;
	font-family:"Segoe UI",Arial,Helvetica,sans-serif;
	
}


.Note{vertical-align:middle;
	text-align:center;color:Red;font-weight:bold;}



.lnkpop
{
 margin:5px;
 padding:2px;
 color:white;
 font-weight:bold;
 text-align:center;
 display:inline-block;
 border:1px solid #ff6600;
}
.lnkpop img{text-align:center;}
.txtsmall{border:1px solid #7F9DB9;width:80px;height:15px;}
.txtreadonly{border:1px none;width:200px;height:15px;}
.poptxtbox{border:1px solid #7F9DB9;width:180px;height:15px;}
.txtbox{border: 1px solid #7F9DB9;}
.lbl{border:none;background-color:Transparent;}
.chkbox{
	border: 0px none #7F9DB9;
}
.txtboxmulti{border: 1px solid #7F9DB9;width:200px;font-size:14px;}
.txtboxmultiBig{border: 1px solid #7F9DB9;width:205px;font-size:14px;}
.txtlongmulti{border: 1px solid #7F9DB9;width:95%;font-size:14px;}
.txtboxmultiFull{border: 1px solid #7F9DB9;width:400px; height:50px; font-size:14px;}
.txtboxmultiFullGoal{border: 1px solid #7F9DB9;width:550px; height:90px; font-size:14px;}
.remarks{border: 1px solid #7F9DB9;width:90%;}
.tblcontainer{width:100%;height:100%;}
.rgGrid{margin:auto;}
.rgformnew{margin:10px auto;border:solid 0px #ffffff;}
.rgform{margin:10px auto;border:solid 1px #ff6600; box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.rgformPrint{margin:10px auto;border:solid 1px #ff6600;}
.rgformn{margin:auto;border:solid 1px #ff6600;}
.rgform .rgHeader
{	vertical-align:middle;
	text-align:center;
	font-size: 13px;
	font-family:"Segoe UI",Arial,Helvetica,sans-serif;
	
	height:25px;
	background-color:#ff6600;
	color:White;
}
.rgHeader1
{	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	font-family:"Segoe UI",Arial,Helvetica,sans-serif;
	height:25px;
	background-color:Gray;
	color:White;
}
.rgform .rgRow
{	height:25px;
 	border:none;
	/*border-top:solid 1px #ffffff;*/
	background-color:#E9E9E9;
	}
.rgform .rgAltRow{height:25px;
        	border:none;
			/*border-top:solid 1px #ffffff;*/
			background-color:#fffcf4;
	}
.rgform .rgCommandRow
{
	
	}
.rgform .rgFooter
{	padding:5px;
	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	/*height:25px;
	background-color:#ffdfbb;*/
	background-color:#fffcf4;

}
.rgFooter1
{	padding:5px;
	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	/*height:25px;
	background-color:#ffdfbb;*/
	background-color:Gray;

}
.rgFooter2
{	padding:5px;
	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	/*height:25px;
	background-color:#ffdfbb;*/
	background-color:Gray;

}

.rgHeader
{	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	/*height:25px;*/
	
	color:White;
}
.rgHeader12
{	vertical-align:middle;
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	/*height:25px;*/
	background-color:#ff6600;
	color:White;
}
.rgRow
{	/*height:25px;*/
 	border:none;
	/*border-top:solid 1px #ffffff;*/
	background-color:#ff6600;
	}
.rgAltRow{/*height:25px;*/
        	border:none;
			/*border-top:solid 1px #ffffff;*/
			
	}
.rgCommandRow{}
.tdl
{	vertical-align:middle;
	text-align:left;
	padding:0 5px;
	
}
.tdr{vertical-align:middle;
	text-align:left;
	padding:0 5px;
	width:50%;
}
.tdlCen
{	vertical-align:middle;
	text-align:left;
	padding:0 5px;
	
}
.tdb{vertical-align:middle;
}
.rgFooter
{	padding:5px;
	vertical-align:middle;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	height:25px;
	/*background-color:#ffdfbb;*/
	background-color:#ff6600;
}
.rgRowsplit
{	height:5px;
	background-color:#ffcd95;
}
.tdsplit
{
	font-size:0px;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #ff6600;
}
.tdsplit span{font-size:12px;font-weight:bold;}
.tdb
{
	vertical-align:middle;
	text-align:center;
	padding:5px;
	border-top:1px solid #ff6600;
}
.tdh
{
	vertical-align:middle;
	text-align:center;
	padding:5px;
}
.tdtab
{
	vertical-align:middle;
	text-align:center;
	padding:5px;
	height:100%;
}
.td1{text-align:left !important;white-space:nowrap;padding:2px 5px;
}
.td2{text-align:left !important;white-space:nowrap;padding:2px 5px;
}
.td3{text-align:center !important;white-space:nowrap;padding:2px 5px;}
.td4{text-align:left !important;white-space:nowrap;padding:2px 5px;
}
.td1d{text-align:left !important;white-space:nowrap;padding:2px 5px;
}
.td2d{width:25%;text-align:left !important;white-space:nowrap;padding:2px 5px;}
.td12{width:50%;text-align:left !important;white-space:nowrap;padding:0px 5px;}
.td12n{width:50%;text-align:left !important;white-space:nowrap;padding:0px;}
.td5{text-align:left !important;width:30% !important;white-space:nowrap;padding:2px 5px;}
.td234{text-align:center !important;padding:0;margin:0;white-space:nowrap;}
.td15{text-align:center !important;white-space:nowrap;}
.td15n{text-align:center !important;white-space:nowrap;padding:0px;}
.lnkers{text-align:center !important;white-space:normal;}
.td15r{text-align:right !important;width:100% !important;white-space:nowrap;}
.td5r{text-align:right !important;white-space:nowrap;padding:2px 5px;}
/*////////*/
.aligncenter{
	text-align:center;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.alignTop{
	vertical-align:top;
}
/*---------*/
.txtbox{
	width:200px;height:15px;
}
.ddl{
	width:204px;
	height:22px;
	font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
.ddlsmall{
	height:20px !important;
	
}
.ddl option,.ddlsmall option{height:10px !important;}
.txtNone{display:none !important;}
/*-------------*/
.ajax__tab_panel{font-size:10px !important;margin:0;}



/*/////////for GridView//////////*/

/*.rgRow{
	h:expression(this.onmouseover =  new Function("this.className = 'rgRow-hover';"));
	h:expression(this.onmouseover =  new Function("this.style.backgroundColor='#FFFFCE';"),this.onmouseout =  new Function("this.style.backgroundColor='#ffcd95';"));
	}
.rgRow:hover,.rgRow-hover{background-color:#FFFFCE;}
.rgAltRow	
{	h:expression(this.onmouseover =  new Function("this.className = 'rgAltRow-hover';"));
	h:expression(this.onmouseover =  new Function("this.style.backgroundColor='#FFFFCE';"),this.onmouseout =  new Function("this.style.backgroundColor='#ffdfbb';"));
}
.rgAltRow:hover,.rgAltRow-hover{background-color:#FFFFCE;}*/
.rgpage{
	font-size: 8pt;
	color:White;
	text-align:left;
	height:35;
	background-color:#E9E9E9; 
	vertical-align:middle;
}
.rgpage a
{
	height:20px;
	text-align:center;
	border: 1px solid;
    margin: 5px 5px;
    padding:4px 10px 4px 10px;
    background-repeat:repeat-x;
    background-position: 10px center;
    font-weight:bold;
    color:Black;
    background-image:url(../images/btn_gry.gif);
}
.rgpage a:hover
{
    background-position: 10px center;
    background-image:url(../images/btn_gry_hover.gif);
}
.TransparantDiv 
{
	background-color:Silver;
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
	filter:alpha(opacity=60);
	opacity: 0.6;
	overflow: hidden; 
	cursor: wait; 
	display:none;
}
.loading
{
	text-align:right;
	color:Red;
	background-color:Silver;
	position:absolute;
	top:0px;left:0px;
	height:100% !important;
	width:100%;
	z-index:998;
	filter:alpha(opacity=50);
	opacity: 0.5;
	overflow: hidden; 
	cursor: wait; 
}
.loadingimg
{
	position:absolute;
	background:url(../images/loading1.gif) center center no-repeat;
	top:0px;left:0px;
	height:100% !important;
	width:100%;
	z-index:999;
	cursor: wait; 
	
}
.loadingspan{padding:5px;background-color:Red;color:White;font-weight:bold;z-index:999;}
.loadingDiv 
{	text-align:center;
	color:White;
	background-color:Red;
	position:absolute;
	height:18px;
	right:0px;
	top:0px;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat')?documentElement.scrollTop : document.body.scrollTop);
	z-index:999;
	overflow: hidden; 
	cursor: wait; 
	border: none;
	display:inline;
}

.Hide
{
	display:none;
}

.line
{
	clear:both;
	height:1px;
	font-size:0px;
	background-color:#C3D9FF;
}
.bodyContainer,.tblDashBoard,.dcontainer{margin:0; height:100%;width:100%;vertical-align:top;font-size:12px;}
.bodyContainer .trheader{height:5%;}
.bodyContainer .trContent{height:93%;}
.bodyContainer .trFooter{height:2%;text-align:center;color:Gray;}
.tblDashBoard .td1{width:25%}
.tblDashBoard .td2{width:50%}
.tblDashBoard .td3{width:25%}
.lblCopy{font-size:80%;}
.navi{text-align:right;}
.highlights{font-weight:bold;}
.dcontainer{vertical-align:top;}
.dHeader
{	vertical-align:middle;
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	height:20px !important;
	background-color:#ff9f39;
	color:White;
}
.dHeader img{vertical-align:middle;padding:0 2px;}
.dHeader td{border:1px solid #ff6600;}
.dRow{padding:0;}
.dRow td{border:1px solid #ffdfbb;vertical-align:top;}
.dtdsml{height:150px;}
.dtdlrg{height:345px;}
#lblMsg{position:absolute;top:0;left:0;}
.ajax__validatorcallout{margin-left:10px !important;}
.error
{ font-size:12px;
	display:block;
	text-align:center;
	border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    z-index:999;
}
.err{display:block;}
.info 
{ font-size:12px;
	display:block;
	text-align:center;
	border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    z-index:999;
}
.warning 
{font-size:12px;
	display:block;
	text-align:center;
	border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    z-index:999;
}
.success 
{ font-size:12px;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
	display:block;
	text-align:center;
	border: 1px solid;
	margin: 10px 0px;
    padding:5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
	color: #4F8A10;
    background-color: #DFF2BF;
    z-index:999;
  
}
.success,.warning,.error
{    -webkit-animation: fadeOut 2s forwards;
    animation: fadeOut 10s forwards;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    }
@-webkit-keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}
.info, .success, .warning, .error {
   
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

input[type="text"] {
    width: 180px;
}
   

