#login {
 width: 860px;
 min-height: 320px;
 border: 15px solid #809BAD;
 background: White;
 margin: 20px auto;
}

#login #pad {
 padding: 10px 5px 10px 20px;
}

#login h2 {
 font: bold 1.4em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}

#login td {
 font: .8em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding-bottom: 10px;
}

#login p.ul {
 padding-bottom: 4px;
 border-bottom: 1px solid silver;
}

#login p.error {
 padding-bottom: 4px;
 color: White;
 background: #D03809;
 font-weight: bold;
 padding: 2px;
}

#login p.links {
 margin-top: 20px !important;
}

#login_form { margin-right: 370px; }

#login_form p.closed {
 text-align: center;
 color: Red;
 font-size: 100%;
 font-weight: bold;
 margin-top: 50px; 
}

#login_form td.label, #login_prefs td.label { padding-right: 10px; text-align: right;}

#login_form td.section { padding-right: 10px; text-align: left; font-weight: bold;}

#login_form td.mandatory { font-weight: bold; }

#login_prefs table {
 width: 100%;
}

#login_request {
 float: right;
 width: 350px;
 margin-left: 20px; 
}

#account { }

#account #inner { padding: 5px; }

#account ul.account-list {
 float: left;
 margin: 0px 5px 20px 20px;
 margin-right: 5px; 
}

table#joblive, table#jobdespatched {
 border-collapse: collapse;
 width: 928px;
 background: White;
 border: 1px solid #809BAD;
}

table#joblive th, table#jobdespatched th {
 font: bold 12px/12px Arial, Helvetica, sans-serif;
 padding: 1px 2px 2px 2px;
 border-bottom: 1px solid #809BAD;
 background: #003A5E;
 color: White;
}

table#joblive td, table#jobdespatched td {
 font: 11px/12px Arial, Helvetica, sans-serif;
 padding: 3px 2px;
 color: Black;
}

table#joblive tr:hover, table#jobdespatched tr:hover { background: #BFD2DD; }

td.quantity { text-align: center; }

a.tooltip:hover {background: #FFFFFF; text-decoration: none;} /*BG color is a must for IE6*/
a.tooltip { text-decoration: none; color: Black; }
a.tooltip span {display: none; padding: 2px 3px; margin-left: 8px; width: 200px;}
a.tooltip:hover span {display: inline; position: absolute; background: #FFFFFF; border: 1px solid #CCCCCC; color: Black;}

#scroll1, #scroll2 {
 /*height: 200px;*/
 /*overflow: scroll;*/
 margin-bottom: 10px;
}

table.job_detail {
 margin-bottom: 14px;
}

table.job_detail td {
 vertical-align: top;
 text-align: left;
 font: .8em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.job_detail td.label {
 font-weight: bold;
 padding-right: 10px;
}

table.job_cols {
 width: 100%;
}

table.job_cols td.left {
 padding-right: 50px;
 width: 50%;
}

#job_summary1 {
 background: White;
 border: 1px solid #809BAD;
 text-align: center;
 padding: 10px 4px;
 width: 462px;
 margin-left: 188px;
 margin-bottom: 10px;
}

#job_summary2 {
 background: #F5FAFA;
 border: 1px solid #809BAD;
 text-align: center;
 padding: 10px 4px;
 float: right;
}

#job_summary1 p, #job_summary2 p {
 text-align: center;
 margin: 0px;
 font-weight: bold;
}

table.job_table {
	font: normal .9em auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4F6B72;
	background: White;
 width: 660px;
 border-collapse: collapse;
 margin-bottom: 12px;
}

table.job_table th {
	font: bold 0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4F6B72;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: White url(images/jobtable_bg_header.jpg) no-repeat;
}

table.job_table th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

table.job_table td {
	border: 1px solid #C1DAD7;
	padding: 3px 6px 3px 12px;
	color: #4F6B72;
}

table.job_table tr.alt td { background: #F5FAFA; }

table.job_table td.label {
	background: transparent url(images/bullet1.gif) no-repeat;
	font-weight: bold;
 width: 170px;
}

table.job_table tr.alt td.label {
	background: transparent url(images/bullet2.gif) no-repeat;
	font-weight: bold;
}

.loginerror {
 background: White url(images/stop_icon.gif) no-repeat center left;
 border: 1px dashed Red;
 padding: 18px 5px 18px 55px;
 margin-bottom: 6px;
 font: bold 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 50%;
}

#costacc {
 clear: both;
 background: #F5FAFA;
 border: 1px solid #809BAD;
 padding: 15px 24px;
 border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
}

#worldpay {
 background: #FFFFFF; 
 padding: 15px 24px;
 margin-bottom: 15px;
}

#back {
 float: right; 
 width: 200px;
 padding: 5px;
 text-align: right;
 font: bold .8em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
 background: transparent url(images/arrow_large_up.png) no-repeat left;
}

#back a { color: #003A5E; }

ul.jobacclist {
 float: left;
 margin-right: 150px;
}

ul.jobacclist span {
 display: inline-block;
 font-weight: bold;
 width: 150px;
}

/* Cost Acceptance Table */

table#costacc2 { width: 99%; }

table#costacc2 td { vertical-align: top; text-align: center; }

table#costacc2 td.pay-online { width: 500px; }
table#costacc2 td.cost-or { width: 60px; }
table#costacc2 td.cost-acc-only {  }

table#costacc2 p { text-align: center; }
table#costacc2 p.note { font-style: italic; padding-top: .7em; }

table#costacc2 h2 {
 padding-bottom: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
 margin-right: 20px;
 border-bottom: 1px solid silver;
}

