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

.button1, .button2, .button3 { cursor: pointer; text-align: center; padding:4px 0 0 0 ; color:#ffffff; text-decoration: none; }

/*.button1 {background:url(/orders/images/button1.gif) no-repeat; width:160px; height:24px; }
.button2 {background:url(/orders/images/button2.gif) no-repeat; width:160px; height:24px; }
.button3 {background:url(/orders/images/button3.gif) no-repeat; width:160px; height:24px; } */
.button0 { color: #fff; line-height: 22px; background-color: #58bb50; background-image: url(/podsiteelements/images/activegrad.jpg); background-repeat: repeat-x; background-position: 0 0; text-align: center; width:160px; height:24px; float: left; margin-right: 15px; border: solid 1px #819415; display: block; }
.button1 { color: #fff; line-height: 22px; background-color: #58bb50; background-image: url(/podsiteelements/images/activegrad.jpg); background-repeat: repeat-x; background-position: 0 0; width:160px; height:24px; margin-top: 2px; border: solid 1px #819415; display: block; }
.button2 { color: #fff; line-height: 22px; background-color: #58bb50; background-image: url(/podsiteelements/images/activegrad.jpg); background-repeat: repeat-x; background-position: 0 0; width:160px; height:24px; border: solid 1px #819415; display: block; }
.smallButton { color: #fff; line-height: 22px; background-color: #58bb50; background-image: url(/podsiteelements/images/activegrad.jpg); background-repeat: repeat-x; background-position: 0 0; width:80px; height:20px; border: solid 1px #819415; display: block; text-align:center}
.button3 { color: #fff; line-height: 22px; background-color: #58bb50; background-image: url(/podsiteelements/images/activegrad.jpg); background-repeat: repeat-x; background-position: 0 0; width:160px; height:24px; border: solid 1px #819415; display: block; }
#upButtons a { margin: 0 20px; }
/* #confirmBut { margin-left:200px; }*/

* html #upButtons a{ margin: 0 0 0 20px; }


.setwidth {width:160px; display:inline-block;}
.fileuploaddiv { width:270px; padding-left:180px;}

.silverpanel .main { padding: 0px 10px; width:617px;}
* html .silverpanel .main { padding: 0px 10px; width:637px;}
.fields {margin-bottom:5px;}
.ordAddr {width:300px; }
.ordAddr div {width:230px;}
.ordDet {float:left; margin:10px; }
.ordDet span { display:block}
/*.panel, .silverpanel {margin:auto; width:637px; } CHANGED MATT 020608*/
.panel, .silverpanel { width:637px; margin-top: auto; margin-bottom: auto; }
.silverpanel a {  }
/*.silverpanel {background: url(/orders/images/panelMid.gif) repeat-y; margin:20px auto 20px auto;} CHANGED MATT */
.silverpanel {background: url(/orders/images/panelMid.gif) repeat-y; margin:20px 0 20px 0;} 
* html .silverpanel { margin-left:12px;}
/*.silverpanel .top { background:url(/orders/images/panelTop.gif) no-repeat; width:617px; min-height:52px; padding:10px 10px 0px 10px; } CHANGED MATT 020608*/
.silverpanel .top { background:url(/orders/images/panelTop.gif) no-repeat; width:617px; min-height:52px; padding:0 10px; }
* html .silverpanel .top, * html .silverpanel .main { width:617px; }
.silverpanel .bottom { background:url(/orders/images/panelBottom.gif) no-repeat bottom; width:637px; height:23px; }
.silverpanel table { /* margin: 0 auto; */ width: 617px;}
* html .silverpanel table { margin: 0 auto; width: 607px;}

.silverpanel table thead th { text-align:left; }
.silverpanel table a { display:block; margin:0; }
.silverpanel .line{ margin:5px 0 ; border-top: #777777 1px solid;  background: #ffffff; width:617px; height:2px !important; line-height:0px;}
.silverpanel table input { width:150px; display:block; }
.panel label {display:block; width:35%; text-align:right; float:left; padding-right:10px; margin-bottom:5px;}
.silverpanel h3 { margin-bottom:5px; }

.summary { float: left; font-size: 0.8em;}
a.summary { padding-top:2px;}

#calculator img {border:0px; }

.leftpad {display:block; padding-left:40px;}
.widthofpanel { width: 617px; }

.silverpanel h4 { padding-left:40px; }

.half {float:left; width:40%; margin:0 5%;}
/*.half {float:left; width:25%; margin:0px 42px;} */
* html .half { margin/**/: 0 3%; }
.half label { width:70px; }
.tip p, .ltip p, .half h3, /*.half p,*/ .main li.errors{ padding:0px }

.ltip a, .ltip a:visited, .tip a, .tip a:visited, .newtip a, .newtip a:visited { text-decoration:none; display:inline; position:relative; }
.ltip a span, .tip a span, .newtip a span { display:none;}
.ltip a:hover, .tip a:hover, .newtip a:hover { cursor:pointer; text-indent: 0;}
.ltip a:hover span, .tip a:hover span, .newtip a:hover span { position:absolute; display:block; z-index: 5; left: 20px; top:-15px; width:250px; color:#000000; font-size: 11px; border: solid 1px #67709f; background:#ffffff; padding: 10px; }
.ltip a:hover span { left: -280px; top:-15px; }
.ltip2 a:hover span { left: -300px !important;  }
.rtip a:hover span { left: 120px !important;  }
.newtip a:hover span { left: -280px; top:-15px; }
* html .tip a:hover span { left: 20px; top:-15px;}
* html .ltip a:hover span { left: -345px; top:-15px;}
* html .ltip2 a:hover span { left: -350px !important;  }
* html .newtip a:hover span { left: -285px; top:-15px;}
.smalltext { font-size:0.8em;display:inline-block;}

#login label, #login input, #profile input, #profile label { display:block; float:left; margin-bottom:5px;}
#profile input, #profile label { width:150px; } 
#profile label { padding-left: 150px; }
#profile label.pay { padding-left: 120px;}
#profile .half label { padding-left: 0px; }
#billing {float:left; width:60%;} 
#billing label { padding-left:0px; width:70px;}
#billing textarea { float:left;}

.questionmark { margin-left:5px; border: 0px;}
.inputs-dropdown { width:240px; border: solid 1px #1e5882; }

#confTable { text-align:right;}

.leftfloat { float: left; }
.right { float:right; }
.centre {margin:0 auto; }
.block { display:block; }

.quotebox { margin-left:170px; padding:5px 0px 10px 0px; background: url(/orders/images/quotebox.gif) no-repeat; width:275px; height:28px; vertical-align: middle; display:block; font-size: 1.4em; text-align:center; color:#079A01;}
* html .quotebox { width:275px; height:33px; }

#filler {display:none;}

.wider { width: 300px !important; } 

#uploadBox h2 { text-align: center; border-collapse: collapse;}

#timeTable { font-size: 13px; empty-cells: show; }
#timeTable td { padding: 1px 4px; }
#timeTable td.time { border: 1px solid #cfcfcf; width: 100px; background: #fff; }
#timeTable td.desc { font-weight: bold; }

.errorcalc	{ margin: 0 !important; padding: 0 0 0 24px !important }
.errorcalc li	{ list-style: url(../images/calcPanelError.gif) outside;  }

.greenlinkme a, .greenlinkme a:visited { color: #0AA03C; padding:1px; text-decoration:underline !important; }
.greenlinkme a:hover {text-decoration:none !important;}
.greenlinkme img { border: 0px !important; }
.usernotes { font-weight: normal; padding:5px 5px 0 5px; background: #e1ea48; border: 1px solid #c0c836; margin-bottom: 10px; }
#fastTrackItWrap	{ background: url(../images/fasttrackOrderConf.gif) no-repeat; height: 83px; line-height: 83px; display: block;}
#hardBackItWrap		{ background: url(../images/hardbackOrderConf.gif) no-repeat; height: 83px; line-height: 83px; display: block;}
.offerpadorderconfirm	{ padding: 30px 0 0 85px;  }
.hasAP	{ background: #ff0000; }
.noborder	{ border: none !important; background: transparent !important;}
.hasborder	{ border: solid 1px #1E5882 !important; }
.smallnotes	{ font-size: 11px; line-height: normal; }
.prepressleft, .prepressright 	{ width: 305px; float: left; }



.blueStrong { color: #3473AF !important;}

p.warn {background:#FEFF5F url(/orders/images/warnSmall.png) no-repeat 5px 4px; clear:both; font-weight:bold; border: 1px solid #FF910F; margin:10px 5px; width:auto; padding:6px 10px 6px 30px; color: #ff0000 }
p.info {background:#D1FFAF url(/orders/images/tick.png) no-repeat 5px 4px; clear:both; font-weight:bold; border: 1px solid #4EBF3B; margin:10px 5px; width:auto; padding:6px 10px 6px 30px;}



#ie6 {
    color: #cc550f; 
    display:none;
border: #FF910F solid 1px;
padding:5px 5px 0px;
width:950px;
background: #FEFF5F;
text-align: center;
margin:0px;
font-size: 0.9em; 
}
#ie6 ul { margin: 10px auto; width: 440px; }
#ie6 ul li { list-style: none; float: left; width: auto; }
#ie8, #firefox, #chrome {
    padding:3px 20px 7px 35px;
    display:block; float:left;
    margin: 0px;
}
#ie8 {
    background: url(/bookvault/images/ie8-logo.jpg) no-repeat 0 0%;
}
#firefox {
    background: url(/bookvault/images/firefox-logo.jpg) no-repeat 0 0%;
}
#chrome {
    background: url(/bookvault/images/chrome-logo.jpg) no-repeat 0 0%;
}