/* site.inc, print.inc */
html { height: 100%; margin-bottom: 1px; }
form { margin: 0; padding: 0; }
body { margin: 0px; height: 100%; font-size: 80%; align: center; height: 100%; padding: 0px; margin-bottom: 1px; background: #666666;}
body#print {background: none; margin: 0px 10px;}
a:link, a:visited { color: #1B57B1; text-decoration: none; font-weight: normal; }
a:hover { color: #00c; text-decoration: underline; font-weight: normal; }
div, p, table, td, th { font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 1em; color: #333333; }
#topborder { padding: 0px 10px 2px 10px; width: auto !important; height: 22px; text-align: right; margin-right: 13px;  line-height: 2em; }
#wrapper { margin-left: auto; margin-right: auto; min-width: 800px; max-width: 1050px; background: #F7F7F7 url(../images/shadow_l_grey.png) 0 0 repeat-y;}
#wrapper_r { padding-bottom: 8px; background: url(../images/shadow_r_grey.png) 100% 0 repeat-y;}
#footer_r div { text-align: center; padding-top: 8px; font-size: .90em; color: #aaa; }
#footer_r a:link, div#footer_r a:visited  { color: #999;}
#whitebox {	margin: 0 18px 0px 18px; background: #fff; width: auto !important; }
#whitebox div { text-align: left; }
#whitebox_t { background: url(../images/greyline.png) 0 0 repeat-x; }
#whitebox_tl { background: url(../images/box_white_tl.png) 0 0 no-repeat }
#whitebox_tr { height: 8px; overflow: hidden; background: url(../images/box_white_tr.png) 100% 0 no-repeat; }
#whitebox_m { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; width: auto !important; padding: 11px 8px 1px 8px; }
#whitebox_b { background: url(../images/greyline.png) 0 100% repeat-x; }
#whitebox_bl { background: url(../images/box_white_bl.png) 0 0 no-repeat; }
#whitebox_br { height: 8px; overflow: hidden; background: url(../images/box_white_br.png) 100% 0 no-repeat;}
#header { background: url(../images/header_t_grey.png) 0 0 repeat-x; }
#header_l {background: url(../images/header_tl_grey.png) 0 0 no-repeat;}
#header_r { height: 110px; background: url(../images/header_tr_grey.png) 100% 0 no-repeat;}
#footer {background: url(../images/shadow_b_grey.png) 0 0 repeat-x; }
#footer_l { background: url(../images/shadow_bl_grey.png) 0 0 no-repeat;}
#footer_r { height: 42px; background: url(../images/shadow_br_grey.png) 100% 0 no-repeat; }
div.indynav { padding: 0; margin: 0; width: 20%; float:left; }
div.indybox h3 { font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 1em; font-weight: bold; margin: -2px -8px 0 -8px; border-bottom: 1px solid #cdcdcd; padding-left: 10px; padding-bottom: 2px; }
div.indybox { background: url(../images/box_grey_tl.png) 0 0 no-repeat; margin: 0; padding: 0; margin-bottom: 15px; }
div.indybox div { background: url(../images/box_grey_tr.png) 100% 0 no-repeat; }
div.indybox div div { background: url(../images/box_grey_bl.png) 0 100% no-repeat; }
div.indybox div div div { background: url(../images/box_grey_br.png) 100% 100% no-repeat; padding: 8px; width: auto !important; width: 100%; }
div.indybox div div div div { background: none; padding: 1px; }
div.indybox * ul { margin: 10px 0; padding-left: 20px; }
div.indybox * a:link { font-weight: bold; }
div.indybox * a:visited { font-weight: bold; }
div.indycontent { margin-left: 20%; float: none; padding-left: 25px; width: auto !important; min-height: 400px;}
h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%;}
h2, .contentheading { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.4em; font-weight: bold; vertical-align: bottom;	color: #1B57B1;	text-align: left; }
.contentheading-print { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 2.2em; font-weight: bold; vertical-align: bottom; color: #1B57B1; text-align: left; }
div.indyprint { float: none; width: auto !important; width: 80%; }
body.printbody { margin: 15px; } 
table.indycontent  {border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; }
table.print { width: 90%; border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; }
table.indytitle { border-bottom: 1px solid #C0C0C0; }
table.indysection { width: 99%; }
div.message { width: auto !important; font-size:1.25em; line-height:1.5em; border: 2px dashed #1B57B1; margin: 10px 0px; padding:10px;}
div.clickcover { position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; }

/* individual sections */
a.sectiontitle:link, a.sectiontitle:visited, a.sectiontitle:hover { line-height:1.5em; font-weight:bold; text-decoration:none; color:#1B57B1; }
a.sectiontitle:hover { text-decoration:underline; }

div.sectiontitle { line-height:1.5em; font-weight:bold; text-decoration:none; color:#1B57B1; }

.ordersummary { padding-top:3px; padding:6px 5px 0 7px }
.detailsButton { border:0px; left:-7px; width:79px; float:right;}
.detailsButton a img { border:0px; }

.imageButton { border:0px; width:79px; height:20px;}
.imageButton a img { border:0px; }

table.section {border:1px solid #efefef;padding:0;margin-top:10px;}
tr.titlerow {background-color:#efefef; padding:3px 7px 3px 7px}
tr.titlerow td {padding:3px 7px 3px 7px; }
tr.contentrow { padding-top:3px; padding:6px 5px 0 7px }

.orderImage { display:block; margin-top:10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }

div.proofBorder { margin: 5px;}
/* div.proofBorder:hover { border: 2px dashed #1B57B1; margin: 5px;} */
.proofImage { display:block; margin-left: auto; margin-right: auto; border: 2px solid #FFFFFF; }
.proofImage:hover { display:block; margin-left: auto; margin-right: auto; border: 2px dashed #1B57B1;}

.lineItemImage { display: block; margin-top:3px; margin-bottom: 3px; margin-left: auto; margin-right: auto; }
table.order { width: 570px; margin: 7px 0px 3px 0px; border-collapse: collapse; border: 1px solid #CDCDCD; }
table.order td { padding: 0px 5px; }

table.proofaction { width: 570px; margin: 7px 0px 3px 0px; border-collapse: collapse; border-size: 0px }
table.proofaction td { padding: 5px 5px; }

table.account { width: 400px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.account * td { vertical-align: top; padding: 3px 5px; }
table.account * td:first-child { font-weight: bold; }

table.request { width: 450px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.request * td { width: 60%; vertical-align: top; padding: 3px 5px; }
table.request * td:first-child { width: 40%; font-weight: bold; }

table.reset { width: 250px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.reset * td { vertical-align: top; padding: 1px 5px; }

table.feedback { margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }

table.password { width: 400px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.password * td { vertical-align: top; padding: 1px 5px; }
table.password * td:first-child { font-weight: bold; }

table.updates { width: 550px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.updates * td { vertical-align: top; padding: 1px 5px; }
table.updates * td:first-child { font-weight: bold; }

table.query { width: 400px; margin: 10px 0px; border-collapse: collapse; border-color: #CDCDCD; }
table.query * td { vertical-align: top; padding: 1px 5px; }
table.query * td:first-child { font-weight: bold; }

table.files { margin: 10px 0px; border: 1px solid #CDCDCD; border-collapse: collapse; padding: 3px 5px; }
th.filename, td.filename {padding: 2px 50px 2px 5px; text-align: left; }
th.filesize, td.filesize {padding: 2px 50px; text-align: center; }

table.approvals { margin: 10px 0px; border: 1px solid #CDCDCD; border-collapse: collapse; padding: 3px 5px; }
th.itemnumber, th.response, th.approval, td.approval, td.response, td.itemnumber {padding: 2px 20px; text-align: center; }
th.instructions, td.instructions {padding: 2px 20px 2px 5px; text-align: left; }

select.field {width: 150px; height: 20px; border: 1px solid #CDCDCD; padding: 0px;}

select.month {width: 70px; height: 20px; border: 1px solid #CDCDCD; padding: 0px;}
input.year {width: 60px; height: 20px; border: 1px solid #CDCDCD; padding: 0px;}

input.field {height: 20px; border: 1px solid #CDCDCD; padding: 0px;}
.invalidField {background: #FFC6C6; }
input.button {width: 75px; margin: 10px 0px 0px 0px; border: 1px outset #CDCDCD; background-color: #EFEFEF}

td.label { padding: 0px 5px; font-weight: bold; }
td.value { padding: 0px 5px; }
.fineprint { text-align: left; padding-top: 0px; font-size: .90em; color: #848484; }

/* top&bottom , left&right */
/* top, right, bottom, and left */