/* CSS Document */
@import "reset.css";
/*Checklist Print*/
.tbdMonth{color:red;}
#simpleTooltip {padding:10px; text-align:left; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; font-size:70%;}
.tip {width: 212px; padding-top:26px; position:absolute; background: url(../images/tipTop.png) no-repeat top;z-index:300;}  
.tipMid {background: url(../images/tipMid.png) repeat-y;z-index:300; padding:0 5px 5px 15px;}  
.tipBtm {background: url(../images/tipBtm.png) no-repeat bottom; height:32px; z-index:300;}  
div#checklist-content { width:550px; font-size:12px; margin:10px 0 10px 20px; font-family:Arial, Helvetica, sans-serif;}
div#checklist-content h1 { text-align:center; background:#595A5C; color:#FFFFFF; padding:5px 0; font-weight:bold; font-size:12px;}
div#checklist-content ul { width:100%; position:relative; overflow:auto;}
div#checklist-content ul li { float:left; padding:10px 0 0 0; margin:0 0 0 5px;}
div#checklist-content ul li a { background:url(../images/actionbuttons.jpg) no-repeat 0 0;width:95px; height:24px; text-align:center; display:block; color:#FFFFFF; text-decoration:none; padding:3px 0 0 0;}
div#checklist-content div#checklist-contentdata { width:548px; overflow:auto; border:1px solid #CACACA;}
div#checklist-content div#checklist-contentdataleft { width:228px;float:left;}
div#checklist-content div#checklist-contentdataleft h2 { text-align:center; padding:5px 0; font-weight:bold; background:#CBCBCB;}
div#checklist-content div#checklist-contentdataleft table { width:100%; font-size:11px; border:1px solid #E2E2E2;}
div#checklist-content div#checklist-contentdataleft table td { padding:5px 0 5px 3px; border-bottom:1px solid #E2E2E2;}
div#checklist-content div#checklist-contentdataleft table td.titletext { width:110px; font-weight:bold; background:#F5F5F5}
div#checklist-content div#checklist-contentdataleft p{ font-size:11px; border:1px solid #E2E2E2; padding:3px;background:#F5F5F5}
div#checklist-content div#checklist-contentdataimages { width:310px; float:right;}
div#checklist-content div#checklist-contentdataimages p {font-size:11px; margin:5px 0 0 0; width:auto;}
div#checklist-content div#checklist-contentdataimages p img {border:2px solid #E2E2E2;}
div#checklist-content div#checklist-contentdataimages p span { display:block; border:1px solid #CCCCCC; padding:3px; border-top:none; width:295px;}
div#popPicContainer { text-align:center; width:661px; height:550px; position:absolute; top:10px; left:50%; background:url(../images/skypebg.gif) no-repeat 0 0; margin:0 0 0 -330px; z-index:205; display:none;}
div#popPicContainer img { margin:60px 0 0 0; height:410px; width:570px; }
div#popPicContainer a.closebox { position:absolute; right:15px; top:10px; display:block; background:url(../images/closeboximg.gif) no-repeat 100% 50%; padding:10px 22px 10px 0; font-size:11px; text-decoration:none; color:#6F727B;}

/*OIS Certificate*/
@media print, screen{
div#oiscerficate-content { position:relative; width:770px; border:1px solid #CCCCCC; margin:10px 0 10px 0; font-size:12px; color:#1A235A; font-family:Arial;}
div#oiscerficate-contentnz {position:relative; width:770px; border:1px solid #CCCCCC; margin:10px 0 10px 0; font-size:12px; color:#1A235A; font-family:Arial;}
div#oiscerficate-contentheader { width:100%; position:relative; overflow:none; height:430px;}
div#oiscerficate-contentleft { float:left; width:380px; padding:0 0 0 0;}
div#oiscerficate-contentleft div.leftContent{ position: absolute; top: 230px; left: 0;}
div#oiscerficate-contentleft h2 { font-weight:bold; padding:0 0 5px 15px;}
div#oiscerficate-contentleft ul { padding:10px 0 10px 25px; list-style-type:square; font-size:11px;}
div#oiscerficate-contentleft ul.address { list-style-type:none; padding:10px 0 10px 15px;}
div#oiscerficate-contentleft p { padding:0 0 0 15px;}
div#oiscerficate-contentright { float:left; width:380px; font-size:11px; padding:50px 0 0 0;}
div#oiscerficate-contentright h3 { font-weight:bold; padding:15px 0;}
div#oiscerficate-contentright p { padding:15px 10px 15px 0;}
div#oiscerficate-contentright a { padding: 10px 10px 10px 10px; background: transparent url('../images/print_icon.gif') no-repeat; color:#333333; font-weight:bold; text-decoration: none;}
div#oiscerficate-contentright a span {padding: 0 0 0 23px;}
div#oiscerficate-contentright a:hover span{text-decoration: underline;}
div#oiscerficate-contentright ul { padding:15px 0;}
div#oiscerficate-bottom { width:100%; position:relative; padding:10px 0; }
div#oiscerficate-bottom ol { margin:10px 10px 0 15px; padding:0 50px 0 20px; list-style-type:decimal;}
div#oiscerficate-bottom ol li { padding:10px 0 0 0;}
div#oiscerficate-bottom ol ol { padding:5px 10px 0 15px;}
div#oiscerficate-bottom ol ol li{ padding:0 0;}
div#oiscerficate-bottom ul { padding:10px 0; list-style-type:lower-alpha; margin:0 0 0 15px;}
div#oiscerficate-bottom ul li { padding:0;}
}

/*Email Checklist Preview*/
div#emailchecklist-container { width:710px; position:relative; margin:5px 0 5px 5px; font-size:12px; text-align:center;}
div#emailchecklist-container h2 { font-weight:bold; padding:10px 15px 10px 10px; color:#637171; font-size:12px; text-align:left}
div#emailchecklist-container h3 { background:#1E529E; color:#FFFFFF; font-size:14px; text-align:center; padding:5px 0; margin:0; }
div#emailchecklist-container p {  padding:10px 0 10px 10px; font-size:12px; text-align:left}
div.emailchecklist-cardetail-header { width:100%; border:1px solid #D9D9D9; margin:5px 0 0 0; }
div#emailchecklist-container ul.additionalnotes li { float:left; padding:0 10px;}
div#emailchecklist-container table.tablevehiclspecification td { padding:2px 0;}

div#emailchecklist-containertext { width:710px; position:relative; margin:5px 0 5px 5px; font-size:12px; }
div#emailchecklist-containertext h2 { font-weight:bold; padding:10px 15px 10px 10px; color:#637171; font-size:14px; }
div#emailchecklist-containertext p {  padding:10px 20px 10px 10px; font-size:12px;}
div#emailchecklist-containertext strong.csc { padding:0 0 0 10px;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext { width:680px; border-top:1px solid #CCCCCC; margin:5px 0 0 10px; padding:5px 0;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext h3 { font-weight:bold; padding:5px 0; font-size:13px;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext h4 { font-weight:bold; padding:10px 0 0 0; }
div#emailchecklist-containertext div.emailchecklist-cardetailtext ul { padding:10px 0;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext ul.specification li { overflow:auto;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext ul.specification li span { float:left; width:115px;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext p { padding:10px 0;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext table { margin:0px 0 0 10px; font-size:11px; width:300px;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext table tbody td { padding:5px; }
div#emailchecklist-containertext div.emailchecklist-cardetailtext table tfoot td { border-top:1px solid #CACACA; padding:5px; }
div#emailchecklist-containertext div.emailchecklist-cardetailtext table td.middleprice { text-align:right; overflow:auto; padding:0 15px 0 0;}
div#emailchecklist-containertext div.emailchecklist-cardetailtext table td.middleprice span { float:left;}