body{ font-family:arial; color:#333; background-image:none; min-width: 100% !important;}
body.trade{background-image:none;}
.entry, .entry p{font:300 15px/1.5em "Helvetica Neue", Helvetica, sans-serif; color:#555;}
.l{float:left;}
.r{float:right;}
.img-r{margin-left: 10px; float:right;}
.img-l{margin-right: 10px; float:right;}

.entry p {margin-bottom:0.5em;}
.only-print {display: none;}

/*mobile view*/
#main {/*padding:5px!important*/}

#blog-title {margin: 0 auto; padding: 50px 0 0;}

#container{float:none}
#branding{width:auto;}
body.trade #main, body.staff #main{margin:0;}
#menu{width:auto;}
#main{width:auto;}
#container{width:auto; float: none}
/*#header{margin:0 auto; padding:0; width:100%; }*/
/*#header img{ float:right;}*/
#content{padding-top: 0px}

.selection-panel{margin:1em 0; padding:15px; clear: both; background: #f6f6f6;  border-radius:12px; overflow: hidden}
.selection-panel.report{background: #ffffb2}
.selection-panel.addons{background: #ffffb2}

.selection-panel .butt_wrapper{margin-top: 10px; padding-top: 10px; text-align: center}

/* opening and closing */
.selection-panel h3 {font-size: 1.1em;}
.selection-panel h3 span {color: #444; font-weight: normal;}
.selection-panel h3.open:after{content:"\f063"; font-family: fontAwesome; color:#2AB544; background: #fff; width: 26px; height: 26px; text-align: center; float:right; border-radius: 50%; border: 1px solid #ccc; font-weight: normal}
.selection-panel a:hover h3.open:after{content:"\f060"; color:#999;}

.selection-panel h3.closed:after{content:"\f060"; font-family: fontAwesome; color:#999; background: #fff; width: 26px; height: 26px; text-align: center; float:right; border-radius: 50%; border: 1px solid #ccc; font-weight: normal}

.selection-panel a:hover h3.closed:after{content:"\f063"; color:#2AB544;}
.entry .selection-panel.closed .butt_wrapper{border-top: 1px solid #ddd; }

.entry .selection-panel.closed .section-panel-content {display: none;}
.entry .selection-panel.closed h3{margin-bottom: 0px}

.entry .selection-panel{word-wrap: break-word;}
.entry .selection-panel p{font-size: 0.8em; line-height: normal}
.entry .selection-panel form ol{margin-bottom: 0px; padding:0; list-style: none; }
.entry .selection-panel form ol li{list-style: none}
.entry .selection-panel form label {font-size: 0.9em; font-weight: bold;}

.entry .selection-panel form label .fa-question:before {color: #888; content: "\f128"; cursor: pointer; font-size: 1.2em; font-weight: normal; }

.selection-panel ul{margin:0; padding:5px 0; list-style: none}
.selection-panel ul li{margin:0; padding:5px 0; list-style: none;}

.selection-panel ul.addons{margin:0 0 20px 0; padding:0; border: 1px solid #eee; border-width: 1px 0}
.selection-panel ul.addons li{margin:0; padding:5px 3px 5px 10px; font-size: 1em; background: #fff}
.selection-panel ul.addons li:nth-child(odd) {background: #FCFCE8}
.selection-panel ul.addons li .fa{margin-right: 10px;}
.selection-panel ul.addons li a:hover{text-decoration: none}
.selection-panel ul.addons li a.addon{color:#999; display: inline-block; width:60px}
.selection-panel ul.addons li a.addon:before{margin-right: 8px; color: #888; display: inline-block; content: "\f096"; cursor: pointer; font-size: 1em; font-weight: normal; font-family: fontawesome}
.selection-panel ul.addons li a.addon:hover:before{content: "\f046";}

.selection-panel ul.addons li a.added{color:#00B544; }
.selection-panel ul.addons li a.added:before{content:"\f046"; color:#00B544; }

.selection-panel ul.addons li a.remove{display: inline-block; float:right; cursor: pointer; color:#999}
.selection-panel ul.addons li a.remove:hover{color:#FF0000}

.selection-panel ul.addons .price {background:#eee; border-radius: 2px; display: inline-block; padding-left: 8px; text-align: left; width: 50px;}

.selection-panel.quicklinks{padding:0 0 0 10px; background: #666}
.selection-panel.quicklinks h3{color: #fff; margin: 0; padding: 10px 10px 10px 0; cursor: pointer}
.selection-panel.quicklinks h3:before{content:"\f039"; color: #fff; display: block; float: left; font-family: fontAwesome; font-size: 1.3em; font-weight: normal; margin: 0 10px 0 8px; cursor: pointer}
#quicklinkslist{display: none}

.selection-panel.quicklinks ul{margin: 0 0 10px 17px; padding:0; display: block}
.selection-panel.quicklinks ul li{margin:0; padding:0}
.selection-panel.quicklinks ul li:before{margin:0 8px 0 0; padding:2px 0 0; content: "\f105"; font-family: "FontAwesome"; font-weight: normal; color: #fff; text-shadow: 0 1px 0 #000; display: inline-block; float:left}
.selection-panel.quicklinks ul li a{margin:0; padding:2px 0; display: block; color:#eee}

.entry .selection-panel table{margin-bottom: 0px}
.entry .selection-panel table td, .entry .selection-panel table th{font-size: 0.8em;}
.entry .selection-panel table th{margin:0; padding:0.2em 0.7em; text-align: right; line-height: normal}
.entry .selection-panel table td{margin:0; padding:0.2em 0.7em; line-height: normal}
.entry .selection-panel table tr.butt td {padding:1em 0; text-align: center;}

.entry .selection-panel input.button{text-transform: capitalize; font-weight: 400; font-size: 0.9em;}
body.report #wrapper #content .entry .selection-panel a.button{text-transform:capitalize; font-weight:400; font-size:1.0em; padding:0.327em 0.5em; margin: 5px auto; text-align: center; display: block; background:#428bca;}
body.report #wrapper #content .entry .selection-panel a.button:hover{background: #245682; border:1px solid #245682}
.entry .selection-panel a.button.change-vehicle:before{content:"\f021"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal}
.entry .selection-panel a.button.add-docs:before{content:"\f055"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal}
.entry .selection-panel a.button.print:before{content:"\f02f"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} 
.entry .selection-panel a.button.verify:before{content:"\f021"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} 
.entry .selection-panel a.button.buycredit:before{content:"\f153"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal}
.entry .selection-panel a.button.email:before{content:"\f003"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} 

.entry .selection-panel .button.print {}

.selection-panel.account {border-radius:20px 20px 0 0; margin-bottom: 1px; padding-bottom: 5px;}
.selection-panel.account h3 {margin-bottom: 3px}
.selection-panel.account p {}

.selection-panel.cartell-check {margin-top: 0; background: ##FFFFCC; border-radius: 0 0 20px 20px; padding-right: 5px;}
.selection-panel.cartell-check h3{margin-bottom: 4px;}
.selection-panel.cartell-check form {margin-bottom: 10px;}
.selection-panel.cartell-check .regbox:before{content:"\f1b9"; font-family: "FontAwesome"; padding:0 2px 0 5px }
.selection-panel.cartell-check .regbox{background:#fff; border:1px solid #ccc; border-radius:5px; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); float: left; }
.selection-panel.cartell-check input {border: 1px inset #eee; font-size: 1em; font-weight: normal; margin: 4px; padding: 2px; width: 120px; background:#eee}

.selection-panel.cartell-check button{margin-top: 1px; margin-left:5px; padding:6px 2px; width:auto; text-align: center; border-radius:5px; background:#00B544; color:#fff; border-width: 1px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); cursor: pointer; height:32px; width:38px}
.selection-panel.cartell-check button:hover{background: #245682}

/* overlay */
.fancybox-skin{background:#fff}
.fancybox-inner h2{color:#0084B5}
/* print report overlay */
.fancybox-inner p{margin:10px 0;}
.fancybox-inner ol#optionalChaptersToPrint{margin:10px 0 10px; width:90%; border:1px solid #ccc; border-radius:14px; display:table-cell; float:left;}
.fancybox-inner ol#optionalChaptersToPrint li{padding:10px 10px 5px 10px; border-bottom:1px solid #ccc; width:46.2%; float:left;}
.fancybox-inner ol#optionalChaptersToPrint li:last-child{border-bottom:0px; border-radius:0 0 14px 0px;}
.fancybox-inner ol#optionalChaptersToPrint li:nth-child(odd):nth-last-child(2){border-bottom:0px; /*border-radius:0 0 0px 14px;*/}
.fancybox-inner ol#optionalChaptersToPrint li:first-child{border-radius:14px 0px 0 0 ;}/*for hover*/
.fancybox-inner ol#optionalChaptersToPrint li:nth-child(2){border-radius:0 14px 0px 0;}/*for hover*/
.fancybox-inner ol#optionalChaptersToPrint li input{margin:0 10px 0 0;}
/*.fancybox-inner ol#optionalChaptersToPrint li:hover{background:#C5DEEB;}*/
/* checkbox style*/
.fancybox-inner ol#optionalChaptersToPrint li input.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding:8px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    }
.fancybox-inner ol#optionalChaptersToPrint li input.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.fancybox-inner ol#optionalChaptersToPrint li input..regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.fancybox-inner ol#optionalChaptersToPrint li input.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 11px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* Email / Share Report form overlay */
#shareLinkForm p{margin:10px 0;}
#shareLinkForm li label{color:#555;}
#shareLinkForm li.butt input{margin-right:10px;}

/* Report Details - Reg, Date/time, etc */
#ReportId_Summary{margin-top: 15px; clear: both; margin-bottom: 10px; overflow: hidden}
#ReportId_Summary ol{margin:0; padding:0; overflow: hidden;}
#ReportId_Summary ol li {margin:2px; width:47%; float:left; border:1px solid #eee; border-radius:4px; display:block; }
#ReportId_Summary ol li span.title {padding: 3px 5px; margin:0; text-align: center; display: block; background:#eff6f9; color: #0084b5; border-right: 1px solid #eee; font-size: 1.1em; font-weight: bold; text-transform: capitalize;}
#ReportId_Summary ol li span.result {background:#fff; border-right: 1px solid #eee; text-align: center; font-weight: normal; padding: 3px 5px;  margin:0;  display: block;}
#ReportId_Summary ol li:last-child span.title{border-width:0px}
#ReportId_Summary ol li:last-child span.result{border-width:0px}

/*Combined Report alert notification */
.combined-report-notice{margin:30px 0 0; padding:20px; border-radius:20px; background:#eff6f9; overflow: hidden;}
.combined-report-notice .icon{padding:3px 15px 0 0; float:left; font-size: 1.2em; font-weight: normal;}
.combined-report-notice div.notice-text{overflow: hidden;}
.combined-report-notice ul{margin:0 0 15px 0; padding:0;  list-style:none;}
.combined-report-notice ul li{margin:0 0 10px 0; padding:0; width:100%; display:block; list-style:none; font-size:1em; border-bottom:1px solid #eee;}
.combined-report-notice ul li span{padding:3px 10px; border:1px solid #eee; display:block; background:#fff; border-width:1px 1px 0 1px;}
.combined-report-notice ul li span.title{margin:0; padding:6px 8px 8px 30px; width:100%; font-size:1em; background:#fff; color:#555; font-weight:bold;}
.combined-report-notice ul li span.title.ie{background:#fff url(../img/flags/ie.png) no-repeat 8px 9px;}
.combined-report-notice ul li span.title.uk{background:#fff url(../img/flags/gb.png) no-repeat 8px 9px;}
.combined-report-notice ul li span.reportid{width:100%; font-size:1em;}
.combined-report-notice ul li span.reportid a.sm{margin-left:5px;font-size:0.9em}
.combined-report-notice ul li span.reg{width:100%; font-size:1em;}
/*.combined-report-notice ul li span.ieplate{margin-top:5px; padding:3px 60px 3px 19px; background:url(../img/bg_ieplate.gif) no-repeat top left; font-weight:bold; border:0;}
.combined-report-notice ul li span.ukplate{margin-top:5px; padding:3px 60px 4px 19px; background:url(../img/bg_ukplate.gif) no-repeat top left; font-weight:bold; border:0;}*/

/* Report Summary / Alert summary */
#alert_summary{margin:30px 0 0; padding:20px; border-radius:20px; background: #eee; overflow: hidden}
#wrapper #alert_summary .header h2 {margin:0; padding:0 0 10px 20px; background: none; border-width: 0; color: #00b544; float: left}
#wrapper #alert_summary .header p{margin:0; padding:10px 40px 0; float:right; font-size: 0.8em}

#alert_summary ul{margin:5px 0; padding:0px; clear: both; /*instead of overflow:hidden try*/ display: inline-block; width: 100%; overflow: visible}
#alert_summary ul li{margin:5px 1%; padding:6px 8px; display:block; border:2px solid #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); list-style: none; text-align: left; font-size: 1.1em; background: #fff; border-radius:14px }

#alert_summary ul li a:hover{text-decoration: none}

#alert_summary ul li h3{margin:0; padding:0; color:#555; font:bold 20px/1.2em "Helvetica Neue", Helvetica, sans-serif}
#alert_summary ul li h3:before{margin:0; padding:0; width: 40px; text-align: center; display: inline-block}
#alert_summary ul li.checked h3:before{content:"\f00c"; font-family: fontAwesome; font-size: 1.2em; color:#00B544; font-weight: normal;}

#alert_summary ul li.warning{border:2px solid #FF9A56; background:#FFF6E0}
#alert_summary ul li.warning h3:before{content:"\f071"; font-family: fontAwesome; font-size: 1.2em; color:#ff6600; font-weight: normal}
#alert_summary ul li.warning h3{color:#ff6600}
#alert_summary ul li.warning span.detail{color:#ff6600}
#alert_summary ul li.warning a:hover h3:after{color:#ff6600}

#alert_summary ul li.alert h3:before{content:"\f071"; font-family: fontAwesome; font-size: 1.2em; font-weight: normal; color:#fff}
#alert_summary ul li.alert h3 {color:#fff}
#alert_summary ul li.alert{border:2px solid #ff0000; background:#ff0000}
#alert_summary ul li.alert span.status{color:#fff; border-color: #ff6600}
#alert_summary ul li.alert span.detail{font-weight: bold; color:#fff}
#alert_summary ul li.alert a:hover h3:after{color:#fff}

#alert_summary ul li.info h3:before{content:"\f129"; font-family: fontAwesome; font-size: 1.2em; font-weight: normal; color:#00b544}
#alert_summary ul li.info h3 {}
#alert_summary ul li.info{}
#alert_summary ul li.info a:hover h3:after{}

#alert_summary ul li.addon {background:#f5f5f5; box-shadow: none; border-color: #f8f8f8}
#alert_summary ul li.addon h3:before{content:"\f068"; font-family: fontAwesome; font-size: 1.2em; color:#ccc; font-weight: normal;}
#alert_summary ul li.addon h3{color:#ccc}
#alert_summary ul li.addon h3 a{color:#ccc}

#alert_summary ul li.pending {}
#alert_summary ul li.pending h3:before{content:"\f021"; font-family: fontAwesome; font-size: 1.2em; color:#999; font-weight: normal;}
#alert_summary ul li.pending h3 a{color:#666}

#alert_summary ul li.locked {}
#alert_summary ul li.locked h3:before{content:"\f023"; font-family: fontAwesome; font-size: 1.2em; color:#999; font-weight: normal;}
#alert_summary ul li.locked h3 a{color:#666}

#alert_summary ul.notincluded{margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc}
#alert_summary ul.notincluded li {margin:5px 1%; padding:6px 8px; display:block; border:2px solid #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); list-style: none; text-align: left; font-size: 1.1em; background: #fff; border-radius:14px }
#alert_summary ul.notincluded li h3:before{content:"\f068"; font-family: fontAwesome; font-size: 1.2em; color:#ccc; font-weight: normal;}
#alert_summary ul.notincluded li h3{color:#555}

#alert_summary ul li.notavailable {}
#alert_summary ul li.notavailable h3:before{content:"\f12a"; font-family: fontAwesome; font-size: 1.2em; color:#999; font-weight: normal;}
#alert_summary ul li.notavailable h3 a{color:#666}

#alert_summary ul.notincluded li.notapplicable h3:before{color:#ccc;}


/* Chapters */
#wrapper .chapter {margin:25px 0; padding:1px; border:1px solid #e7e7e7; border-radius:20px;}/*changed from #eee as border too light*/
.chapter .fa-question-circle{color: #478bff; cursor: pointer;}

.chapter .header {
    background: none repeat scroll 0 0 #eff6f9;
    border-bottom: 1px solid #eee;
    border-radius: 20px 20px 0 0;
    font-size: 1.5em;
    margin: 0;
    overflow: hidden;
    padding: 7px 15px 7px 20px;
}
/* alert - red */
#wrapper .chapter.alert .header {background: #ff0000;}
#wrapper .chapter.alert {border: 2px solid #ff0000;}
#wrapper .chapter.alert .header h2{color: #fff;}
/* warning - orange */
#wrapper .chapter.warning .header {background: #FFF6E0;}
#wrapper .chapter.warning {border: 2px solid #FF9A56;}
#wrapper .chapter.warning .header h2{color: #ff6600;}
#wrapper .chapter.buyable .header{background: #eee;}
#wrapper .chapter.buyable .header h2{color: #666;}


.chapter .header h2{float:none; margin-bottom: 0; padding-bottom: 0; color:#0084B5}

.chapter .header .verify {background:#fff; border: 1px solid #eee; border-radius: 4px; width:auto; display: block; float: left; font-size: 0.5em; padding: 5px 5px;  color: #444;}
.chapter .header .verify .reg{padding-right: 5px; display: block; float: left; border-right:1px solid #ccc }
.chapter .header .verify .reportno {display: block; float: left; margin-left: 5px; padding-right: 5px;  border-right:1px solid #ccc }
.chapter .header .verify .reportno span {font-weight: bold;}
.chapter .header .verify .date {display: block; float: left; margin-left: 5px;}


#wrapper .chapter .header h2 span{font-weight: normal}
#wrapper .chapter .header h2 span:before{}
.chapter .header h2 span.notes{float: none; font-size: 0.6em; color:#888; background: none}
.chapter .header h2 span.ok:before {color: #2ab544; content: "\f00c"; font-family: fontAwesome; font-size: 1.5em;  }
.chapter .header h2 span.info:before {color: #2ab544; content: "\f129"; font-family: fontAwesome; font-size: 1.5em; }
.chapter .header h2 span.warning:before {color: #ff6600; content: "\f071"; font-family: fontAwesome; font-size: 1.5em; }
.chapter .header h2 span.warning{color:#ff6600; background: none!important}
.chapter .header h2 span.alert:before {color: #fff; content: "\f071 "; font-family: fontAwesome; font-size: 1.5em; }
.chapter .header h2 span.alert{color:#fff; font-weight: bold; background: none}
.chapter .header h2 span.notincluded:before {color: #ccc; content: "\f068 "; font-family: fontAwesome; font-size: 1.5em;}
.chapter .header h2 span.notavailable:before {color: #999; content: "\f12a "; font-family: fontAwesome; font-size: 1.5em;}
.chapter .header h2 span.pending:before {color: #999; content: "\f021 "; font-family: fontAwesome; font-size: 1.5em;}

.chapter.locked .header h2 span:before {color: #ccc; content: "\f023 "; font-family: fontAwesome; font-size: 1.5em; margin-right: 10px; padding: 3px;}

.chapter .alertlist.warning {background: none repeat scroll 0 0 #ffdab2; border-top: 1px solid #fff; padding: 10px 0 4px;}

.chapter .header-notes {background:#f9f9f9; border-radius:0; font-size: 0.8em; margin:1px; padding:20px 20px 10px 20px; line-height: normal}
.chapter .header-notes.warning{background:#FFF6E0}
.chapter .header-notes p{font-size: inherit; }
.chapter .header-notes p:first-letter{text-transform: capitalize}
.chapter .header-notes li{padding:5px 0; font-weight: bold; font-weight: normal}
.chapter .header-notes.info.module-failed {border-radius: 0 0 18px 18px;}
.chapter .header-notes.info-only{border-radius: 0 0 18px 18px;}

.chapter h4 {margin:0 0 0.5em 0; color:#0084B5; font-size:1.4em; text-transform:capitalize; font-family:"Helvetica Neue", Helvetica, sans-serif}

.chapter .notes {padding: 20px;}
.notes p.caption{font-style:italic; text-align:left; font-size: 0.9em}

.footer-notes{margin: 1px; padding: 10px 20px; background:#f9f9f9; border-radius: 0 0 20px 20px; border-top: 1px dashed #eee}
.footer-notes.info p, .footer-notes.warn p{color: #666; font-size: 0.8em; font-style: italic;}
.footer-notes.warn{background:#fff6e0}

.chapter table thead th .fa.fa-info-circle {font-size: 1em;}
.chapter table .fa-question-circle{color: #478bff; cursor: pointer; font-size: 1.2em;}
.chapter table .fa.fa-info-circle {color: #478bff; cursor: pointer; font-size: 1.2em;}

/*buy chapter*/
.chapter .teaser{margin:10px 10px 0; font-size:0.85em; }
.entry .chapter .teaser p{font-size:1em;}
.chapter.buyable .teaser-details{width:100%;}
.chapter.buyable .header-notes {border-radius: 0 0 20px 20px; padding: 20px 25px;}
.chapter img.img-th{padding:0 0 20px 0; border-width: 0px!important;}
.chapter.buyable .teaser-price {clear: both; padding-top: 20px;}
button[disabled=disabled]{background:#ccc;}
button:disabled{background:#ccc; cursor: default}
button:disabled:hover{background:#ccc!important; cursor: default}
.chapter.locked .teaser-price button:before{padding-right:10px; content:"\f023"; font-family: fontAwesome; color:#fff; font-weight: normal;}

/*form applied to some chapter forms*/
.chapter .addon_mileage{margin:10px 2px; padding: 10px 3%; width:92%; background:#fff; border: 1px dashed #ccc; overflow: hidden; border-radius: 20px; height: auto; clear: both}
.chapter .addon_mileage{display: none}
.chapter .addon_mileage ol{margin:0; padding:0}
.chapter .addon_mileage ol li {margin: 5px; padding:10px 0; clear: both; list-style: outside none none; }
.chapter .addon_mileage label{ margin:0px 10px 10px 0; float:none; font-weight: bold; display: block; font-size: 1.1em}
.chapter .addon_mileage .input-block{display: block; float:left}
.chapter .addon_mileage .input-block input{margin:0; }
.chapter .addon_mileage input[type=number]{width: 120px;}
.chapter .addon_mileage .radio-group{margin:5px 0 0 10px; display:block; float: left}
.chapter .addon_mileage .radio-group label{margin-left: 2px;  display: block; float:left; font-weight: normal;  font-size: 1em}
.chapter .addon_mileage input.button{clear:none; float: left; margin-right: 10px; font-size:1.0em; background:#428bca}
.chapter .addon_mileage input.button.cancel{background: #999}
.entry .addon_mileage ol li p {font-size: 1.1em; margin-bottom: 0;}
.entry .addon_mileage ol li p span {font-weight: bold;}


/*form applied to some chapter forms*/
.chapter .form_documentation{margin:10px 2px; padding: 10px 3%; width:92%; background:#fff; border: 1px dashed #ccc; overflow: hidden; border-radius: 20px; height: auto; clear: both}
.chapter .form_documentation ol{margin:0; padding:0}
.chapter .form_documentation ol li {margin: 5px; padding:10px 0; clear: both; list-style: outside none none; }
.chapter .form_documentation label{ margin:0px 10px 10px 0; float:none; font-weight: bold; display: block; font-size: 1.1em}
.chapter .form_documentation .input-block{display: block; float:left}
.chapter .form_documentation .input-block input{margin:0; }
.chapter .form_documentation .input-block span.error-block{display: block; margin:6px 0 0 2px; padding:0; font-style: italic; color:#F42727; font-size: 1em; width:120px}
.chapter .form_documentation .input-block span.help-block{display: block; margin:6px 0 0 2px; padding:0; font-style: italic; color:#999; font-size: 1em; width:120px}
.chapter .form_documentation input[type=number]{width: 120px;}
.chapter .form_documentation .radio-group{display: block; float: left}
.chapter .form_documentation .radio-group label{margin-left: 2px;  display: block; float:left; font-weight: normal;  font-size: 1em}
.chapter .form_documentation input.button{clear:none; float: left; margin-right: 10px;}
.chapter .form_documentation input.button.cancel{background: #999}
.entry .form_documentation ol li p {font-size: 1.1em; margin-bottom: 0;}
.entry .form_documentation ol li p span {font-weight: bold;}

/*form error messaging*/
span.error-block:before{ padding-right: 5px; content:"\f062"; font-family: fontAwesome; font-size: 1em; color:#ff0000;}
span.error-block{display: block; margin:0px 0 0 2px; padding:0; color:#F42727; font-size: 0.9em; font-weight: bold;}
span.help-block{display: block; margin:0px 0 0 2px; padding:0; italic; color:#999; font-size: 1em;}

input.error{border:3px solid #F42727}

.general-form .success:before{ padding-right: 5px; content:"\f00c"; font-family: fontAwesome; font-size: 1em; color:#00B544;}
.general-form .success {color: #00B544; font-size: 0.9em; font-weight: bold;}

/*gets rid of input counters*/
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance:textfield;}

#Buy_Report_GBT_FullHPI_TCO_Params{display: none}
#Buy_Report_GBT_FullHPI_CPG_Params{display: none}
#Buy_Report_GBT_FullHPI_CPG_Params{display: none}
#Buy_Report_GBT_FullHPI_CPG_Params{display: none}

table.jqplot-table-legend{width:auto;}

.chapter p.expired-date {font-style: italic; margin-top: 10px;}

.chapter .header-notes p.price {font-size: 1.3em;}
.chapter .header-notes p.price span{font-size: 1.4em; font-weight: bold}

.chapter .desc {font-size: 0.8em; margin: 0; padding: 0;}

.chapter input.button{padding: 0.327em 1em; text-transform: capitalize; font-weight: 400; clear: both; display: block}
.chapter button{padding: 0.327em 2em; text-transform: capitalize; font-weight: 400;}
.chapter a.button{text-transform: capitalize; font-weight: 400; padding: 0.327em 2em; margin: 5px auto; text-align: center; display: block}


/* Christophe's styles *********************************************************************/
.report_menu img{margin-left:auto; margin-right:auto; display:block;}
.gradientbar	{width: 100px; background-image:linear-gradient(to right,rgb(255, 0, 0), rgb(255, 255, 0) 50%, rgb(0, 255, 0));font-size: 0.9em;}
.revertgradientbar	{width: 100px; background-image:linear-gradient(to right,rgb(0, 255, 0), rgb(255, 255, 0) 50%, rgb(255, 0, 0));font-size: 0.9em;}
.name			{font-weight: bold;}
.value			{width: 200px;}
.field-placeholder {height:1.5em; background-color:#eee; border:1px solid #eee;}

/*********************************************************************************************/

/* header styles */
body.trade #topWrap{display:none; background:#626262} /* Quick fix - Take the html code out of the file instead */

#wrapper h1.entry-title{color:#005375; font-weight:normal;}


#Technical_Summary table{border:0;}
#Technical_Summary table th{background:#0084B5; color:#fff; border:0;}

.summary table td{vertical-align:top;}

/* Tables *********************************************************************************************/

.entry table.publicTable, .entry table{margin-bottom: 1.5em; margin-left: 1%; margin-top: 2%; padding:1px; font-size:0.85em; border: 1px solid #ccc; border-width: 1px 0 0; box-shadow: none; width: 98%; border-collapse: collapse}

.entry table.col6 td, .entry table.col6 th{width:15%}
.entry table.col5 td, .entry table.col5 th{width:19%}
.entry table.col4 td, .entry table.col4 th{width:24%}
.entry table.col3 td, .entry table.col3 th{width:32%}
.entry table.colauto td, .entry table.colauto th{width:auto}

#content table.publicTable thead th, .entry table thead th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #ddd;
    color: #000;
    font-size: 1.2em;
    font-variant: normal;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
}

.entry table thead th{margin:0; padding:5px 10px; border-bottom: 1px dashed #ddd; border-width: 0px 0px 1px 0px; text-transform: uppercase; font-weight: bold; font-size: 1.25em; background: #fff}
.entry table thead th .tooltip{text-transform: none;}
.entry table tr.sub-heading th {font-size: 1em !important;}
/*flag icons*/
.entry table thead th.ukflag:before{content:url("../img/flags/gb.png"); padding-right:7px;}
.entry table thead th.jpflag:before{content:url("../img/flags/jp.png"); padding-right:7px;}
.entry table thead th.ieflag:before{content:url("../img/flags/ie.png"); padding-right:7px;}

.entry table tbody th {padding: 2px 5px; width: 50%; background: none; border-width: 0; font-weight: bold; }
.entry table tbody td{padding: 2px 5px; width:50%; border-width: 0px; border-left: 1px solid #fff; border-collapse:collapse;font-weight:normal; font-variant: normal; word-wrap: break-word}

.entry table tbody tr:nth-child(odd) td{background:#f5f5f5}
.entry table tbody tr:nth-child(odd) th{background:#f5f5f5}

.entry table tr:hover td, table tr:hover td, .entry table tr:hover td, table tr:hover th{background: #C5DEEB!important;}

.entry table tr:hover td.warning, table tr:hover td.warning{background:#fbdc5e!important;}
.entry table tr:hover td.alert, table tr:hover td.alert{background:#dd2424!important; color:#fff!important; font-weight: bold}
.entry table tbody tr td.alert {background:#FFE5E5; color: #dd2424;}
.entry table tbody tr td.warning {background:#FFF6E0; color: #FF6100;}
.entry table tbody tr.warning td{background:#FFF6E0; color: #FF6100;}
.entry table tbody tr.warning:hover td{background:#fbdc5e!important; color: #FF6100;}
.entry table tbody tr.alert td {background:#FFE5E5; color: #dd2424;}
.entry table tbody tr.alert:hover td {background:#dd2424!important; color:#fff!important;; font-weight: bold}

table.importantTable {background: #FFFFB2}
table.importantTable td{}
.entry table.scrollh{display: block; overflow-x: auto; width:300px}

/* cpg table*/
.entry table.cpg-value-table { border-collapse: separate; padding:10px 15px 5px 15px; border-width:0px; background:#eee; border-radius:8px; }
.entry table.cpg-value-table thead th{padding:5px 0; border-radius: 20px 20px 0 0; border-width: 0px; background: #eee; color: #0084c8; font-size: 1.4em; text-transform: none;}
.entry table.cpg-value-table tbody th{padding: 5px 0; border-width: 0;}
.entry table.cpg-value-table tbody td{padding: 5px 0; border-width: 0;}
.entry table.cpg-value-table thead tr:nth-child(2n+1) th {background-color:#eee!important; }
.entry table.cpg-value-table thead tr:nth-child(2n+1) td {background-color:#eee!important}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) th {background-color:#eee; width: 60%; border-bottom:1px solid #fff}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) td {background-color:#eee; border-bottom:1px solid #fff}
.entry table.cpg-value-table tr:hover td, .entry table.cpg-value-table tr:hover td{background-color:#eee}

/*CPG table*/
.entry table.cpg-adverts{width:100%}
.entry table.cpg-adverts tbody td:nth-child(1){width: 60%}
.entry table.cpg-adverts tbody td:nth-child(2){width: 5%}
.entry table.cpg-adverts tbody td:nth-child(3){width: 5%}
.entry table.cpg-adverts tbody td:nth-child(4){width: 10%}
.entry table.cpg-adverts tbody td:nth-child(5){width: 10%}
.entry table.cpg-adverts tbody td:nth-child(6){width: 10%}

/*spinning ajax things*/
#Ajax_Image_Wrapper_Report_GBT_FullHPI_CIG {padding: 30px;}
#Ajax_Image_Wrapper_Report_GBT_FullHPI_CIG img{border-width: 0px!important}

#Ajax_Image_Wrapper_Report_GBT_FullHPI_CPG {padding: 30px;}
#Ajax_Image_Wrapper_Report_GBT_FullHPI_CPG img{border-width: 0px!important}

.ajax_img_wrapper {margin:0 auto; padding: 30px; display: none; width: 32px; }
.ajax_img_wrapper img {border-width: 0px!important}


/*environmental graph fixes *********************************************************************************************/
.co2chart{display: block; overflow-x: auto; width: 300px}

.entry table.ieco2-graph{margin-top:10px; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:500px}
.entry table.ieco2-graph tbody tr td{background: #fff; padding:1px; font-size: 1.05em}
.entry table.ieco2-graph tbody tr:nth-child(odd) td{background:#fff}
.entry table.ieco2-graph tbody tr td.price{width:5%; color:#000; font-size: 0.95em}
.entry table.ieco2-graph tbody tr td.band{width:45%; color:#fff;}
.entry table.ieco2-graph tbody tr td.band div{padding:0px 2px 0 6px; background:red; position:relative;}
.entry table.ieco2-graph tbody tr td.band div:after {width:0px; height:0px; content:""; position:absolute; left:100%; top:0px; border:0.8em solid transparent; border-width:0.8em 0;}
.entry table.ieco2-graph tbody tr td.band .co2-range{text-align:left;}
.entry table.ieco2-graph tbody tr td.band .band-name{float:right;}
.entry table.ieco2-graph tbody tr td.empty-cell{width:5%;}
.entry table.ieco2-graph tbody tr td.band .copyright{position: absolute; left: 40%;}
   
/* black arrow */
.entry table.ieco2-graph tbody tr td.black-arrow{width:45%;}
.entry table.ieco2-graph tbody tr td.black-arrow div{padding:0px 2px 0 6px; color:#ff6600; background-color:#000000; position:relative; text-align:center;}
.entry table.ieco2-graph tbody tr td.black-arrow div:before{width:0px; height:0px; content:""; position:absolute; right:100%; top:0px;  border-top:0.8em solid transparent; border-right:0.8em solid #000000; border-bottom:0.8em solid transparent;}

.entry table.ieco2-graph tbody tr.A0 td.band div{background-color: #04AC81; width: 31.25%;} 
.entry table.ieco2-graph tbody tr.A0 td.band div:after{border-left:10px solid #04AC81;}
.entry table.ieco2-graph tbody tr.A1 td.band div{background-color: #04AC81; width: 37.5%;} 
.entry table.ieco2-graph tbody tr.A1 td.band div:after{border-left:10px solid #04AC81;}
.entry table.ieco2-graph tbody tr.A2 td.band div{background-color: #04AC81; width: 43.75%;} 
.entry table.ieco2-graph tbody tr.A2 td.band div:after{border-left:10px solid #04AC81;}
.entry table.ieco2-graph tbody tr.A3 td.band div{background-color: #04AC81; width: 50%;} 
.entry table.ieco2-graph tbody tr.A3 td.band div:after{border-left:10px solid #04AC81;}
.entry table.ieco2-graph tbody tr.A4 td.band div{background-color: #04AC81; width: 56.25%;} 
.entry table.ieco2-graph tbody tr.A4 td.band div:after{border-left:10px solid #04AC81;}
.entry table.ieco2-graph tbody tr.B1 td.band div{background-color: #55B547; width: 62.5%;} 
.entry table.ieco2-graph tbody tr.B1 td.band div:after{border-left:10px solid #55B547;}
.entry table.ieco2-graph tbody tr.B2 td.band div{background-color: #55B547; width: 68.75%;} 
.entry table.ieco2-graph tbody tr.B2 td.band div:after{border-left:10px solid #55B547;}
.entry table.ieco2-graph tbody tr.C td.band div{background-color: #B9DA68; width: 75%;} 
.entry table.ieco2-graph tbody tr.C td.band div:after{border-left:10px solid #B9DA68;}
.entry table.ieco2-graph tbody tr.D td.band div{background-color: #F4E900; width: 81.25%;} 
.entry table.ieco2-graph tbody tr.D td.band div:after{border-left:10px solid #F4E900;}
.entry table.ieco2-graph tbody tr.E td.band div{background-color: #FDBB13; width: 87.5%;} 
.entry table.ieco2-graph tbody tr.E td.band div:after{border-left:10px solid #FDBB13;}
.entry table.ieco2-graph tbody tr.F td.band div{background-color: #F57E1A; width: 93.75%;} 
.entry table.ieco2-graph tbody tr.F td.band div:after{border-left:10px solid #F57E1A;}
.entry table.ieco2-graph tbody tr.G td.band div{background-color: #F01C25; width: 100%;} 
.entry table.ieco2-graph tbody tr.G td.band div:after{border-left:10px solid #F01C25;}

/*Validation chapter*/
span.hash-number{width:170px; display:inline-block;}
span.icon-matched,
span.icon-notmatched,
span.icon-notprovided{margin-left:0px; padding:4px 10px; font-size:0.85em; border:1px solid #ddd; border-radius:5px; display:inline-block;}
span.icon-matched:before{margin-right:5px; color: #2ab544; content: "\f046"; font-family: fontAwesome; font-size: 1.1em; }/*tick in box border*/
span.icon-matched{border-color:#8ce79d; background:#e7feeb}
span.icon-notmatched:before{margin-right:5px;color:#ff0000; content: "\f00d"; font-family: fontAwesome; font-size: 1.1em; }/*x*/
span.icon-notmatched{border-color:#ff9486; background:#ffebeb}
span.icon-notprovided:before{margin-right:5px;color:#ff6600; content: "\f071 "; font-family: fontAwesome; font-size: 1.1em; }/*exclamation*/
span.icon-notprovided{border-color:#ffe375; background:#FFFCDF;}
.verification_box .input-block{margin-top:10px;}
.verification_box .input-block input[type="submit"]{margin-left:5px; padding:4px 1em; border:1px solid #00b544; font-size:0.95em;}
.verification_box .addon_mileage ol li p{font-weight:normal; font-size:1.0em;}
.verification_box .addon_mileage ol li p span{font-weight:normal;}




/* footer notes */
.report-footer{clear: both}


/*select report*/

.column {border: 3px solid #ccc; border-radius: 20px;}
.entry .column ul{margin:20px 10px; padding:0}
.entry .column ul li{margin:5px 0; padding:0; text-align: center; list-style-type: none}

/* new responsive styles --------------------------------*/
/* NOTE! to be removed when new responsive theme goes live as they will be either redundent or interferring */

/* for responsive menu - copied from upcoming Woo canvas */
.nav-toggle:before {border-right: 1px solid rgba(255, 255, 255, 0.1); color: #fff; content: "\f039"; display: inline-block; font-family: "FontAwesome"; font-weight: normal; margin-left: 0.5em; padding: 0.8em 1em 0.8em 0.5em; text-shadow: 0 1px 0 #000;}
body.full-width .nav-toggle { margin: 0;}
.nav-toggle { background-color: rgba(0, 0, 0, 0.65); background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); border-bottom: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; display: block;
    font-size: 1em; margin: 0 -1em; padding: 0; text-align: left;}

ul.nav li{margin:0;}
#blog-description #appLogo{display: none}
body.report .col-full, body.report #wrapper { max-width: 1130px !important; }
body.report .col-full, #wrapper {margin:0 auto 0 auto}

#siteinfo{width: 100%; max-width:100%}
#cookie_credit{width: 100%; max-width:100%}


#utility {background: none repeat scroll 0 0 #eaf8ff; border-radius: 0 0 10px 10px; float: right;}
body.trade #utility ul li.on a {border-width:0px}
#utility ul li.logout {background: none repeat scroll 0 0 #005375; border-radius: 0 0 10px; margin-left: 0;}

/* ---------------------------------------------- */
/*  MEDIA QUERIES ------------------------------- */
/* ---------------------------------------------- */



/* tablets (portrait and landscape)
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #blog-description {width: auto !important;}
    #blog-title {float: left}
    
    .chapter{margin-top: 40px}
    .chapter .header h2{float:left;}
    .chapter .verify{float: right}
    
    
} ----------- */
@media only screen and (min-width:400px){
    .combined-report-notice ul li{margin:0 0 3px 0}
    .combined-report-notice ul li span{border-width:1px; display:table-cell;}
    .combined-report-notice ul li span.title{width:10%; padding:3px 10px 3px 30px;}
    .combined-report-notice ul li span.reportid{width:15%;}
    .combined-report-notice ul li span.reg{width:25%;}
}

@media only screen and (min-width:600px){
    #blog-title {margin: 0; padding: 10px 0 0;}
    .column {border: 3px solid #ccc; border-radius: 20px; float: left; margin: 0 1%; width: 30%;}
    .co2chart{display: block; overflow-x: auto; width:570px}
    .entry table.scrollh{display: block; overflow-x: auto; width:570px}
    
    .chapter.buyable .teaser-logo{margin-right: 5%; float:left; width:45%;}
    .chapter.buyable .teaser-details{float:left; width:40%;}
    .chapter.buyable .teaser-thumb {float: right; width: 50%;}
    
    .entry table.cpg-value-table { border-collapse: separate; padding:10px 20px 5px 20px; border-radius:20px; }
}

@media only screen and (min-width:600px) and (max-width :767px) {
    #alert_summary ul li{float:left; width:42%; margin: 5px 2% 5px 1%}
    .chapter .addon_mileage{width:100%;}

}
@media only screen and (min-width:768px) and (max-width : 1023px) {
    body.report .flow-1{float:left; clear:left;}
    body.report .flow-2 {float: right; width: 70%;}
    #alert_summary ul li{float:left; width:42%; margin: 5px 2% 5px 1%;}
    #alert_summary ul li:nth-of-type(2n+1){clear: left} /*just for ie*/
    #ReportId_Summary ol li{width:32%}
    .entry table.scrollh{overflow-x: auto; width:auto}
    .chapter .header h2{float:left;}
    .chapter .header .verify{float: right}
}

@media only screen and (min-width: 1024px) and (max-width : 1223px) {
    body.report .flow-1{float:left; clear:left;}
    body.report .flow-2 {float: right; width: 75%;}
    .entry table.scrollh{overflow-x: auto; width:auto}
}

@media only screen and (min-width: 1025px) {
    /* desktop */
    #blog-description #appLogo{display: block}
    #main {padding:0 0 10px 0}
    #wrapper .chapter{margin-top: 50px}
    #content{padding-top: 1.5em}
    .entry table.scrollh{overflow-x: auto; width:auto}
    
    
    /*selctions*/
    .selection-panel{padding:15px 20px 10px 20px; border-radius:20px;}
    .selection-panel h3 {}
    .selection-panel h3.open:after{}
    
    .entry .selection-panel form ol {padding:0 0 0 30px}

    #ReportId_Summary ol li {margin:1px; border-radius: 4px; display: block; float: left; width:19%;}
    
    #panel-trade {border-top: 1px dashed #ccc; display: block; float: right; margin-left: 20px; padding-top: 1em; width: 70%;}
    
    article .header h1 {float: left; text-align: left; }
    .page-title, .post .title, .page .title {font-size:32px}
    
    .container_main {margin-top: 15px; }
    
    body.report .flow-1{float:left; clear:left;}
    body.report .flow-2{}
    body.report .flow-3{float:left; clear:left;}
    
    .w20{width:20%;margin-left:0;}
    .w25{width:25%}
    .w30{width:30%}
    .w35{width:35%}
    .w40{width:40%}
    .w50{width:50%}
    .w60{width:60%}
    .w70{width:70%}
    .w80{width:80%}
    .w90{width:90%}
    
    
    #alert_summary ul li{float:left; width:30%; }
    #alert_summary ul li:nth-of-type(3n+1){clear: left} /*just for ie*/
    
    .chapter .header h2{float:left;}
    .chapter .header .verify{float: right}
    
    .chapter .header .verify{padding:5px 10px}
    .chapter .header .verify .reg{padding-right: 10px; }
    .chapter .header .verify .reportno { margin-left: 10px; padding-right: 10px; }
    .chapter .header .verify .date {margin-left: 10px;}
    
    .panel{width:47%; margin-bottom:0; border:0; box-shadow:none; background:none;}
    .panel.c1{width:95%; float:none; clear:both;}
    .panel.c2{width:47%}
    .panel.c3{width:30%}
    
    .panel {float: left; margin-left:20px; margin-right:0; padding: 20px 0 0;}
    
    .entry table.ieco2-graph{width: auto}
    
    .chapter.buyable .teaser-logo{margin-right:4%; float:left; width:25%;}
    .chapter.buyable .teaser-details{margin-right: 4%; float:left; width:45%;}
    .chapter.buyable .teaser-thumb {float: left; width: 20%;}
    
    
    .chapter.buyable .addon_mileage {width: 55%}
    .chapter input.button {padding: 0.327em 2em;}
    
    .entry table.publicTable, .entry table{margin:0 0 20px 0; padding:1px; font-size:0.85em; border: 1px solid #eee; width: 100%; border-collapse: separate}
    

}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
    body.report .flow-2{width:77%; float:right}
    .entry table.scrollh{overflow-x: auto; width:auto}
    #alert_summary ul li a:hover h3:after{padding:0; content:"\f063"; font-family: fontAwesome; font-size: 1em; color:#999; margin-right: 5px; font-weight: normal; float: right; display: inline-block}
}