﻿body {
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    height: 100%;
}

#page {
    margin: 0;
    width: 99%;
    height: 100%;
}

#header {
    height: 50px;
    padding: 0 0 0 10px;
}

#content {
    margin: 0;
    padding: 0 10px 0 10px;
    height: 100%;
}

#footer {
    padding: 30px 0 10px 10px;
}

#copyright {
    color: #989898;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px 5px 0px;
}

    h3.b {
        color: #6189D4;
    }

.b {
    color: #6189D4;
}

h3.b span {
    color: #009900;
}

.bl {
    font-weight: bold;
}

.note {
    color: #6F6F6F;
    font-size: 12px;
}

.lbl {
    width: 150px;
}

.error_box, .ok_box, .info_box, .warning_box {
    padding: 2px;
    margin: 2px 0;
    width: 700px;
}

    .error_box ul, .ok_box ul, .info_box ul, .warning_box ul {
        list-style-type: none;
        padding-left: 10px;
    }

.error_box {
    background-color: #FFEBD7;
    border: solid 1px red;
    color: Red;
}

.ok_box {
    background-color: #CCFFCC;
    border: 1px solid #00CC00;
    color: #009933;
}

.info_box {
    background-color: #D9ECFF;
    border: 1px solid #0000FF;
    color: #000099;
}

.warning_box {
    background-color: #FFFFCC;
    border: 1px solid #FF9933;
    color: #CC6600;
}

.bluecontain {
    background-color: #FFFFFF;
    border: 1px solid #E5ECF9;
    margin: 0 0 0.5em;
    padding: 1px;
    width: 100%;
}

    .bluecontain td {
        background-color: #E8EEFA;
        text-align: center;
    }

#hide {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 9000;
    background-color: #000;
    width: 100%;
    height: 100%;
}

#container .window {
    position: absolute;
    top: 200px;
    left: 250px;
    width: 300px;
    z-index: 9999;
    padding: 10px 20px;
    background-color: #EEF3F9;
    border: solid 2px #A6C9E2;
    text-align: center;
}

#container span {
    margin: 20px 0;
    display: block;
}

.alpha {
    float: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}





.btn-glass {
    color: #000;
    font-weight: normal;
    font-size: 10pt;
    font-family: Tahoma;
    vertical-align: middle;
    border: 1px solid #B2BCBE;
    background: url('images/button_bg.gif') repeat-x scroll center top #DADFE0;
    padding: 1px;
    cursor: pointer;
    padding: 3px 13px 4px;
}

    .btn-glass:hover {
        background: #B5D7DB url('images/button_bg_hover.gif') top;
        background-repeat: repeat-x;
        border: solid 1px #71ACB4;
    }

    .btn-glass:active {
        background: #9ABDC1 url('images/button_bg_active.gif') top;
        background-repeat: repeat-x;
        border: solid 1px #71ACB4;
    }

.ssl-cert {
    margin: 100px 0px 0px 400px;
}

.price-header, .info b {
    font-size: 16px;
}


.caption {
    width: 250px;
    display: inline-block;
    padding-left:15px;
}

.payBillButton {
    width: 280px;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top:5px;
    margin-bottom:5px;
}

.btn-glass.payBillButton {
    background-color: #00ae00;
    background-image:none;
    color:#ffffff;
    font-weight:200;
    font-family: 'Segoe UI' sans-serif;
}

    .btn-glass.payBillButton:hover {
        background-color: #009800;
        background-image:none;
    }

    .btn-glass.payBillButton:active {
        background-color: #00a100;
        background-image:none;
    }
