@charset "utf-8";
/* CSS Document */



body {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	background-image: url(images/body_bg.png);
	background-position: top;
	background-repeat: repeat-x; background-position-x:none!important;
	background-color: #001f33;
}
#wrapper{width:946px; margin: 46px auto 0; border:2px solid #fff;  }

#header{width:946px; height:81px; background:url(images/header_bg.jpg) no-repeat; margin:0; float:left;}

	
.navigation{width:942px; height:27px; background:url(../images/nav-bg.jpg) repeat-x; margin: 0 2px; float:left;}

#container{width:942px; height:600px;  overflow-x: hidden;
    overflow-y: scroll; margin: 2px 2px; float:left; } 
    
    
.page_bg {
	 margin: 79px auto 0;
}
.Grid_Content {
	 background:url(images/page_bg.jpg) repeat-x; width:870px; margin:0px auto;background-color:#464646; overflow: hidden;
}

.pagetitle {
	width: 94%;
	margin: auto;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	padding: 2px 6px 2px 6px;
}
#footer {
	width: 92%;
	color: #ECECEC;
	padding-bottom: 10px; padding-top:10px; margin:0px auto;
}
#footer a {
	color: #FFCC66;
}
/*---------------------------------LAYOUT DIV STYLE ENDS-----------------------------*/
/*---------------------------------BODY CONTENT STYLES STARTS---------------*/
em {
	font-size: 11px;
	padding-left: 1px;
	padding-right: 1px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
}

.clear {

	clear: both;
}
a {
	color: #e98b0e;
	text-decoration: none;
}
a:hover {
	color: #fcdcdb;
	text-decoration:none;
}
#header h2 {
	float: left;
	height: 140px;
}

#header{ position:relative;}
.welcomebox {
	text-align: right;
	float: right;
	padding-right: 10px;
	position: relative;
	color: #fff;
	font-weight: bold;
}
.menunav {
	text-align: left;

	margin-bottom: 15px;
    width:946px; height:27px; background:url(images/nav-bg.jpg) repeat-x;  float:left;  z-index:9999; top:82px; border-bottom:1px solid #fff; left:0px;position: relative;
}
.staticMenuItemStyle {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;

	text-align: center;
	 
   height:27px;display:block;  float:left;
}
}
.staticMenuItemStyle a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;height:27px; line-height:25px;
	text-decoration: none;
	
}
.staticMenuItemStyle td a{ line-height:25px; margin-left: 24px;
    padding: 0 12px 0 10px;}

.staticMenuItemStyle td { text-align:center; }

.staticMenuItemStyle a:hover{background:url(images/topMenuItemHover.png) repeat-x;height:27px; color:#760000; display:block; }
.staticHoverStyle {
	text-decoration: none;
}
.logout {
	text-decoration: none;
	background-position: -1px 0px;
	background-image: url("images/logout0.png");
	background-repeat: no-repeat;
	float: left;
	width: 70px;
	height: 23px;
	background-color: transparent;
	color: #fff;
	font-weight: bold;
}
#breadcrumb {
	margin-top: 80px;
	padding-bottom: 6px;
	margin-right: 10px;
	padding-top: 6px;
	text-align: right;
	width: 96%;
	color: #fbaf01;
}

#breadcrumb span{ padding-left:10px;}
#breadcrumb a {
	text-decoration: none;
	color: #fff;padding-left:10px;
}
#logcontainer {
	padding: 20px 0;
	margin: 20px auto;
	min-height: 660px;
}
#logcontent {
	margin: 20px auto;
	padding: 10px;
    /*height:620px;*/
}
.loginTitleTxt {
	font-size: 20pt;
	color: #6a6c79;
	font-family: Verdana;
	padding-left: 15px;
	height: 40px;
}
.loginBox {
	background-image: url("images/logbg.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 264px;
	margin: auto;
	width: 365px;
}
.loginBox table {
	margin: auto;
}
.loginBox table td {
	padding-bottom: 3px;
}
.loginbtn {
	text-decoration: none;
	background-image: url(images/button_login.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFFFFF;
	width: 47px;
	border: none;
	text-align: center;
	font-weight: bold;
	float: right;
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 4px;
}
.link_button {
	color: #336699;
}

span a.link_button {
	color: #c00807;
}

span a:hover.link_button{ color:#0879c8}

ol {
	border: 0px solid #fff;
	float: left;
}
li {
	width: 100%;
	list-style-type: none;
	border: 0px solid #fff;
	float: left;
	padding: 3px 0 3px 0;
	line-height: 1.8;
}
li b {
	padding: 0px 0 3px 3px;
	line-height: 1.8;
	font-size: 13px;
}
/*-------------------------Form Control classes---------------------------*/
.invoice {
	border: 1px #000000 solid;
	border-collapse: collapse;
	background-color: white;
	color: Black;
}
 

.invTable td {
	border: 1px #000000 solid;
}
.formbody {
	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
  
	margin: 0;
	color: #fff;
	padding: 0;
	width: 90%;
	margin: auto;
}
fieldset {
	clear: both;
	border-color: #949292;
	border-width: 1px;
	margin: auto;
	border-style: solid;
	padding: 10px;
/* padding in fieldset support spotty in IE */	margin: 0;
}
fieldset legend {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.formbody table {
	padding: 10px;
	margin: auto;

/* set top margin same as form input - textarea etc. elements */
}
.formbody td {
	text-align: right;
	padding: 4px 0 4px 2px;
	margin: 5px 0 0;
/* set top margin same as form input - textarea etc. elements */
}
.txtLeft td {
	text-align: left;
	padding: 6px 0 6px 2px;
	margin: 5px 0 0;
/* set top margin same as form input - textarea etc. elements */
}
.forminnerTbl {
	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
  
	  
	color: #fff;
	padding: 0;
	 
	margin: auto;
}
.forminnerTbl fieldset {
	border-color: #fff;
	border-width: 1px;
	margin: auto;
	border-style: solid;
/* padding in fieldset support spotty in IE */	margin: 0;
}
.forminnerTbl fieldset legend {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.forminnerTbl table {
	 margin:auto

/* set top margin same as form input - textarea etc. elements */
}
.forminnerTbl td {
	text-align: left;
	padding-bottom: 4px;
	padding-top: 6px;
}
.forminnerTbl td lable {
	position: absolute;
}
 .multi {  
	  margin-left:-2px;
	float: left;
	text-align: left;
}
.multi select {  margin-left:2px;
 
	
}

.forminnerTbl em { font-size:11px;
	text-align: right;
	position: relative;
	top: -1px;
	padding-left: 1px;
	font-style: normal;
	color: #FF0000;
}
.btncontainer{  margin:auto; 
	 text-align:center;   
}
.listtext {
	float: left;
	text-align: left;
	width: 90%;
}
.listtext td {
	padding-left: 10px;
}
.noedit {
	float: left;
}
input[type="text"], input[type="password"] {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 2px 4px 2px 2px;
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */	width: 180px; /* set width of form elements to auto-size, otherwise watch for wrap on resize */;
	margin: 0 0 0 2px;
/* set margin on left of form elements rather than right of
                            label aligns textarea better in IE */	background-image: url(images/inputbg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px #adabab solid;height: 20px;
}
textarea {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 2px 4px 2px 4px;
	margin: 0 0 0 2px;
	border: 1px #336699 solid;
}
.rdbbtn {
	float: left;
	margin-right: 4px;
	padding: 0 5px 0 5px;
}
.rdbbtn input[type="radio"] {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 14px;
	text-align: left;
}
.rdbbtn label {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
select {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin: 0 0 0 2px;
}
.chkbox {
	margin: 10px 0 0 2px;
	text-align: left;
	float: left;
}
.chkbox input {
	width: auto;
	padding: 0;
	float: left;
}
.chkbox label {
	padding: 2px 4px 2px 4px;
}
.btn {
	margin-top: 10px;
	font-weight: bold;
	float: left;
	color: #6b0302;
	background-image: url(images/bg_green.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
	background-position: bottom;
border: 1px solid #464646;
	text-decoration: none;
	margin-left: 8px;
	padding-top: 2px;
	padding-right: 3px;
	width: auto;
	padding-bottom: 2px;
	padding-left: 3px;
}
.minibtn {
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	color: #820203;
	background-image: url(images/bg_green.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
	background-position: bottom;
	border: 1px solid #666;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.tblsmall {
	border: 1px solid #ff0000!important;
	padding: 2px!important;
}
.tblsmall td {
	background-color: #AA2D2C;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
}
.tblsmall td span {
	text-align: left;
	padding: 0 3px 0 3px;
	float: left;
}
.tblsmall td b {
	text-align: left;
	padding: 0 3px 0 3px;
	float: left;
}
.formbody small {
	display: block;
	float: left;
	margin: 0 0 5px 10px;
/* instructions/comments left margin set to align w/ right column inputs */	padding: 1px 3px;
	color: #ffa4a3;
}
.formbody em {
	text-align: right;
	position: relative;
	top: -1px;
	font-style: normal;
	color: #FF0000;
}
.req { padding-left:2px;
	float: right;
}
/* uses class instead of div, more efficient */
.formbody br {
	clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.frmlink {
	color: #FF9933;
	line-height: 2;
	float: left;
	padding: 4px;
	font-weight: bold;
}
.linkback {
	margin: auto;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	padding-right: 3px;
	width: auto;
	padding-bottom: 1px;
	padding-left: 3px;
}
.datainfobox b {
	text-align: center;
	color: #fff;
	background-color: #66bad9;
}
.datainfobox {
	color: #003366;
	border: 2px solid #257299;
}
.datainfobox td {
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align: center;
	background-color: #cdedfb;
	color: #003366;
}
.datainfobox td input {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 1px solid #257299;
}
.frminfobox b {
	text-align: center;
	line-height: 1.8;
	color: #fff;
	float: right;
	width: 100%;
	background-color: #66bad9;
}
.frminfobox {
	text-align: left;
	float: right;
	width: 98%;
	color: #003366;
	border: 1px solid #257299;
	background-color: #cdedfb;
}
.frminfobox span {
	text-align: left;
	width: 96%;
	padding: 6px;
	color: #003366;
	float: left;
}
.linkback a {
	font-weight: bold;
	color: #66CCFF;
	text-decoration: underline;
	padding-top: 0px;
	padding-right: 3px;
	width: auto;
	padding-bottom: 1px;
	padding-left: 3px;
}
.progressbar {
	position: absolute;
}
.GeneralMessageBox {
	margin: auto; font-size:medium;
	width: 650px;
	padding: 20px;
	 
	border: 1px solid #000000;
	background-color: #339933;
	text-align: center;
	color: #ffffff;
}
.Validmsg {
	padding-left: 10px;
	display: none;
	visibility: hidden;
	width: 98%;
	float: left;
	text-align: left;
	color: #ffffff;
}
.errorvalid{padding-left: 10px;
	 
	width: 98%;
	float: left;
	text-align: left;
	color: #ffffff;

	
}
.ErrorMessageBox {
	line-height: 1.5;
	border: 1px solid #000000;
	background-color: #cc3333;
	width: 98%;
	float: left;
	text-align: center;
	color: #ffffff;
}
.ErrorMessage {
	line-height: 1.5;
	border: 1px solid #000000;
	background-color: #cc3333;
	width: 98%;
	float: left;
	text-align: center;
	color: #ffffff;
}
.feilderror {
	color: #CC0000;
	float: left;
	text-align: left;
	margin-left: 12px;
	padding: 2px 4px 2px 4px;
}
/*---------------------------------gid class---------------------*/
.GrdHeadermin {
	background-image: url(images/ghm.png);
	background-position: 0px -2px;
	background-repeat: repeat-x;
}
.GrdHeadermin th {
	color: #fff;
	border-right: 1px solid #9dcceb;
	padding: 2px;
}
.GrdHeadermin th a {
	color: #fff;
	padding: 2px;
}
.datatitle {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.DPgrid {
	background-color: #afafaf;border-bottom: 2px #fff solid;
	border-top: 1px #fff solid;
	margin: auto;
	color: #000;
	width: 100%;
}
.DPgrid tr {
	height: auto;
}
.DPgrid td {
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding-left: 3px;
	padding-right: 3px;
}
.DPgrid td h3 {
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.DPgrid td a {
	text-decoration: none;
	color: #336699;
}
.actionCol a img {
	float: left;
	margin-right: 2px;
	cursor: pointer; white-space:nowrap;
}
.actionCol a input {
	float: left;
	cursor: pointer;
}
.GrdHeader {
	border-collapse: collapse;
	background-image: url(images/ghdr.gif);
	background-position: 0px -2px;
	background-repeat: repeat-x;
	color: #fff; 
}
.GrdHeader a {
	color: #fff;
	text-decoration: none;
}
.GrdHeader a:hover {
	text-decoration: underline;
}
.GrdHeader th {
	border-right: 1px #ccc solid;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	height:36px;
}
.selGrdrow {
	background-color: #B0B4D7;
	color: #5f7cb8;
}
.Grdaltrow {
	background-image: url(images/gbg.gif);
	background-position: 0 -2px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: repeat-x;
	background-color: #ececec;
	color: #000;
}
.Grdrow {
	background-color: #ffffff;
	color: #000;
}
.grdpager {
	background-image: url(images/ghdr.gif);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 2;
}
.grdpager a {
	color: #FFFFCC!important;
}
.grdpager table td {
	border: 0px;
}
.grdpager span {
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #fff;
	background-color: #666;
	color: #fff;
}
.modalBackground {
	background-color: #333;
	filter: alpha(opacity=90);
	opacity: 0.9;
    
}
/*Modal Popup*/
.modalbg {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #CCCCFF;
	padding: 2px;
	color: #000;
	border: 6px solid #5D7B9D;
}
.modalPopup table td {
	padding-bottom: 10px;
}
.pop_title {
	background-color: #38396f;
	color: #FFFFFF;
	height: 20px;
	color: #fff;
}
.popclose {
	float: right;
	position: relative;
	top: -12px;
	margin-right: -14px;
}
/*---------------------------------BODY CONTENT STYLES ENDS---------------*/
table.offgrid {
	width: 100%;
	background-color: #fff;
}
.offgrid  td {
	border-bottom: 1px #c9c9cb solid;
	border-right: 1px #c9c9cb solid;
	color: #000;
	padding-left: 4px;
}

.offgrid tr td hover{ color:Maroon}
.offgrid th {
	border-right: 1px solid #fff;
	padding: 0 2px;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word !important;
	border-collapse: collapse;
	background-image: url(images/nav-bg.jpg);
	background-position: 0px -2px;
	background-repeat: repeat-x;
	color: #fff;
	text-align: center; height:23px;
}
.offgrid th a {
	color: #fff;
	text-decoration: none;
}
.offgrid th a:hover {
	text-decoration: underline;
}

.offgrid tr.SelectedCustomer{ background-color:LightGray; color:#fff}

.offgrid td.SelectedCustomer{ background-color:Blue; color:#fff}
.searchbox {
	text-align: left;
	color: #000;
	border: 2px #464646 solid;
	background-color: #ECECEC;
	background-image: url(images/gradient_Gray.gif);
	background-position: 0px -2px;
	background-repeat: repeat-x;
}
.successMsg 
{
    background-color:Green;
   
}
.errorMsg 
{
    background-color:Red;
    
}
#content {
	font-family: Verdana Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px auto;
	width: 95%;
	color: #fff;
}

.tollfree{ float:right; position:relative; margin-top:-23px;color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  
   .tollfree{margin-top:5px;}
   
   
   .staticMenuItemStyle {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;

	text-align: center; padding: 0 12px 0 10px;
	 
   height:27px;display:block;  float:left;
}
}
.staticMenuItemStyle a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;height:27px; line-height:25px;
	text-decoration: none;
	
}
.staticMenuItemStyle td a{ }

.staticMenuItemStyle td { text-align:center; line-height:25px; margin-left: 24px;
   }

.staticMenuItemStyle a:hover{background:url(images/topMenuItemHover.png) repeat-x;height:27px; color:#000; display:block; }
.staticHoverStyle {
	text-decoration: none;
}
    
   
}


.SelectedCustomer{ color:#ff2200; background-color:Fuchsia}