﻿/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

.page {
    width: 950px;
    height: auto;
    background-color: #fff; /*padding:10px;*/
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    margin: 5px auto 0px auto; /*border: 1px solid #496077;*/
}

/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    background-image: url('../images/body-bg.jpg');
    background-color: #fdcd9d;
}

#main {
    width: 950px;
    height: auto; /*border:1px #FF0000 dotted;*/
    margin: 0 auto;
}

#banner {
    width: 950px;
    height: auto;
    padding: 0px;
    margin-top: 23px; /*background-color:#FFF;*/
}

#logo {
    width: 380px;
    height: 80px;
    margin: 0px;
    position: relative;
    left: 0px;
    float: left;
}

#callus {
    width: 250px;
    height: 58px;
    margin: 0px;
    float: right; /*border:1px #FF0000 dotted;*/
    text-align: right;
    line-height: normal;
}

.title01 {
    font-family: 'PT Sans', sans-serif;
    font-size: 24px;
    color: #5a595a;
    font-weight: bolder;
    letter-spacing: 0px;
}


#menu {
    width: 950px;
    height: 60px;
    padding: 0px;
    font-style: italic;
}

#menu-item, .menu-item {
    width: 282px;
    height: 55px;
    padding: 0px;
    margin: 0px;
    float: left; /*background-color:#DBDBDB;*/
}

#menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    #menu ul li {
        float: left;
        padding: 0px 19px;
        line-height: 40px;
    }

#menu-01 {
    width: 950px;
    height: 80px; /*Menu Height issues*/
    text-align: center;
}

#menu01-inside {
    min-width: 660px;
    height: 23px;
    display: inline-block;
    /*  background-image: url(../images/menubg.jpg);*/
    position: relative;
    top: 47px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    behavior: url(../pie/PIE.htc);
    text-align: center;
}

    #menu01-inside ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        #menu01-inside ul li {
            height: 29px;
            display: inline-table;
            padding: 0px 5px;
            line-height: 23px;
            vertical-align: middle;
        }

            #menu01-inside ul li a {
                font-family: 'PT Sans', sans-serif;
                font-size: 15px;
                font-weight: bold;
                color: #5a595a;
            }

.calc {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #5a595a;
}

.menu-active {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#menu-01-next {
    width: 951px;
    height: 50px;
    padding: 0px;
    background-color: #f89840;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #FFF;
    line-height: 50px;
}

.page2 #menu-01-next {
    width: 100% !important;
}

.page2 {
    width: 1150px;
    margin: 0px auto;
}

#ref_msg {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #645c59;
    line-height: 10px;
}

#choose_energy {
    width: 951px;
    height: 50px;
    padding: 0px;
    background-color: #FFF;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #645c59;
    line-height: 20px;
}

#ce_logo {
    width: 200px;
    height: 50px;
    padding: 0px;
    background-color: #FFF;
    float: left;
    top: 0px;
}

#ce_prod_desc {
    width: 741px;
    height: 50px;
    padding: 0px;
    background-color: #FFF;
    float: right;
    left: 200px;
}

#alllogos {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #777777;
    text-align: right;
}

#box01 {
    display:inline-block;
    /*height: 1200px;*/ /*870px;*/
    width: 950px;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(../../pie/PIE.htc);
}

#box011 {    
    width: 950px;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(../../pie/PIE.htc);
}

#box001 {
    height: 840px;
    width: 950px;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(pie/PIE.htc);
}


#copyright {
    width: 930px;
    height: 80px;
    padding: 8px 10px;
    margin-bottom: 24px;
    background-color: #615652;
    /*position:relative; Button disapper when text is long - Satish 02/26/2015*/
    bottom: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    behavior: url(pie/PIE.htc);
}

#copy01 {
    float: left;
    /*width: 375px;*/
    width: 300px;
    height: auto;
    padding: 12px;
}

#copy02 {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    float: right;
    /*width: 500px;*/
    width: 565px;
    height: 75px;
    text-align: right;
}

.copy02top {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
}

/*
#copy02 a
{
    color: #f39245;
}
*/



#alllogos {
    float: none;
    width: 950px;
    height: auto;
    text-align: right;
}


#box10 {
    width: 575px;
    height: auto;
    margin: 30px 0px 30px 20px;
    float: left; /*border:1px #FF0000 dotted;*/
    background-color: #f9f8f6;
}

div#box20 {
    width: 310px;
    height: auto;
    margin: 30px 25px 5px 0px;
    float: left; /*border:1px #FF0000 dotted;*/
    background-color: #f9f8f6;
}

div#sideBar {
    width: 300px;
    height: auto;
    margin-left: 30px;
    float: left;
}

.stick {
    position: fixed;
    top: 0px;
}

.box200 {
    width: 310px;
    height: 35px;
    text-align: center;
    /*border:1px #FF0000 dotted;*/
    background-color: #f39245;
    font-family: 'PT Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    color: #FFFFFF;
}

#box200 {
    width: 310px;
    height: 35px;
    text-align: center;
    /*border:1px #FF0000 dotted;*/
    background-color: #f39245;
    font-family: 'PT Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    color: #FFFFFF;
}

/*
#box201
{
    width: 300px;
    height: 25px;
    text-align: center; 
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    color: #4584b0;
}
*/
#box201 {
    width: 300px;
    height: 35px;
    text-align: center;
    /*border:1px #FF0000 dotted;*/
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    color: #63abd6;
}

.new-plan-ext {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #606261;
    font-weight: 500;
    font-style: italic;
}

.edit-btn {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #606261;
    font-weight: 400;
    padding-right: 10px;
}

.box202 {
    width: 310px;
    height: auto;
    text-align: center; /*border:1px #FF0000 dotted;*/
}

#box202 {
    width: 310px;
    height: auto;
    text-align: center; /*border:1px #FF0000 dotted;*/
}

.enrollTitleView {
    width: 545px;
    height: 65px;
    margin: 0px;
    text-align: left;
    line-height: 65px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #4584b0;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    position: relative;
}
.perenrollTitleView {
width: 545px;
    height: 120px;
    margin: 0px;
    text-align: left;
    line-height: 65px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #4584b0;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    position: relative;
}

.enrollDetailView {
    height: auto;
    margin: 0px;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #fcf1e8;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fef4e8;
}

/*
.org-title
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #f47920;
}
*/
.org-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #f47920;
}



.org-title01 {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #f47920;
}

.org-title02 {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #f47920;
}


/*
.org-title01
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #f47920;
}

*/

.funbutton {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    /*background-color: #f47920;*/
    background-image: url('../images/btnbg_normal.png');
    border: #FFF 1px solid;
    /* box-shadow: #999 2px 2px;*/
    -webkit-box-shadow: 2px 5px 10px 1px 999;
    box-shadow: 2px 5px 10px 1px #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(../pie/PIE.htc);
    transition: all 0.5s ease-out;
    margin-left: 0px;
}

    /*
.funbutton
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
  
   
    border: #FFF 1px solid;

   -webkit-box-shadow: 2px 5px 10px 1px 999;
    box-shadow: 2px 5px 10px 1px #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(pie/PIE.htc);
    transition: all 0.5s ease-out;
}
*/
    .funbutton:hover {
        /* background-color: #c65127;*/
        background-image: url(../images/btnbg.jpg);
    }

.FunButton1 {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    background-image: url(../images/btnbg.jpg);
    border: #FFF 1px solid;
    /*box-shadow: #999 2px 2px;*/
    -webkit-box-shadow: 2px 5px 10px 1px 999;
    box-shadow: 2px 5px 10px 1px #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(pie/PIE.htc);
    transition: all 0.5s ease;
}
/*
input[type=button]
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    background-image: url(../images/btnbg.jpg);
    border: #FFF 1px solid;
    box-shadow: #999 2px 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(pie/PIE.htc);
    transition: all 0.5s ease-out;
}
*/
/*
input[type=button]:hover{
	background-color:#c65127;
}
*/
input[type=text] {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    border: #cfbdb7 1px solid;
    background-color: #FFF;
    transition: all .3s ease-out;
    margin-left: 0px;
    padding-left: 2px;
}

    input[type=text]:focus {
        border: #c05030 1.5px solid;
        background-color: #ffffff;
    }

    input[type=text]:hover {
        border: #009ad1 1.5px solid;
        background-color: #f7f6f5;
    }

input[type=password] {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    border: #cfbdb7 1px solid;
    background-color: #FFF;
    transition: all .3s ease-out;
    margin-left: 0px;
    padding-left: 2px;
}

    input[type=password]:focus {
        border: #c05030 1.5px solid;
        background-color: #ffffff;
    }

    input[type=password]:hover {
        border: #009ad1 1.5px solid;
        background-color: #f7f6f5;
    }
/*
input[type=text]{
	border:#FFF 1.5px solid;
	background-color:#e5ddda;
	transition:all .3s ease-out;
}

input[type=text]:focus{
	border:#c05030 1.5px solid;
	background-color:#ffffff;
	
}

input[type=text]:hover{
	border:#009ad1 1.5px solid;
	background-color:#ffffff;
}
*/

.checkbox {
    border: #FFF 1.5px solid;
    background-color: #e5ddda;
}

#box40 {
    width: 570px;
    height: 140px;
    margin: 10px 0px;
    padding: 10px;
    float: right;
    border: #a9a9a2 1px solid;
}

.runtext {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #333;
}

.runtext01 {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #000;
    font-style: italic;
}

.runtext02 {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #606060;
    font-weight: 400;
}


.round-field {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px; /*box-shadow:#999 1px 1px;*/
    behavior: url(pie/PIE.htc);
}

.all_sides {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #989898;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
}

.riTextBox {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    line-height: 20px !important; /*box-shadow:#999 1px 1px;*/
    behavior: url(pie/PIE.htc) !important;
}

.riEnabled {
    border: #cfbdb7 1px solid !important;
}

.round {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /*box-shadow:#999 1px 1px;*/
    behavior: url(pie/PIE.htc);
}

.ddl {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    border: #cfbdb7 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /*box-shadow:#999 1px 1px;*/
    behavior: url(pie/PIE.htc);
}

#plan-box {
    width: 180px;
    height: auto;
    padding: 10px;
    display: inline-block;
}

#plan-box-title {
    width: 160px;
    height: 45px;
    padding: 10px;
    margin-bottom: 3px;
    background-color: #ef9150;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: #999 0px 2px;
}

#plan-box-content {
    width: 164px;
    height: auto;
    padding: 8px;
    background-color: #f7f1f1;
    text-align: center;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: #999 0px 2px;
}


#cards {
    height: auto;
    text-align: center;
    width: 50%;
    margin: 0px auto;
}

.box-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
}

.runtext01 {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #000;
    font-style: italic;
}

.box-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: #333;
}

.box-text-blue {
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: #4c8bb7;
    font-weight: bold;
    text-decoration: underline;
    line-height: 30px;
}

.box-title-blue {
    font-family: 'PT Sans', sans-serif;
    font-size: 25px;
    color: #4c8bb7;
    font-weight: bold;
    line-height: 40px;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
        font-family: 'PT Sans', sans-serif;
        font-size: 12px;
        color: #333;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -15px;
    }

.css-label {
    background-image: url('../images/dark-check-green.png');
}

/*
.min-vew
{
    width: 300;
    height: auto;
    float: right;
    vertical-align: middle;
}
*/
.min-vew {
    left: 250px;
    /*width:60%;*/
    height: auto;
    position: absolute;
    right: 0px;
    top: 5px;
}


.minview-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #333;
}

#confirm-box1 {
    width: 780px;
    height: auto;
    padding: 20px;
    margin: 0px auto;
}

.confirm-title01 {
    font-family: 'PT Sans', sans-serif;
    font-size: 30px;
    color: #faa61a;
    font-weight: 700;
    text-align: center;
}

.padding-nil {
    padding:0px !important;
}

.confirm-title02 {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #5b5a5a;
    font-weight: 700;
    text-align: left;
}
.flatbill-title {
    font-family: 'PT Sans', sans-serif;
    text-align: left;
}
.confirm-org-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #f47920;
    font-weight: 700;
    text-align: left;
}

.confirm-black-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #353534;
    font-weight: 700;
    text-align: left;
}

#confirm-box2 {
    width: 780px;
    height: auto;
    padding: 20px 20px 10px 20px;
    margin: 0px auto;
}

#confirm-box7 {
    width: 822px;
    display: block;
    margin: 10px auto;
    box-sizing: border-box;
}

#confirm-box3 {
    width: 780px;
    height: 80px;
    padding: 5px 20px 5px 20px;
    margin: 0px auto;
    overflow: auto;
}

#confirm-box4 {
    margin-right: 1%;
    padding: 20px;
    width: 99%;
    box-sizing: border-box;
}

#confirm-box5 {
    height: 337px;
    margin-left: 1%;
    padding: 20px;
    width: 99%;
    box-sizing: border-box;
}

.thanks-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #f47920;
    font-weight: 400;
    font-style: italic;
    text-align: center;
}


.round-10px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #000 1px solid;
    behavior: url(../pie/PIE.htc);
}

.round_10px_text_arial14 {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #000 1px solid;
    behavior: url(../pie/PIE.htc);
}



.text-arial {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #333;
}


.mGrid, .lGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    /*  border: solid 1px #525252;  */
    border-collapse: collapse;
}

    .mGrid td, .lGrid td {
        color: #333333;
        font-family: 'PT Sans', sans-serif;
        font-size: 12px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        border: solid 1px #c1c1c1;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #343434;
        background: #efe9e9; /*#f47920;*/
        border-left: solid 1px #525252;
        border-top: solid 1px #525252;
        font-size: 0.9em;
        background-image: url(../images/grid_title.png);
        border: solid 1px #c1c1c1;
    }

    .lGrid th {
        padding: 4px 2px;
        color: #343434;
        background: #efe9e9; /*#f47920;*/
        border-left: solid 1px #525252;
        border-top: solid 1px #525252;
        font-size: 0.9em;
        font-family: 'PT Sans', sans-serif;
        background-image: url(../images/grid_title2.png);
        border: solid 1px #c1c1c1;
    }

    .mGrid .alt, .lGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGrid tr:last-child {
        padding: 4px 2px;
        color: #343434;
        background: #efe9e9; /*#f47920;*/
        border-left: solid 1px #525252;
        border-top: solid 1px #525252;
        font-size: 0.9em;
        background-image: url(../images/grid_title.png);
    }

.celltooltip {
    display: inline;
    position: relative;
}

    .celltooltip:hover {
        text-decoration: none;
    }

        .celltooltip:hover:after {
            word-wrap: break-word;
            width: 200px;
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            color: #f47920;
            background: white;
            border-radius: 5px;
            border-color: #f47920 transparent;
            bottom: 18px;
            content: "We may contact you with any problems with this enrollment.";
            display: block;
            left: 50%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
        }

        .celltooltip:hover:before {
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            border: solid;
            border-color: white transparent;
            border-width: 6px 6px 0 6px;
            bottom: 12px;
            content: "";
            display: block;
            left: 75%;
            position: absolute;
            z-index: 99;
        }

.cvctooltip {
    display: inline;
    position: relative;
}

    .cvctooltip:hover {
        text-decoration: none;
    }

        .cvctooltip:hover:after {
            word-wrap: break-word;
            width: 250px;
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            color: #f47920;
            background: white;
            border-color: #f47920 transparent;
            border-radius: 5px;
            bottom: 18px;
            content: "For Visa, MasterCard, and Discover cards, the card code is the last 3 digit number located on the back of your card on or above your signature line. For an American Express card, it is the 4 digits on the FRONT above the end of your card number.";
            display: block;
            left: 50%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
        }

        .cvctooltip:hover:before {
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            border: solid;
            border-color: white transparent;
            border-width: 6px 6px 0 6px;
            bottom: 12px;
            content: "";
            display: block;
            left: 75%;
            position: absolute;
            z-index: 99;
        }

.scroll-pane {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #000 1px solid;
    behavior: url(../pie/PIE.htc);
    overflow: scroll;
    width: 780px;
    height: 80px;
    padding: 5px 20px 5px 20px;
    margin: 0px auto;
}

.round-dropdown {
    border-radius: 5px;
    -webkit-appearance: none;
    background: url(../images/arrowhead.png) no-repeat right #ffffff;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    text-overflow: '';
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    border: #cfbdb7 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(pie/PIE.htc);
    /*overflow-y: scroll;*/
}

#PSBillingSame td, #tbAccordMain td, #tbContactInfo td, #tbCreditCardInfo td, tbCCError td {
    padding-top: 3px;
}

.stylTextArea {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    border: #cfbdb7 1px solid;
    background-color: #FFF;
    transition: all .3s ease-out;
    margin-left: 0px;
    padding-left: 2px;
    border-radius: 5px;
}

.show {
    display: block;
}

.pend-conf-reject {
    margin-top: 10px;
    background-image: none;
    background-color: #f00;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    width: 135px;
    border: #000 2px solid;
    box-shadow: none;
}

.pend-CC-btn {
    margin-top: 10px;
    background-image: none;
    background-color: #a76934;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    width: 135px;
    border: #000 2px solid;
    box-shadow: none;
}

.pend-enroll-btn {
    background-image: none;
    background-color: #4bb748;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    width: 135px;
    border: #000 2px solid;
    box-shadow: none;
    margin-top: 10px;
}
.pend-enroll-btn-status {
    background-image: none;
    background-color: #4bb748;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    width: 135px;
    border: #000 2px solid;
    box-shadow: none;
    margin-top: 10px;
}

.ccretitle {
    margin: 0px 0px 15px;
    display: block;
    float: left;
    width: 100%;
}

.error {
    border: 1px solid red;
    width: 100%;
}

.container-left {
    float: left;
    padding: 14px;
    width: 200px;
}

.show {
    display: block;
}

.hide {
    display: none;
}

td.column_style_right {
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
}

td.column_style_bottom {
    border-bottom: 1px solid #989898;
}

.all_sides {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #989898;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
}

.bottom_only {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #989898;
    font-weight: bold;
    vertical-align: middle; /*text-align: center;*/
    border-bottom: 1px solid #989898;
}

.bottom_right {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #989898;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #989898;
}

.leftmost_header {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #989898;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #989898;
}

.ele {
    display: inline-block;
    margin-right: 20px;
    color: #000000;
    width: 30%;
}

.content-label {
    color: #f39245;
    font-weight: bold;
}

.content {
    font-family: 'PT Sans', sans-serif;
    padding: 10px;
    text-align: center;
}
.divmesHover a:hover > div.mesHover {    
    display:block !important;
}
.divmesHover a {    
    position:relative;
}
.divmesHover a:hover div.mesHover {    
    display: block !important;
    float: left;
    width: 200px;
    padding: 13px;
    background: #ece9e9;
    border-radius: 3px;
    position: absolute;
    top: -134px;
    left: -39px;
}
.divmesHover {
    display: block; float: left; width: 100%;
}

.divmesHover1 a:hover > div.mesHover {    
    display:block !important;
}
.divmesHover1 a {    
    position:relative;
}
.divmesHover1 a:hover div.mesHover {    
    display: block !important;
    float: left;
    width: 200px;
    padding: 13px;
    background: #ece9e9;
    border-radius: 3px;
    position: absolute;
    top: -176px;
    left: -39px;
}
.divmesHover1 {
    display: block; float: left; width: 100%;
}
.mesHover {
    display: none;
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;  
  border-top: 10px solid #ece9e9;
  position:absolute;
  bottom: -25px;
  left: 22px;
}
.subAgent {
    margin-right: 43px; 
    display: block;
    float: left; 
    margin-top: 6px
}
.allcomemailtooltip {
    display: inline;
    position: relative;
}

    .allcomemailtooltip:hover {
        text-decoration: none;
    }

        .allcomemailtooltip:hover:after {
            word-wrap: break-word;
            width: 200px;
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            color: #f47920;
            background: white;
            border-radius: 5px;
            border-color: #f47920 transparent;
            bottom: 18px;
            content:"By selecting the checkbox, you consent that any disclosure, notice, invoice, communication or other type of information in connection with your account with Frontier may be provided to you electronically by e-mail and/or text to the email address and/or phone number you provided to Frontier.";
            display: block;
            left: 50%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
        }

        .allcomemailtooltip:hover:before {
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            border: solid;
            border-color: white transparent;
            border-width: 6px 6px 0 6px;
            bottom: 12px;
            content: "";
            display: block;
            left: 75%;
            position: absolute;
            z-index: 99;
        }
        .ebillpaytooltip {
    display: inline;
    position: relative;
}

    .ebillpaytooltip:hover {
        text-decoration: none;
    }

        .ebillpaytooltip:hover:after {
            word-wrap: break-word;
            width: 200px;
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            color: #f47920;
            background: white;
            border-radius: 5px;
            border-color: #f47920 transparent;
            bottom: 18px;
            content:"By enrolling in e-bill, I agree to have Frontier stop mailing me a paper bill each month. I agree to receive invoices by email.";
            display: block;
            left: 50%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
        }

        .ebillpaytooltip:hover:before {
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            border: solid;
            border-color: white transparent;
            border-width: 6px 6px 0 6px;
            bottom: 12px;
            content: "";
            display: block;
            left: 75%;
            position: absolute;
            z-index: 99;
        }
        
        .autopaytooltip {
    display: inline;
    position: relative;
}

    .autopaytooltip:hover {
        text-decoration: none;
    }

        .autopaytooltip:hover:after {
            word-wrap: break-word;
            width: 200px;
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            color: #f47920;
            background: white;
            border-radius: 5px;
            border-color: #f47920 transparent;
            bottom: 18px;
            content: "Your amount due will be charged to your card on the due date. You can always pay your bill prior to the due date and no auto charge will occur. Auto-Pay guarantees you will never have a late payment.";
            display: block;
            left: 50%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
        }

        .autopaytooltip:hover:before {
            font-family: 'PT Sans', sans-serif;
            font-size: 11px;
            border: solid;
            border-color: white transparent;
            border-width: 6px 6px 0 6px;
            bottom: 12px;
            content: "";
            display: block;
            left: 75%;
            position: absolute;
            z-index: 99;
        }