/* =========================================== */
/*                 GLOBAL                      */
/* =========================================== */

/* typography */
body { font-family: Verdana, Arial; color: #777; }
a, a:hover, a:visited, a strong { color: #01A4DF; text-decoration: underline; }
.text-input, select, .selectbox { border-radius: 0; padding: 2px; border-color: #9F9F9F; }
.button { padding: 2px 7px; border: 0; background-color: #9F9F9F; color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial; color: #777; }
.content-box-header h3 { font-size: 16px; color: #000; }
h2, h3 { font-size: 16px; }

/* global classes */
.content-wrapper { width: 984px; margin: 0 auto; }
.panel { margin-bottom: 20px; }
.panel .body { background: url('/public/assets/images/panel_body_bg.png') repeat-y; width: 219px; padding: 10px 20px 0 20px; overflow: hidden; }
.panel .bottom { background: url('/public/assets/images/panel_bottom_bg.png') no-repeat; width: 259px; height: 10px; }
.panel .top h3 { display: block; width: 259px; padding: 0; text-indent: -999px; overflow: hidden; }

/* structure */
#head, #footer { width: 100%; }
#head { height: 140px; margin-bottom: 13px; background: url('/public/assets/images/nav_bg.png') left bottom repeat-x; }
#head h1 { display: block; width: 413px; height: 140px; }
#head .component-login { float: right; margin-top: 2px; height: 108px; overflow: hidden; }
    .login-form-clx { border-collapse: separate; }
    .login-form-clx td { vertical-align: middle; }
    .login-form-clx label { font-weight: normal; color: #01A4DF; margin: 0; font-size: 11px; }
    .login-form-clx label:after { content: ':'; }
    .login-form-clx .text-input { width: 79px; margin: 0; font-size: 12px; }
    .login-form-clx .checkbox { margin: 0; padding: 0; float: left; }
    .login-form-clx .label-remember { color: #777777; float: left; margin: 2px 0 0 3px; }
    .login-form-clx .label-remember:after { content: ''; }
    .login-form-clx .button { width: 74px; height: 22px; background: url('/public/assets/images/btn_go.gif') no-repeat; display: block; text-indent: -999px; overflow: hidden; }
    .component-login .body { padding: 0 7px; width: 245px; *height: 74px;}
    .component-login h3 { height: 27px; background: url('/public/assets/images/panel_header_login.png') no-repeat; }
    .component-login .body .content-box-header{ margin-bottom: unset; margin-top: 5px; }
    .component-login .body h3 { background: unset; padding: 0; height: unset; }
#head .navigation { margin: -30px 0 0 180px; position: absolute; width: 804px; }
    #head .nav li { border: 0 !important; padding: 0 10px !important; background: url('/public/assets/images/nav_separator.png') no-repeat; height: 30px; }
	#head .nav li.main-nav-mobile_top_up-info { display: none; }
    #head .nav a { color: #fff; display: block; padding-top: 5px; font-size: 13px; text-decoration: none; }
    #head .nav a:hover { border-bottom: 4px solid #24cdfe; }
    #share-buttons { float: right; padding-top: 5px; }
#main-content { width: 984px; padding-bottom: 30px; font-size: 11px; line-height: 15px; }
#main-content .main { float: left; width: 674px; margin-right: 19px; }
#main-content .sidebar { float: left; width: 259px; padding-left: 32px; }
#main-content .banner { margin-bottom: 15px; }
    #stunt-banner { width: 468px; height: 60px; margin: 11px 0; }
    .panel.superdeals .top h3 { width: 259px; height: 90px; background: url('/public/assets/images/panel_header_superdeals.jpg') left top no-repeat; }
    .panel.download .top { width: 259px; height: 73px; background: url('/public/assets/images/panel_header_download.jpg') left top no-repeat; }
    .panel.superdeals .body .head { margin-bottom: 16px; font-size: 12px; }
    .panel.download .top a { display: block; float: right; height: 73px; width: 73px; text-indent: -999px; overflow: hidden; }
    .panel.download .body a { display: block; margin: 0 auto; padding-bottom: 40px; text-align: center; color: #FF3041; font-size: 15px; font-weight: bold; text-decoration: none; }
    .superdeals .button { display: block; float: left; height: 23px; text-indent: -999px; overflow: hidden; color: transparent; }
    .superdeals #btn-prev { width: 100px; background: url('/public/assets/images/prev.jpg') no-repeat; }
    .superdeals #btn-next { width: 77px; background: url('/public/assets/images/next.jpg') no-repeat; }
    .superdeals-buttons { margin-bottom: 30px; }
    .superdeals .divider { background: url("/public/assets/images/divider.jpg") no-repeat scroll 0 0 transparent; height: 17px; margin: 20px 0px 10px; }    
    #best-deals td { border-bottom: 1px dotted #000; padding: 5px; color: #005AFF; text-transform: lowercase; }
    #best-deals .price { text-align: right; }
    #best-deals .country { text-transform: capitalize; } 
#footer { background: url('/public/assets/images/footer_bg.png') left top repeat-x; padding-top: 4px; text-align: center; }
    #footer .content-wrapper ul { width: 950px; }
    #footer .content-wrapper ul li.main-nav-cookie_policy { border-right: none; }
    #footer .content-wrapper ul li.last { display:block; }
    #footer .nav li { border-right: 1px solid #01A4DF; float: none; display: inline; padding: 0 5px !important; }
    #footer .nav a { text-decoration: none; }
    #footer .nav a:hover { text-decoration: underline; }
    #footer .nav a.no-link:hover { text-decoration: none; }


/* =========================================== */
/*                MYACCOUNT                    */
/* =========================================== */

#wrap.private #main-content { width: 826px; font-size: 12px; }
#component-user-welcome_info { margin-bottom: 5px; padding: 10px 20px 0 0; float: right; width: 250px; }
#component-user-welcome_info span.welcome-text { font-size: 12px; padding-right: 10px; margin-bottom: 0; display: inline-block; font-weight: bold; padding-top: 4px; }
#component-user-welcome_info span.your_settings { display: none; }
#component-user-welcome_info span.logout { display: inline-block; }
#component-user-welcome_info span.logout a { color: #01A4DF; }
#component-user-welcome_info_status { float: right; margin-top: 40px; margin-right: -250px; }
#main-content .balance-autocharge-info { margin-top: 30px; }
#component-user-header-links { padding-top: 1px; }
#component-user-header-links a { font-weight: bold; }

/* =========================================== */
/*                  PAGES                      */
/* =========================================== */

/* header images */
#page-dashboard h2,
#page-calling-rates-main .content-box-header h3,
#page-sms-rates-main .content-box-header h3,
#page-download .content-box-header h3,
#page-buycredits .content-box-header h3,
#page-instructions-main .content-box-header h3,
#page-features-main .content-box-header h3 { width: 405px; height: 41px; text-indent: -999px; overflow: hidden; background-repeat: no-repeat; padding-bottom: 0; }

/* dashboard */
#page-dashboard #mapp_button { display: block; float: right; }
#page-dashboard h2 { width: 170px; background: url('/public/assets/images/label_smartvoip.jpg') no-repeat; }
#page-dashboard .divider { height: 17px; margin: 20px 0; background: url('/public/assets/images/divider.jpg') no-repeat; }
#page-dashboard .dashboard_info_list { padding-left: 28px; height: 121px; }
#page-dashboard .moreinfo { border-bottom: 1px dotted #777; color: #777 !important; text-decoration: none; }
#dashboard_info_download .dashboard_info_list a { color: #bc000f; }
#dashboard_info_download .dashboard_info_list, #dashboard_info_rates .dashboard_info_list { background: url('/public/assets/images/fp_txt02.jpg') left top no-repeat; }

/* rates */
#page-calling-rates-main .content-box-header h3 { background-image: url('/public/assets/images/label_rates.jpg'); }
#page-sms-rates-main .content-box-header h3 { background-image: url('/public/assets/images/label_smsrates.jpg'); }
#page-calling-rates-main .download_link,
#page-sms-rates-main .download_link,
#page-freetrial-rates-main .download_link { text-align: center; }
.rates-wrapper { border: 0 !important; border-top: 1px solid #ccc !important; margin-bottom: 20px; }
.rates-wrapper .rates-letters a { font-weight: bold; font-size: 14px; }
.rates-wrapper table { color: #000; }
.rates-wrapper tr.alt-row { background-color: transparent !important; }
.rates-wrapper th { font-size: 12px; }
.rates-wrapper .column-country .free,
.rates-wrapper .column-country .superdeal { color: #7575BB; font-size: 9px; font-weight: bold; }
.rates-tabs li a { width: 153px; color: #0E66FC; font-size: 13px; text-decoration: none; height: 20px; padding: 5px 0 !important; text-align: center; }
.rates-tabs li.active a,
.rates-tabs li a:hover { width: 155px; background: url('/public/assets/images/tab.gif') left top no-repeat !important; border: 0 !important; }

/* download */
#page-download .content-box-header h3 { background: url('/public/assets/images/label_download.jpg') no-repeat scroll top left; height: 20px; padding-top: 65px; text-indent: 1px; font-size: 12pt; }
#page-download h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; }
#general-info h3 { color: #000; }

/* buycredits */
#page-buycredits .content-box-header h3 { background-image: url('/public/assets/images/label_buycredits.jpg'); }
#component-login .text-input { width: 180px; }

/* instructions */
#page-instructions-main .content-box-header h3 { background-image: url('/public/assets/images/label_instructions.jpg'); }
#page-instructions-main ul li { margin-left: 40px; list-style-type: disc; }
#page-instructions-main .linkblok_table { margin-left: 30px; }

/* features */
#page-features-main .content-box-header h3 { background-image: url('/public/assets/images/label_features.jpg'); }
#page-features-main fieldset { border: 0; width: 70%; }
#page-features-main fieldset a { font-weight: bold; }
#page-features-main .text-left img { display: none; }
#page-features-main .text-left a { padding-left: 20px; background: url('/public/assets/images/dot_arrow.gif') left top no-repeat; }

/* tos */
#page-termsofuse .content-box-content h3 { font-size: 13px; color: #000; }

/* signup */
#page-signup td > .text-input, #page-signup .selectbox, #page-signup #phone-number-group { width: 200px !important; }
#page-signup #refresh_captcha { display: block; }
#page-signup p { font-weight: bold; }
#page-signup form { width: 80%; }

/* accessnumbers */
#page-accessnumbers .accessnumbers-list { border-color: #03A3DF !important; margin-top: -20px; }
#page-accessnumbers .label { background-color: #03A3DF !important; }
#page-accessnumbers .label p { color: #fff; padding: 0; }
#page-accessnumbers h2 { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#page-accessnumbers ol { padding-left: 40px; }

#page-sms-overview .sms-login { border:2px solid #01A4DD; width: 345px; margin: 30px auto !important; }
#page-sms-overview .sms-login h2 { background-color: #01A4DD; color: #fff; margin: 2px; padding: 5px 10px;  }
#page-sms-overview .sms-login #component-login { margin: 30px 5px; }
#page-sms-overview .signup { padding-top: 30px; }
#page-sms-overview .signup h3 { margin-top: 20px; color: #01A4DF; }
#page-sms-overview .more-buttons .button { margin-left: 10px; }

/*speed dial numbers*/
#component-speeddial .button-submit { background-color: #01A4DF !important; }
.login-form-clx .add-row a { font-size: 9px; padding-left: 20px;}

.helpdesk-component-search .text-input { width: 515px; }
#helpdesk-main .helpdesk-item { width: 43%!important;}
.helpdesk-component-search .helpdesk_search_button { margin-right: 12px!important;  }
/* sms button */