/* typography */
html, body { background-color: #ffffff; height: 100%; font-family: "Verdana",sans-serif; font-size: 12px; color: #616161; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #111111; font-family: "Verdana",sans-serif; font-weight: normal; }
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h3 { font-size:1.6em; line-height:1; margin-bottom:0.5em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:0.5em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:0.5em; }
h6 { font-size:1em; font-weight:bold; }
a { color:#0097dd; text-decoration:underline; }
a:focus, a:hover { color:#54baea; }
p { line-height: normal; margin: 0 0 0.5em; padding: 0; }
ul li { line-height: normal; margin-bottom: 3px; }
table {margin-bottom:1.4em;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
strong { color: inherit; }

.button, .text-input, .text-area, .selectbox { border-radius: 0; padding: 2px; border-color: #333; }
.button { padding: 2px 5px; }
.content-box-header h3 { padding: 0; font-size: 16px; }

#main-ui a { font-weight: bold; text-decoration: underline; }
#main-ui h1, #main-ui h2, #main-ui h3, #main-ui h4, #main-ui h5, #main-ui h6 { color: #222222; }
#main-ui .content-box-header h3 { font-size: 21px; }

/* structure */
#wrap { width: 100%; height: 100%; position: absolute; }

.top-content { width: 919px; padding: 0 15px; margin: 0 auto; background: url('/public/assets/images/body_bg.png') repeat-y; }

#head { width: 100%; }
#head .banner { height: 85px; }
#head .logo { }
#head .logo h1 { margin-bottom: 0; }
#head .logo h1 a { display: block; text-indent: -99999px; background: url('/public/assets/images/logo_main.png') no-repeat; height: 85px; width: 243px; }
#head .login { background-color: #EBECEB; font-size: 9px; width: 340px; height: 100%; text-align: right; }
#head .login .component-login { float: right; font-weight: bold; color: #000; margin-top: 5px; }
#head .login .component-login table { margin-bottom: 0.4em; }
#head .login .component-login .links { text-align: left; }
#head .login td { vertical-align: top; }
#head .login a { font-weight: bold; line-height: 1.2em; text-decoration: none; }
#head .login .text-input, #head .login .button { font-size: 9px; } 
#head .navigation { height: 39px; background-color: #b2b3b3; overflow: visible; }
#head .navigation ul { padding-top: 5px; }
#head .navigation ul li { padding: 0 10px; border-right: 1px solid #fff; line-height: 12px; margin: 8px 0 0; }
#head .navigation ul a { color: #fff; text-decoration: none; }

    #share-buttons { float: right; padding-top: 5px; margin-right: 10px; }
    .login-form-clx { margin: 0 25px 0 0; }
	.login-form-clx  table { border-collapse: collapse; }
	.login-form-clx .text-input { width: 80px; }
    .login-form-clx label { font-weight: normal; }
    .login-form-clx .button { height: 18px; padding-top: 0; }
    .login-form-clx .checkbox { margin: 0; padding: 0; float: left; }
    .login-form-clx .label-remember { padding-bottom: 2px; display: block; padding: 2px 0 2px 18px; }
    .login-form-clx .add-row { margin-bottom: 4px; }
    #component-user-welcome_info { margin-top: 10px; padding-right: 15px; }
    #component-user-welcome_info .welcome-text { font-size: 12px !important; margin-right: 10px; }
    #component-user-welcome_info span { display: inline !important; }
    #component-user-welcome_info .link a { color: #0097DD; }
    #component-user-welcome_info .link.your_settings { display: none !important; }

#main-content { width: 100%; padding-bottom: 30px; }
#main-content .main { width: 560px; float: left; padding-bottom: 15px; }
#main-content .main #page-content { padding: 10px 5px 10px 10px; }
#main-content .sidebar { width: 316px; background: url('/public/assets/images/sidebar_bg.png') repeat-x scroll 0 -140px; min-height: 660px; float: right; padding: 11px 12px 12px; }
#main-content .sidebar hr { background: url('/public/assets/images/sidebar-separator.png') no-repeat; border: none; height: 1px; }
#main-content #component-rates-superdeals { display: inline-block; }
#main-content.private .main { float: none; width: 826px; padding: 20px 10px 10px; margin: 0 auto; }
#main-content.error-page { width: 780px !important; }

    #stunt-banner { width: 468px; height: 60px; margin-bottom: 3px; }
    .newsletter { padding-left: 10px; font-size: 11px; }
    .newsletter h3 { color: #0097DD; font-size: 12px; font-weight: bold; }
    #newsletter_form .text-input { color: #aaa; }
    #newsletter_form .text-input.focused { color: #000; }
    #newsletter_form p { margin-top: 10px; }
    #newsletter_form label { margin-bottom: 3px; display: block; }
    
    .superdeals img { margin: 5px 34px; display: block; }
    #component-rates-superdeals { padding-left: 35px; }
    #component-rates-superdeals { margin-bottom: 15px; }
    #component-rates-superdeals .head { color: #7f7f7f; }
    #component-rates-superdeals dd { text-align: left; }
    #component-rates-superdeals dt { width: 205px; }
    #component-rates-superdeals dd, #component-rates-superdeals dt { color: #0097DD; margin-bottom: 3px; height: 13px; }
    #component-rates-superdeals dt.more { width: 200px; margin: 16px 0 0; }
    #component-rates-superdeals dt.more a { font-weight: bold; }
    #component-rates-superdeals dt.more p { margin: 0; padding: 0; line-height: 1em; }
    
    #download-links { text-align: center; padding: 5px 0 15px; }

#footer { width: auto; position:relative; }
#footer ul { clear: both; text-align: center; margin-bottom: 2px; height: 13px; overflow: hidden; }
#footer ul li { padding: 0 8px; float: none; display: inline; border-right: 1px solid #616161; line-height: 1em; }
#footer ul li a { line-height: 11px; text-decoration: none; }
#footer ul { font-size: 11px; }
#footer #footer-nav-bottom a { color: #7F7F7F; text-decoration: none; }

/* makes footer stick at bottom of page */
.top-content { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }
#footer { margin-bottom: 100px;  position: relative;}
.push, .bottom-content { height: 50px; overflow: hidden; }
.push { clear: both; }


/************ dashboard ***************/
#main { padding: 0; }
#main a { font-weight: bold; }
#main img { margin: 0 0 3px -3px; }
#main #mapp_button { margin: 30px auto 0; display: block; text-align: center; }

/*********** calling rates *************/
#page-calling-rates-main .rates-wrapper, #page-sms-rates-main .rates-wrapper { border-color: #0097DD !important; }
#rates-table td { padding: 4px 5px !important; }
.rates-tabs li a { color: #0097DD; font-weight: bold; font-size: 14px; border-color: #0097DD !important; text-decoration: none;}
.rates-tabs li { margin-bottom: 0; }
.rates-tabs li.active a { color: #000; border-color: #0097DD !important; }

/*********** instructions *************/
#page-instructions-main h3 { font-size: 1.6em; }
#page-instructions-main h2 { font-size: 1.2em !important; margin-bottom: 1.2em; }
#page-instructions-main .linkblok_table { margin-bottom: 0 !important; }
#page-instructions-main .linkblok_table td { line-height: normal; }
#page-instructions-main ul { margin-bottom: 1.5em; }
#page-instructions-main ul li { margin-left: 30px; list-style-type: disc; }

/*********** features ****************/
#component-features-overview fieldset { padding: 0; border: 0; }

/************ privacy ***************/
#page-privacy-policy ul li { font-weight: bold; margin-left: 10px; list-style-type: disc; }

/************ buy credits ***********/
#page-buycredits h2 { border-bottom: 1px solid #ccc; padding: 0 0 5px; margin-top: -10px; font-size: 1.2em; }
#component-login .text-input { width: 160px; border-color: #2074A9; margin: 0; }
#component-login form label { font-weight: normal; }
#component-login form .checkbox { margin-left: 6px; }

/************ download *************/
#page-download .content-box-header { margin-bottom: 15px; }
#general-info ul { margin: 0 1.5em 1.5em; }
#general-info ul li { margin-bottom: 0; padding: 5px 0; }
#page-download #available-apps h2 { font-size: 14px; font-weight: bold; }
#content-moreinfo-on-windows ul, #content-moreinfo-on-mac ul { padding-top: 0 !important; margin-left: 20px; font-weight: bold; }
#content-moreinfo-on-windows ul li, #content-moreinfo-on-mac ul li { margin-bottom: 0; }

/************ ways to call ***************/
#page-ways-to-call h2,
#page-ways-to-call h3{ font-size: 15pt; }
#page-ways-to-call #ways-to-call .ways-to-call-info { margin-bottom: 40px; }

/************ signup ***************/
#page-reseller-signup .content-box-header .reseller-title-header { font-size: 16px !important; border-bottom: 1px solid #0097DD; margin-top: 0 !important; }
#page-reseller-signup table .reseller-title-header { font-size: 12px; }
#moreinfo_on_reselling fieldset img { width: 445px; }
#moreinfo_on_reselling .details ul { margin-left: 40px; }

/************ reselling ************/
#page-more-info-on-reselling .content-box-header { border-bottom: 1px solid #0097DD; border-radius: 0; padding-bottom: 3px; }
#moreinfo_on_reselling .title { display: none; }

/************ geo ******************/
#page-accessnumbers .accessnumbers-list { border-color: #0097DD !important; width: 460px; margin: 0 auto; }
#page-accessnumbers .accessnumbers-list .label { background-color: transparent !important; margin-bottom: 0 !important; }
#page-accessnumbers ol { margin-left: 40px; }

/************* faq ****************/
#component-faq-overview .faq-category-tabs li a { border: 0; background-color: transparent !important; padding: 0 !important; margin-right: 25px; }
#component-faq-overview .faq-category-tabs li { list-style-type: disc; }
#component-faq-overview .faq-category-tabs li:first-child { list-style-type: none; }
#component-faq-overview .faqs-content { border: 0; padding: 0 !important; margin-top: 10px; }
#component-faq-overview .faq-toc ul li { margin-left: 40px; list-style-type: disc; margin-bottom: 0; }
#component-faq-overview .faq-title { font-size: 1.2em; }

/********** feedback *************/
#page-feedback-main h2,
#page-feedback-main .content-box-header h3 { font-size: 1.6em; }
#page-feedback-main .content-box-content h2 { font-size: 1.2em; }
#page-feedback-main div p { margin: 5px 0 25px; }
#page-feedback-main #component-newsletter-signup p { margin: 10px 0 10px; }
#page-newsletter-unsubscribe label { display: block; font-weight: normal; }

/********** using site ***********/
#page-using_site ul.call_options li.pc2pc { background: url(/public/assets/images/icon_pctopc.png) left top no-repeat !important; }
#page-using_site ul.call_options li.pc2phone { background: url(/public/assets/images/icon_pctophone.png) left top no-repeat !important; }
#page-using_site ul.call_options li.mobile { background: url(/public/assets/images/icon_mobile.png) 48px 0 no-repeat !important; }
#page-using_site ul.extras li.sms { background: url(/public/assets/images/icon_sms.png) 0 3px no-repeat !important; }
#page-using_site ul.extras li.reselling { background: url(/public/assets/images/icon_reseller.png) left top no-repeat !important; line-height: 25px; margin-top: -5px; margin-bottom: 10px; }

/*********** abused **************/
#page-abused label { font-weight: normal; }
#page-abused .content-box-content { line-height: normal; }
#page-abused ol p { margin: 0; }
#page-abused ol li { margin-left: 30px; }
#page-abused ol li:first-child { margin-bottom: 15px; }
#page-abused .indented { margin: -10px 0 20px 25px; }

/******** customerservice *******/
#component-customerservice-login .login-column { padding-right: 15px; }

/*** myaccount overrrides ***/
.balance-autocharge-info { font-weight: bold; }
.balance-autocharge-info a.no-margin { margin-top: 0 !important; }
#component-buy-options h4 { margin-bottom: 0; }
#main-ui a.helptip:hover { color: #0097DD; }
#component-user-welcome_info_status { font-size: 12px; }

/*speed dial numbers*/
#component-speeddial .button-submit { background-color: #0097DD !important; }
 
#helpdesk-main .helpdesk-item { width: 42%!important;}
.helpdesk-component-search .helpdesk_search_button { margin-right: 5px!important;  }
/* sms button */

#webcall-dialog-container .close-widget { text-decoration: none; }