ul {
    margin: 0 !important;
    padding: 0 !important;
}

span {
    cursor: pointer;
    color: #333;
}

.main {
    border: 1px solid #D9D9D9;
    width: 957px;
    /*height: 480px;*/
    margin: 0 auto;
    padding: 20px 10px;
    box-sizing: border-box;
}

.heading {
    margin-left: 20px;
}

    .heading h3 {
        color: #333333;
        font-family: Open Sans,Arial;
        font-size: 18.0pt;
        font-style: normal;
        font-weight: 400;
    }

.main-left {
    width: 27%;
    float: left;
}

    .main-left ul {
        list-style-type: none;
    }

    .main-left li.active {
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: #EFEFEF;
        margin-left: 20px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

        .main-left li.active a {
            color: #333333;
            text-align: center;
            text-decoration: none;
            font-family: Arial,Arial;
            font-size: 11.0pt;
            font-style: normal;
            font-weight: bold;
            line-height: 0px;
            margin-left: 12px;
        }

    .main-left li {
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: #666666;
        margin-left: 20px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

        .main-left li a {
            color: #fff;
            text-align: center;
            text-decoration: none;
            font-family: Arial,Arial;
            font-size: 11.0pt;
            font-style: normal;
            font-weight: bold;
            line-height: 0px;
            margin-left: 12px;
        }

.main-right {
    float: left;
    width: 71%;
    margin-left: 2%;
}

    .main-right h4, h4 {
       /* margin-top: 14px !important;*/
        color: #333333;
        font-family: Open Sans,Arial;
        font-size: 14.0pt;
        font-style: normal;
        font-weight: 400;
    }

    .main-right .right_one {
        float: left;
    }

    .main-right .right_two {
        float: left;
        margin-left: 200px;
    }

    .main-right span {
        color: #333333;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
    }

    .main-right h4 a {
        color: #0074B5;
        text-align: left;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
        line-height: 0px;
        cursor:pointer;
    }
        .main-right h4 a:hover {
            text-decoration:none;
        }
.table {
/*    margin-right: 2%;
    margin-left: 2%;*/
}

    .table th, .table td {
        border: 1px solid #CCC;
        border-collapse: collapse;
    }

    .table th, td {
        padding: 4px;
        color: #333333;
        font-family: Open Sans, Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
        vertical-align: top;
        white-space: nowrap;
    }

    .table th {
        background-color: #0069B5;
        color: #fff;
        text-decoration: none;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 600;
        height: 26px;
        border: 0px;
    }

    .table td {
        color: #333333;
        text-align: left;
        text-decoration: none;
        font-family: Open Sans,Arial;
        font-size: 10.0pt;
        font-style: normal;
        font-weight: 400;
        line-height: 0px;
        height: 26px;
        vertical-align: middle;
    }

        .table td a {
            color: #0074B5;
            text-align: left;
            text-decoration: underline;
            font-family: Open Sans,Arial;
            font-size: 11.0pt;
            font-style: normal;
            font-weight: 400;
            line-height: 0px;
        }

.current-bill {
    width: 96%;
    /*height: 240px;*/
   margin:0 auto;
    border: 1px solid #CCC;
}

    .current-bill .right_one {
        float: left;
        width: 20%;
        margin-left: 5%;
        margin-top: 20px;
    }

    .current-bill .right_two {
        float: left;
        margin-top: 20px;
        width: 14%;
    }

    .current-bill h4 {
        color: #FFFFFF;
        text-align: left;
        text-decoration: none;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
        background-color: #0069B5;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 8px;
    }

    .current-bill .right_one span {
        color: #333333;
        text-align: left;
        text-decoration: none;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
        line-height: 0px;
    }

    .current-bill .right_two span {
        color: #333333;
        text-decoration: none;
        font-family: Open Sans,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
        line-height: 0px;
        float: right;
    }

.manage h4 {
    color: #333333;
    text-align: left;
    text-decoration: none;
    font-family: Open Sans,Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 700;
    margin-left: 20px !important;
}

.heading h4 {
    color: #333333;
    text-align: left;
    text-decoration: none;
    font-family: Open Sans,Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 12px;
}

a.tooltip {
    outline: none;
    text-decoration: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        color: #000;
        display: none;
        padding: 14px 10px;
        margin-top: -124px;
        margin-left: -160px;
        width: 251px;
        line-height: 16px;
        text-align: justify;
        font-family: "Dosis", Arial, sans-serif;
        font-weight: 200;
        box-shadow: none;
        text-shadow: none;
        line-height: 19px;
        font-size: 10.0pt;
        font-family: Arial,Arial;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        border: 2px solid #000;
        color: #000;
        background: #fff repeat-x 0 0;
        box-shadow: none;
        text-shadow: none;
        line-height: 19px;
        font-size: 10.0pt;
        font-family: Arial,Arial;
    }

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: 98px;
    left: 130px;
    background-color: #fff;
}

a.tooltip span {
    border-radius: 2px;
}

input[type="text"] {
    border: 1px solid #999999;
    height: 27px;
    width: 207px;
    padding-left: 5px;
    font-size: 11pt;
}

.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
}

    .tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 0px 21px;
        height: 31px;
        line-height: 31px;
        border-top: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
        overflow: hidden;
        position: relative;
        background-image: linear-gradient(to bottom,#FFFFFF,#E6E6E6);
        color: #030303;
        text-align: center;
        text-decoration: none;
        font-family: Arial,Arial;
        font-size: 11.0pt;
        font-style: normal;
        font-weight: 400;
    }

.tab_last {
    border-right: 1px solid #D9D9D9;
}

.tabs li:hover {
    background-color: #fff;
    color: #333;
}

.tabs li.active {
    background-image: linear-gradient(to bottom,#FFFFFF,#FFFFFF);
    /*background-color: #fff !important;*/
    color: #333;
    border-bottom: 1px solid #fff;
    display: block;
}

.tab_container {
    border: 1px solid #D9D9D9;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.tab_content {
    padding: 20px;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 480px) {
    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #666;
        color: #fff;
    }
}

.tab-width {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}

.form-left {
    float: left;
}

    .form-left td {
        border: none !important;
        white-space: nowrap;
    }

.image-right {
    float: left;
}

    .image-right ul li {
        display: inline;
    }

.btn, .btn:hover, .btn:focus {
    /*vertical-align:top! important;*/
    height: 30px;
    background-color: #0069B5;
    border: 1px solid #CDCDCD;
    border-radius: 4px 4px 4px 4px;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 11.0pt;
    font-family: Open Sans, Arial;
    color: #fff! important;
}

.cancel {
    height: 30px;
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(top,#FFFFFF,#E6E6E6);
    background-image: -webkit-linear-gradient(top,#FFFFFF,#E6E6E6);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF), color-stop(100%,#E6E6E6));
    background-image: -o-linear-gradient(top,#FFFFFF,#E6E6E6);
    background-image: linear-gradient(to bottom,#FFFFFF,#E6E6E6);
    border: 1px solid #CDCDCD;
    border-radius: 4px 4px 4px 4px;
    padding: 3px 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    font-size: 11.0pt;
    font-family: Open Sans, Arial;
    text-decoration: none;
    color: #333333;
}

#form-left {
    float: right;
}

#tab2 select {
    padding: 1px;
    height: 27px;
    width: 214px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab1 td, #tab2 td {
    color: #333333;
    text-decoration: none;
    font-family: Open Sans,Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
}

.image5 {
    /*margin-left:4%;*/
}

.clear_all {
    clear: both;
}

/***********************************************************/

.ProfileEdit, #ManagePayment, #ReplacePayment {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
}

.modal-popup {
    margin: 0 auto;
    margin-top: 6%;
    width: 965px;
    border: 1px solid #dddddd;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    padding: 15px 10px;
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
     z-index: 1050;
     -webkit-transition: all 1000ms ease-in;
-moz-transition: all 1000ms ease-in;
-ms-transition: all 1000ms ease-in;
-o-transition: all 1000ms ease-in;
transition: all 1000ms ease-in;
}

#ProfileEdit_mask, #backdrop {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1049;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
}

label {
    font-weight: normal !important;
    color: #333333;
    text-decoration: none;
    font-family: Open Sans, Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
}

img {
    vertical-align: middle;
}

.popup_content {
    width: 900px;
    background-color: #F3F7FB;
    color: #333333;
    padding: 10px 15px;
    margin-top: 8%;
    font-family: Open Sans, Arial;
    border: 1px solid #cccccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

    .popup_content p {
        font-family: Open Sans, Arial;
        font-size: 10pt;
    }

.pull-right {
    float: right;
}

h3 span {
    font-size: 10pt;
}

    h3 span a {
        color: #333333;
        text-decoration: none;
        margin-right: 15px;
        letter-spacing: -3px;
    }

.innrcontent { padding:10px 15px;
               padding-left:4.5%;
}

.tableless {
    width:38%;
    margin-bottom:20px;
}
    .tableless td {
        padding:5px;
        line-height:1.48;
        vertical-align:top;
        width:5%;
    }
    .tableless tr td:nth-child(2) {
        text-align:right;
    }
.pymthytr .table tr th {
    text-align: center;
    width: 4%;
}
.ultab {
    margin: 0;
    padding: 0;
}

    .ultab li {
        list-style-type: none;
        float: left;
    }

    .ultab a {
        color: #0F71B8;
        padding: 8px 15px;
        display: block;
        background-image: linear-gradient(to bottom,#FFFFFF,#E6E6E6);
        color: #030303;
        font-family: Open Sans,Arial;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        border: 1px solid #ddd;
    }

        .ultab a:hover, .ultab a.active {
            text-decoration: none;
            background-image: linear-gradient(to bottom,#FFFFFF,#FFFFFF);
            color: #030303;
            border-bottom: 1px solid #fff;
        }

.tab1, .tab2 {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: -1px;
}

.tab2 {
    display: none;
}

.clearfix {
    clear: both;
}

.validation-errormessage span, .field-validation-error span, .astric {
    color: #b41818;
    font-size: 10pt;
}

.astric {
    font-size: 11pt;
}

.tab1 table td {
    font-size: 10pt;
}


.innrcontent {
    padding: 10px 15px;
    padding-left: 4.5%;
}

.tableless {
    width: 38%;
    margin-bottom: 20px;
}

    .tableless td {
        padding: 5px;
        line-height: 1.48;
        vertical-align: top;
        width: 5%;
    }

    .tableless tr td:nth-child(2) {
        text-align: right;
    }

.pymthytr .table tr th {
    text-align: center;
    width: 4%;
}

    .pymthytr .table tr th:nth-child(3) {
        width: 3%;
    }

    .pymthytr .table tr th:nth-child(4) {
        width: 15%;
    }

    .pymthytr .table tr th:last-child {
        width: 2%;
    }

.modal-popup1 {
    margin: 0 auto;
    margin-top: 9%;
    width: 600px;
    max-width: 980px;
    border: 1px solid #dddddd;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    padding: 15px 10px;
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
    z-index: 1050;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

    .modal-popup1 h4 {
        margin-top: 4px;
    }

.modal-popup1 {
    margin: 0 auto;
    margin-top: 9%;
    width: 600px;
    max-width: 980px;
    border: 1px solid #dddddd;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    padding: 15px 10px;
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
     z-index: 1050;
     -webkit-transition: all 1000ms ease-in;
-moz-transition: all 1000ms ease-in;
-ms-transition: all 1000ms ease-in;
-o-transition: all 1000ms ease-in;
transition: all 1000ms ease-in;
     
}

    .modal-popup1 h4 {
        margin-top:4px;
    }
.validation-errormessage span, .field-validation-error span, span.astric {
       color: #b41818;
   }
.error {
     color: #b41818;
}

.manage {
    padding: 0 20px;
}

    /**************************************************/

    @font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
    src: url("fa/fonts/OpenSans.eot") format("eot"), url("fa/fonts/OpenSans.woff") format("woff"), url("fa/fonts/OpenSans.woff2") format("woff2"), url("fa/fonts/OpenSans.ttf") format("truetype"), url("fa/fonts/OpenSans.otf") format('embedded-opentype');
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
    src: url("fa/fonts/OpenSans-Bold.eot?") format("eot"), url("fa/fonts/OpenSans-Bold.woff") format("woff"), url("fa/fonts/OpenSans-Bold.woff2") format("woff2"), url("fa/fonts/OpenSans-Bold.ttf") format("truetype"), url("fa/fonts/OpenSans-Bold.otf") format('embedded-opentype');
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
    src: url("fa/fonts/OpenSans-Extrabold.eot?") format("eot"), url("fa/fonts/OpenSans-Extrabold.woff") format("woff"), url("fa/fonts/OpenSans-Extrabold.woff2") format("woff2"), url("fa/fonts/OpenSans-Extrabold.ttf") format("truetype"), url("fa/fonts/OpenSans-Extrabold.otf") format('embedded-opentype');
}

/***********************************************************************/