<!--
/* 
    Document   : primary
    Created on : Apr 4, 2014, 3:45:11 PM
    Author     : Srikkanth
    Description:
        Purpose of the stylesheet follows.
*/
/*-------------------------------------------------*/
/* Page */
/*-------------------------------------------------*/
-->
html,body {
    font-family: , sans-serif;
    margin:0;
    padding:0;
    height:100%; 
    color: '#231f20';
    min-width: 1000px;
    width: 100%;
}

h1 , h2 , h3 , h4 , h5 , h6{
    font-family: '', sans-serif ;
    font-weight: bold;
    color: ; !important;
}

h1{
    text-align: center;
    font-size : 28px;
}
h2{
    font-size : 26px;
}
h3{
    font-size : 24px;
}
h4{
    font-size : 17.5px;
}
h5{
    font-size : 20px;
}
h6{
    font-size : 18px;
}
p , a {
    font-size : 13px;
}
p{
    color : !important;
}
a , .mac_status span{
    color : ;
}
.links{
    color :  !important;
}
.links:hover{
    color :  !important;
}
.links{
    text-decoration: underline;
}
span{
    color :  !important;
}
.menu-link span{
    color :  !important;
}
li.active .menu-link span{
    color :  !important;
}
span{
    color :  !important;
}
.menu-link span{
    color :  !important;
}
li.active .menu-link span{
    color :  !important;
}
label{
    font-size: ;
    color: ;
}

.alert-success{
    color:#468847 !important;
}
.alert-success h4{
    color:#468847 !important;
}
.alert-danger,.alert-error p{
    color:#b94a48 !important;
}
input[type="text"] , input[type="password"]{
   margin-bottom: 10px;
}
select , input[type="text"] , input[type="password"]{
    padding: ;
    color : ;
    border : 1px solid ;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    border-radius: ;
}
select{
    height: ;
}
input[type="text"].extended {
    /*margin-top: 10px;*/
    width: 146px;
}
input.large {
    width: 360px;
}
input[type="text"].medium{
    width: 126px;
}
input[type="text"].small{
    width: 20px;
}
label.medium{
    width: auto;
    padding: 0 5px;
}
label.nullWidth{
    width: auto;
}
.formError{
    display: none;
}

.errorBorder{
    border: 1px solid red !important;
}
.successBorder{
    border: 1px solid green !important;
}
.errorTxt{
    color: #FE2E2E !important;
}
.successTxt{
    color: #04B431 !important;
}
.rowFluid{
    width: 100%;
    min-width: 1000px;

}
.fullWidth{
    width: 960px;
}
#back.btn{
    background-color:  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="", endColorstr="");
    background-image: -khtml-gradient(linear, left top, left bottom, from(), to());
    background-image: -moz-linear-gradient(top, , );
    background-image: -ms-linear-gradient(top, , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:    !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
    -webkit-font-smoothing: antialiased;

}
#continue , #continue_to {
    background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ");
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( ));
    background-image: -moz-linear-gradient(top,  ,  );
    background-image: -ms-linear-gradient(top,  , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:   ;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
    -webkit-font-smoothing: antialiased;
}
@-moz-document url-prefix() { 
    html,body {
        height: 100%;
    }
    .content_wrapper {
        min-height: calc(100% - 25px);
        }
    }
html,body {
    height: 100%;
}
/*-------------------------------------------------*/
/*Page */
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/* Header */
/*-------------------------------------------------*/
header{
    padding: 20px;
}
/* Logo */
#logo{
    display: block;
}
#logo > img{
    width : 180px;
    height : 70px;
}
/* Title */
header{
    background : }
header h1{
    text-align: center;
    margin-bottom: 35px;
    text-align: center;
    width: -webkit-calc( 100% - 375px );
    width: -moz-calc( 100% - 375px );
    width: calc( 100% - 375px );
}
/* Right Corner Text */
#caption{
    color: #a4a0a3;
}
/* Payment Certificates */
#payment-nofitication{
    text-align: right;
    display : none;
}
#payment-nofitication > img:first-child{
    width : 70px;
}
#payment-nofitication > img:last-child{
    width : 60px;
}

#progress_container{
    background: rgba(248,80,50,1);
    background: -webkit-gradient(linear, 0 0, 0 35%, from(), to());
    background: -moz-linear-gradient(top, , );
    background: -ms-linear-gradient(top,  0%,  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='');
}
/*-------------------------------------------------*/
/* Header */
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* Bread crumb */
/*-------------------------------------------------*/

#breadcrumb {
    margin: -15px auto -25px;
    text-align: center;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    width: 618px;
    margin-left: -webkit-calc(50% - 282px);
    margin-left: -moz-calc(50% - 282px);
    margin-left: calc(50% - 282px);
}

/* Default Style */
#breadcrumb li {
    display: inline-block;
    margin: 0 40px;
    padding: 0;
    width: 112px;
    float: left;
    margin-top: -18px;
}

#breadcrumb li p {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: ;
    font-weight: bold;
}
#breadcrumb li p.current , #breadcrumb li p.prev{
    color: ;
}
#breadcrumb li label{
    color: ;
}
#breadcrumb li .current label , #breadcrumb li .prev label {
    color:  !important;
}

#breadcrumb li .circle {
    background-color: ;
    border-radius: 50%;
    margin-right: 5px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: auto;
    width: 30px;
    margin-bottom: 5px;
    border: 3px solid #fff;
}

#breadcrumb li .current span {
    background-color: ;
    color:  !important;
}

/*#breadcrumb .current::after,
#breadcrumb .current::before{
    content: normal;
}*/
/*-------------------------------------------------*/
/* Bread crumb*/
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/* Content layoutr */
/*-------------------------------------------------*/

.content_wrapper { 
    /* drop shadow */
    background-repeat:repeat;
    background-position: top left;
    margin:0 auto; /* center, not in IE5 */
    min-height:  calc ( 100% - 25px );
    min-height:  -moz-calc(100% - 25px);
    /* WebKit */
    min-height:  -webkit-calc(100% - 25px);
    /* Opera */
    min-height:  -o-calc(100% - 25px);
    /* For IE 8 
         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#777777')";*/
    /* For IE 5.5 - 7 
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#777777');*/ 
}
.content_wrapper{
    background:;
}
#content{
    padding : ;
    height: calc ( 100% - 203px );
    height: -moz-calc(100% - 203px);
    /* WebKit */
    height: -webkit-calc(100% - 203px);
    /* Opera */
    height: -o-calc(100% - 203px);
    /* Standard */
    height: calc(100% - 203px);
    background: ;
}
.contentSide{
    width: 622px;
    float: ;
}
.widgetSide{
    width: 304px;
    float: ;
}
.custom_btn{
    background: ;
    color: #fff !important;
}
.nonumber{
    color : ;
}
.cart_total{
    color : ;
}
.recur_total{
    color : ;
}
.vipresence span{
    color : ;
}
#breadcrumb li .current span{
    background-color : ;
}
.change_address{
    color : ;
}
.select_service_plan{
    color : ;
}
#table2TodayTotal p{
    color : ;
}
#table2MonthlyTotal p{
    color : ;
}
.table td{
    color : ;
}
.content_wrapper{
    color : ;
}
.btn_cancel{
    /*background-color:  !important;*/
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.feat_list{
    color : ;
}
.infoBackGround{
    background-color : ;
}
.tooltip-inner{
     background-color : ;
     color:  !important;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color :  ;
}
.btn-primary{
    background : ;
}
.btn-primary:focus{
    background :  !important;
}
.btn_continue{
     background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ");
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( ));
    background-image: -moz-linear-gradient(top,  ,  );
    background-image: -ms-linear-gradient(top,  , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:   ;
    color: #fff !important;
}
.btn_continue:hover{
     background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ");
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( ));
    background-image: -moz-linear-gradient(top,  ,  );
    background-image: -ms-linear-gradient(top,  , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:   ;
    color: #fff !important;
}
.nav .active a {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(), to())  !important;
    background: -moz-linear-gradient(top, , )  !important;
}
.nav {
    color:  !important ;
}
.nav a:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(), to())  !important;
    background: -moz-linear-gradient(top, , )  !important;
}
.btn-success{
    background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ");
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( ));
    background-image: -moz-linear-gradient(top,  ,  );
    background-image: -ms-linear-gradient(top,  , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:   ;
    color: #fff !important;
}
.btn-primary:hover{
    background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ");
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( ));
    background-image: -moz-linear-gradient(top,  ,  );
    background-image: -ms-linear-gradient(top,  , );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, ));
    background-image: -webkit-linear-gradient(top, , );
    background-image: -o-linear-gradient(top, , );
    background-image: linear-gradient(, );
    border-color:   ;
}
.add_on_continue {
    background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ") !important;
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( )) !important;
    background-image: -moz-linear-gradient(top,  ,  ) !important;
    background-image: -ms-linear-gradient(top,  , ) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, )) !important;
    background-image: -webkit-linear-gradient(top, , ) !important;
    background-image: -o-linear-gradient(top, , ) !important;
    background-image: linear-gradient(, ) !important;
    border-color:    !important;
}
.add_on_continue:hover{
    background-color:  ;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" ", endColorstr=" ") !important;
    background-image: -khtml-gradient(linear, left top, left bottom, from( ), to( )) !important;
    background-image: -moz-linear-gradient(top,  ,  ) !important;
    background-image: -ms-linear-gradient(top,  , ) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, )) !important;
    background-image: -webkit-linear-gradient(top, , ) !important;
    background-image: -o-linear-gradient(top, , ) !important;
    background-image: linear-gradient(, ) !important;
    border-color:    !important;
}

.widgetHeader{
    width: calc( 100% - 11px );
    height: ;
    line-height: ;
    -moz-border-radius-topleft: ;
    -webkit-border-top-left-radius: ;
    border-top-left-radius: ;
    -moz-border-radius-topright: ;
    -webkit-border-top-right-radius: ;
    border-top-right-radius: ;
    /* IE 9 */
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*background: #5ba0d0 none repeat scroll 0 0;*/
    background: -webkit-gradient(linear, 0 0, 0 35%, from(), to());
    background: -moz-linear-gradient(top, , );
    background: -ms-linear-gradient(top,  0%,  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='');
    padding: 3px 0 0 10px;
    color:  !important;
    font-size: 13px;
}
.float_menu_title{
    width: calc( 100% - 10px );
    height: ;
    line-height: ;
    -moz-border-radius-topleft: ;
    -webkit-border-top-left-radius: ;
    border-top-left-radius: ;
    -moz-border-radius-topright: ;
    -webkit-border-top-right-radius: ;
    border-top-right-radius: ;
    /* IE 9 */
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*background: #5ba0d0 none repeat scroll 0 0;*/
    background: -webkit-gradient(linear, 0 0, 0 35%, from(), to());
    background: -moz-linear-gradient(top, , );
    background: -ms-linear-gradient(top,  0%,  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='');
    padding: 3px 0 0 10px;
    color:  !important;
    font-size: 13px;
}
.widgetContainer{
    border: 1px solid #d2d0d1;
    height: auto;
    width: 281px;
    padding: 10px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color : #FFF;
}

/*-------------------------------------------------*/
/* Content layout */
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/* Footer */
/*-------------------------------------------------*/
footer{
     background: -webkit-gradient(linear, 0 0, 0 35%, from(), to());
    background: -moz-linear-gradient(top, , );
    background: -ms-linear-gradient(top,  0%,  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='');

}
footer > div{
    width: 500px;
}
 
footer > div{
    float : right;
    margin-right: 10px;
}
footer > div > a {
    padding: 0 10px;
    line-height: 25px;
    font-size: 11px;
    border-right: 1px solid #000;
    color : ;
}
footer > div > a:hover {
    color : ;
}
footer > div > a:visited {
    color : ;
}
footer > div > a:focus {
    color : ;
}
footer > div > span {
    padding: 0 10px;
    line-height: 25px;
    font-size: 11px;
    border-right: 1px solid #000;
    color :  !important;
}
footer > div > a:last-child{
    border-right: none;
}

/*-------------------------------------------------*/
/* Footer */
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* Service Selection */
/*-------------------------------------------------*/

<!-- a, a:hover, a:visited, a:focus {
    color : ;
} -->

#location_config input[type="text"], #location_config input[type="password"]{
    margin-bottom: 5px;
}
 
    .inner{
        /*border: 1px solid #CAC8C8; */
        border-top-width: 0;
        padding: 20px;
    }
    .inner:first-child{
        border-top-width: 1px;
    }
    .actualTnsBorder{
        display : block;
    }
    .numbers_info > .number_row{
        padding : 20px;
       /* border-bottom: 1px solid #ADADB1; */
    }
    .numbers_info > .number_row:last-child{
        border-bottom-width: 0;
    }
    .numbers_info > .number_row:nth-child(odd){
        /*background-color: #F7F7F7;*/
    }
    .cart-row{
        border-bottom: 1px #F0EEEE;
    }
    .expirationDate #month{
        margin-right : 174px;
    }
    .widgetTitleWrapper , .cart-row , .total_row, .recur_row , .condition_row{
        padding : 10px 10px;
    }
/* Offer codes */
.offer_codes input{
    width: 98px;
    /*margin: 0px;*/
    /*height: 10px;*/
}
.offer_codes{
    margin-bottom: 20px;
}
.numbers_info{
    padding : 0;   
}
#cart .widgetContainer{
    width : 301px;
    padding : 10px 0;
}
.widgetContainer > .cart-row:last-child{
    border-bottom-width: 0;
}
.feature_row {
    font-size: 12px;
}
/*-------------------------------------------------*/
/* Service Selection */
/*-------------------------------------------------*/
.btn-primary{
 color: #fff !important;
}
.btn_cancel{
 color: #000 !important;
}

/*-------------------------------------------------*/
/* custom styles */
/*-------------------------------------------------*/

.popupFooter a#closeFB.btn.btn_cancel, .custom_btn.btn_cancel{

    background-color: #f5f5f5 !important;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #ccc !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    border-bottom-color: #b3b3b3 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.popupFooter #device_selected, .custom_btn.btn_cancel{
    box-shadow: none !important;
    text-shadow: none !important;
}

.custom_btn a:hover {
    text-decoration: none !important;
}

.custom_btn.btn_cancel{
    border-radius: 0px !important;
}

.custom_btn.btn_cancel a{
    color: #000 !important;
}

/********************/
/* API button color */
/********************/


.btn-success, .btn-primary, .add_cart, .add-on-ok-btn, .custom_num_btn{
    border: 1px solid  !important;
    background:  !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

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