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

h1 , h2 , h3 , h4 , h5 , h6{
    font-family: 'HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue,Helvetica, Arial, Lucida Grande, sans-serif', sans-serif ;
    font-weight: bold;
    color: #0086BF; !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 :#0086BF !important;
}
a , .mac_status span{
    color : #0086BF;
}
.links{
    color : #0086bf !important;
}
.links:hover{
    color : #0086bf !important;
}
.links{
    text-decoration: underline;
}
span{
    color : #0086BF !important;
}
.menu-link span{
    color : #0086BF !important;
}
li.active .menu-link span{
    color : #ffffff !important;
}
span{
    color : #0086BF !important;
}
.menu-link span{
    color : #0086BF !important;
}
li.active .menu-link span{
    color : #ffffff !important;
}
label{
    font-size: 14px;
    color: #0086BF;
}

.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: 0px 6px;
    color : #0086BF;
    border : 1px solid #ccc9ca;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
select{
    height: 20px;
}
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: #3e4134 !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b7f66", endColorstr="#3e4134");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7b7f66), to(#3e4134));
    background-image: -moz-linear-gradient(top, #7b7f66, #3e4134);
    background-image: -ms-linear-gradient(top, #7b7f66, #3e4134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7f66), color-stop(100%, #3e4134));
    background-image: -webkit-linear-gradient(top, #7b7f66, #3e4134);
    background-image: -o-linear-gradient(top, #7b7f66, #3e4134);
    background-image: linear-gradient(#7b7f66, #3e4134);
    border-color: #3e4134 #3e4134 #3e4134 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
    -webkit-font-smoothing: antialiased;

}
#continue , #continue_to {
    background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF");
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF));
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF);
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF));
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF);
    background-image: -o-linear-gradient(top, #0086BF, #0086BF);
    background-image: linear-gradient(#0086BF, #0086BF);
    border-color: #0086BF #0086BF #0086BF;
    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 : inherit}
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(#011b35), to(#011b35));
    background: -moz-linear-gradient(top, #011b35, #011b35);
    background: -ms-linear-gradient(top, #011b35 0%, #011b35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011b35', endColorstr='#011b35');
}
/*-------------------------------------------------*/
/* 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: #8B898C;
    font-weight: bold;
}
#breadcrumb li p.current , #breadcrumb li p.prev{
    color: #FFF;
}
#breadcrumb li label{
    color: #8B898C;
}
#breadcrumb li .current label , #breadcrumb li .prev label {
    color: #FFF !important;
}

#breadcrumb li .circle {
    background-color: #FFF;
    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: #505050;
    color: #FFF !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:#FFF;
}
#content{
    padding : 20px;
    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: #FFF;
}
.contentSide{
    width: 622px;
    float: left;
}
.widgetSide{
    width: 304px;
    float: right;
}
.custom_btn{
    background: #909585;
    color: #fff !important;
}
.nonumber{
    color : #0086BF;
}
.cart_total{
    color : #0086BF;
}
.recur_total{
    color : #0086BF;
}
.vipresence span{
    color : #0086BF;
}
#breadcrumb li .current span{
    background-color : #08c;
}
.change_address{
    color : #0086BF;
}
.select_service_plan{
    color : #0086BF;
}
#table2TodayTotal p{
    color : #0086BF;
}
#table2MonthlyTotal p{
    color : #0086BF;
}
.table td{
    color : #0086BF;
}
.content_wrapper{
    color : #0086BF;
}
.btn_cancel{
    /*background-color: #3e4134 !important;*/
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.feat_list{
    color : #0086BF;
}
.infoBackGround{
    background-color : #082F56;
}
.tooltip-inner{
     background-color : #0086BF;
     color: #ffffff !important;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color : #0086BF ;
}
.btn-primary{
    background : #0086BF;
}
.btn-primary:focus{
    background : #0086BF !important;
}
.btn_continue{
     background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF");
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF));
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF);
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF));
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF);
    background-image: -o-linear-gradient(top, #0086BF, #0086BF);
    background-image: linear-gradient(#0086BF, #0086BF);
    border-color: #0086BF #0086BF #0086BF;
    color: #fff !important;
}
.btn_continue:hover{
     background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF");
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF));
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF);
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF));
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF);
    background-image: -o-linear-gradient(top, #0086BF, #0086BF);
    background-image: linear-gradient(#0086BF, #0086BF);
    border-color: #0086BF #0086BF #0086BF;
    color: #fff !important;
}
.nav .active a {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#505050))  !important;
    background: -moz-linear-gradient(top, #505050, #505050)  !important;
}
.nav {
    color: #0086BF !important ;
}
.nav a:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0086bf), to(#0086bf))  !important;
    background: -moz-linear-gradient(top, #0086bf, #0086bf)  !important;
}
.btn-success{
    background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF");
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF));
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF);
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF));
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF);
    background-image: -o-linear-gradient(top, #0086BF, #0086BF);
    background-image: linear-gradient(#0086BF, #0086BF);
    border-color: #0086BF #0086BF #0086BF;
    color: #fff !important;
}
.btn-primary:hover{
    background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF");
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF));
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF);
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF));
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF);
    background-image: -o-linear-gradient(top, #0086BF, #0086BF);
    background-image: linear-gradient(#0086BF, #0086BF);
    border-color: #0086BF #0086BF #0086BF;
}
.add_on_continue {
    background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF") !important;
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF)) !important;
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF) !important;
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF)) !important;
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF) !important;
    background-image: -o-linear-gradient(top, #0086BF, #0086BF) !important;
    background-image: linear-gradient(#0086BF, #0086BF) !important;
    border-color: #0086BF #0086BF #0086BF !important;
}
.add_on_continue:hover{
    background-color:  #0086BF;  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=" #0086BF", endColorstr=" #0086BF") !important;
    background-image: -khtml-gradient(linear, left top, left bottom, from( #0086BF), to( #0086BF)) !important;
    background-image: -moz-linear-gradient(top,  #0086BF,  #0086BF) !important;
    background-image: -ms-linear-gradient(top,  #0086BF, #0086BF) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086BF), color-stop(100%, #0086BF)) !important;
    background-image: -webkit-linear-gradient(top, #0086BF, #0086BF) !important;
    background-image: -o-linear-gradient(top, #0086BF, #0086BF) !important;
    background-image: linear-gradient(#0086BF, #0086BF) !important;
    border-color: #0086BF #0086BF #0086BF !important;
}

.widgetHeader{
    width: calc( 100% - 11px );
    height: 20px;
    line-height: 20px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    /* 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(#082F56), to(#082F56));
    background: -moz-linear-gradient(top, #082F56, #082F56);
    background: -ms-linear-gradient(top, #082F56 0%, #082F56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082F56', endColorstr='#082F56');
    padding: 3px 0 0 10px;
    color: #ffffff !important;
    font-size: 13px;
}
.float_menu_title{
    width: calc( 100% - 10px );
    height: 20px;
    line-height: 20px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    /* 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(#082F56), to(#082F56));
    background: -moz-linear-gradient(top, #082F56, #082F56);
    background: -ms-linear-gradient(top, #082F56 0%, #082F56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082F56', endColorstr='#082F56');
    padding: 3px 0 0 10px;
    color: #ffffff !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(#011b35), to(#011b35));
    background: -moz-linear-gradient(top, #011b35, #011b35);
    background: -ms-linear-gradient(top, #011b35 0%, #011b35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011b35', endColorstr='#011b35');

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

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

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

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

#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 #0086BF !important;
    background: #0086BF !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

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