* {margin:0 auto 0 auto; padding:1px;}
* {margin:0 auto 0 auto; padding:0px;}
img {border:0px;}
img, div, input { behavior: url("/WestCoastERP/Website/Stylesheet/iepngfix.htc") }
a:link {text-decoration:none; color:#515151;}
a:active, a:visited {text-decoration:none;}
a:hover {color:#666;text-decoration:underline;}
a img{border:none;}

body {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif, Verdana, Courier; font-size:11px; color:#515151; margin:0 auto 0 auto; padding:0px;}

.container {margin:0 auto 0 auto; padding:0px; width:100%;}
.header {width:100%; background:url(../images/header-bg.jpg) repeat-x left bottom; height:55px; border-bottom:1px solid #cecece;}
.header-middle{border:0px solid #000; font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier;}
.maincontent{padding:0px; margin:0px; width:100%;}
.main-navigation{font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier; background-color:White;}
.formcontent{clear:both; padding:0px; margin:0px; font-size:11px; text-align:left; padding:0 5px;}
.header-1{ width:25%;float:left; width:25%; padding:2px 0 0 10px;}
.header-2 {width:70%; float:right; margin-right:15px;}
.header-2 .menubox {float:right; }
/*.header-3 {width:auto; background-color:#cfcfcf; height:25px;vertical-align:middle; font-family:Verdana; color:#009AC6; line-height:25px; padding-left:4px; padding-right:4px; text-transform:capitalize; margin:2px 10px 2px 0; border:1px solid #999; }*/
.header-3 {text-align:right; float:right; height:25px;vertical-align:middle; font-family:Verdana; color:#009AC6; line-height:25px; padding-left:4px; padding-right:4px; text-transform:capitalize; margin:2px 10px 2px 0;  }
.header-3 span{color:#009AC6; font-weight:bold;}
.header-3 a{ color:Black; text-decoration:none; font-weight:bold;}
.header-3 a:hover{ color:#666; text-decoration:none;}
.header-3 .uname_set{width:100%; margin:0; padding:0px;}
.header-3 .uname_set .un{text-align:left; float:left; padding:0 20px;}
.header-3 .uname_set .sn{text-align:right; float:right; padding:0 20px;}
.main-content{display: inline /*Fix IE floating margin bug*/;float: right;width: 85%;overflow: visible !important /*Firefox*/;overflow: hidden /IE6/;}

.nav-1{width: 15%;float: left; background: #FCFCFC;}
.nav-1 .bdrright{border-right:1px solid #CECECE; padding-left:0px; width:100%;}
.nav-2 {width:100%; float:left; border:0px solid ;}
.nav-21 {width:100%; float:left; border:0px solid ; }

.nav-1 .menu {width: 100%;	background:#FFFFFF url(../images/header-3.jpg) repeat-x scroll left top;height: 30px;overflow:visible;	border-right: 1px solid #cecece;border-bottom:0px solid #aeaeae;}
.menu1 {width:25%; height:40px; border-right:1px solid #cfcfcf;}
.menu2 {margin:0 0 0px 0; width:100%; }
.nav-2 .menu2 {width:100%; background:#5A8FCB url(../images/header-3.jpg) repeat-x scroll left top;border-left:1px solid #CFCFCF; height:30px;}
.nav-2 .menu2 .breadcrums{float:left; line-height:inherit; padding-left:10px;}
.breadcrumlbl{float:left; line-height:inherit; padding:6px 0 0 10px; font-weight:bold;text-transform:capitalize;font-size:12px;font-family:Arial,Calibri,Verdana; color:White;}
.breadcrumlbl a {font-weight:bold;text-decoration:none;color:white; padding-right:3px;}
.breadcrumlbl a:hover {font-weight:bold;text-decoration:none;color:#000;}
.nav-2 .menu2 .breadcrum-icon {float:left; padding:5px 0 0 10px; width:16px; margin:0px;}

.mainmenu{clear:both; background-color:#dddddd; border:1px solid #c3c3c3;}
.mainmenu .mainmenuitem{ padding:00px 0; height:40px;}
.mainmenu .mainmenuitem ul{ padding:0px; margin:0px; list-style:none; list-style-type:none; list-style-image:none;}
.mainmenu .mainmenuitem ul li{ float:left; margin:0px; list-style:none; list-style-type:none; list-style-image:none; padding:12px 10px;}
.mainmenu .mainmenuitem ul li a {color:#515151; text-transform:capitalize; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;  }
.mainmenu .mainmenuitem ul li a:hover {color:#231e1e; text-decoration:none;}

/*--------------------------------------------left verticle menu ------------------------------------------------------*/

.applemenu{margin: 0px 0 00px 0;padding: 0;width: inherit; /*width of menu*/border: 0px solid #cccccc;display:block;overflow:hidden;border-bottom:0px solid #000;color:#515151;}
.applemenu li {clear:both;display:block;margin:0;padding:6px 5px 6px 2px;font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier !important;}
.applemenu li:hover{ background-color:#E4F1FF; }
.applemenu a{color:Black;}
.applemenu a:hover{color:Black;}
.applemenu div.silverheader {color: #515151;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;padding: 7px 0 0px 0;padding-left: 8px;text-decoration: none;background: #ffffff url(../images/header-3.jpg) left top repeat-x ;border-top:0px solid #cccccc;border-left:1px solid #cccccc;border-bottom:0px solid #cccccc;height:23px;font-weight:bold;}
.silverheader_ico {float:left;}
.silverheader_ico_lbl{float:left; padding-left:10px;}

.leftmenutitle {font-family: Verdana;font-size: 12px;font-weight: bold;font-style: normal;text-transform: capitalize;padding-left: 10px;padding-top:6px;color:white;}
.leftmenuitem {font-family:Arial;font-size: 12px;font-weight: bold;	font-style: normal;text-transform: capitalize;color: #000;padding-left: 10px;padding-top: 3px;}
.leftmenuitem a {font-size: 12px;font-weight: bold;font-style: normal;text-transform: capitalize;padding-left: 10px;padding-top: 3px;}
.leftmenuitem:hover {font-family: Arial;font-size: 12px;font-weight: bold;font-style: normal;text-transform: capitalize;color: #FF0000;padding-left: 10px;padding-top: 3px;	text-decoration: none;}

/*--------------------------------------------LIST menu ------------------------------------------------------*/
.nav3-grid {padding:0 0px 0 5px; margin-bottom:10px;}
.nav3-grid dt a {display: block;min-height: 2.0em /*Non-IE6*/;height: auto !important;height: 2.0em /*IE6*/;line-height: 2.0em;padding: 0px 10px 0px 0px;border-bottom: solid 1px #d0d0d0;text-decoration: none;color: #515151;font-weight: bold;font-size: 11px;}
.nav3-grid dd a {display: block;min-height: 1.7em /*Non-IE6*/;height: auto !important;height: 1.7em /*IE6*/;	line-height: 1.7em;padding: 0px 10px 0px 15px;border: none;font-weight: normal;text-decoration: none;color: #666;font-size: 10px;}

.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

.leftmenu{padding:0 5px; margin:0px; }
.leftmenu ul{padding:0 00px; margin:0px; list-style:none; list-style-image:none; list-style-type:none; font-weight:bold; font-size:12px;}
.leftmenu ul li{border-bottom: solid 0px #d0d0d0; padding:0px; margin:0px; }
.leftmenu ul li a{height: auto !important; height: 2.3em /*IE6*/; line-height: 2.3em;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #515151 ;
	font-weight: bold ;
	font-family: Verdana, helvetica, sans-serif ;
	border: 0px;
	font-size: 12px;
}
.leftmenu ul li a:hover{	color: #000; }

.leftmenu ul li ul li {font-weight:normal; margin:0; padding:0px 10px; border-bottom:0px solid #ccc; line-height:18px; font-size:11px;}

.leftmenu ul li ul li a{font-weight:normal; margin:0; padding:0px 10px; color:#999; font-size:13px; font-weight:bold;}
.leftmenu ul li ul li a:hover{ color:#333 ;}
.leftmenu ul li ul li ul li a{font-weight:normal; margin:0; padding:0px 10px; border-bottom:0px solid #ccc; line-height:18px; font-size:10px;}


/*--------------------------------------------LIST menu ------------------------------------------------------*/




/*--------------------------------------------left verticle menu Complete ------------------------------------------------------*/


h1.first
{
	background-position: left center;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #069CCF;
	font-weight: bold;
	font-size: 14px;
	text-transform: capitalize;
	border-bottom: 1px solid #e1e1e1;
	background-image: url('../Images/breadcrums.png');
	background-repeat: no-repeat;
}
h1 {clear:both; margin:0px; padding:5px 0px 5px 10px; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:bold; font-size:14px; text-transform:capitalize;}
h2 {clear:both; margin:0px; padding:  4px 0px 4px 0px; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:bold; font-size:12px; text-transform:capitalize;}
h3 {clear:both; margin:0px; padding:5px 0px 5px 10px; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:normal; font-size:11px; text-transform:capitalize;}
h4 {clear:both; margin:0px; padding:0px ; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:normal; font-size:10px; text-transform:capitalize;}
h5 {clear:both; margin:0px; padding:0px ; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:normal; font-size:10px; text-transform:capitalize;}
h6 {clear:both; margin:0px; padding:0px ; font-family:arial, helvetica, sans-serif; color:#515151; font-weight:normal; font-size:9px; text-transform:capitalize;}

.lbltext{text-transform:none;font-size: 10px; padding: 0px 2px; color:Black; font-family:Verdana, arial, helvetica, sans-serif;}
.ltext{text-transform:none;font-size: 11px; padding: 0px 2px; color:Black; font-family:Verdana, arial, helvetica, sans-serif;}
.ltextn{text-transform:none;font-size: 11px; padding: 0px 2px; color:Black; font-family:Verdana, arial, helvetica, sans-serif;text-align:right;}

.ttext,.ttext1,.ttext2,.ttext3,.ttext7{ font-size: 11px; background: #FFFFFF; border: 1px solid  #acacac; padding: 2px 1px; width:200px; color:Black; font-family: Verdana, helvetica, sans-serif;border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.ttextn{ font-size: 11px; background: #FFFFFF; border: 1px solid  #acacac; padding: 2px  2px ; width:200px; 
         color:Black; font-family: Verdana, helvetica, sans-serif;text-align:right;
         border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

.ttextcap
{
	text-transform: capitalize;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #acacac;
	padding: 2px 1px;
	color: Black;
	font-family: Verdana, helvetica, sans-serif;
	border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
    width:200px;
}
.tlablecap {
    text-transform: capitalize;
}
/*.ltext{text-transform:capitalize;font-size: 12px; padding: 0px 2px; color:Black; font-family:arial, helvetica, sans-serif;}
.ttext{ text-transform:capitalize; font-size: 11px; background: #FFFFFF; border: 1px solid  #acacac; padding: 2px 1px; width:150px; color:Black; font-family: Verdana, helvetica, sans-serif;}*/

.ttext:hover{font-size: 11px; background: #FFFFFF; border: 2px solid  #1E60A9; padding: 2px 1px; color:Black; font-family: Verdana, helvetica, sans-serif;border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dtext,.dtext1,.dtext7{text-transform:capitalize;font-size: 11px; background: #FFFFFF; border: 1px solid #acacac; padding: 2px 1px; width:203px; color:Black; font-family:Verdana, helvetica, sans-serif;border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.btext,.btn{text-transform:capitalize; border: 1px solid #456FA7;background-color: #1100BB;padding: 2px 5px;color: #FFFFFF;margin-right:5px;font-weight:normal; font-size:11px; letter-spacing:1px;font-family:Verdana;
	height: 23px;border-width: 2px;border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor:pointer;
}
.btext:hover,.btn:hover{text-transform:capitalize; border: 1px solid #456FA7;background-color: #CECECE;padding: 2px 5px;color: #000;margin-right:5px;font-weight:normal; font-size:11px; letter-spacing:1px;font-family:Verdana;
	height: 23px;border-width: 2px;border-style: groove;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-moz-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(225, 225, 225, 0.5) inset;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor:pointer;
}
.btna{text-transform:capitalize; border: 1px solid #456FA7;background-color: #1100BB;padding: 2px 5px;color: #FFFFFF;margin-right:5px;font-weight:normal; font-size:11px; letter-spacing:1px;font-family:Verdana;}
.chktxt
{
	font-family: Arial, Helvetica, sans-serif, Verdana, Courier;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
}
.chktxt label, label.chktxt{margin:0 5px 0 5px; }
.chktxt1{font-family:Arial,sans-serif; font-size:11px; font-weight:bold; text-transform:capitalize; }
.chktxt1 label{margin:-1px 0px 0 3px;}


.err{text-transform:capitalize; font-size:11px; color:Red; font-family:Arial;}
.errtext{text-transform:capitalize; font-size:11px; color:Red; font-family:Arial;}

.errtext ul { text-transform:capitalize; margin-left:20px;}


/*--------------------------------------------Table Start ------------------------------------------------------*/
.contenttable table {border: 1px solid #cccccc; font: normal 11px arial, helvetica, sans-serif; color: #333333;background: #fff; margin:0px auto; }
.contenttable caption {padding: 5px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #333333;}
.contenttable td, .contenttable th {color: #000;border: 1px solid #cccccc;padding:5px;}
.contenttable thead th, .contenttable tfoot th {font: normal 11px arial, helvetica, sans-serif;border: transparent;text-align: left;font-size: 1em;font-weight: bold;color: #333333;background:url(images/title-bg-1.jpg) left top repeat-x;background-color:#ccc}
.contenttable tbody td a {background: transparent;color: #000;text-decoration: none;}
.contenttable tbody td a:hover {background: transparent;color: #fff;}
.contenttable tbody th a {font: normal 11px arial, helvetica, sans-serif;background: transparent;color: #333333;text-decoration: none;font-weight:normal;}
.contenttable tbody th a:hover {background: transparent;color: #fff;}
.contenttable tbody th, .contenttable tbody td {vertical-align: top;text-align: left;}
.contenttable tfoot td {border: 1px solid #cccccc;background: #cbcbcb;}
.contenttable .odd {background: #F7F7F7;	color: #ffffff;}
.contenttable tbody tr:hover {color: #fff;background: #EEEEEE;}
.contenttable tbody tr:hover th, .contenttable tbody tr.odd:hover th {background: #f9f9f9;color:#ffffff;}
/*--------------------------------------------Table Complete ------------------------------------------------------*/

/*table */

/*
.gridcss {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#E8E9EA none repeat scroll 0 0;color:#274F60;font-size:11px;}
.gridcss th {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#F1F1F1 url(../Website/Images/ws_dgridHead_bg.gif) repeat-x scroll left top;color:#274F60;padding:5px;}
.gridcss th a {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/sort_icon.gif) no-repeat scroll right center;color:#274F60;display:block;text-decoration:none;width:100%;}
.gridcss td {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;padding:5px;}
.gridcss td a {color:#1E1E1E;text-decoration:underline;}.ws_datagrid td a:hover {color:#1E1E1E;text-decoration:none;}
*/
.inputform{	background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 97%;border-right: 1px solid #E1E1E1;border-bottom: 1px none #E1E1E1;border-top: 1px solid #E1E1E1;margin:5px auto;font-family:'Verdana', Arial, Helvetica, sans-serif, Verdana, Courier;border-left-color: #E1E1E1;}
.inputform thead th{ text-align:center; background-color:#F6F9FC; font-weight:bold; color:#274F60; }
.inputform th { text-align:left; background:#F6F9FC ; color:#274F60;padding:5px;border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana;vertical-align:top;}
.inputform td {background:#FFFFFF ; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top;}
.inputform tr.odd td{background-color:#EFF5FB;}
/*.inputform tr:hover td{background-color:#ECF4F8;}
.inputform tr:hover th{background-color:#D5E7F8;}*/
.inputform th a{background:#F6F9FC; color:#274F60;padding: 0px;border:0px;  font-family:Verdana;vertical-align:top;}
.inputform th a:hover{background:#F6F9FC; color:#274F60;padding:0px;border:0px;  font-family:Verdana;vertical-align:top;}
.cmp {background:#F6F9FC none repeat scroll 0 0; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Arial, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top; color:Red;} 

/* table with optnal width */
.inputform1{	background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;border-right: 1px solid #E1E1E1;border-bottom: 1px none #E1E1E1;border-top: 1px solid #E1E1E1;margin:5px auto;font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier;border-left-color: #E1E1E1;}
.inputform1 thead th{ text-align:center; background-color:#ccc; font-weight:bold; color:#FFF; background-image:url(../Images/header-3.jpg);}
.inputform1 th {background:#F6F9FC ; color:#274F60;padding:5px;border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana;vertical-align:top;}
.inputform1 td {background:#FFFFFF ; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Arial, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top;}
.inputform1 tr.odd td{background-color:#EFF5FB;}
/*.inputform tr:hover td{background-color:#ECF4F8;}
.inputform tr:hover th{background-color:#D5E7F8;}*/
.inputform1 th a{background:#F6F9FC; color:#274F60;padding: 0px;border:0px;  font-family:Verdana;vertical-align:top;}
.inputform1 th a:hover{background:#F6F9FC; color:#274F60;padding:0px;border:0px;  font-family:Verdana;vertical-align:top;}

/* table with optnal width */
.inputform2{	background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;border-right: 1px solid #E1E1E1;border-bottom: 1px none #E1E1E1;border-top: 1px solid #E1E1E1;margin:5px auto;font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier;border-left-color: #E1E1E1;}
.inputform2 thead th{ text-align:center; background-color:#ccc; font-weight:bold; color:#FFF; background-image:url(../Images/header-3.jpg);}
.inputform2 th {background:#5795DB ; color:#FFFFFF;padding:5px;border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana;vertical-align:top; font-weight:bold;}
.inputform2 td {background:#FFFFFF ; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Arial, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top;}
.inputform2 tr.odd td{background-color:#EFF5FB;}
/*.inputform tr:hover td{background-color:#ECF4F8;}
.inputform tr:hover th{background-color:#D5E7F8;}*/
.inputform2 th a{background:#5795DB; color:#FFFFFF;padding: 0px;border:0px;  font-family:Verdana;vertical-align:top; font-weight:bold;}
.inputform2 th a:hover{background:#5795DB; color:#FEFEFE;padding:0px;border:0px;  font-family:Verdana;vertical-align:top;font-weight:bold;}




.inputformhead{background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 97%;border-right: 1px solid;border-bottom: 1px;border-top: 1px solid;border-color: #FF3300;margin: 5px auto;font-family: 'Arial Narrow' , Arial, Helvetica, sans-serif, Verdana, Courier;}
.inputformhead50{background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 50%;border-right: 1px solid;border-bottom: 1px;border-top: 1px solid;border-color: #FF3300;margin: 5px auto;font-family: 'Arial Narrow' , Arial, Helvetica, sans-serif, Verdana, Courier;}
.inputformhead thead th{text-align: center;background-color: #FFCC99;font-weight: bold;color: #FFF;}
.inputformhead50 thead th{text-align: center;background-color: #FFCC99;font-weight: bold;color: #FFF;}

.inputformhead th {background:#FFCC99; color:#274F60;padding:5px;border:0px; border-left:1px solid #FF3300; border-bottom:1px solid #FF3300; font-family:Verdana;vertical-align:top;}
.inputformhead td {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:0px; border-left:1px solid #FF3300; border-bottom:1px solid #FF3300; font-family:Arial, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top;}

.inputformhead50 th {background:#FFCC99; color:#274F60;padding:5px;border:0px; border-left:1px solid #FF3300; border-bottom:1px solid #FF3300; font-family:Verdana;vertical-align:top;}
.inputformhead50 td {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:0px; border-left:1px solid #FF3300; border-bottom:1px solid #FF3300; font-family:Arial, 'Arial Narrow', Verdana, 'Times New Roman'; text-align:left;vertical-align:top;}

.gridcss { text-transform:capitalize; background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 97%;border-right: 1px;border-bottom: 1px;border-top: 1px;border-color: #E1E1E1;border-style:solid;margin:5px auto;font-family:Verdana, Arial, Helvetica, sans-serif,  Courier ;}
.gridcss th {text-align:center;background:#5795DB ; color:#FFF;padding:5px;border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana;}
.gridcss th a{color:#FFF; font-weight:bold; }
.gridcss th a:hover{color:#FFF; text-decoration:underline; font-weight:bold;}
.gridcss td {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; text-align:left}
.gridcss tr:hover td{background-color:#FFFFCC;}
.gridcss tr:hover th{background-color:#3A7AC3;}
.gridcss td a
{
	color: #006666; font-weight:bold;
}
.gridcssaltrow td {	background: #F6F9FC none repeat scroll 0 0;	padding: 5px;}
.gridcss td.number
{
text-align: right;
}

.gridpager{border-left: 1px solid #E1E1E1;}
.gridpager td {	background: #F8F8F8;color: #274F60;padding: 2px 5px;border:none; }
.gridpager span {font-size:15px; font-weight:bold;color: #009ACC;}
.gridpager a {border: none;color: #515151;}

/*table */
.gridcss1 { text-transform:capitalize; background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 97%;border-bottom: 1px;border-color: #E1E1E1;border-style:solid;font-family:Verdana, Arial, Helvetica, sans-serif,  Courier ;}
.gridcss1 th {background:#5795DB ; color:#FFF;padding:5px;border:0px; border-bottom:1px solid #E1E1E1; font-family:Verdana;}
.gridcss1 th a{color:#FFF; font-weight:bold; }
.gridcss1 th a:hover{color:#FFF; text-decoration:underline; font-weight:bold;}
.gridcss1 td {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:0px; border-bottom:1px solid #E1E1E1; text-align:left}
.gridcss1 tr:hover td{background-color:#FFFFCC;}
.gridcss1 tr:hover th{background-color:#3A7AC3;}
.gridcss1 td a{color: #0000FF;}
.gridcssaltrow td {	background: #F6F9FC none repeat scroll 0 0;	padding: 5px;}

.gridpager{border-left: 1px solid #E1E1E1;}
.gridpager td {	background: #F8F8F8;color: #274F60;padding: 2px 5px;border:none; }
.gridpager span {font-size:15px; font-weight:bold;color: #009ACC;}
.gridpager a {border: none;color: #515151;}

/*--------------------------------------------Registration Page Start ------------------------------------------------------*/
.register{ clear:both; padding:0px; margin:10px 0; text-align:left;}
.register table {padding:0px; margin:0px; text-align:left; width:100%;}
.register thead th {font: normal 12px  arial, helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333333;background-color:#ccc; width:100%; text-align:center; padding:5px;}

/*--------------------------------------------Registration Page Complete ------------------------------------------------------*/

/*--------------------------------------------Horizontal Menu Start ------------------------------------------------------*/

/*.droplinebar{clear:both; overflow: visible;  margin-bottom: 0px; }
.droplinebar ul{ margin: 0; padding: 0; width: 100%; background: #f1f4f9 url(img/Menubg.jpg);  font-size: 11px;}
.droplinebar ul li{ float: left; list-style: none; clear: none; padding: 0; border-right:1px solid #cecece;}
.droplinebar ul li a{ color: #203977; padding: 0px 9px; font-size: 10px !important; text-decoration: none; font-weight: bold; letter-spacing:1px; font-family:Verdana Arial ;}
.droplinebar ul li a:hover, .droplinebar ul li .current{ color: #515151;}*/
.droplinebar{overflow: visible;margin-bottom: 1px;}
.droplinebar ul{margin: 0;padding: 0;float: left;width: 100%;background: #f1f4f9 url(../images/Menubg.jpg); font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
.droplinebar ul li {float: left;list-style: none;clear: none;padding: 0;border-right: 1px solid #cecece;border-right-width: 0px;}
.droplinebar ul li a{float: left;color: #203977;padding: 6px 9px;font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;font-weight: bold;}
.droplinebar ul li a:hover, .current {color: #000000;background-color: #E2E0E0;display:block;text-decoration:none;}
/*--------------------------------------------Horizontal Menu Complete ------------------------------------------------------*/        

/*--------------------------------------------Icons Set Menu Start ------------------------------------------------------*/        

.icon-menu { float:right;background: url(../images/header-3.jpg) left top repeat-x; border-right:1px solid #aeaeae;}
.icon-menu .icontab{padding:0px; margin:0px;outline:none; }
.icon-menu .icontab .pgicons{float:left; padding:2px 5px 2px 5px;}
.icon-menu .icontab .pgiconslast{ width:auto; text-align:right; padding-right:10px;}
.mainmenu{clear:both; background-color:#dddddd; border:1px solid #c3c3c3;}
.mainmenu .mainmenuitem{ padding:00px 0; height:30px;}
.mainmenu .mainmenuitem ul{ padding:0px; margin:0px; list-style:none; list-style-type:none; list-style-image:none;}
.mainmenu .mainmenuitem ul li{ float:left; margin:0px; list-style:none; list-style-type:none; list-style-image:none; padding:3px 10px;}
.mainmenu .mainmenuitem ul li a {color:#515151; text-transform:capitalize; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;  }
.mainmenu .mainmenuitem ul li a:hover {color:#231e1e; text-decoration:none;}
/*--------------------------------------------Icons Set Menu Complete ------------------------------------------------------*/        

.setting_msg
{
    background-position: 0 0;
    background: #FFFFDF none repeat scroll 0 0;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 96%;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    
}
.setting_msg1 {background:#FFFF00 none repeat scroll 0 0;border:1px solid #EEDD99; color:Blue; font-family:Verdana,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:5px;width:97%;margin-top:5px;padding:5px;position:relative;}
.setting_msg_error {background:#FF0000 none repeat scroll 0 0;border:1px solid #000; color:Black; font-family:Verdana,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:5px;width:97%;margin-top:5px;padding:5px;position:relative;}
.searchPanel {border:0px;border-bottom:0px solid #cccccc;margin:5px 0;}
.searchPanel fieldset{border:0px;}

.activelink
{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}
.activelink:hover
{
	color: #008000;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}
.inactivelink
{
	color: #808080;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}
.inactivelink:hover
{
	color: #808080;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}



table, tr, td{text-align: left;vertical-align: top;}
.triview{border: 0px solid #ff0000;color: #000;font-size: 12px;text-align: left;vertical-align: top;border-bottom: 1px solid #5998DD;}
.triview a{font-size: 10px;font-family: Arial;color: #000;}
.triview table{border:1px solid #ff0000; background-color:#f1f1f1;font: normal 11px Arial, Helvetica, sans-serif; color: #000;padding: 0px 0;text-decoration: none;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
.triviewnode_1{text-align: left;background: #DAEEFE;width: 100%;border: 1px solid #a4a4a4;font-weight:bold;}
.triviewnode_1 a{text-align: left;background: #DAEEFE;width: 100%;border: 1px solid #a4a4a4;font-weight:bold;font-size:12px;}

.triviewnode_2{text-align: left;width: 100%;border-bottom: 1px solid #cdcdcd;font-size: 12px;}
.triviewnode_2 a{color: #000;font-weight: normal;padding-left: 0px;font-size: 12px;font-family: Arial;display:block;}
.triviewnode_2 a:hover{color: #000;text-decoration:none;background-color:#DAEEFE;display:block;}

.triviewnode_3{text-align: left;width: 100%;border-bottom: 1px solid #dddddd;font-size: 11px;}
.triviewnode_3 a{color: #000;font-weight: normal;padding-left: 0px;font-size: 11px;font-family: Arial;display:block;}
.triviewnode_3 a:hover{color: #000;text-decoration:none;background-color:#DAEEFE;display:block;}

.triviewselnode{text-align: left;background: #eeeeee;width: 100%;}
.triviewselnode a{color: #000;font-weight: bold;letter-spacing: 1px;}
.triviewselnode a:hover{color: Black;}
.TreeView1_0, triviewnode_2, TreeView1_7, triviewnode_1, TreeView1_3{line-height: 10px;height: 10px;}
.parnode{font-weight: normal;background: #DAEEFE;width: 100%;border: 1px solid #a4a4a4;}
.parnode a{font-weight: normal;background: #DAEEFE;width: 100%;color:#000;font-weight:bold;font-size:12px;}
.parnode a:hover{font-weight: normal;background: #DAEEFE;width: 100%;color:#000;text-decoration:underline;font-weight:bold;}
.hornode{font-size:12px !important;}
.selnode{text-decoration: underline;color: #5555dd;padding: 0 2px;}
.ndstyle{font-family: Arial;font-size: 12px;color: #000;padding: 0px 0;font-weight:normal;}

.allnodestyle{ line-height:17px;}

.pageheader td {background-color: #F1F2F3;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 14px;color: #000;}

.fileupload {border:0px; background:#FFF;}
.subpagetitle{background-color:#F1F2F3; width: 96%; border:1px solid #CECECE; color:#000; font-family:Verdana, Arial, Times New Roman, Georgia, Courier; font-weight:bold; font-size:14px; padding:3px 0 3px 10px; margin:0px auto;}
.divheadline{background-color:#CCFFCC; width: 96%; border:1px solid #CECECE; color:#000; font-family:Verdana, Arial, Times New Roman, Georgia, Courier; font-size:12px; padding:3px 0 3px 10px; margin:5px auto;}
.divAnnouncement
{
    background-color: #FFFFCC;
    width: 96%;
    border: 1px solid #000;
    color: #000;
    font-family: Verdana, Arial, Times New Roman, Georgia, Courier;
    font-size: 13px;
    padding: 3px 0 3px 10px;
    margin: 5px auto;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
}
.divSFAAnnouncement
{
    background-color: #FFF;
    width: 96%;
    border: 1px solid #000;
    color: #000;
    font-family: Verdana, Arial, Times New Roman, Georgia, Courier;
    font-size: 13px;
    padding: 3px 0 3px 10px;
    margin: 5px auto;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
}
/* ---------------------------- Email Css ---------------------------- */
.email_main{padding:0 10px; width:80%; margin:10px auto; border:2px solid #f1f1f1; color:#515151;}


.email_titlename{font-size: 12px; padding: 0px 2px; font-weight:bold; font-family:verdana, arial, helvetica, sans-serif; background:#D8E9FC; border:1px solid #a4a4a4; padding:5px 10px; margin:10px 0; display:inline-block;}
.email_subname{font-size: 12px; font-family:Verdana,arial, helvetica, sans-serif; font-weight:bold; word-spacing:2px;}
.email_content{font-size: 12px; font-family:arial, Verdana, helvetica, sans-serif; font-weight:normal; letter-spacing:1px;}



.inputform_email table{background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 100%;border-right: 1px solid #E1E1E1;border-bottom: 1px none #E1E1E1;border-top: 1px solid #E1E1E1; border-left-color: #E1E1E1; margin:5px auto; font-family:'Arial Narrow', Arial, Helvetica, sans-serif, Verdana, Courier;}
.inputform_email thead th{text-align:center; background-color:#ccc; font-weight:bold; color:#FFF; background-image:url(../Images/header-3.jpg);}
.inputform_email th {background:#F6F9FC; color:#274F60; font-size:12px; padding:5px 5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Arial, Verdana, 'Times New Roman'; text-align:left; vertical-align:top; font-weight:bold;}
.inputform_email td {background:#FFFFFF; color:#515151; font-size:11px; padding:2px 5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Arial, Verdana, 'Times New Roman'; text-align:left; vertical-align:top;}
.inputform_email tr:hover td{background-color:#ECF4F8;}
.inputform_email tr:hover th{background-color:#D5E7F8;}
.inputform_email th a{background:#F6F9FC; color:#274F60;padding:5px;border:0px;  border-bottom:1px solid #E1E1E1; font-family:Verdana;vertical-align:top;}
.inputform_email th a:hover{background:#F6F9FC; color:#274F60;padding:5px;border:0px;  border-bottom:1px solid #E1E1E1; font-family:Verdana;vertical-align:top;}


/* ---------------------------- Email Css Complete ---------------------------- */






/* --------------------------------------- master list view --------------------------------------- */
.masterlistview{ padding:0px; margin:0px;}
.masterlistview select{ padding:0px; margin:0px; background-color:#f9f9f9; border-right:1px solid #98BEDC; border-bottom:1px solid #98BEDC; border-top:1px solid #98BEDC;}
.masterlistview option{ line-height:18px; height:18px; font-family:Verdana, Arial; font-size:11px; text-transform:capitalize; background-color:#f1f1f1; border-bottom:1px solid #98BEDC; border-left:1px solid #f1f1f1; }
.masterlistview option{padding:0 5px; }
.masterlistview option:hover{background-color:#D7E5F0;}
/* --------------------------------------- master list view --------------------------------------- */


.pagetitle{width:96%; background: url(../Images/dash_cont_ttl_center.jpg) repeat-x top left; color:#000;padding:5px;border:1px solid #E1E1E1;  font-family:Verdana; font-weight:bold; font-size:12px;}


.selected{ font-family:Verdana; font-weight:bold; background-color:Gray; padding: 5px; color:#ffffff !important; }
.tabspan{padding-right:10px; font-size:12px;}




/*--------------------------Sttabel------------------------------------------------------------------------------*/

/*----------------*/
.sttable table{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555; font-size:11px;}
.sttable th{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
.sttable td {border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
.sttable caption {font-size: 150%;font-weight: bold;margin: 5px; color:#2D549E;}
.sttable td{padding: 4px 0 4px 4px;text-transform:capitalize;}
.sttable th {padding: 4px;text-transform:capitalize;}
.sttable thead th{ text-align:center; background-color:#5795DB; font-weight:bold; color:#FFF; background-image:url(../Images/header-3.jpg);}
/*.sttable thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important; }*/

.sttable tbody th {font-weight: bold; text-align:left;}
.sttable tbody tr { background: #FCFDFE; }

/*-----------------*/
.sttable thead td {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important; }
.sttable tbody td {font-weight: bold; text-align:left;background:#FFFFFF; color:#274F60;}
.sttable tbody td.odd {font-weight: bold; text-align:left; color:#FFF; background:#F6F9FC;}
.sttable tbody th {font-weight: bold; text-align:left;background:#F6F9FC; color:#274F60;}

/*-----------------*/

.sttable table a:link {color: #718ABE;text-decoration: none;}

.sttable table a:visited {color: #718ABE;text-decoration: none;}

.sttable table a:hover {color: #718ABE;text-decoration: underline !important;}

.sttable tfoot th{font-size: 85%;}
.sttable tfoot td {font-size: 85%;}

.sttable td.tdpaging{text-align: right; padding-right:20px;}



.grd_style { text-transform:capitalize; background: #E8E9EA none repeat scroll 0 0;color: #000;font-size: 11px;width: 97%;border-right: 1px;border-bottom: 1px;border-top: 1px;border-color: #E1E1E1;border-style:solid;margin:5px auto;font-family:Verdana, Arial, Helvetica, sans-serif,  Courier ;}
.grd_style th {text-align:center;background:#5795DB ; color:#FFF;padding:5px;border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; font-family:Verdana;}
.grd_style th a{color:#FFF; font-weight:bold; }
.grd_style th a:hover{color:#FFF; text-decoration:underline; font-weight:bold;}
.grd_style td {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:0px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; text-align:left}
.grd_style tr:hover td{background-color:#FFFFCC;}
.grd_style tr:hover th{background-color:#3A7AC3;}
.grd_style td a
{
	color: #006666; font-weight:bold;
}
.grd_stylealtrow td {	background: #F6F9FC none repeat scroll 0 0;	padding: 5px;}
.grd_style td.number
{
text-align: right;
}

.alertmessage {border:0px ; color:Black; font-family:Verdana,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:5px;width:97%;margin-top:5px;padding:5px;position:relative;}

/*----------------*/


/*
.gridpager{border-left: 1px solid #E1E1E1;}
.gridpager td {	background: #F8F8F8;color: #274F60;padding: 2px 5px;border:none; }
.gridpager span {font-size:15px; font-weight:bold;color: #009ACC;}
.gridpager a {border: none;color: #515151;}
*/
/*
.sttable table{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555; font-size:11px;}
.sttable th{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
.sttable td {border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
.sttable caption {font-size: 150%;font-weight: bold;margin: 5px; color:#2D549E;}
.sttable td{padding: 4px 0 4px 4px;}
.sttable th {padding: 4px;text-transform:capitalize;}
.sttable thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important; }
.sttable tbody th {font-weight: bold; text-align:left;}
.sttable tbody tr { background: #FCFDFE; }

.sttable tbody tr.odd { background: #F7F9FC; }

.sttable table a:link {color: #718ABE;text-decoration: none;}

.sttable table a:visited {color: #718ABE;text-decoration: none;}

.sttable table a:hover {color: #718ABE;text-decoration: underline !important;}

.sttable tfoot th{font-size: 85%;}
.sttable tfoot td {font-size: 85%;}

.sttable td.tdpaging{text-align: right; padding-right:20px;}

*/
/*-----------------------end---Sttabel------------------------------------------------------------------------------*/



/*--------------------------------------------stcalendar 1 Start  ------------------------------------------------------*/
.stcalendar table{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555; font-size:11px;}
.stcalendar th{border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
.stcalendar td {border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}

.stcalendar caption {font-size: 150%;font-weight: bold;margin: 5px; color:#2D549E;}

.stcalendar td{padding: 0px 0 0px 0px;}
.stcalendar td table td {text-align:center; font-weight:bold; font-size:12px; font-family:Verdana, Arial;}
.stcalendar th {padding: 4px;text-transform:capitalize;}
.stcalendar thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important; }

.stcalendar tbody th {font-weight: bold; text-align:left;}

.stcalendar tbody tr { background: #FCFDFE; }

.stcalendar tbody tr.odd { background: #F7F9FC; }

.stcalendar table a:link {color: #718ABE;text-decoration: none;}

.stcalendar table a:visited {color: #718ABE;text-decoration: none;}

.stcalendar table a:hover {color: #718ABE;text-decoration: underline !important;}

.stcalendar tfoot th{font-size: 85%;}
.stcalendar tfoot td {font-size: 85%;}

.stcalendar td.tdpaging{text-align: right; padding-right:20px;}
/*--------------------------------------------stcalendar 1 Complete ------------------------------------------------------*/


/*-------------------------------------------- Start Add Shift Grid P=27  ---------------------------------------------*/
.grd_style27 table {border:0px;}
.grd_style27{border:2px solid #aeb5bb ;}

.gridcaption27{ height:33px; line-height:33px; background:url(../images/GridHCaption.jpg) repeat-x; border-top:2px solid #b2c9de; border-left:2px solid #b2c9de; border-right:2px solid #b2c9de; }
.gridcaption27 .gCsrhby27{ color:White; margin:0 5px; font-size:11px; font-weight:bold; text-align:center;}
.gridcaption27 .pad10caption27{padding:0px 10px 0px 10px;}
.gridcaption27 table{width:500px; margin:0 auto}

.grd_style27{width:100%; font-size:11px; font-family:"Trebuchet MS",Arial,sans-serif; padding:5px 0; text-decoration:none; color:#515151;  }
.grd_style27 a{width:100%; font-size:11px; font-family:"Trebuchet MS",Arial,sans-serif; text-decoration:none; color:#515151; padding:5px 0;}
.grd_style27 a:hover{color:#003d92;}

.header_style27{padding: 5px 0; color: #000; text-align: left; background:#b2ccde url(../Images/GridHeaderBG.jpg) left top repeat-x; }
.header_style27 th{padding:5px 5px; text-align:left; border-right:1px solid #bbb;}
.header_style27 a{color:#000;}
.header_style27 a:hover{color:#003d92;}

.row_style27{background-color:#eeefef; border:1px solid #c3c9ce; }
.row_style27 td{padding:2px 3px;border:1px solid #c3c9ce ;}

.alternate_style27{background-color:#e1e1e1; border:1px solid #c3c9ce; }
.alternate_style27 td{ padding:2px 3px; border:1px solid #c3c9ce ;}

.selected_row_style27{background:#ebecec ;  padding:5px 0; font-weight:bold; color:#515151;}
.selected_row_style27 td{background:#ebecec ; padding:5px 0; font-weight:bold; padding:5px 0; color:#515151; }
.selected_row_style27 a{color:#515151; padding:0 5px;}


.edit_style27{background:#C5DCF3; padding:5px 0; font-weight:bold; color:#515151;}
.edit_style27 td{background:#C5DCF3; padding:5px 0; font-weight:bold; padding:5px 0; color:#515151;}
.edit_style27 a{color:#515151; padding:0 5px;}



.footer_style27{background:#517496; padding:5px 0;}
.footer_style27 th{background:#517496; padding:5px 0;}

.pager_style27{background: #dfe1e2 url(../images/GridPagerBG.jpg) left bottom repeat-x;overflow:hidden; text-align:right;}
.pager_style27 td{padding:2px 15px 2px 0;}
.pager_style27 td table { text-align:right !important; display:inline-block;}
.pager_style27 td table td{ text-align:right !important; }
.pager_style27 a {border:0px; margin:0px; padding:0px;}
.pager_style27 a img{border:0px; margin:0px; padding:0px;}

.numeric{text-align:right;}

.PageView27
{
	font-size: 11px;
	font-family: Verdana, Arial, Times New Roman,Georgia;
	font-weight: bold;
	text-align: right;
	padding: 0px 5% 0 0;
	color: #14497e;
	background: #e3eefa url(../images/GridPageNumber.jpg) left top repeat-x;
	line-height:28px;
	height:28px;
	border-bottom:1px solid #aeb5bb;
	border-left:1px solid #aeb5bb;
	border-right:1px solid #aeb5bb;
}
/*-------------------------------------------- Complete Add Shift Grid P=27  ---------------------------------------------*/

.outerpopdiv {height: auto !important;max-height:350px; overflow-y: scroll !important; overflow-x: hidden !important;width: 100%;}
.innerpopdiv {height: 99% !important;overflow: auto !important;width: 100% !important;}




#upload {
	margin: 5px 5px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f2f2f2;
	color: #3366cc;
	border: 1px solid #ccc;
	width: 100px;
	cursor: pointer !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.darkbg {
	background: #ddd !important;
}

#status {
	font-family: Arial;
	padding: 5px;
}

ul#files {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul#files li {
		padding: 5px;
		margin-bottom: 2px;
		width: 200px;
		float: left;
		margin-right: 10px;
	}

		ul#files li img {
			max-width: 180px;
			max-height: 150px;
		}

.success {
	background: #99f099;
	border: 1px solid #339933;
}

.error {
	background: #f0c6c3;
	border: 1px solid #cc6622;
}