a.linkSP{ color: #87b76c; text-decoration: none; padding:10px;}
a.linkSP:hover { color: #87b76c; text-decoration:underline; }
a.linkSP:active { color: #87b76c; text-decoration: none; }
a.linkReferringLinks{ color: #666666; text-decoration: none; padding:10px;}
a.linkReferringLinks:hover { color: #87b76c; text-decoration:underline; }
a.linkReferringLinks:active { color: #87b76c; text-decoration: none; }
a.linkTDReport{ color: #87b76c; text-decoration: none; padding:0px;}
a.linkTDReport:hover { color: #87b76c; text-decoration:underline; }
a.linkTDReport:active { color: #87b76c; text-decoration: none; }
a.crumbLink{ color: #4c6f99; text-decoration: none; padding:10px;}
a.crumbLink:hover { color: #4c6f99; text-decoration:underline; }
a.crumbLink:active { color: #4c6f99; text-decoration: none; }

/*GENERAL*/
body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#outer {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#inner {
	padding-left:10px;
	background-repeat: repeat-y;
	background-image: url("images/Common/background.jpg");
	float:left;
	width:100%;
}
#header {
	background-image: url("images/Common/Head/head_bg.jpg");
	background-repeat: repeat-x;
	height:110px;
	width: 760px;
}
#breadcrumb ul li{
   list-style-image: none;
   display:inline;
}
#breadcrumb ul{
   margin:0;
   list-style-type: none;
   padding-left: 0.8em;
   padding-bottom: 0.7em;
   font-size:0.7em;
   color:#66656A;
   font-weight:bold;
}
#headerRight {
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	float: right;
}
#footer {
	background-image: url("images/Common/Footer/foot_bg.jpg");
	background-repeat: repeat-y;
	width: 100%;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	padding-right:20px;
	float:left;
}
#footer img{
	border:0px;
}
#containerAll {
	float:left;
	padding-left:10px;
	width:95%;
}
.classSubmit, .changePassButton{
	background-image:url("images/misc/errors_bg.jpg");
	background-repeat:repeat-x;
	border: 1px solid #6ba46f;	
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	height:24px;
	padding: 2px 20px 2px 20px;
}
#changePass{
	float:left;
}
.classSubmit{
	margin-top:20px;
	margin-right:5px;
	margin-bottom:20px;
	float:right;
}
.subTitle{
	color:#9c9c9c;
}
#forgotPasswordLegend, #resetPasswordLegend{
	color:#838584;
	font-size:11px;
	float:left;
}
#resetPassword{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#4c6f99;
	margin-bottom:25px;
}

/*STEP 1*/
#stepsDivs {
height:auto;

}
.stepDivOut {
	float:left;
	margin-left:2px;
	margin-top:4px;
	width:242px;
	padding:4px;
}
.stepDivActive {
	background-image: url("images/misc/activestep.jpg");
	background-repeat: no-repeat;
	padding-top:1px;
	padding-left:30px;
}
.stepDivNoActive2 {
	background-image: url("images/misc/noactivestep.jpg");
	background-repeat: no-repeat;
	padding-top:1px;
	padding-left:30px;
}
.stepDivNoActive {
	background-color:#9c9c9c;
	height:5px;
	width:100%;
}
#webEngines table th {
	border:thin;
	border-style:solid;
	border-color:#87b18b;
	/*background-color:#e2e8e4;*/
	background-image: url("../images/back-th3.jpg");
	background-repeat:repeat-x;
	color:#FFF;
	font-size:12px;
	padding:0.3em;
	text-align:left;
}
#webEngines table td {
	border:thin;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color:gray;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	padding:0.3em;
	padding-left:0.8em;
}
.spanText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#757575;
}
.spanTextCommon, #legendRequired{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.spanTextCommon{
	padding-left:10px;
	width:95%;
}
.spanTextCommonP {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-indent:30px;
}
.spanTextGreen {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#87b76c;
}
.spanTextBlue {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#4c6f99;
}

.spanTextBlue {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#4c6f99;
}
#stepsUI {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:  0.8em;
	color:#4c6f99;
}
.noDisplay {
	display: none;
}
.AllDisplay {
	display: block;
}

/* STEP 2 */
.commonTable{
	margin:10px;
	font-size:14px;
	width:75%;
	text-align:left;
}
.commonTable th{
	color:#757575;
}

/* ERROR */
#errDisplay {
	border: 1px solid #87b76c;
	background-color: #FFFFFF;
	width: 100%;
}
#errDisplayTop {
	background-image: url("images/misc/errors_bg.jpg");
	background-repeat: repeat-x;
	vertical-align:top;
	height:24px;
}
#errDisplayTopLeft {
	text-align:center;
	width:100%;
	color:white;
	font-weight:bold;
	padding-left:2px;
	padding-top:2px;
}
#errDisplayText {
	padding: 0px 10px 5px 15px;
	color:red;
	font-weight:bold;
	font-size:12px;
	line-height:180%;
}
.inputText{
	border: 1px solid #87b18b;
	width:215px;
}
#formDiv label{
	font-size:10px;
	color:#CC0000;
}

/* LOBBY */
#boxAll {
	padding-left:5px;
	padding-right:10px;
	padding-bottom:250px;
	text-align:center;
}
.boxAligned{
	padding-left:50px;
	float:left;
	width:179px;
	padding-bottom:4px;
	padding-right:4px;
	padding-top:4px;	
}
.box {
	float:left;
	padding:4px;
	width:179px;
}
.boxDown {
	top:0px;
	background:#eaece9;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#a8aaa7;
	height:7em;
	width:169px;	
	padding:5px;
}
/* LOGIN */
#boxLogin {
	float:left;
	position:relative;
	border: 1px solid #bacbb9;
	background-color: #e2ece3;
	left:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#718fab;
	width:30%;
	padding: 5px 15px 10px 25px;
	line-height:1.5em;
	margin-bottom:50px;
}
#boxForgotPass{
	float:left;
	position:relative;
	border: 1px solid #bacbb9;
	background-color: #e2ece3;
	left:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#718fab;
	width:30%;
	padding: 5px 15px 10px 25px;
	line-height:1.5em;
	margin-bottom:50px;
}
.classSubmitLogin {
	float:right;
	background-image:url("images/misc/errors_bg.jpg");
	background-repeat:repeat-x;
	border: 1px solid #6ba46f;	
	padding: 2px 15px 2px 15px;
	height:24px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	margin-top:15px;
	margin-bottom:15px;		
	margin-right:35px;
}

#buttonSubmit{
	margin-right:0px;
}

.classSubmitForgotPass {
	float:left;
	background-image:url("images/misc/errors_bg.jpg");
	background-repeat:repeat-x;
	border: 1px solid #6ba46f;	
	padding: 2px 15px 2px 15px;
	height:24px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	margin-top:15px;
	margin-right:17px;
}

.classSubmitRetrievePass{
	float:right;
	background-image:url("images/misc/errors_bg.jpg");
	background-repeat:repeat-x;
	border: 1px solid #6ba46f;	
	padding: 2px 15px 2px 15px;
	height:24px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	margin-top:15px;
	margin-right:17px;
}

.classSubmitUpdatePass{
	float:right;
	background-image:url("images/misc/errors_bg.jpg");
	background-repeat:repeat-x;
	border: 1px solid #6ba46f;	
	padding: 2px 15px 2px 15px;
	height:24px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	margin-top:15px;
	margin-right:17px;
}

.error{
	color:#CC0000;
	font-size:11px;
}
.error#loginResponse, .response#loginResponse{
	text-align:right;
	padding-top:50px;
}

.response{
	color:#636564;
	font-size:11px;
}

.loginName {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}
.loginImage {
	float: left;
}
.checkOrder{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	background-color: #ebe9f1;
	border:1px dotted #87b18b;
	margin-left:7px;
	margin-bottom:10px;
	padding:5px;
	width:94%;
	clear:both;
}
.checkOrderNew{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#FFF;
	background-image: url("../images/back-title.png");
	background-repeat:repeat-x;
	margin-left:7px;
	padding:5px;
	width:94%;
	clear:both;
}
.checkOrder2{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: red;
	padding-left:10px;
	font-weight:bold;
	text-decoration:underline;	
}
/* STEP 2 CONFIRM */
#stepConfirm2 {
	padding-left:15px;
}
#stepConfirm2 table {
	padding-left:10px;
	padding-right:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;	
	border: 1px solid #000;
	width:94%;
}
#stepConfirm2 table th {
	background-image: url("../images/back-th-blue.jpg");
	background-repeat:repeat-x;
	color:#FFF;
	font-size:12px;
	text-align:left;
	padding:5px;
}
#stepConfirm2 table td {
	background-repeat:repeat-x;
	color:#000;
	font-size:12px;
	background-image: url("../images/back-th-grey.jpg");
	background-repeat:repeat-x;
	text-align:left;
	padding:5px;	
	border: 1px solid #000;
}
.backGreen, .backRed, .backBlue,.backGrey {
	color:#FFF;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	width:92%;	
	border: 1px solid #000;
	background-repeat:repeat-x;
}
.backRed {
	background-image: url("../images/back-th-red.jpg");
}
.backBlue {
	background-image: url("../images/blueDegrade.jpg");
}
.backGreen {
	background-image: url("../images/back-th3.jpg");
}
.backGrey {
	background-image: url("../images/back-th-grey.jpg");
}
/* TABLE REPORTS */
#tableReport table {
	width:100%;
	padding-left:5px;
	padding-right:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;	
}
#tableReport table th {
	cursor:pointer;
	border:thin;
	border-style:solid;
	border-color:#87b18b;
	background-color:#e2e8e4;
	color:#9c9c9c;
	font-size:12px;
	padding:5px;
	text-align:left;
}
#tableReport table th:hover{
	background-color:#DDDDD1;
}
#tableReport table td {
	border:thin;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color:gray;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	padding:5px;
}
#tableReport table tr:hover{
	background-color:#EEEEE1;
}
#boxAll img {
	width:179px;
	border:0;
}
#formChangePass{
	font-size:12px;
}
#yui-dt-pagselect1 {
	display:block;
	float:right;
}
#yui-dt-pagselect0{
	display:none;
}
#tableReport table .yui-dt-sortable a {
    text-decoration: none;
    color:#9c9c9c;
}
th.yui-dt-asc a, th.yui-dt-desc a {    
    color: black !important;
}
th.yui-dt-asc {
    background:url(images/Common/dt-arrow-up.png) no-repeat right; /* sorted header gradient */
}
th.yui-dt-desc {
    background:url(images/Common/dt-arrow-dn.png) no-repeat right; /* sorted header gradient */
}
a.yui-dt-page {
	border:1px solid #CBCBCB;
	padding:2px 6px;
	text-decoration:none;
}
.yui-dt-col-orderid{
  width:125px;
}
span.yui-dt-paginator{
	display:block;
	margin:6px 0pt;
	white-space:nowrap;
	padding:2px 6px;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.22;
}
a.customer_list_action {
	border: 0;
	padding-left: 4px;
	padding-right: 4px;
}
a.customer_list_action img {
	border: 0;
}
#report_status_legend_container {
	padding-left:10px;
	font-size: 12px;
}
.header{
	color:#4C6F99;
}
.customerForm td{
	padding:2px;
	text-align:left;
}
.customerForm th{
	font-size:12px;	
	text-align:left;
	width:35%;
}
.customerForm{
	width:90%;
}
#divCustomerForm {
	float:left;
	width:80%;
}
#legendRequired{
	float:right;
	color:Red;
	font-size:12px;
}
#report_status_legend_container ul {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#report_status_legend_container ul li {
	display: inline;
	padding: 3px;
}
#tableReport table .yui-dt-sortable a {
    text-decoration: none;
    color:#9c9c9c;
}