button {
font-family: verdana, Helvetica, FreeSans, sans-serif;
}
.triBox25, .triBox {
display: block;
background: center center repeat-x;
}
.triBoxL25, .triBoxL {
display: block;
background-position: left top;
background-repeat: no-repeat;
}
.triBoxR25, .triBoxR {
display: block;
background-position: right bottom;
background-repeat: no-repeat;
}
.button {
cursor: pointer;
background: center -32px repeat-x;
}
.greenButton25 {
cursor: pointer;
background: center -25px repeat-x;
font-size: 14px;
}
.button .triBoxL25, .button .triBoxL {
background-position: left top;
float: left;
}
.button .triBoxR {
background-position: right -64px;
float: left;
}
.button .triBoxR25 {
background-position: right -50px;
float: left;
}
.greenButton25 span.triBoxR25 {
padding: 0 13px;
color: white;
}
.button .triBoxPopup {
background-position: right -50px;
float: left;
}
.greenButtonPopup div button {
width: 150px;
}
.greenButtonPopup, .greenButtonPopup div, .greenButtonPopup div div, .greenButtonPopup span, .greenButtonPopup span span, .greenButtonPopup div button {
background-image: url('../m=billing_core/cb=1/media/layout/buttons/submit.png');
line-height: 20px;
height: 25px;
background-position: center -25px;
color: #F4B33F;
font-weight: normal;
}
.greenButtonPopup div a, .greenButtonPopup div button {
padding-bottom: 5px;
}
.button:hover, .buttonHover { background-position: center -128px; }
.greenButton25:hover { background-position: center -100px; }
.greenButtonPopup:hover { background-position: center -100px; }
.button:hover .triBoxL, .buttonHover .triBoxL { background-position: left -96px; }
.button:hover .triBoxL25, .buttonHover .triBoxL25 { background-position: left -75px; }
.button:hover .triBoxR, .buttonHover .triBoxR { background-position: right -160px; }
.button:hover .triBoxR25, .buttonHover .triBoxR25 { background-position: right -125px; }
.info .triBoxL25, .info .triBoxR25, .info .triBoxL, .info .triBoxR { float: left; }
.greenButton25, .greenButton { background-color: green; }
.greenButton, .greenButton div, .greenButton div div, .greenButton span, .greenButton span span, .greenButton div button {
height: 32px;
line-height: 30px;
background-image: url('../m=billing_core/cb=1/media/layout/buttons/green.png');
float:left;
}
.greenButton div div, .greenButton span span, .greenButton div button { padding: 0 18px 0 15px; }
.greenButton div button { padding-bottom: 6px; }
.greenButton25, .greenButton25 div, .greenButton25 div div, .greenButton25 span, .greenButton25 span span, .greenButton25 div button {
height: 25px;
line-height: 23px;
background-image: url('../m=billing_core/cb=1/media/layout/buttons/green25.png');
float:left;
}
.greenButton25 div div, .greenButton25 span span, .greenButton25 div button { padding: 0 10px 0 10px; }
.greenButton25 div a, .greenButton25 div button { padding-bottom: 5px; }
div.greenButton25{
background-position: center -25px;
font-size: 14px;
}
.silverButton { background-color: grey; }
.silverButton, .silverButton div, .silverButton div div, .silverButton span, .silverButton span span, .silverButton div button {
height: 32px;
line-height: 30px;
background-image: url('../m=billing_core/cb=1/media/layout/buttons/silver.png');
float: left;
}
.silverButton div div, .silverButton span span, .silverButton div button {
padding: 0 18px 0 15px;
}
.silverButton div button { padding-bottom: 6px; }
.headerBox, .headerBoxL, .headerBoxR { background-image: url('../m=billing_core/cb=1/media/layout/header.png'); }
.headerInfo, .headerInfo span.triBoxL, .headerInfo span.triBoxL span.triBoxR {
height: 47px;
line-height: 47px;
background-image: url('../m=billing_core/cb=1/media/layout/headerInfo.png');
}
.headerInfo span.triBoxL span.triBoxR { padding: 0 12px; }
.headerButton, .headerButton span, .headerButton span span {
line-height: 30px;
background-image: url('../m=billing_core/cb=1/media/layout/buttons/headerButton.png');
}
.footerBox {
margin: 6px 1px 0 2px;
}
.footer {
background: white;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 5px;
border-bottom: 10px #16567d solid;
text-align: center;
height: 68px;
}
.octoBox {
background-position: center top;
background-repeat: repeat-x;
}
.octoBoxR {
background-position: right center;
background-repeat: repeat-y;
}
.octoBoxB {
background-position: center bottom;
background-repeat: repeat-x;
}
.octoBoxL {
background-position: left center;
background-repeat: repeat-y;
}
.octoBoxRT {
background-position: right top;
background-repeat: no-repeat;
}
.octoBoxRB {
background-position: right bottom;
background-repeat: no-repeat;
}
.octoBoxLB {
background-position: left bottom;
background-repeat: no-repeat;
}
.octoBoxLT {
background-position: left top;
background-repeat: no-repeat;
}
.contentBox {
background-color: white;
background-image: url('../m=billing_core/cb=1/media/layout/contentBox/top.png');
}
.contentBoxR { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/right.png'); }
.contentBoxB { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/bottom.png'); }
.contentBoxL { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/left.png'); }
.contentBoxRT { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/righttop.png'); }
.contentBoxRB { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/rightbottom.png'); }
.contentBoxLB { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/leftbottom.png'); }
.contentBoxLT { background-image: url('../m=billing_core/cb=1/media/layout/contentBox/lefttop.png'); }
.contentBoxPadding {
padding: 28px 21px;
position: relative;
}
.infoBox {
background-color: #eaeaea;
background-image: url('../m=billing_core/cb=1/media/layout/infoBox/top.png');
}
.infoBoxR { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/right.png'); }
.infoBoxB { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/bottom.png'); }
.infoBoxL { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/left.png'); }
.infoBoxRT { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/righttop.png'); }
.infoBoxRB { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/rightbottom.png'); }
.infoBoxLB { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/leftbottom.png'); }
.infoBoxLT { background-image: url('../m=billing_core/cb=1/media/layout/infoBox/lefttop.png'); }
.infoBoxPadding {
padding: 12px 14px;
height: 1%;
}
.infoBoxSelected {
background-color: #e0e2e2;
background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/top.png');
}
.infoBoxSelectedR { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/right.png'); }
.infoBoxSelectedB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/bottom.png'); }
.infoBoxSelectedL { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/left.png'); }
.infoBoxSelectedRT { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/righttop.png'); }
.infoBoxSelectedRB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/rightbottom.png'); }
.infoBoxSelectedLB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/leftbottom.png'); }
.infoBoxSelectedLT { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxSelected/lefttop.png'); }
.infoBoxSelectedPadding { padding: 12px 14px; }
.infoBoxHighlighted {
background-color: #e0e2e2;
background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/top.png');
}
.infoBoxHighlightedR { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/right.png'); }
.infoBoxHighlightedB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/bottom.png'); }
.infoBoxHighlightedL { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/left.png'); }
.infoBoxHighlightedRT { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/righttop.png'); }
.infoBoxHighlightedRB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/rightbottom.png'); }
.infoBoxHighlightedLB { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/leftbottom.png'); }
.infoBoxHighlightedLT { background-image: url('../m=billing_core/cb=1/media/layout/infoBoxHighlighted/lefttop.png'); }
.infoBoxHighlightedPadding { padding: 12px 14px; }
.smallInfoBox {
background-color: #eaeaea;
background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/top.png');
}
.smallInfoBoxR { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/right.png'); }
.smallInfoBoxB { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/bottom.png'); }
.smallInfoBoxL { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/left.png'); }
.smallInfoBoxRT { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/righttop.png'); }
.smallInfoBoxRB { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/rightbottom.png'); }
.smallInfoBoxLB { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/leftbottom.png'); }
.smallInfoBoxLT { background-image: url('../m=billing_core/cb=1/media/layout/smallInfoBox/lefttop.png'); }
.smallInfoBoxPadding { padding: 12px 14px; }
.fiftyPercent { width: 50%; }
.thirtyThreePercent { width: 33.33%; }
.twentyPercent { width: 20%; }
.fancyBorders {
position: relative;
margin: 20px;
z-index: 9;
zoom: 1;
}
.fancyBordersL, .fancyBordersR, .fancyBordersT, .fancyBordersB, .fancyBordersLT, .fancyBordersLB, .fancyBordersRT, .fancyBordersRB {
position: absolute;
background: transparent;
background-repeat: repeat-all;
zoom: 1;
}
.fancyBordersContentWrapper1, .fancyBordersContentWrapper2 {
background-repeat: repeat-y;
position: relative;
zoom: 1;
}
.fancyBordersContentWrapper1 {
background-position: top left;
padding-left: 20px;
margin-left: -20px;
}
.fancyBordersContentWrapper2 {
background-position: top right;
padding-right: 20px;
margin-right: -20px;
}
.fancyBordersContent {
background-color: white;
zoom: 1;
}
.fancyBordersT, .fancyBordersLT, .fancyBordersRT { top: -20px; height: 20px; }
.fancyBordersLB, .fancyBordersB, .fancyBordersRB { height: 20px; bottom: -20px; }
html>body .fancyBordersB, html>body .fancyBordersLB, html>body .fancyBordersRB { *bottom: -18px; }
.fancyBordersLB, .fancyBordersB, .fancyBordersRB { height: 20px; bottom: -20px; }
.fancyBordersLT, .fancyBordersLB, .fancyBordersRT, .fancyBordersRB { width: 20px; }
.fancyBordersLT, .fancyBordersLB { left: -20px; }
.fancyBordersRT, .fancyBordersRB { right: -20px; }
.fancyBordersT, .fancyBordersB { width: 100%; }
* html .fancyBordersT, * html .fancyBordersB { margin-left: 20px; }
html>body .fancyBordersT, html>body .fancyBordersB { *margin-left: 20px; }
.smallGreyBoxContent { background-color: #f2f2f2; }
.smallGreyBoxContentWrapper1 { background-image: url('../m=billing_core/cb=1/media/layout/smallGreyBox/left.png'); }
.smallGreyBoxContentWrapper2 { background-image: url('../m=billing_core/cb=1/media/layout/smallGreyBox/right.png'); }
.smallGreyBoxLT { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/lefttop.png'); }
.smallGreyBoxRT { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/righttop.png'); }
.smallGreyBoxLB { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/leftbottom.png'); }
.smallGreyBoxRB { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/rightbottom.png'); }
.smallGreyBoxT { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/top.png'); }
.smallGreyBoxB { background: url('../m=billing_core/cb=1/media/layout/smallGreyBox/bottom.png'); }
.lightBoxBordersContent { background-color: white; padding: 0; }
.lightBoxBordersInner { padding: 28px 21px; }
.lightBoxBordersContentWrapper1 { background-image: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/left.png'); }
.lightBoxBordersContentWrapper2 { background-image: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/right.png'); }
.lightBoxBordersLT { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/lefttop.png'); }
.lightBoxBordersRT { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/righttop.png'); }
.lightBoxBordersLB { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/leftbottom.png'); }
.lightBoxBordersRB { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/rightbottom.png'); }
.lightBoxBordersT { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/top.png'); }
.lightBoxBordersB { background: url('../m=billing_core/cb=1/media/layout/lightBoxBorders/bottom.png'); }
a.blockButton {
display: block;
text-decoration: none;
}
.headerLogo { margin-top: 10px; }