.contentBoxPadding h1 {
font-size: 14px;
font-weight: bold;
margin: 16px 0 8px 20px;
}
h2 {
margin: 23px 0 6px 18px;
font-weight: bold;
font-size: 20px;
color: black;
clear: both;
}
h2 span {
float: right;
text-align: right;
display: inline-block;
font-weight: normal;
font-size: 15px;
margin: 3px 81px 0 0;
}
h2 span.span1 { margin: 3px 0 2px 0; }
h2 span.span2 {
margin: 3px 0 2px 0;
width: 81px;
text-align: left;
}
h2 span.span2 { font-size: 11px; }
h2 span.span2 a { font-weight: normal; }
h3 {
font-size: 15px;
font-weight: bold;
color: black;
margin: 20px 0 20px 20px;
}
.description h3 { margin: 0 0 6px 0; }
img { vertical-align: middle; }
select {
border: 1px solid #aaaaaa;
height: 22px;
}
input.text {
height: 22px;
width: 180px;
padding: 2px;
border: 1px solid #AAAAAA;
}
textarea {
padding: 2px;
border: 1px solid #AAAAAA;
}
table th { text-align: left; }
div.hr {
display: block;
height: 4px;
background-color: #bbc7cf;
border: none;
padding: 0;
clear: both;
font-size: 0px;
line-height: 4px;
}
div.package, div.total, div.product {
margin: 14px 0 25px 0;
position: relative;
clear: both;
overflow: hidden;
}
div.package { margin: 8px 0; }
div.package label, div.total div.description, div.product div.description {
float: left;
padding-left: 8px;
margin-left: -1px;
}
div.package label, div.product div.description{ width: 470px; }
div.package label, div.total div.description p, div.product div.description p { font-size: 11px; }
div.package div.per, div.total div.per, div.total div.price, div.package div.per, div.product div.per, div.product div.price {
font-size: 10px;
font-weight: normal;
}
div.package div.price, div.total div.price{
position: absolute;
right: 81px;
}
div.package div.price span, div.total div.price span, div.product div.price span {
font-weight: bold;
font-size: 15px;
}
div.package div.per, div.total div.per, div.product div.per {
position: absolute;
left: 638px;
top: 2px;
}
div.package div.item, div.total div.item, div.product div.item {
position: relative;
overflow: hidden;
border-bottom: 1px solid #bbc7cf;
left: 8px;
margin-bottom: 4px;
}
div.package div.item div.description, div.total div.item div.description, div.product div.item div.description { padding-left: 0; }
.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenterContainer, .floatCentreContainer {
margin: 24px auto 0 auto;
text-align: center;
}
.floatCenter, .floatCentre {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
}
.floatCenter > *, .floatCentre > * { -moz-box-flex: 100; }
.blockCenter, .blockCentre {
margin-left: auto;
margin-right: auto;
}
.center, .centre { text-align: center; }
.small { font-size: smaller; }
.hidden { display: none; }
table.paymentOptions,
table.packages { color: black; margin: 10px 0; width: 100%; }
table.paymentOptions td { height: 35px; }
table.paymentOptions td, table.packages td{
vertical-align: middle;
padding-bottom: 5px;
}
table.packages td.input { width: 30px; }
table.paymentOptions td.dark, table.packages td.dark, table.paymentOptions tr.dark td, table.packages tr.dark td { color: black; }
table.packages td.img {
width: 60px;
padding: 7px 0 2px 19px;
vertical-align: middle;
text-align: left;
}
table.packages td.extraSpacing { padding: 7px 0 4px 19px; }
table.paymentOptions td.label, table.packages td.label{
font-size: 14px;
line-height: 14px;
text-align: left;
}
table.packages td.description {
width: 279px;
padding-left: 19px;
font-size: 14px;
line-height: 14px;
text-align: left;
height: 35px;
}
table.balance { margin: 24px 0; }
table.balance td.description {
width: 279px;
padding-left: 19px;
font-size: 13px;
font-weight: bold;
line-height: 17px;
text-align: left;
}
table.paymentOptions td.label {
padding: 3px 0 4px 20px;
width: 226px;
}
table.paymentOptions td.label span, table.packages td.label span { font-size: 9px; }
table.packages td.label span.recommended {
color: red;
position: relative;
left: 8px;
font-style: italic;
font-weight: bold;
font-size: 12px;
}
div.total h3 { margin: 0 0 0 12px; }
div.surcharge, table.paymentOptions td.price, table.packages td.price {
width: 160px;
text-align: right;
font-size: 15px;
font-weight: bold;
}
div.surcharge{
width: 634px;
margin: 8px 0;
}
.topGap { margin-top: 24px; }
.bottomGap { margin-bottom: 24px; }
div.normal, div.emphasis {
padding: 6px 20px 12px 20px;
text-align: justify
}
div.emphasis { background-color: #ededed; }
div.normal h2, div.emphasis h2{
margin: 8px 0 4px 0;
font-size: 16px;
font-weight: normal;
}
div.normal p, div.emphasis p {
margin: 6px 0 0 0 ;
font-size: 12px;
font-weight: normal;
}
button.PayPal{
background: url('../../../m=billing_core/cb=1/media/images/PayPal/paypal_express_checkout.gif') no-repeat;
width: 145px;
height: 37px;
}
table.cardDetails th { padding: 10px 10px 0 20px; }
div.summary {
margin-top: 15px;
padding: 0 0 0 20px;
}
div.summary p { line-height: 1.4em; }
table.account { margin: 16px 0; }
table.account td, table.account th {
padding: 1px 0 1px 20px;
font-weight: normal;
font-size: 11px;
background:none repeat scroll 0 0 transparent;
}
li { margin: 4px 0; }
div.payTabs {
height: 68px;
padding: 12px 17px 0 36px;
position: relative;
}
div.payTabs {
margin-left: -19px;
}
div.payTabs h2{ margin: 0 0 16px 1px; }
div.payTabs a.more, div.payTabs a.tab {
background: transparent url('../../../m=billing_core/cb=1/media/images/tab.png') no-repeat 0 -68px;
display: block;
height: 34px;
cursor: pointer;
float: left;
margin: 0 2px 0 2px;
text-decoration: none;
font-size: 9px;
color: black;
}
div.payTabs a.tab, div.payTabs a.more{ padding: 0 0 0 9px; }
div.payTabs a.more span, div.payTabs a.tab span {
padding: 0 9px 0 0;
background: gray url('../../../m=billing_core/cb=1/media/images/tab.png') no-repeat right -102px;
display: block;
height: 34px;
line-height: 34px;
}
div.payTabs a.more span {
width: 70px;
float: left;
}
div.payTabs a.more:hover, div.payTabs a.tab:hover{ background-position: 0 -136px; }
div.payTabs a:hover span { background-position: right -170px; }
div.payTabs a.selected{ background-position: 0 0; }
div.payTabs a:hover.selected{ background-position: 0 0; }
div.payTabs a.selected span {
background-position: right -34px;
}
div.payTabs a.tab span img {
margin: 6px 4px 0 -3px;
float: left;
}
div.payTabs a.more span img {
margin: 6px -3px 0 4px;
float: left;
}
div.payTabs a.more span b { float: left; }
#morePanel {
z-index: 2;
position: absolute;
overflow: hidden;
height: 34px;
right: 165px;
}
#morePanel div {
height: 34px;
background-color: red;
}
#morePanel a.more {
display: block;
float: left;
padding: 6px 6px 5px 6px;
color: black;
text-decoration: none;
font-size: 9px;
font-weight: bold;
border-bottom: 1px solid #6e6e6e;
}
#morePanel a.more img { margin: 0 4px 0 0; }
#morePanel a.selected, #morePanel a:hover.more {
background-color: #ededed;
border-bottom: 1px solid #6e6e6e;
text-shadow: 0 0 8px #66ffff;
color: #338888;
}
#morePanel a:hover.more img { text-shadow: 0 0 8px #66ffff; }
div.payTabs h2 { height: 18px; }
div.payTabs a.tab span { float: left; }
div.payTabs a span{ display: block-inline; }
div.payTabs {
background-repeat: repeat-x;
background-position: top center;
overflow: hidden;
}
div.payTabs {
height: 68px;
padding: 12px 17px 0 36px;
}
div.payTabs a.tab { margin-top: 8px; }
div.payTabs h2 { margin: 12px 0 8px 1px; }
#morePanel a.more { background-color: white; }
table.cancel {
width: 100%;
clear: both;
}
table.cancel th { background-color: #bbc7cf }
table.cancel th.description{ padding: 2px 0 2px 20px; }
table.cancel td { border-bottom: 1px solid #bbc7cf; }
table.cancel td.description {
width:auto;
padding: 6px 0 6px 20px;
}
table.cancel td.action {
text-align: left;
width: 58px;
}
table.cancel td.date {
text-align: left;
width: 90px;
}
table.cancel td.action button,table.cancel td input.billButton {
font-size: 9px;
padding: 2px;
line-height: 12px;
}
table.cancel td.right { text-align: right; }
#other {
width: 676px;
height: 60px;
display: block;
border: 1px solid #AAAAAA;
margin-top: 24px;
font-size: 12px;
}
table.form th {
padding-left: 20px;
background-color: white;
font-weight: normal;
}
#headerInfo .triBoxR, .headerBox .headerBoxR {
cursor: auto;
}