html, body {
border: 0;
margin: 0;
padding: 0;
}
body {
font-family: "Helvetica Neue", "Microsoft Sans Serif", sans-serif;
font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
h1 {
padding: 30px 0 25px 0;
letter-spacing: -1px;
font: 2em arial, helvetica, sans-serif;
}
h2 {
padding: 20px 0;
letter-spacing: -1px;
font: 1.5em arial, helvetica, sans-serif;
}
h3 {
font: 1em arial, helvetica, sans-serif;
font-weight: bold;
}
p, ul, ol {
margin: 0;
padding: 0 0 18px 0;
}
ul, ol {
list-style: none;
padding: 0 0 18px 40px;
}
blockquote {
margin: 22px 40px;
padding: 0;
}
small {
font-size: 0.85em;
}
img {
border: 0;
}
sup {
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
sub {
position: relative;
bottom: -0.2em;
vertical-align: baseline;
}
acronym, abbr {
cursor: help;
letter-spacing: 1px;
border-bottom: 1px dashed;
}
a, a:visited {
text-decoration: none;
}
form {
margin: 0;
padding: 0;
}
input, select, textarea {
font: 1em arial, helvetica, sans-serif;
}
textarea {
line-height: 1.25;
}
label {
cursor: pointer;
}
table {
border: 0;
margin: 0 0 18px 0;
padding: 0;
}
table tr td {
padding: 2px;
}
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:960px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
.heightAdjustHeader {
height: 102px;
}
.heightAdjustHeader2 {
height: 50px;
}
.heightAdjustSmall {
height: 16px;
}
body {
background: white;
behavior: url("/WebObjects/ClientWeb.woa/WebServerResources/csshover.htc");
color: gray;
margin-left: 2px;
margin-right: 0px;
}
hr {
background: gray;
height: 0px;
}
a:link {color: #2067a8;
text-decoration: none;
}
a:visited {color: gray;
}
a:hover {
color: gray;
text-decoration: none;
text-decoration: underline;
}
a:active {color: #2067a8;
text-decoration:underline;
}
#header {
float: left;
width: 99.9%;
margin-left: 0;
display: inline;
min-width: 850px;}
#footer
{
color: gray;
clear: both;
text-align: center;
font-size: 1.1em;
padding-top: 20px;
}
#col1
{
float: left;
width: 48.5%;margin-left: 0%;
display: inline;
}
#col2
{
float: right;
width: 48.5%;
margin-left: 0%;
}
br.clear {
clear: both;
height: 0;
margin: 0;
font-size: 1px;
line-height: 1px;
}
ul#menu {
position: absolute;
list-style: none;
color: gray;
float: left;
height: auto;
top: 35px;
top: 2.8em;
padding: 0 0 0 460px;
margin: 0;
font-size: 1.5em;
font-weight: bold;
}
ul#menu li a {
text-decoration: none;
font-weight: normal;
}
ul#menu li a:hover {
text-decoration: underline;
}
#selected {
color: gray;
font-weight: bold;
}
#accessibilitySwitcher {
color: gray;
text-align: right;
font-weight: normal;
font-size: 1.6em;
text-decoration: none;
}
#accessibilitySwitcher a {
text-decoration: none;
}
#accessibilitySwitcher a:hover {
color: gray;
text-decoration: underline;
}
.hcssbox_body #clientWebClientFrame {
position: absolute;
background: transparent url(/WebObjects/ClientWeb.woa/WebServerResources/ClientWebFrame.png) no-repeat top left;
width: 428px;
height: 140px;
top: 10px;
left: 11px;
}
.hcssbox_body img#clientLogo,
.hcssbox_body img.logo {
position: absolute;
top: 22px;
left: 23px;
}
.hcssbox_body #loggedIn {
height: 2.2em;
text-align: right;
color: gray;
font-size: 0.9em;
font-size: 1.2em;
}
.hcssbox_body #help {
height: 2.2em;
text-align: right;
color: gray;
font-size: 0.9em;
font-size: 1.2em;
}
.hcssbox_body #logMenu {
height: 2.2em;
text-align: right;
color: gray;
font-size: 1.2em;
}
.hcssbox_body #logMenu a {
text-decoration: none;
}
.hcssbox_body #logMenu a:hover {
text-decoration: underline;
}
#confirmation-box {
margin: 0px 200px 24px 200px;
padding: 10px;
border: 1px solid #aaa;
min-width: 300px;
}
#confirmation-box h2 {
padding: 8px;
font-size: 1.9em;
}
#confirmation-box h3 {
padding: 8px;
padding-left: 30px;
font-size: 1.4em;
width: 300px;}
#confirmation-box p {
padding: 8px;
padding-left: 30px;
background: white;
font-size: 1.2em;
}
#confirmation-box span input {
display: inline;
}
button {
color: #034e98;
border: 0 solid;
border: none;
}
button.searchButton {
background: transparent url(/WebObjects/ClientWeb.woa/WebServerResources/GoButton.png) no-repeat center right;
text-align: left;
}
button.goButton {
background: transparent url(/WebObjects/ClientWeb.woa/WebServerResources/GoButton.png) no-repeat center right;
text-align: left;
text-align: center;
width: 120px;
height: 40px;
font-size: 1.0em;
}
button.searchButton:hover,
button.goButton:hover {
cursor: pointer;color: gray;
text-decoration: underline;
}
.hcssbox, .hcssbox_body, .hcssbox_head, .hcssbox_head h2 {
background: transparent url(/WebObjects/ClientWeb.woa/WebServerResources/RoundedBoxBackground.png) no-repeat bottom right;
}
.hcssbox {
padding-right: 15px;margin: auto;}
.hcssbox_head {
background-position: top right; margin-right: -15px;padding-right: 40px;}
.hcssbox_head h2 {
background-position: top left;
margin: 0;border: 0;padding: 20px 0 0 40px;height: auto !important; height: 1%;font-size: 0.8em;
}
.hcssbox_body {
background-position: bottom left;
margin-right: 25px;padding: 15px 0 0 0;min-height: 124px;
}
table.detailsTable {
table-layout: fixed;}
table.detailsTable, table.detailsTable-Long {border: solid #b5b1b1 1px;
border-collapse: collapse;
color: black;
text-align: left;
margin: 0 10px 0 10px;
width: 95.6%;}
table.detailsTable-Long {
width: 97.9%;margin: 0 10px 0 10px;
}
table.detailsTable-Long {
margin-top: 8px;
}
table.detailsTable td, table.detailsTable th,
table.detailsTable-Long td, table.detailsTable-Long th {
padding: 2px 4px 2px 4px;
font-size: 1.4em;
}
table.detailsTable td.date,
table.detailsTable-Long td.date {
text-align: left;
}
table.detailsTable td.money,
table.detailsTable-Long td.money {
text-align: right;
}
table.detailsTable th.endSection,
table.detailsTable-Long th.endSection {
padding-bottom: 10px;
}
table.detailsTable th, table.detailsTable-Long th {
background: #eeeeee;
color: #555;
border: solid #b5b1b1 1px;
vertical-align: top;
font-weight: bold;
width: 7.5em;
}
table.detailsTable td, table.detailsTable-Long td {
text-align: left;
font-family: Arial;
vertical-align: top;
border-bottom: solid #b5b1b1 1px;
}
table.detailsTable td.highlight, table.detailsTable-Long td.highlight {
font-weight: bold;
}
table.detailsTable-Long th {
text-align: left;
}
table.detailsTable th.mainHeader,
table.detailsTable-Long th.mainHeader {
background: #ededed url(/WebObjects/ClientWeb.woa/WebServerResources/MenuHeadBackground.png) top left;
border: solid #2067a8 1px;
color: white;
text-align: left;
}
table.detailsTable-Long tr.dataRow:hover {background: #d1d1d1;
}
table col.two-column1 { width: 22%; }
table col.two-column2 { width: 78%; }
table col.four-column1 { width: 22%; }
table col.four-column2 { width: 28%; }
table col.four-column3 { width: 22%; }
table col.four-column4 { width: 28%; }
table col.six-column1 { width: 12%; }
table col.six-column2 { width: 18%; }
table col.six-column3 { width: 12%; }
table col.six-column4 { width: 18%; }
table col.six-column5 { width: 20%; }
table col.six-column6 { width: 20%; }
table col.note-four-column1 { width: 20%; }
table col.note-four-column2 { width: 10%; }
table col.note-four-column3 { width: 15%; }
table col.note-four-column4 { width: 55%; }
table col.fees-four-column1 { width: 20%; }
table col.fees-four-column2 { width: 30%; }
table col.fees-four-column3 { width: 10%; }
table col.fees-four-column4 { width: 40%; }
table col.payments-eight-column1 { width: 20%; }
table col.payments-eight-column2 { width: 10%; }
table col.payments-eight-column3 { width: 10%; }
table col.payments-eight-column4 { width: 10%; }
table col.payments-eight-column5 { width: 10%; }
table col.payments-eight-column6 { width: 10%; }
table col.payments-eight-column7 { width: 15%; }
table col.payments-eight-column8 { width: 15%; }
#loginAnnotations {
padding-left: 9.2em;
padding-left: 92px;
}
.tallTextField {
height: 4em;
}
.errorMessage,
.note {
color: #f22;
font-size: 1.0em;
padding: 4px 0 4px 1em;
}
.note {
padding-top: 3em;
}
* html .note {
margin-bottom: -1.0em;
}
.statusMessage {
background: #fff;
color: gray;
font-size: 1.4em;
margin: 0 0 0 60px;
padding-top: 4px;
}
.statusMessage2 {
font-size: 1.4em;
text-align: center;
}
fieldset legend.statusMessage {
font-size: 1.4em;
margin: 0 20px 0 60px;
}
.fieldsetFooter {
padding: 0.5em 0 0 6.0em;
border-top: 0px solid #FFFFFF;
}
.fieldsetFooter span {
font-size: 1.2em;
font-weight: normal;
}
#columnarForm {
}
#columnarForm fieldset {
float: left;
margin: 0 10px 10px 0;
padding: 0 1.0em 0 4em;
border: 0;
display: inline;}
#columnarForm legend {width: 1px;
height: 1px;
position: absolute;
left: 0;
top: -500px;
overflow: hidden;
}
#columnarForm label,
#columnarForm input {
display: block;
color: gray;
font-weight: bold;
font-size: 1.1em;
}
#columnarForm label {
}
#columnarForm input {
display: block;
color: black;
font-weight: normal;
margin-bottom: 5px;
}
* html #columnarForm input {margin-bottom: 1px;
}
#columnarForm label.first {
}
#columnarForm select {
display: block;
font-size: 1.48em;
}
#columnarForm fieldset span.inline {
display: inline;
}
#columnarForm fieldset span.inline label {
display: inline-block;
}
#columnarForm fieldset label.emphasis {
background: #efefef;
border: 1px solid #b5b1b1;
padding: 8px;
margin-top: 1em;
}
#columnarForm fieldset a {
margin-top: 2em;
font-size: 1.25em;
}
#findUser {
margin: 0 0 0 1em;
font-size: 1.3em;
}
#findUser h2 {
font-size: 1.5em;
font-weight: bold;
}
#columnarForm #findUser fieldset.last {
padding: 8em 0 0 0;
}
.marginForm fieldset,
.fieldsetFooter {
display: block;
margin: 1em 5em 1em 5em;
border: 0 solid #FFFFFF;
border-top: 1px solid gray;
padding: 1em 1em 0 5em;
color: gray;
font-size: 1.2em;
width: 600px;
}
.marginForm fieldset.last {
border-bottom: 1px solid gray;
padding-bottom: 2em;
}
.marginForm legend {
font-size: 1.5em;
font-weight: bold;
}
.marginForm fieldset .submit-area {
font-size: 1.3em;
text-align: right;
width: 28em;
}
.marginForm fieldset .submit-area ol.submit-list {
margin-right: 0;
padding: 0;
}
.marginForm fieldset .submit-area ol.submit-list li { 
display: inline;
vertical-align: middle;}
.marginForm fieldset ol.input-list {  padding: 1em 1em 0 1em;
padding: 0; list-style: none;
}
* html .marginForm fieldset ol.input-list {
padding-top: 1.5em;
}
.marginForm fieldset ol.input-list li {  float: left; clear: left; width: 100%;
}
* html .marginForm fieldset ol.input-list li {
}
* html .marginForm fieldset li {
}
.marginForm label {  background: #e9e9e9;
float: left;  margin-right: 1em;
padding: 5px 0 15px 1em;
width: 10em;
}
.marginForm label.label-error {
background: #fdd;
color: red;
font-weight: bold;
height: 5.3em;
}
.marginForm span.labelled {
}
.marginForm span.labelled-field {
position: relative;
top: 2px;}
.marginForm span.labelled-error {
position: relative;
top: 6px;color: red;
}
.marginForm fieldset ol.input-list li.money {  width: 19em;
}
.marginForm fieldset ol.input-list li.money2 {  width: 23em;
}
.marginForm .labelled-money-field {
text-align: right;
position: relative;
top: 5px;}
.marginForm label.tall { 
height: 5.3em;
}
.marginForm label.small { 
height: 3em;
}
div#duePeriod,
div#offenceFrom,
div#warrantLiability {
position: relative;
margin-right: 3px;
}
input#duePeriod-field,
input#offenceFrom-field,
input#warrantLiability-field {
}
label.overlabel {
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
}
label.overlabel {}
label.overlabel-apply {
position: absolute;
top: 1.6em;
left: 5px;
z-index: 1;
font-weight: normal;
}
#main {
margin-left: 139px;
}
#left {
float: left;
width: 139px;
}
* html #left {
margin-right: -3px;
}
* html #main {
margin-left: 136px;
height: 1%;
}
#left img {
display: block;}
br.clear {
clear: both;
height: 0;
margin: 0;
font-size: 1px;
line-height: 1px;
}
.referenceNumbers {
text-align: right;
font-size: 1.1em;
}
.hidden {
width: 1px;
height: 1px;
position: absolute;
left: 0;
top: -500px;
overflow: hidden;
}
.searchDescription {
margin: 10px 10px 20px 20px;
float: left;
font-size: 1.5em;
}
.resultPagesNavigation {
padding-top: 0.2em;
font-size: 1.5em;
text-align: center;
}
.positive { color: #000000; }
.zero { color: #000000; }
.negative { color: #ff0000; }
td.paymentBounced { color: red; }
#paymentSection td.paymentBounced { background: red; color: white; }
.paymentCancelled { color: #0000ff; }
.payment { color: #000000; }
#maintenanceMessages {
padding: 8em 0 0 0;
}
.help {
color: black;
font-size: 1.5em;
margin: 24px 18px 24px 18px;
margin: 0 18px 240px 18px;
}
.help h2 { padding-left: 1em; }
.help p { padding-left: 3em; }
.help ul { padding-left: 5em; }
.help td a { font-weight: bold; }
.help a:visited { color: #2067a8; }
.help ul { list-style: disc; }
#sub-menu {
font-size: 1.5em;
list-style: disc;
padding: 8px 8px 24px 10px;
}
#sub-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
#sub-menu li {
float: left;
}
#sub-menu input {
top: 0;
left: 0;
display: inline;
}