body{padding-left: 170px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;} h1, h2, h3, h4, h5, h6 {color: #6DAEDE; font-weight: normal; line-height: 1em;} p.db-query, pre.xdebug-var-dump, .editpage pre.xdebug-var-dump {color:#000; background-color:#F2EFEF !important; text-align:left !important; padding-left:5px !important; border:1px dashed red;} .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .clear {clear:both;} p.warning {width: 100%; padding: 2% 0; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF;} p.success {background-color: #0A0; border:2px solid #090; color: #FFF;} p.warning a{color: #FFF;} p.small {font-size: 1em !important; height: 15px; margin-bottom: -12px !important; margin-top: 9px !important; margin-left:18px !important; padding: 3px !important; width: 500px !important;} a{color: #346BB4;} #pagetemplatechooser {margin-top:20px;} #pagetemplatechooser li {border:3px solid #eaeaea; padding:5px; text-align:center; font-size: 0.8rem; padding-top:10px; list-style:none; color:#666; width:200px; min-height:200px; position: relative; float:left; margin-right:5px; cursor:pointer;} #pagetemplatechooser li img {width: 200px; position: absolute; left:5px; bottom:5px;} #pagetemplatechooser li.segmentselect span {display:block; height:60px} /* Standard Forms */ form {margin-bottom: 0; text-align: left; color: #414141;} fieldset {margin-bottom: 0; width: 100%;} /* Firefox fix for pages being too wide, particularly if there is a large image */ @-moz-document url-prefix() { fieldset {display: table-column;} } legend {visibility: hidden;} label, legend {display: block; font-weight: normal; font-size: 1.1em; text-align:left;} label {height: auto; position: absolute; line-height: 1.4em;} label.inputlabel{margin-top: 7px;} label span, legend span { font-weight: normal; font-size: 1em; color: #444;} label.emailformcovert, input.emailformcovert {display:none;} label a:hover{text-decoration: underline !important;} input[type="text"], input[type="password"], input[type="checkbox"], input[type="email"], input[type="file"], textarea, select {border: 1px solid #C5C5C5; box-shadow: inset 0px 3px 10px -2px #DDD; padding: 10px; border-radius: 5px; color: #000; margin: 0 0 15px 200px; height: auto; width: 50%; max-width: 100%; display: inline-block; background-color: #FAFAFA; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #68AEE2; background-color: #FFF; box-shadow: inset 0px 3px 10px -2px #C5C5C5;} input[type="checkbox"]{box-shadow: none; width: 40px;} select {padding: 10px 20px 10px 5px; width: 56%; /*height: 37px;*/ vertical-align: middle; overflow: hidden; background: #FAFAFA url("../images/select_arrow.png") center right no-repeat; -webkit-appearance: none; text-indent: 0.01px; text-overflow: '';} select::-ms-expand {display: none;} /* Hide select arrows for IE10 */ select.multiple {background-image:none; height: 25em; overflow: auto;} select option {text-indent: 10px;} textarea {min-height: 295px; max-height: 295px; resize: none; width: 56%;} textarea.short {min-height:150px; max-height: 150px;} .error{border: 1px solid red !important;} label.error{border: none !important; color: red;} .button, button, input[type="submit"], input[type="reset"] {min-width: 120px; background: #EEE; /* Old browsers */ background: #EEE -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #EEE -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #EEE -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #EEE -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #AAA; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-radius: 3px; color: #444; display: inline-block; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px; float: left;} .button-success{background-color: #4C9F70; color: #FFF;} .button-warning{background-color: red; color: #FFF;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {color: #222; background: #DDD; /* Old browsers */ background: #DDD -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #DDD -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #DDD -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #DDD -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #DDD -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #DDDS linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* WS3C */ border: 1px solid #888; border-top: 1px solid #AAA; border-left: 1px solid #AAA; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active {border: 1px solid #666; background: #CCC; /* Old browsers */ background: #CCC -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #CCC -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #CCC -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #CCC -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #CCC -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #CCC linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } img.formimage{margin: 0 200px 14px 200px; max-width: 60%;} input.nofloatbutton{float: none; margin-right: 5px;} select.dateday{width: 20%; margin-left: 0;} select.datemonth{width: 38%; margin-left: 10px;} select.dateyear{width: 20%; margin-left: 10px;} select.timeday{width: 13%; margin-left: 0;} select.timemonth{width: 28%; margin-left: 10px;} select.timeyear{width: 19%; margin-left: 10px;} select.timehour{width: 14%; margin-left: 10px;} select.timeminute{width: 14%; margin-left: 10px;} div.checkboxdiv input {width: 40px !important;} p.label{display: inline-block; margin-right: 66px;} p.input{display: inline-block;} p.multicheckboxheader{position: absolute; margin: 0;} span.drag{display: block; margin: 10px 0;} .correspondenceform select{margin-left: 0;} .hidden{display: none !important;} small.multi_tip{display: none;} /* Main Structural components */ .manage-header-container{position: fixed; left: 0; top: 0; height: 100%; z-index: 101; background-color: #346bb4; width: 149px; border-right: 1px solid #214f8c; color: #FFF; padding-bottom: 67px;} .manage-header-container h1{margin: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif !important;} .manage-header-container p{margin: 10px; color: white; line-height: 1.2em} .manage-header-container .loggedinas {position: absolute; left: 0; bottom: 0px; z-index: 10000; font-size: 0.7rem; position: fixed; min-height: 49px; width: 149px; background-color: inherit;} .manage-header-container .wrapper{width: auto;} .manage-header-container ul {color: white; line-height: 1em; padding: 0; margin: 10px;} .manage-header-container ul li{margin: 10px 0;} .manage-header-container ul li ul{margin: 0 0 0 10px;} .manage-header-container ul a{color: #FFF; padding: 2px; line-height: 1em; text-decoration: none; font-size: 0.9em;} /* Menu */ #mainmenu {margin: 24px 0 0 0; padding:0 !important; width: 150px;} #mainmenu li {border-bottom:1px solid #68aee2; margin:0; width:149px; background:#346bb4; padding-top:0px; font-size: 1.1em;} #mainmenu li a {padding-right:0 !important;} #mainmenu>li.selected {background: #68aee2;} #mainmenu>li.selected a {background: #68aee2;} #mainmenu>li.selected ul li {background: #385c8c !important; width: 125px;} #mainmenu>li.selected ul li a {background: #385c8c !important;} #mainmenu li ul li.selected {background: #385c8c !important; /* border-left: 1px solid #346BB4; */ } #mainmenu li ul li.selected a {background: #385c8c !important;} #mainmenu li ul {display:none;} #mainmenu li:hover ul, #mainmenu li.hover ul, #mainmenu li.selected ul {display:block;} #mainmenu li ul li {border-bottom:1px dashed #608bba; background: #385c8c;} #mainmenu li ul li:last-child {border-bottom:none} #mainmenu>li:hover {background: #68aee2;} #mainmenu>li:hover a {background: #68aee2} #mainmenu>li:hover ul li {background: #385c8c; width: 125px;} #mainmenu>li:hover ul li a {background: #385c8c} #mainmenu>li ul li:hover {background: #385c8c !important; width: 125px;} #mainmenu>li ul li:hover a {background: #385c8c !important} #mainmenu li a {display:block; padding: 12px 5px;} #mainmenu li ul {margin:0 0 0 0; padding-right: 10px; position:relative !important; border-top:1px solid #385c8c; border-bottom:none !important;} #mainmenu li ul li {padding-left:25px; font-size: 0.85em; width: 125px;} #mainmenu li span.picicon {font-size:1.3em; margin-left:4px; margin-right:7px; text-transform: none} #mainmenu li ul li span.picicon {font-size:1em} #mainmenu li span.submenuindicator {position:absolute; right:0; margin-top: 17px; font-size:0.8rem; color:rgba(255,255,255,0.9); cursor:pointer; -ms-transform: rotate(90deg); webkit-transform: rotate(90deg); transform: rotate(90deg);} .manage-header-container ul li.logoutlink {padding:0; } .manage-header-container .helptextperpage{position: absolute; top: -10px; left: 0; height: 100%; margin: 10px 0; line-height: 1.2em; color: #FFFFFF; padding: 0; background-color: #525252;} .manage-header-container .helptextperpage h2{color: #8ECFFF; font-size: 1.8em; padding: 20px 10px 10px 10px; margin: 0 !important;} .manage-header-container .helptextperpage p{padding: 10px 10px 25px 10px; background: none; margin: 0; border: none; border-radius: 0; box-shadow: none; width: auto;} .manage-secondary-container{z-index: 100; position: fixed; text-align: right; left: 0; bottom: 0; background-color: #68aee2; background-color: rgba(104, 174, 226, 0.8); width: 100%; max-height: auto;} .manage-secondary-container.compressed{max-height: 50px;} .manage-secondary-container .wrapper{width: auto;} .manage-secondary-container .loggedinas{position: absolute; left: 135px; top: 28px; font-size: 0.8em; color: white; padding: 0 20px;} .manage-secondary-container .loggedinas p{color: white !important; line-height: 1.3em;} .be-enabled .manage-secondary-container .loggedinas{top: -37px;} .manage-secondary-container p {position:relative; display: inline-block; margin: 6px 0;} .manage-secondary-container p a{color: #FFF; text-decoration: none; margin: 0 10px; line-height: 1.2em; background-color: #8fa812; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px 15px 10px 10px; width: 120px; display: block; text-align: center; background: -webkit-linear-gradient(#badc2f, #8fa812); /* For Safari */ background: -o-linear-gradient(#badc2f, #8fa812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#badc2f, #8fa812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#badc2f, #8fa812); /* Standard syntax */} .manage-secondary-container p a:hover{background-color: #8fa812; background: -webkit-linear-gradient(#8fa812, #badc2f); /* For Safari */ background: -o-linear-gradient(#8fa812, #badc2f); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#8fa812, #badc2f); /* For Firefox 3.6 to 15 */ background: linear-gradient(#8fa812, #badc2f); /* Standard syntax */} .manage-secondary-container p.viewlink a{ background: -webkit-linear-gradient(#0085FF, #0073DD); /* For Safari */ background: -o-linear-gradient(#0085FF, #0073DD); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#0085FF, #0073DD); /* For Firefox 3.6 to 15 */ background: linear-gradient(#0085FF, #0073DD); /* Standard syntax */} .manage-secondary-container p.viewlink a:hover{background-color: #006ED3; background: -webkit-linear-gradient(#007FF3, #006ED3); /* For Safari */ background: -o-linear-gradient(#007FF3, #006ED3); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#007FF3, #006ED3); /* For Firefox 3.6 to 15 */ background: linear-gradient(#007FF3, #006ED3); /* Standard syntax */} .manage-secondary-container p.cancellink{position: absolute; left: 160px; top: 0;} .manage-secondary-container p.cancellink a{ background: -webkit-linear-gradient(#FF3500, #DD2300); /* For Safari */ background: -o-linear-gradient(#FF3500, #DD2300); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FF3500, #DD2300); /* For Firefox 3.6 to 15 */ background: linear-gradient(#FF3500, #DD2300); /* Standard syntax */} .manage-secondary-container p.cancellink a:hover{ background: -webkit-linear-gradient(#DD2300, #FF3500); /* For Safari */ background: -o-linear-gradient(#DD2300, #FF3500); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#DD2300, #FF3500); /* For Firefox 3.6 to 15 */ background: linear-gradient(#DD2300, #FF3500); /* Standard syntax */} .manage-secondary-container.compressed form input, .manage-secondary-container.compressed form label{display: none;} .manage-secondary-container form{margin: -31px 0 0 170px;} .manage-secondary-container form legend{visibility: visible; color: white; width: 100%; margin-bottom: 10px; padding-bottom: 15px;} .manage-secondary-container form legend .picicon {color:#fff; font-size:1.2em;} .manage-secondary-container form label{color: #FFF; position: relative; display: inline-block;} .manage-secondary-container form input[type=text], .searchpage .manage-secondary-container form select{padding: 5px; display: inline-block; width: 160px; max-width: 160px; margin: 0 0 10px 0;} .manage-secondary-container form input[type=text]{width: 148px;} .searchpage .manage-secondary-container form select{margin-right: 3px;} .manage-secondary-container form input[type=submit]{font-weight: normal; padding: 5px; background-color: #FF0000; text-shadow: none; color: #FFF; width: 100px; margin: 0; border: none;} .manage-secondary-container form input.searchbutton{padding: 5px 15px; background-color: #EEE; color: #444; width: auto; border: 1px solid #AAA; font-size: 1.1em; border-top: 1px solid #CCC; border-left: 1px solid #CCC; bottom: 41px; right: 10px; position: absolute;} .manage-secondary-container form select{margin-left: 0; width: 100%;} .manage-secondary-container form select.dateday{width: 38px; } .manage-secondary-container form select.datemonth{width: 60px; } .manage-secondary-container form select.dateyear{width: 52px; margin-left: 0;} .manage-secondary-container form input.datepickercl{width: 124px;} .manage-secondary-container form .date-container {display: inline-block; margin-right: 0; top: 0; position: relative; margin-left: 0 !important; width: 100% !important} .manage-secondary-container form .date-container input{width: 120px;} .manage-secondary-container form .datepickerimagediv{left: -3px; margin-top: -5px; right: auto;} .manage-secondary-container {overflow: hidden} .manage-secondary-container form .clear-search-link{color: #fff; font-size: 0.9rem; margin: 10px 0 15px 0; display: block; position: absolute; right: 150px; bottom: 32px;} .manage-main-container{padding-top: 8px; padding-bottom: 50px; position: relative;} .manage-main-container p.warning{border: none !important; padding: 10px 0.5%; width: 98%; border-radius: 5px; font-size: 1.2em;} .manage-main-container h1{font-size: 2em; margin: 15px 0 20px 0; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif !important;} .manage-main-container h1 a{color: #346BB4;} .manage-main-container ul{padding: 0 0 0 16px;} .manage-main-container ul.paging{margin: 25px 0; padding: 5px 0; border: 1px solid #346BB4; border-width: 1px 0;} .manage-main-container ul.paging li{list-style-type: none; display: inline; padding: 0 10px 0 0 ;} .manage-main-container ul.paging li a{color: #346BB4; text-decoration: none;} .manage-main-container ul.paging li a.selected{text-decoration: underline; font-size: 1.2em;} /* Main Table Styles */ .manage-main-container table{margin-top: 23px !important; width: 100%;} .manage-main-container table.fullwidth{width: 99% !important; margin-left: 0 !important;} .manage-main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .manage-main-container table thead tr th { background: #62add7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} .manage-main-container table thead tr th a{color: #FFF;} .manage-main-container table td, .manage-main-container table th{padding: 10px; background-color: #DCEEFA; border-top: 1px solid white; vertical-align: top; color:#144B94;} .manage-main-container table tbody tr td a{color: #144B94;} .manage-main-container table tbody tr:hover td{background-color: #68AEE2; color: white;} .manage-main-container table tbody tr:hover td a{color: #FFF;} .manage-main-container table tbody tr td img{max-width: 100%;} .manage-main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .manage-main-container form.tablewrapper table {margin-bottom: 10px;} .manage-main-container form.tablewrapper input, .manage-main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 4px 2px;} .manage-main-container form.tablewrapper select{width: 165px;} .manage-main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 0; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .manage-main-container form.tablewrapper input.short{width: 50px;}z /* Search Page Tables should be 100% wide by default */ .searchpage .manage-main-container table{width: 100%;} /* Help Text Per Page Button */ .manage-main-container a.helptextperpagebutton{font-size: 1.8em; color: #346BB4; text-decoration: none; display: block; padding: 10px; margin: 20px 0 0 10px; position: absolute; right: 20px; top:7px; } body.be-enabled .manage-main-container a.helptextperpagebutton{top: -15px !important;} .manage-main-container a.helptextperpagebutton:hover {color: #346BB4; } /* Dashboard Styles */ .manage-main-container .dashboardarea{border: 1px solid #F22143; width: 48%; float: left; height: 400px; margin: 0 3% 20px 0; padding: 0; border-radius: 5px 5px 0 0; } .manage-main-container .dashboardarea:nth-child(even){margin-right: 0;} .manage-main-container .dashboardarea h2{background-color: #F22143; margin: 0 !important; padding: 20px 10px; color: white; height: 20px; font-size: 1em; text-transform: uppercase; text-shadow: 2px 2px 2px #666} .manage-main-container .dashboardarea h2 {background-color: #F22143; background: -webkit-linear-gradient(#F22143, #C1152F); /* For Safari */ background: -o-linear-gradient(#F22143, #C1152F); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F22143, #C1152F); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F22143, #C1152F); /* Standard syntax */} .manage-main-container .dashboardarea h2 span{font-size: 2em; margin-right: 5px; text-transform: none} .manage-main-container .dashboardarea div.inner{overflow-y: auto; height: 340px !important} .manage-main-container .dashboardarea div.inner a{text-decoration: none; color: #68AEE2;} .manage-main-container .dashboardarea div.inner a:hover{color: #608BBA;} .manage-main-container .dashboardarea div.inner table{margin: 0 !important; position: relative; font-size: 1em; width: 100%} .manage-main-container .dashboardarea div.inner table thead{display: none;} .manage-main-container .dashboardarea div.inner table tr td{background-color: white; border-bottom: 1px solid #EEE; color: #666;} .manage-main-container .dashboardarea div.inner table tr td:first-child{font-weight: bold;} .manage-main-container .dashboardarea div.inner table tr:hover td{color: #666; } .manage-main-container .dashboardarea div.inner form {position: relative; padding: 0 10px;} .manage-main-container .dashboardarea div.inner form input{margin-left: 35%;} .manage-main-container .dashboardarea div.inner form textarea{margin-left: 35%; height: 100px !important; min-height: 130px;} .manage-main-container .dashboardarea div.inner .statsitem{float: left; width: 42%; background-color: #FAFAFA; border: 1px solid #EEE; margin: 20px 0 0 5%; height: 130px; text-align: center; } .manage-main-container .dashboardarea div.inner .statsitem p{margin: 10px 0 0 0; padding: 0;} .manage-main-container .dashboardarea div.inner .statsitem p.stat-item{color: #A00; font-size: 5em; letter-spacing: -0.1em} .manage-main-container .dashboardarea div.inner .statsitem p.stat-label{margin: 0; padding: 0; color: #666} .manage-main-container .dashboardarea div.inner .statsitem p a{text-decoration: none;} .manage-main-container .dashboardarea div.inner .statsitem p a:hover{color: #346BB4;} .manage-main-container .dashboardarea div.inner p{margin: 10px;} .usertype2 .manage-main-container .dashboardarea{height: 600px} .usertype2 .manage-main-container div.inner{height: 540px !important} /* Table Editing */ .editpage .manage-main-container form table{width: 58.7%; margin-left: 200px;} /* Checkbox editing */ .manage-main-container form #accessdv .checkboxdiv{height: 30px; float: left; width: 45%; margin-right: 1%;} .manage-main-container form #accessdv .checkboxdiv input{margin-left: 0px !important;} /* Product Variant Edit Table */ .manage-main-container form table#variantslist tbody tr#hiddenclonedrow {display:none;} .manage-main-container form #currentvariants {width:70%;} .manage-main-container form #currentvariants table#variantslist {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #currentvariants table#variantslist tr td input {margin-left:10px;} .manage-main-container form #currentvariants table#variantslist tr td select {margin-left:10px; width: 100px;} /* Customer Edit */ .manage-main-container form #reviewsdv {width:70%;} .manage-main-container form #reviewsdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #reviewsdv table tr td input {margin-left:10px;} .manage-main-container form #wishlistdv {width:70%;} .manage-main-container form #wishlistdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #wishlistdv table tr td input {margin-left:10px;} .manage-main-container form #ordersdv {width:70%;} .manage-main-container form #ordersdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #ordersdv table tr td input {margin-left:10px;} /* Table Col Groups */ table #crop1{width: 14%;} table #crop2{width: 20%;} table #crop3{width: 48%;} table #crop4{width: 18%;} /* General bits */ .placeholderimg{display: inline-block; margin: 9px 0 0 20px;} .placeholderimg .tooltipmarker{cursor: pointer; font-size: 0.85em;} .placeholderimg .tooltipmarker:hover{text-decoration: underline;} .tooltip {color: #FFF; width: 30%; min-width: 200px; z-index: 13000; background-color: #D00; border-radius: 5px;} .tooltip .tip-title {font-weight: bold; font-size: 1.2em; margin: 0; color: #FFF; padding: 10px 10px 4px;} .tooltip .tip-text {font-size: 0.9em; padding: 4px 10px 10px; line-height: 1.4em;} .help-para{font-size: 0.95em; line-height: 1.5em;} #bedialogbox{display: none;} .previewlink {position:absolute; margin: 2px 30px 0 0;} .previewlink {right:40px;} .previewlink p {margin:0; padding:0;} .previewlink p a {color: #FFF; text-decoration:none; line-height: 2em; font-size: 0.9rem;} .previewlink p a .picicon {font-size:1.2em;} p.querycount{position: absolute; top: 0; right: 0; margin: 0; padding: 5px; background-color: #A00; color: white; font-size: 1em; line-height: 1.2em;} /* Edit Page Specifics */ body.fixed-width{padding-left: 170px;} .editpage{position: relative; font-size: 0.8em;} .editpage .main-container{margin-top: 15px; margin-right: 10px;} .editpage .main-container.fixed-width{margin: 15px 0; background-color: #FFF;} .editpage .main-container.fixed-width .wrapper {margin: 20px 0;} .editpage ul#tabmenu{margin: 0 0 5px -20px; width: 99%; background-color: #68aee2; height: 30px; padding: 0 20px 0 10px; line-height: 2em;} .editpage ul#tabmenu li{font-size: 0.9rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} .editpage ul#tabmenu li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 15px 6px 15px; margin: 0; font-size: 1em;} .editpage ul#tabmenu li.selected a{border-bottom-color: #FFF; cursor: pointer;} .editpage ul#tabmenu li.selected a, .editpage ul#tabmenu li a:hover, .editpage ul#tabmenu li a:active{background-color: #FFF;} .editpage textarea.blueedit{display: none;} .editpage form.editform div.tab{/*margin-left: 75px;*/} .editpage form.editform div.tab#details{margin-left: 0;} .editpage form.editform .date-container{margin-left: 200px !important; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform .date-container input{display: block; margin: 0 0 5px 0; width: 75px;} .editpage #paymentsdv form.editform .datepickerimagediv{right: 17%;} .editpage #informationdv form.appcontrolform .date-container{width: 60%; display: inline-block;} .editpage #informationdv form.appcontrolform .datepickerimagediv{right: 21%; top: 4px;} .editpage form.editform .time-container{margin-left: 200px; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform p.radiopara {height: auto; line-height: 1.4em; display: inline-block; width: 320px; font-size: 1.1em; margin: 0} .editpage form.editform p{font-size: 1.1em;} .editpage form.editform p.heading{border-bottom: 1px solid #AAAAAA; padding-bottom: 5px; font-size: 1.5em; margin: 0 19px 30px 0; display: block;} .editpage form.editform .radiodiv {margin-left: 200px; margin-bottom: 10px; display: inline-block;} .editpage form.editform .radiodiv input{display: inline-block; margin: 3px 0 0 9px; position: relative;} .editpage form.editform .radiodiv label{display: inline-block; margin-right: 30px; position: relative;} .editpage form.editform p.label{position: absolute; display: block; margin-top: 0;} .editpage form.editform p.input{padding: 0 10px 10px 0; margin: 0 0 15px 200px; width: 46%;} .editpage form.editform p.collectionlabel{ background-color: #A00; color: #fff} .editpage form.editform p.collectioninput{text-align: left; margin-left: 50%; background-color: #A00; color: #fff; padding: 0;} body.be-enabled form.editform div#seo {background:rgba(255, 255, 255, 0.95); padding:10px;} body.be-enabled form.editform div#information {background:rgba(255, 255, 255, 0.95); padding:10px;} /* Order View Page */ .manage-main-container div.tab {width: 100%;} .manage-main-container table tr:nth-child(even) td {background-color: #BBDEF3; border-top: 1px solid white; color:#144B94;} /* BE Image Selectors */ .editpage .beimageselector{height: 80px; margin-left: 180px; position: relative;} .editpage .beimageselector img{position: absolute; left: 20px; top: 0;} .editpage .beimageselector p{line-height: 1.5em; margin-left: 100px !important; clear: none;} .editpage .beimageselector.multiadd{height: 50px;} .editpage .beimageselector.multiadd p{clear: none !important;} .editpage .beimageselector a {color:#000; text-decoration:none;} .editpage .beimageselector a:hover {color:#555;} .editpage .beimageselector .picicon {color:#346BB4} /* Blue Edit Specific Overrides */ .editpage.be-enabled.dynamic-width-override{padding-left: 20px;} .editpage.be-enabled .manage-header-container{z-index: 20001;} .editpage.be-enabled .manage-secondary-container{z-index: 20000} .editpage.be-enabled .manage-secondary-container #beleftcoltab{position: absolute; right: -50px; font-size: 2em; border-radius: 0 5px 5px 0; background-color: #68AEE2; color: white; padding: 20px 10px 20px 20px; cursor: pointer;} .editpage.be-enabled.dynamic-width-override form{margin-right: 20px; } .editpage.be-enabled form{padding-bottom: 250px; margin-top: 19px;} .editpage.be-enabled form.editform legend{display: none;} .editpage.be-enabled div.manage-main-container{padding-bottom: 0;} /* Search Page Specifics */ .searchpage{position: relative; padding-right:20px; min-height: 1000px; font-size: 0.8em; } .searchpage .manage-secondary-container a{text-decoration: none;} .searchpage select.orderdeliveryupdate {width:160px; margin:0; cursor:pointer;} .searchpage #fullsearchform .tab div{display: inline-block; margin: 0 10px 15px 0; width: 15%} .searchpage #fullsearchform .tab div label{display: block;} .searchpage #fullsearchform .checkboxdiv {width: 160px !important; padding: 0; position: relative; margin-bottom: 15px !important; margin-top: 10px !important} .searchpage #fullsearchform .checkboxdiv label {width:100px; margin:0; cursor:pointer;} .searchpage #fullsearchform .checkboxdiv input {width: auto !important; margin: 4px 0 0 10px; position:absolute; right:0; top:0} /* To Do List Items */ table#todolistitems textarea, table#todolistitems input{display: none; width: 90%; padding: 5px;} table#todolistitems span{display: block; width: 90%;} table#todolistitems tr:hover textarea, table#todolistitems tr:hover input{display: block;} table#todolistitems tr:hover span{display: none;} table#todolistitems tr td.description{width:50%; max-height: 92px; overflow: hidden; font-size: 0.8em;} table#todolistitems tr td.description span{max-height: 92px; overflow: hidden;} /*****************************************************************************************************************************/ /* Tables used in edit tabs one a blueedit pages class - e.g. blogs */ .main-container table{margin-top: 23px !important; width: 98%;} .main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .main-container table thead tr th { background: #62add7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} .main-container table thead tr th a{color: #FFF;} .main-container table td, .main-container table th{padding: 10px; background-color: #DCEEFA; border-top: 1px solid white; vertical-align: top; color:#144B94;} .main-container table tbody tr td a{color: #144B94;} .main-container table tbody tr:hover td{background-color: #68AEE2; color: white;} .main-container table tbody tr:hover td a{color: #FFF;} .main-container table tbody tr td img{max-width: 100%;} .main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .main-container form.tablewrapper table {margin-bottom: 10px;} .main-container form.tablewrapper input, .main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 4px 2px;} .main-container form.tablewrapper select{width: 84px;} .main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 0; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .main-container form.tablewrapper input.short{width: 50px;} /* Site Specific Tweaks */ .editpage .main-container .expand-header h3 {color:#fff !important; cursor:text !important;} .editpage .main-container .expand-content a {color:#fff !important} #reportfilterform .date-container {padding-top:0; } #reportfilterform .date-container .dateday {width:100px; display: inline-block} #reportfilterform .date-container .datemonth {width:150px; display: inline-block} #reportfilterform .date-container .dateyear {width:100px; display: inline-block} #reportfilterform label{position: relative; margin-bottom: 0 !important;} #reportfilterform select {margin-top:10px; display: block; width: 200px; margin-left: 0;} #reportfilterform input {margin-top:10px} #reportfilterform .clear-search-link {display:block; margin-bottom:10px; display:none;} .main-container {} .main-container div.backgroundimage{height: 20px !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 5px; top: 5px; display: block; z-index: 100;} .main-container div.backgroundimage img{height: 100px; border: 1px solid white; margin-right: 0;} .editpage .main-container .segment-section p{font-size: 1rem} .editpage .main-container .segment-section ul{font-size: 1rem} .editpage .main-container #content{position: relative;} .editables {font-family: "Arial", sans-serif;} .editables h1, .editables h2, .editables h3 {color: #8AC8A4} .editables h1{font-size: 2rem;} .editables h2 {font-size: 1.8rem;} .editables h3 {font-size: 1.5rem;} .editpage .main-container form.editform h2{color: #444545;} .editpage .main-container form.editform h3{color: #444545;} .editpage form.editform .segment-section-fullwidth p{font-size: 2rem} .editpage form.editform .segment-section-icons p{font-size: 1.3rem} .editpage form.editform .segment-3col-boxes .c4 p{font-size: 1rem;} .editpage form.editform .segment-3col-boxes .c12 p{font-size: 1.2rem;} .editpage form.editform .segment-section-full-image .headline h2{color: #FFF} .editpage form.editform .segment-2col-image .text-section p{font-size: 1.2rem} .editpage form.editform .segment-section-red-box h2{color: #FFF;} .editpage form.editform .segment-section-fullwidth-button p{font-size: 1rem} .editpage form.editform .segment-section-thin p{font-size: 1rem;} /* Vehicle Status Colours */ .status-1{background-color: #E50200 !important; color: #FFF !important;} .status-2{background-color: #C40100 !important; color: #FFF !important;} .status-3{background-color: #A30100 !important; color: #FFF !important;} .status-4{background-color: #820100 !important; color: #FFF !important;} .status-5{background-color: #620000 !important; color: #FFF !important;} .status-6{background-color: #410000 !important; color: #FFF !important;} .status-7{background-color: #200000 !important; color: #FFF !important;} .status-8{background-color: #000000 !important; color: #FFF !important;} /* Vehicle Row Colour Auction */ .hold-for-auction td{background-color: #4CBB17 !important;} .vehicleslist .hold-for-auction td.statusdesc{background-color: #4CBB17 !important; color: #444 !important;} /* Overview styling */ .overviewbox{border: 2px solid #AAA; padding: 10px; color: #444; min-height: 70px; position: relative; width: 75%; margin: 20px 0 10px 0} .overviewbox p.source{font-size: 0.7rem; margin: 0; position: absolute; top: 10px; left: 10px;} .overviewbox h3{font-size: 1.3rem; color: #444; margin: 25px 0} .overviewbox p.collectionoverview{position: absolute; top: 32px; left: 310px; margin: 0; font-size: 1.3rem;} .overviewbox p.collectionoverview span:first-child{display: inline-block; width: 70px;} .overviewbox p.collectionoverview span:nth-child(2){display: inline-block; width: 70px;} .overviewbox p.quotestatus{position: absolute; top: 50px; font-size: 0.6rem;} .overviewbox p.collectiondetails{position: absolute; top: 50px; left: 310px; font-size: 0.6rem;} .overviewbox div.calculationdetails{display: none; font-size: 0.6rem;} .overviewbox p.statusdesc{position: absolute; right: 0; top: 0; height: 21px; width: 180px; margin: 0; padding: 35px 20px ; font-size: 1.1rem; border-left: 2px solid #AAA; border-bottom: 2px solid #AAA; text-align: center;} /* Vehicles Display List styling */ .vehicleslist tr td{position: relative; color: #444 !important} .vehicleslist h3{font-size: 1.1rem; color: #444; margin: 25px 0;} .vehicleslist p.source{font-size: 0.7rem; margin: 0; position: absolute; top: 5px;} .vehicleslist p.collectionoverview{margin: 12px 0 0 0; font-size: 1.1rem;} .vehicleslist p.collectionoverview span:first-child{display: inline-block; width: 70px;} .vehicleslist p.collectionoverview span:nth-child(2){display: inline-block; width: 70px;} .vehicleslist p.collectiondetails{position: absolute; top: 35px; font-size: 0.6rem;} .vehicleslist p.collectionnotification{position: absolute; top: 75px; font-size: 0.6rem;color: #fff; background-color: #A00;} .vehicleslist span.collectionprice{color: #fff; background-color: #A00;} .vehicleslist p.quotestatus{position: absolute; top: 50px; font-size: 0.6rem;} .vehicleslist p.quotepricetier{font-size: 0.6rem;} .vehicleslist p.frontendorenginevalue{font-weight: bold; font-size: 1rem;} .vehiclesli.vehicleslist td.statusdescst div.calculationdetails{display: none; font-size: 0.6rem;} .vehicleslist td.statusdesc{padding: 35px 20px; font-size: 1.1rem; text-align: center; color: #FFF !important; vertical-align: middle} .vehicleslist td:last-child{font-size: 1.1rem; vertical-align: middle; text-align: center} .vehicleslist td:last-child a{text-decoration: none;} .vehicleslist td:last-child a:hover{text-decoration: underline;} .vehicleslist tr td:last-child{display: none} .vehicleslist td.statusdesc span{font-size: 0.7rem} /* Vehicle Site Location Colours */ .vehicleslist td.sitelocation-1-B{background-color: #fedf7c !important; color: #444 !important;} .vehicleslist td.sitelocation-2-B{background-color: #f7d66d !important; color: #444 !important;} .vehicleslist td.sitelocation-3-B{background-color: #f4d05e !important; color: #444 !important;} .vehicleslist td.sitelocation-4-B{background-color: #eec647 !important; color: #444 !important;} .vehicleslist td.sitelocation-5-B{background-color: #e3b82e !important; color: #444 !important;} .vehicleslist td.sitelocation-6-B{background-color: #d7a919 !important; color: #444 !important;} .vehicleslist td.sitelocation-7-B{background-color: #ddaa08 !important; color: #444 !important;} /* Interim status for a collected vehicle */ .vehicleslist td.status-completed{background-color: #346bb4 !important; color: #FFF !important;} .driverdisplay.vehicleslist p.addressdetails{margin: 23px 0 0 0; font-size: 1rem; width: 150px} .driverdisplay.vehicleslist p.photocount{margin: 23px 0 0 0; font-size: 0.7rem; width: 70px;} .driverdisplay.vehicleslist h3{font-size: 1rem;} .driverdisplay.vehicleslist p.collectionoverview{font-size: 1rem;} .driverdisplay.vehicleslist p.collectionoverview span{width: auto;} /* Drivers collection table */ .table__driver-collections p.addressdetails{margin: 0; font-size: 1rem; width: 150px} .table__driver-collections p.photocount{margin: 0; font-size: 0.7rem; width: 70px;} .table__driver-collections p.collectionoverview{font-size: 1rem;margin: 0;} .table__driver-collections p.collectionoverview span{width: auto;margin: 0;} /* Driver Vehicle Upload Photo Form */ .uploadphotoform{} .uploadphotoform legend{display: none;} .uploadphotoform label{font-size: 0.9rem; margin-top: 16px; display: none;} .uploadphotoform input{font-size: 0.8rem; margin: 0; padding: 8px 7px; width: 200px; display: inline-block;} .uploadphotoform input.button{float: none; width: 100px; min-width: 100px;} /* Postcode Area List */ ul.postcodearealist{display-list: none;} ul.postcodearealist li{display: inline-block; vertical-align: top; width: 60px; padding-right: 50px} ul.postcodearealist li input[type="checkbox"]{margin: 1px 0 0 2px; float: right; width: 36px } /* Postcode Tiers */ .postcode-map-link{position: absolute; right: 30px; top: 60px} .postcodetier-container{} .editform legend{display: none} .postcodetier-container .tier-container{background-color: #6DAEDE; width: 17.5%; margin: 0 1% 20px 0; padding: 0.5%; min-height: 200px; display: inline-block; vertical-align: top;} .postcodetier-container .tier-container p{text-align: center; color: white; border-bottom: 1px solid white; padding-bottom: 5px;} .postcodetier-container .tier-container input{margin: 0 0 0 5px; padding: 4px; width: 40px;} .postcodetier-container .tier-container textarea{margin: 0 0 0 5px; padding: 4px 1%; width: 95%; min-height: 100px; resize: vertical;} .postcodetier-container .tier-container .outboundpostcode-container{} .postcodetier-container .tier-container .outboundpostcode-container ul{list-style: none; padding: 0; margin: 0;} .postcodetier-container .tier-container .outboundpostcode-container ul li{background-color: #FFF; display: inline-block; vertical-align: top; border: 1px solid #CFCFCF; font-size: 0.9rem; margin: 5px; padding: 5px;} .postcodetier-container .tier-container .outboundpostcode-container ul li:hover{background-color: #346BB4; color: #FFF; cursor: pointer;} .postcodetier-container .tier-container ul.postcodetierdroppable{min-height: 50px; min-width: 90%;} .postcodetier-container .tier-container ul.postcodetierdroppable li{background-color: #fff; border-radius: 1px; display: inline-block; margin: 0 12px 10px 0; padding: 5px 0; text-align: center; width: 40px; cursor: grab;} .postcodetier-container .tier-container:first-child{width: 56.5%;} .postcodetier-container .tier-container:first-child span{display: none;} .postcodetier-container .tier-container:first-child div{height: 140px; overflow-y: scroll;} .postcodetier-container .tier-container:nth-child(2){width: 37%; background-color: #AAD363} .postcodetier-container .tier-container:nth-child(2) span{display: none;} .postcodetier-container .tier-container:nth-child(2) li{opacity: 0.5} .postcodetier-container .tier-container:nth-child(2) div{height: 140px; overflow-y: scroll;} /* div.simplepane{font-size: 0.8rem; width: 350px; padding: 5px 10px; background-color: #FAFAFA; margin-bottom: 10px;} div.simplepane h3 {font-weight: bold; color: #555; border-bottom: 1px dotted #AAA;} form.editform div.simplepane label{line-height: 1rem; margin: 4px 0; letter-spacing: -0.05rem;} form.editform div.simplepane input{line-height: 1rem; border: 1px dotted #CCC; border-width: 0 0 1px 0; width: 190px; margin: 0 0 8px 160px; padding: 0; background-color: transparent !important; box-shadow: none; border-radius: 0} form.editform div.simplepane textarea{line-height: 1rem; border: 1px dotted #CCC; width: 190px; margin: 0 0 8px 160px; padding: 0; background-color: transparent !important; box-shadow: none; border-radius: 0; max-height: 120px; min-height: 120px;} form.editform div.simplepane select{line-height: 1rem; width: 190px; margin: 0 0 8px 160px; padding: 0; border-radius: 0} form.editform div.simplepane .date-container{margin-left: 160px !important; width: 200px; margin-bottom: 12px; top: auto} form.editform div.simplepane select.dateday{width: 45px; margin: 0} form.editform div.simplepane select.datemonth{width: 50px; margin: 0;} form.editform div.simplepane select.dateyear{width: 60px; margin: 0;} form.editform div.simplepane .time-container{margin-left: 160px !important; width: 200px; margin-bottom: 12px; top: auto} form.editform div.simplepane select.timehour{width: 45px; margin: 0} form.editform div.simplepane select.timeminute{width: 45px; margin: 0} */ div.simplepane{font-size: 0.8rem; width: 100%; padding: 5px 1%; background-color: #FAFAFA; margin-bottom: 10px;} div.simplepane h3 {font-weight: bold; color: #555; border-bottom: 1px dotted #AAA;} div.simplepane h3 a{font-size: 0.8rem; float: right; text-decoration: none;} form.editform div.simplepane label{line-height: 1rem; margin: 4px 0; letter-spacing: -0.05rem;} form.editform div.simplepane input{line-height: 1rem; border: 1px dotted #CCC; border-width: 0 0 1px 0; margin: 0 0 8px 50%; padding: 0; background-color: transparent !important; box-shadow: none; border-radius: 0} form.editform div.simplepane textarea{line-height: 1rem; border: 1px dotted #CCC; width: 50%; margin: 0 0 8px 50%; padding: 0; background-color: transparent !important; box-shadow: none; border-radius: 0; max-height: 120px; min-height: 120px;} form.editform div.simplepane select{line-height: 1rem; width: 50%; margin: 0 0 8px 50%; padding: 0; border-radius: 0} form.editform div.simplepane .date-container{margin-left: 160px !important; width: 200px; margin-bottom: 12px; top: auto} form.editform div.simplepane select.dateday{width: 45px; margin: 0} form.editform div.simplepane select.datemonth{width: 50px; margin: 0;} form.editform div.simplepane select.dateyear{width: 60px; margin: 0;} form.editform div.simplepane .time-container{margin-left: 160px !important; width: 200px; margin-bottom: 12px; top: auto} form.editform div.simplepane select.timehour{width: 45px; margin: 0} form.editform div.simplepane select.timeminute{width: 45px; margin: 0} .vehiclenotes{margin-bottom: 40px !important;} form.editform div.middlecolumn{position: absolute; left: 33%; top: 0; width: 30%;} .collectionwrapper div.simplepane{width: 98%;} .collectionwrapper form.editform div.simplepane input{background-color: #fff !important; padding: 3px; border: 1px solid #ddd} div.coddetails p.label{font-size: 0.9rem !important;} div.coddetails p.input{font-size: 0.9rem !important;} .audittrailcontainer{height: 500px; overflow: auto;} /* div.vehiclewrapper{position: relative; width: 790px; margin: 0 auto } div.vehiclewrapper legend{display: none} div.vehiclewrapper .vehiclerightcolumn{position: absolute; left: 400px; top: 0;} div.vehiclewrapper .vehiclerightcolumn label{display: none;} div.vehiclewrapper .vehiclerightcolumn textarea{width: 94%; margin: 0; height: 50px; min-height: 50px; max-height: 50px;} div.vehiclewrapper .vehiclerightcolumn input.button{float: right;} div.vehiclewrapper .vehiclerightcolumn table.vehicleaudittrail{margin-top: 0 !important; width: 100% !important;} div.vehiclewrapper .vehiclerightcolumn table.vehicleaudittrail span{font-size: 0.6rem; font-style: italic;} */ div.vehiclewrapper{position: relative; width: 100%; margin: 0 auto } div.vehiclewrapper legend{display: none} div.vehiclewrapper form.editform:first-child{width: 30%;} div.vehiclewrapper .vehiclerightcolumn{position: absolute; left: 33%; top: 320px; width: 30%;} div.vehiclewrapper .vehiclerightcolumn label{display: none;} div.vehiclewrapper .vehiclerightcolumn textarea{width: 94%; margin: 0; height: 50px; min-height: 50px; max-height: 50px;} div.vehiclewrapper .vehiclerightcolumn input.button{float: right;} div.vehiclewrapper .vehiclerightcolumn table.vehicleaudittrail{margin-top: 0 !important; width: 100% !important;} div.vehiclewrapper .vehiclerightcolumn table.vehicleaudittrail span{font-size: 0.6rem; font-style: italic;} div.vehiclewrapper form.editform p{text-align: right; font-size: 0.8rem;} div.vehiclewrapper .vehiclefarrightcolumn{position: absolute; left: 66%; top: 0; width: 30%;} div.vehiclewrapper .vehiclefarrightcolumn label{display: none;} div.vehiclewrapper .vehiclefarrightcolumn textarea{width: 94%; margin: 0; height: 50px; min-height: 50px; max-height: 50px;} div.vehiclewrapper .vehiclefarrightcolumn input.button{float: right;} div.vehiclewrapper .vehiclefarrightcolumn table.vehicleaudittrail{margin-top: 0 !important; width: 100% !important;} div.vehiclewrapper .vehiclefarrightcolumn table.vehicleaudittrail span{font-size: 0.6rem; font-style: italic;} div.vehiclewrapper .coddocument p.label{position: relative; margin-bottom: 2px;} div.vehiclewrapper .coddocument p.input {margin-left: 0; display: block; width: auto;} div.drivermessage textarea{width: 94%; margin: 0; height: 50px; min-height: 50px; max-height: 50px;} div.drivermessage input.button{float: right;} ul.vehiclestatusbox{margin: 35px 0 10px 0; padding: 0 10px} ul.vehiclestatusbox li{list-style: none; padding: 5px 15px; margin: 0; background-color: #EEE; border-bottom: 1px solid #CCC} ul.vehiclestatusbox li a{cursor: pointer} ul.vehiclestatusbox li.before a{font-style: italic; color: #777; text-decoration: line-through} ul.vehiclestatusbox li.current{background-color: #A00;} ul.vehiclestatusbox li.current a{color: #FFF; cursor: auto;} .vehiclecollection{position: relative;} .vehiclecollection__notification{text-align: center !important; color: #fff; background-color: #A00; } #CollectionDate_datepicker{position: absolute; top: 42px; right: 0;} .editpage .manage-main-container form table.carweboverview{font-size: 0.7rem; margin-bottom: 20px; width: 98%; margin-left: 0 !important;} .editpage .manage-main-container form table.carweboverview tr td{background-color: #dceefa !important; color: #144b94 !important; border: none !important; padding: 5px; text-align: left} .editpage .manage-main-container form table.carweboverview tr:hover td{background-color: #dceefa !important; color: #144b94 !important;} .editpage .manage-main-container form table.carweboverview th{text-transform: lowercase; background-color: #bbdef3 !important; border: none; padding: 5px; text-align: left} .editpage .manage-main-container form table.carweboverview th:first-letter{text-transform: capitalize;} .editpage .manage-main-container form table.carweboverview.overviewselected tr td{background-color: #bafaba !important; } .editpage .manage-main-container form table.carweboverview.overviewselected tr th{background-color: #a9faa9 !important; } .editpage .manage-main-container form table.carweboverview.overviewexcluded tr td{background-color: #fababa !important; } .editpage .manage-main-container form table.carweboverview.overviewexcluded tr th{background-color: #faa9a9 !important; } .editpage .manage-main-container form table.carweboverview label{position: relative; left: auto; top: auto;} .editpage .manage-main-container form table.carweboverview select{width: 100%; margin-left: 0;} .editpage .manage-main-container form table.carweboverview input.premiumlookup{margin-left: 0; width: 40%; clear: left;} .editpage .manage-main-container form table.carweboverview input[type=button]{width: 30%; margin-left: 5%; padding: 10px 0; border-radius: 5px;} .editpage .manage-main-container form table.additionalpostcodesoverview{width: 85% !important; margin-left: 0 !important;} .editpage .manage-main-container form table.additionalpostcodesoverview input{margin: 0;} .editpage .manage-main-container form table.additionalpostcodesoverview select{margin: 0;} .editpage .manage-main-container form table.additionalpostcodesoverview input[type=button]{padding:11px; display:inline-block; margin: 0 0 0 20px} .editpage .manage-main-container form table.additionalpostcodesoverview select#newpostcodelookup{width: 100px;} table.reglookupdetails{width: 90%} table.reglookupdetails tr th, table.reglookupdetails tr td{background-color: #DCEEFA !important; text-align: left;} table.reglookupdetails tr:hover td{background-color: #DCEEFA !important; color: #144b94 !important} form.vehiclepremiumsearchform{border-bottom: 1px dotted #999; padding-bottom: 10px;} form.vehiclepremiumsearchform legend{display: none;} form.vehiclepremiumsearchform div{float: left; width: 11%;} form.vehiclepremiumsearchform input{display: block; margin: 0; padding: 10px 5px; width: 85%;} form.vehiclepremiumsearchform select{display: block; margin: 0; width: 95%;} form.vehiclepremiumsearchform label {display: block; margin: 0; position: relative; width: 85%;} form.vehiclepremiumsearchform input.searchbutton{float: left; width: 11%; margin-top: 20px; margin-right: 1%} form.vehiclepremiumsearchform input.adjustbutton{float: left; width: 11%; margin-top: 20px;} .editpage form.vehiclepremiumsearchform input.adjustbutton{display: none;} .manage-main-container table.vehiclepremiumstable tr.overviewexcluded td{background-color: #fababa !important; } #overlaycontent table.vehiclepremiumstable{width: 100%; text-align: center} #overlaycontent table.vehiclepremiumstable th, #overlaycontent table.vehiclepremiumstable td{border: 1px solid black;} #overlaycontent table.vehiclepremiumstable th:nth-child(4), #overlaycontent table.vehiclepremiumstable td:nth-child(4){background-color: #68AEE2;} div.vehiclepayment.simplepane label.hidden{visibility: hidden; display: block !important; width: 1px; height: 1px; margin: 0;} div.vehiclepayment.simplepane input.hidden{visibility: hidden; display: block !important; width: 1px; height: 1px; margin: 0;} .manage-secondary-container form.tablebuildform{background-color: #86BEE7; margin: 0; padding: 10px 0; position: fixed; bottom: 50px; left: 0; width: 100%; border-bottom: 1px solid white;} .manage-secondary-container form.tablebuildform select{width: 100px; display: inline-block; margin: 0 10px 0 0;} .manage-secondary-container form.tablebuildform select:first-child{margin-left: 170px} .manage-secondary-container form.tablebuildform input[type="submit"]{width: 200px; float: none; display:inline-block; height: 35px; margin-top: -10px;} form.codoptions div.radiodiv{border: 1px dotted #DDD; width: 85% !important; margin: 0 0 20px 0 !important; padding: 50px 5%; cursor: pointer;} form.codoptions div.radiodiv:hover{transition: background-color 1s; transition: color 1s; background-color: yellowgreen; color: white} form.codoptions div.radiodiv.selected{transition: background-color 1s; transition: color 1s; background-color: yellowgreen; color: white} .quickquoteeditpage form{width: 50%;} .quickquoteinfo{position: absolute; top: 5rem; left: 60%;} .quickquoteinfo span{text-decoration: underline;} .quickquote-price-tier{display: none;} .vehiclecustomer {position: relative} .vehiclewrapper__topsalvageheader {position: absolute; top:-5px; right:10px; color:#000; font-weight:600;} .select-all-for-premium-button{cursor: pointer; position: absolute; right: 2%; margin-top: 70px; background-color: #666; color: #FFF; padding: 5px 10px; border-radius: 5px;} .restricted-access-checkbox .checkboxdiv{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center} .restricted-access-checkbox .checkboxdiv label{width: 50%; padding: 0; position: relative;} .restricted-access-checkbox .checkboxdiv input{width: auto !important; margin: 0 !important;} .hold-for-auction-checkbox .checkboxdiv{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center} .hold-for-auction-checkbox .checkboxdiv label{width: 50%; padding: 0; position: relative;} .hold-for-auction-checkbox .checkboxdiv input{width: auto !important; margin: 0 !important;} .quickquoteeditpage .checkboxdiv{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 15px;} .quickquoteeditpage .checkboxdiv label{width: 500px; padding: 0; position: relative;} .quickquoteeditpage .checkboxdiv input{width: auto !important; margin: 0 !important;}