body {
background: #ebebeb url(/WebObjects/PayOnline.woa/WebServerResources/LeftColumnBack.gif) repeat-y left top;color: gray;
font-family: "Helvetica Neue", "Microsoft Sans Serif", sans-serif;
behavior: url("/WebObjects/PayOnline.woa/WebServerResources/csshover.htc");
}
html, body {
border: 0;
margin: 0;
padding: 0;
}
body {
font: 100%/1.25 arial, helvetica, sans-serif;
}
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;
display: inline;
}
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;
}
#wrap {
width: 960px;
margin: 0 auto;
}
.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; }
a:link {color: gray;
}
a:visited {color: gray;
}
a:hover {
color: #034e98;
border-bottom: 1px;
}
a:active {color: #034e98;
}
#header {
float: left;
width: 99.9%;
width: 100%;
margin-left: 0;
display: inline;
}
ul#menu {
position: absolute;
list-style: none;
color: gray;
float: left;
height: auto;
top: 35px;
padding: 0 0 0 460px;
margin: 0;
}
ul#menu li a {
text-decoration: none;
font-weight: bold;
}
#selected {
color: #034e98;
}
#accessibilitySwitcher {
color: gray;
text-align: right;
font-weight: normal;
text-decoration: none;
}
#accessibilitySwitcher a {
text-decoration: none;
}
#accessibilitySwitcher a:hover {
color: #034e98;
border-bottom: 1px;
}
.hcssbox_body #clientWebClientFrame {
position: absolute;
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/PayOnlineFrame.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 #logMenu a {
text-decoration: none;
}
.hcssbox, .hcssbox_body, .hcssbox_head, .hcssbox_head h2 {
background: transparent url(/WebObjects/PayOnline.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;
}
#logInDetails {
color: white;
font-size: 0.7em;
text-align: right;
}
#container {
width: 100%;
/*margin-right:-0;*/}
#content {
margin-right: 0;
}
#main {
margin-left: 139px;
}
#left {
float: left;
width: 139px;
}
#footer {
color: gray;
background: #ebebeb;
font-size: 0.7em;
text-align: right;
padding-right: 24px;
}
* html #left {
margin-right: -3px;
}
* html #main {
margin-left: 136px;
height: 1%;
}
#left img {
display: block;}
table.enterReference {margin-left: 40px;
width: 75%;
}
* html table.enterReference {
width: 70%;
}
table.detailTable {margin-left: 20px;
width: 95%;
font-size: 0.7em;
}
* html table.detailTable {
width: 80%;
}
table.enterReference td {
border-right: 8px solid #fff;
padding: 12px 6px 12px 6px;
background: #f8f8f8;
}
table.detailTable td {
padding: 2px 6px 2px 6px;
}
table.detailTable td.fieldlabel,
table.enterReference td.fieldlabel {
background: #e9e9e9;
}
table.detailTable td.fieldlabelIndent {
background: #e9e9e9;
border-left: 12px solid #fff;
}
table.enterReference td.fieldlValue,
table.detailTable td.fieldValue {
background: #f8f8f8;
}
table.detailTable td.fieldValueBlank {
height: 12px;
background: #fff;
}
table.detailTable td.fieldValueNote {
height: 7em;
background: #fff;
/*font-size:0.8em;*/
text-align: right;
}
table.detailTable td.fieldValueLast {
height: 1em;
background: #f8f8f8;
}
table.detailTable td.fieldValueHi {
height: 1em;
background: #ff9;
color: black;
}
table td.alert {
background: #e9e9e9; color:#f22;
}
.errorInMakePayment {
color: #f22;
}
.heightAdjust {
height: 8px;
}
.heightAdjust28 {
height: 28px;
}
.heightAdjustHeader {
height: 118px;
}
.roundedBox {
margin: 0 auto;
min-width: 560px;
max-width: 1050px;color: #333;
background: #fff;
}
.roundedBox .hd .c,
.roundedBox .ft .c {
font-size: 1.0em;height: 72px;
}
.roundedBox .ft .c {
height: 62px;
}
.roundedBox .hd {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxTopLeft.gif) no-repeat 0 0;
margin-right: 31px;}
.roundedBox .hd .c {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxTopRight.gif) no-repeat right;
margin-right: -31px;}
.roundedBox .bd {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxMidLeft.gif) repeat-y 0 0;
margin-right: 6px;
}
.roundedBox .bd .c {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxMidRight.gif) repeat-y right;
margin-right: -6px;
}
.roundedBox .bd .c .s {
margin: 0 8px 0 4px;
margin: 0 8px 0 40px;
padding: 1em 2em 1em 3em;
}
.roundedBox .ft {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxBottomLeft.gif) no-repeat 0 0;
margin-right: 31px
}
.roundedBox .ft .c {
background: transparent url(/WebObjects/PayOnline.woa/WebServerResources/BoxBottomRightArrow.gif) no-repeat right;
margin-right: -31px;
}
.roundedBox p {
margin: 0.5em 0 0 0;
padding: 0;
font: 0.95em/1.5em;
}
.help h3 {
background: #eee;
}
.help h3, .help h4 {
color: #666;
}
.help p {
color: #333;
}
.help img {
float: left;
margin: 10px;
}
.clear {
clear: both;
height: 0;
margin: 0;
font-size: 1px;
line-height: 1px;
}
html>body .roundedBox pre {
font-size: 1.1em;
}
.referenceNumbers {
text-align: right;
font-size: 0.8em;
}
.hidden {
width: 1px;
height: 1px;
position: absolute;
left: 0;
top: -500px;
overflow: hidden;
}
#thumbnailNav {
width: auto;
}
#thumbnailNav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#thumbnailNav li {
margin: 0;
}
* html #thumbnailNav li {margin-top: -3px;
}
#thumbnailNav li a {
display: block;
text-decoration: none;
width: 100%;
}
html>body #thumbnailNav li a {
width: auto;
}
#thumbnailNav-Top, #thumbnailNav-Top a { height:28px; }
#thumbnailNav-1, #thumbnailNav-1 a, #thumbnailNav-1Selected, #thumbnailNav-1Selected a { height:56px; }
#thumbnailNav-2, #thumbnailNav-2 a, #thumbnailNav-2Selected, #thumbnailNav-2Selected a { height:77px; }
#thumbnailNav-3, #thumbnailNav-3 a, #thumbnailNav-3Selected, #thumbnailNav-3Selected a { height:84px; }
#thumbnailNav-4, #thumbnailNav-4 a, #thumbnailNav-4Selected, #thumbnailNav-4Selected a { height:102px; }
#thumbnailNav-5, #thumbnailNav-5 a, #thumbnailNav-5Selected, #thumbnailNav-5Selected a { height:114px; }
#thumbnailNav-6, #thumbnailNav-6 a, #thumbnailNav-6Selected, #thumbnailNav-6Selected a { height:102px; }
#thumbnailNav-Finished, #thumbnailNav-Finished a { height:39px; }
#thumbnailNav-Top { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-Top.gif) no-repeat left; }
#thumbnailNav-1 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-1.gif) no-repeat left; }
#thumbnailNav-2 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-2.gif) no-repeat left; }
#thumbnailNav-3 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-3.gif) no-repeat left; }
#thumbnailNav-4 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-4.gif) no-repeat left; }
#thumbnailNav-5 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-5.gif) no-repeat left; }
#thumbnailNav-6 { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-6.gif) no-repeat left; }
#thumbnailNav-Finished { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-Finished.gif) no-repeat left; }
#thumbnailNav-1Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-1Selected.gif) no-repeat left; }
#thumbnailNav-2Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-2Selected.gif) no-repeat left; }
#thumbnailNav-3Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-3Selected.gif) no-repeat left; }
#thumbnailNav-4Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-4Selected.gif) no-repeat left; }
#thumbnailNav-5Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-5Selected.gif) no-repeat left; }
#thumbnailNav-6Selected { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-6Selected.gif) no-repeat left; }
#thumbnailNav-1 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-1Hi.gif) no-repeat left; }
#thumbnailNav-2 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-2Hi.gif) no-repeat left; }
#thumbnailNav-3 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-3Hi.gif) no-repeat left; }
#thumbnailNav-4 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-4Hi.gif) no-repeat left; }
#thumbnailNav-5 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-5Hi.gif) no-repeat left; }
#thumbnailNav-6 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/ThumbnailNav-6Hi.gif) no-repeat left; }
#thumbnailNav-1Selected a:hover { background:transparent; }#thumbnailNav-2Selected a:hover { background:transparent; }
#thumbnailNav-3Selected a:hover { background:transparent; }
#thumbnailNav-4Selected a:hover { background:transparent; }
#thumbnailNav-5Selected a:hover { background:transparent; }
#thumbnailNav-6Selected a:hover { background:transparent; }
#swatch1, #swatch1 a { height:72px; width:72px; }
#swatch2, #swatch2 a { height:72px; width:72px; }
#swatch3, #swatch3 a { height:72px; width:72px; }
#swatch4, #swatch4 a { height:72px; width:72px; }
#swatch5, #swatch5 a { height:72px; width:72px; }
#swatch6, #swatch6 a { height:72px; width:72px; }
#swatch1 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch1.gif) no-repeat left; }
#swatch2 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch2.gif) no-repeat left; }
#swatch3 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch3.gif) no-repeat left; }
#swatch4 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch4.gif) no-repeat left; }
#swatch5 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch5.gif) no-repeat left; }
#swatch6 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch6.gif) no-repeat left; }
#swatch1 a { display:block; }
#swatch2 a { display:block; }
#swatch3 a { display:block; }
#swatch4 a { display:block; }
#swatch5 a { display:block; }
#swatch6 a { display:block; }
#swatch1 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch1Hi.gif) no-repeat left; }
#swatch2 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch2Hi.gif) no-repeat left; }
#swatch3 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch3Hi.gif) no-repeat left; }
#swatch4 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch4Hi.gif) no-repeat left; }
#swatch5 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch5Hi.gif) no-repeat left; }
#swatch6 a:hover { background:url(/WebObjects/PayOnline.woa/WebServerResources/Swatch6Hi.gif) no-repeat left; }
#title1 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Welcome.gif) no-repeat 72px 0; height:72px; }
#title2 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Enter_Your_Case_Number.gif) no-repeat 72px 0; height:72px; }
#title3 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Your_Contact_Details.gif) no-repeat 72px 0; height:72px; }
#title4 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Your_Case_Details.gif) no-repeat 72px 0; height:72px; }
#title5 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Enter_Your_Card.gif) no-repeat 72px 0; height:72px; }
#title6 { background:url(/WebObjects/PayOnline.woa/WebServerResources/Header-Payment_Confirmation.gif) no-repeat 72px 0; height:72px; }
.lowerRightPositioning {
margin: 0 auto;
min-width: 450px;
max-width: 1000px;width: 90%;
text-align: right;
}
button {
margin: 0 auto;
color: #ccc;
border: 0 solid;
font-size: .9em;
}
button.continueButton {
background: url(/WebObjects/PayOnline.woa/WebServerResources/ContinueButton.gif) no-repeat left;
width: 142px;
}
button.payButton {
background: url(/WebObjects/PayOnline.woa/WebServerResources/ContinueButton.gif) no-repeat left;
width: 142px;
}
button.makePaymentButton {
background: url(/WebObjects/PayOnline.woa/WebServerResources/LargeButton.gif) no-repeat left;
width: 165px;
}
.continueButton:hover {
cursor: pointer;color: white;
}
.payButton:hover {
cursor: pointer;color: white;
}
.buttonText {
margin: 0;
padding: 0;
text-align: center;
line-height: 41px;
font-weight: bold;
font-size: .9em;
}
.linkContinue {
float: right;
vertical-align: middle;
width: 140px;
font-size: .8em;
}
.linkContinue a {
background: url(/WebObjects/PayOnline.woa/WebServerResources/ContinueButton.gif) no-repeat left;
display: block;
color: #ccc;
font-weight: bold;
line-height: 41px;
text-align: center;
text-decoration: none;
}
.linkContinue a:visited {
color: #888;
}
.linkContinue a:hover {
background: url(/WebObjects/PayOnline.woa/WebServerResources/ContinueButton.gif) no-repeat left;color: white;
}
.linkContinue a:active {
color: white;
text-decoration: none;
}