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

/* typography */
body { font-family: Verdana, Arial; color: #3E3E3E; }
a, a:hover, a:visited, a strong { color: #23C303; }
.text-input, select, .selectbox { border-radius: 0; padding: 2px; border-color: #9F9F9F; }
.button { padding: 1px 10px; border-color: #888; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial; }
.content-box-header h3 { font-size: 16px; color: #23C303; }
h2, h3 { font-size: 14px; color: #23C303; }
p { line-height: 16px; }

/* global classes */
.clearfix { display: block; }
.clearfix:after { content: '.'; display: block; visibility: hidden; clear: both; }
#wrap.public .content-box-content ul { margin-left: 40px; list-style-type: disc; }
#wrap.public .content-box-content ol { margin-left: 40px; }


/* structure */
#head, #footer { width: 100%; }
#head .banner, #main-content { width: 958px; margin: 0 auto; }
#head .navigation ul, #footer ul { text-align: center; }
#head .navigation ul li, #footer ul li { display: inline; float: none; }
#head .navigation ul li a, #footer ul li a { display: inline-block; }

#head .banner { height: 73px; padding-top: 10px; }
#head .banner h1 { float: left; }
#head .banner .links { float: right; font-size: 11px; padding-right: 10px; line-height: 15px; }
#head .navigation { height: 32px; background: url(/public/assets/images/nav_bg.png) repeat-x; }
#head .navigation ul { padding-top: 7px; }
#head .navigation ul li { border-width: 1px; border-color: #3E3E3E; }
#head .navigation ul li a { font-size: 14px; line-height: 14px; }
#head .navigation.sub { height: 25px; background: none; border-bottom: 1px solid #E8E8E8; }
#head .navigation.sub ul { line-height: 1.4em; padding-top: 5px; }
#head .navigation.sub ul li a { font-size: 12px; line-height: 12px; color: #3E3E3E; }
#head .navigation.sub ul li.active a { color: #23C303; }
#main-content { background: url(/public/assets/images/main_bg.png) repeat-y; }
#main-content .main { float: left; width: 567px; overflow: hidden; padding: 30px 30px 30px 0; }
#main-content .sidebar { float: left; width: 361px; }
    .sidebar .panel { border-bottom: 1px solid #E2E2E2; text-align: center; padding: 20px 0; }
    .sidebar .panel:last-child { border-bottom: 0; }
    .sidebar .free_calls { padding: 30px 10px 20px; }
    .sidebar .free_calls a { display: block; float: left; width: 117px; }
    .sidebar .free_calls .title { color: #23C303; font-weight: bold; }
    .sidebar .free_calls .description { float: left; width: 214px; text-align: left; padding-left: 10px; }
#stunt-banner { width: 566px; height: 60px; text-align: center; margin: 15px auto;  }
#footer { padding-top: 15px; background: url(/public/assets/images/footer_bg.png) repeat-x; }
#footer ul { margin-bottom: 5px; }
#footer ul li { border-color: #23C303; border-width: 1px; padding: 0 8px; height: 12px; }
#footer ul li span { color: #23C303; line-height: 1em; }
#footer ul li a { line-height: 1em; }

#wrap.error-page #main-content { background-image: none; text-align: center; }
#wrap.error-page #main-content .main { padding: 10px; width: 500px; margin: 30px auto; float: none; }


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

#main-ui a, #main-ui a:hover, #main-ui a:visited, #main-ui a strong { color: #006699; }
#main-ui .body .body { padding-bottom: 30px; }
#breadcrumbs a, #component-menu-tab_menu ul li a { color: #464646 !important; }
#main-ui .content-box-header h3 { color: #3E3E3E; }
#main-content.private { background: none; }
#wrap.private #main-content { width: 826px; font-size: 12px; }
#component-user-welcome_info { vertical-align: middle; }
#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: #23C303; }
#component-user-welcome_info_status { text-align: right; }
#main-content .balance-autocharge-info { margin-top: 30px; }
#component-user-header-links { padding-top: 1px; }
#component-user-header-links a { font-weight: bold; }

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

/*local reseller signup*/
#moreinfo_on_reselling a .img_moneytransfer, #moreinfo_on_reselling a .img_voucher { width: 437px;}

/* dashboard */
#page-dashboard .content-box-header h3 { display: block; text-indent: -999px; overflow: hidden; width: 384px; height: 29px; background: url(/public/assets/images/txt_free_phone_calls.gif) no-repeat; }

/* instructions */
#page-instructions-main .linkblok_table { margin-left: 25px; }
#page-instructions-main .linkblok_table td { padding: 1px 0; }

/* download */
#page-download .content-box-header h3 { line-height: 2em; }
#page-download .download_app a, #page-download .download_app a strong { color: #3E3E3E; }

/* rates */
.rates-tabs ul { list-style: none !important; margin: 0 !important; }
.rates-tabs li a { padding: 5px 7px !important; font-weight: bold; border-color: #ccc !important; }
.rates-tabs li.active a { color: #3E3E3E !important; }
#rates-call .rates-wrapper { border-color: #ccc; }
#rates-call table .alt-row { background-color: transparent; }
#rates-call table .rates-letters { padding: 5px !important; }
#rates-call #rcalc-register { color: #fff; }
#rates-call #rcalc-register:hover { color: #ccc; }

/* buycredits */
#page-buycredits .content-box-header { display: none; }
#page-buycredits .block { border: 1px solid #ccc; padding: 20px; }
#page-buycredits .block ul { float: left; margin: 0 20px !important; font-weight: bold; font-size: 14px; list-style: none !important; }
#page-buycredits .block ul li { background: transparent url(/public/assets/images/tick.png) no-repeat left center; padding-left: 25px; }
#page-buycredits form small { display: block; text-align: center; font-size: 12px; padding-top: 20px; }
#page-buycredits .align-left { width: auto; }
#page-buycredits form .button { float: right; }
#page-buycredits form .text-input { width: 140px; float: right; }
#page-buycredits form label { float: left; margin-bottom: 5px; }

/* features */
#page-features-main fieldset { border: 0; padding: 0; }
#page-features-main fieldset b { font-weight: normal; }
#page-features-main fieldset table { width: 90%; }

/* privacy */
#page-privacy-policy #component-newsletter-signup b label { color: #23C303; font-weight: bold; font-size: 14px; }
#page-privacy-policy #component-newsletter-signup label { display: block; font-weight: normal; color: #3E3E3E; }

/* feedback */
#page-feedback-main h2 { border: 0 !important; }

/* customerservice */
#component-customerservice-login .login-column { margin-right: 30px; }
#questiontree .csbutton img { padding-top: 8px !important; }
#component-user-welcome_info span.cs-welcome { width: auto !important; }

/* mobilevoip */
#page-mobilevoip ul { list-style-type: none !important; margin-left: 0 !important; }
#component-mobilevoip ul span.name a { color: #3E3E3E; font-weight: bold; }
#get-sms table { width: auto; }

/* geo */
#component-accessnumbers .accessnumbers-list { width: 460px; margin: 0 auto; border-color: #23C303 !important; }
#component-accessnumbers .accessnumbers-list .label { background-color: transparent; }

/* tell your friends */
#component-tell-your-friends form .text-input { width: 50% !important; }
#component-tell-your-friends form label { font-weight: normal; }
#component-tell-your-friends form fieldset { border-radius: 0; background-color: transparent !important; }

/* payment methods */
#component-payment-methods-list ul { margin: 0; }
#component-payment-methods-list ul li { padding: 0 10px 30px !important; }

/*speed dial numbers*/
#component-speeddial .button-submit { background-color: #006699 !important; }

/*helpdesk*/
.helpdesk-component-search .text-input { width: 31em !important; }
#helpdesk-main .helpdesk-item { width: 40% !important; padding: 5px 14px !important; margin: 20px 15px 0px 11px !important; }
#most-viewed h3 { width: 95% !important; }
/* sms button */