@CHARSET "ISO-8859-1";

/********************************      Basic Structure      ********************************/

html { font-size: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; color: #222; }

#wrap { width: 100%; height: 100%; }
#header-content, #main-wrapper, #footer-content { text-align: center; }

#main-content .banner { border: 1px solid #333; height: 200px; width: 800px; }
#main-content #main { padding: 10px; width: 480px; }
#main-content .sidebar { padding: 10px; width: 300px; }
	
/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 5px 0 10px; line-height: 1.2em; }
h1 { font-size: 26px; line-height: 1.2em; }
h2 { font-size: 20px; line-height: 1.2em; padding: 0px; }
h3 { font-size: 18px; line-height: 1.2em; padding: 0px; }
h4 { font-size: 16px; line-height: 1.2em; }
h5 { font-size: 14px; line-height: 1.2em; }
h6 { font-size: 13px; line-height: 1.2em; }
ol, ul { line-height: 1.2em; }

a { color: #57a000; text-decoration: none; }
a:hover { color: #000; }
a:active { color: #777; }
a:focus { outline: 1px; }
strong { font-weight: bold; color: #333; }
small { font-size: 0.85em; }
pre { font-family: monospace; }
p { line-height: 1.5em; margin: 5px 0 10px; padding: 0px; }
table th { font-weight: bold; }

/********************************      General Classes      ********************************/

/* divs */
.clear { clear: both; }
.align-left { float: left; }
.align-right { float: right; }
.align-next { display: inline; }
.show-details { display: block; }
.hide-details { display: none; }

.column-left { width: 48%; float: left; }
.column-right { width: 48%; float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-top { vertical-align: top; }
.text-bottom { vertical-align: bottom; }
.half { width: 50%; }
.half-extra { width: 70%; }

/* content-box */
.content-box { margin: 0 0 20px 0; }
.content-box-header { margin-bottom: 20px; background-color: transparent; }
.content-box-header h3 { font-size: 26px; }
.content-box-content { padding: 0; border: 0; }

/* tables/fieldsets */
fieldset { padding: 10px; border: 1px solid; margin-bottom: 20px; }
fieldset legend { font-weight: bold; }
fieldset, .fieldset, .detail, .form-detail { border-color: #ccc; }

.form-detail table, .detail table { width: 100%; border-collapse: collapse; }
.form-detail table thead th, .detail table thead th { font-weight: bold; border-bottom: 1px solid #ddd; padding: 5px; }
.form-detail tbody tr.alt-row, .detail tbody tr.alt-row { background-color: #f2f2f2; }
.form-detail table td, .detail table td { padding: 3px; vertical-align: top; }
.form-detail .filter-actions select, .form-detail table tfoot td .bulk-actions select { padding: 4px; border: 1px solid #ccc; }
.form-detail table tfoot td { border-top: 1px solid #ddd; }

table.highlight-enabled tbody tr:hover { background-color: #f3f3f3; }
table.highlight-enabled tbody tr.freezed:hover { background-color: transparent; }
table th.numeric, table td.numeric { text-align: right !important; }

/* form elements */
.button, .text-input, .text-area, .selectbox { border: 1px solid; }
.button { padding: 4px 7px; cursor: pointer; }
.text-input, .text-area { padding: 5px; }
.selectbox { padding: 4px 5px; }
.button-big { padding: 5px 20px; font-size: 120%; font-weight: bold; }
label .label_required { float: left; display: block; }

/* lists */
.numbered-list { list-style: decimal outside none; margin-left: 20px; }
.bulleted-list { list-style-type: disc; margin-left: 40px; }
.indented { margin-left: 40px; }

/* others */
.disabled { color: #999; }
.link { cursor: pointer; }

/********************************      Notifications      ********************************/

.notification { position: relative; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; margin-bottom: 20px; }
.notification div { display: block; font-style: normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notification .close { color: #990000; font-size: 9px; position: absolute; right: 5px; top: 5px; }

.attention { background: #fffbcc url('/resource/icons/exclamation.png') 10px 11px no-repeat; border-color: #e6db55; color: #666452; }
.information { background: #dbe3ff url('/resource/icons/information.png'); border-color: #a2b4ee; color: #585b66; }
.success { background: #d5ffce url('/resource/icons/tick_circle.png'); border-color: #9adf8f; color: #556652; }
.error, .row_error_message { background: #ffcece url('/resource/icons/cross_circle.png'); border-color: #df8f8f; color: #665252; }

.input-notification, .row_error_message, p.error { background-color:transparent; background-position:left 2px; background-repeat:no-repeat; margin:0 0 0 5px; padding:2px 0 2px 22px; }


/*===========================================================================================================================================================*/
/* start editing here */
/*===========================================================================================================================================================*/

/* typography */
body { width: 100%; height: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
p { margin: 15px 0 5px; line-height: 1.3em; }
a { color: #333; font-weight: bold; text-decoration: underline; }
a:hover { color: #555; }

/* standard classes */
.selectbox { padding: 2px 3px; }
.text-input { border: 1px solid #333; padding: 2px; }
.button { border: 1px solid #6b6b6b; background-color: #d3d3d2; font-size: 11px; line-height: 11px; cursor: pointer; padding: 3px 7px; }
.button-big { padding: 5px 20px; font-size: 120%; font-weight: bold; }

/* structure */
#header-content { height: 139px; background: transparent url('/public/assets/images/page_bg_top.png') repeat-x left top; text-align: center; }
    
    #head { width: 975px; margin: 0 auto; text-align: left; }
    
    #head .logo { padding: 36px 0 0 4px; }
    #head .logo p.p-tagline { text-indent: -99999px; height: 14px; width: 314px; background: transparent url('/public/assets/images/tagline.png') no-repeat left top; margin: 11px 0 0; }
    
    #head .login { padding: 12px 12px 0 0; font-size: 10px; }
    #head .login table td { padding: 0 2px; vertical-align: top; }
    #head .login a { font-weight: normal; text-decoration: underline; }
    #head .component-login { margin-top: -5px; }
    #head .component-login label { font-weight: normal; }
    #head .component-login table td {vertical-align: middle; }
    .login-form .button { margin-top: 5px; }
    
    #head .navigation { height: 28px; padding-top: 10px; }
    #head .navigation .nav_left, #head .navigation .nav_right, #head .navigation .nav_main { height: 28px; float: left; }
    #head .navigation .nav_left { width: 13px; background: transparent url('/public/assets/images/nav_bg_left.png') no-repeat left top; }
    #head .navigation .nav_right { width: 13px; background: transparent url('/public/assets/images/nav_bg_right.png') no-repeat left top; }
    #head .navigation .nav_main { width: 949px; background: transparent url('/public/assets/images/nav_bg.jpg') repeat-x left top; }
    #head .navigation .nav_main a.active_nav {text-decoration: underline;}
    #head .navigation ul { margin-top: 7px; }
    #head .navigation ul li { height: 13px; line-height: 12px; float: left; padding: 0 15px; border-right: 2px solid #c4c4c4; }
    #head .navigation ul li.last { border: none; }
    #head .navigation ul li a { color: #fff; text-decoration: none; }

#main-wrapper { background: transparent url('/public/assets/images/page_bg_bottom.png') repeat-x left top; text-align: center; }

    #main-content,
    #main-content-private { width: 975px; margin: 0 auto; text-align: left; }
    #main-content .banner { height: 245px; width:973px; background: #404040 url('/public/assets/images/banner.png') no-repeat left top; }
    #main-content .banner .download-button-content { margin-top: 174px; float: right; }
    #main-content .banner .download-button { width: 193px; height: 50px; margin-right: 35px; border: none; background: transparent url('/public/assets/images/download_button.png') no-repeat left top; cursor: pointer; }
    
    #component-rates-calculator { float: left; margin: 86px 0 0 335px; }
    #component-rates-calculator .selectbox { width: 200px; height: 24px; }
    #component-rates-calculator .rc_selectors { margin-bottom: 20px; }
    #component-rates-calculator #call_cost { margin-top: 30px; }
    #component-rates-calculator #call_cost span { font-size: 22px; line-height: 20px; font-weight: bold; }
    #component-rates-calculator #call_cost span.na { font-size: 14px; font-weight: bold; padding-top: 3px; }
    #component-rates-calculator .price { padding-top: 10px; }
    #component-rates-calculator .price > * { vertical-align: middle; }

    #main-content #main { width: 472px; float: left; padding: 30px 20px 0 15px; }
    #main-content-private #main { width: 100%; padding-top: 29px; position: relative; overflow: visible; }
    
      
       #main .steps li { height: 25px; padding-top: 15px; }
       #main .mobile-voip-button { width: 155px; height: 155px; display: block; margin: 15px 40px 0 ; background: url('/resource/images/mobile_app.png'); }
    
    #main-content .sidebar { width: 453px; float: left; padding: 30px 15px 10px 0; }
    #main-content .sidebar .left-content { width: 225px; float: left; }

    #main-content .sidebar .right-content { width: 210px; float: left; padding-left: 15px; }
                /* superdeals */
        #component-rates-superdeals dl dt.head,
        #component-rates-superdeals dl dd.head { padding-bottom: 12px; }
        #component-rates-superdeals { margin-top: 8px; }
    
#footer-content { width: 975px; margin: 10px auto 20px; }

    #footer { border-top: none!important; color: #4a4a4a; font-size: 11px; text-align: center; }
    #footer ul { display: block; height: 15px; margin: 0 auto 8px; clear: both; }
    #footer ul.top { width: 920px; }
    #footer ul.bottom { width: 740px; padding-top: 5px; }
    #footer ul li { height: 12px; line-height: 11px; float: left; padding: 0 15px; border-right: 1px solid #4a4a4a; padding-bottom: 5px }
    #footer ul li.last { border: none; }
    #footer ul li a { color: #4a4a4a; font-weight: normal; text-decoration: none; }
    #footer ul li img { float: left; margin-top: -10px; margin-right: 5px; }

/* pages */
#component-phone-to-phone #prefix-from,
#component-phone-to-phone #prefix-to { width: 50px; }
#component-phone-to-phone #phonenumber_from,
#component-phone-to-phone #phonenumber_to { width: 146px; }

/*rates*/
#rates-call .rates-currency-selection label { font-weight: normal; }
.rates-tabs li a { text-decoration: none; }

/*login assistance*/
#page-login-assistance ul.indented { padding:0px; margin-left: 40px; }

/*mobile voip*/
#page-mobilevoip td.td-label label { font-weight: normal; }

/*local_reseller_signup*/
#moreinfo_on_reselling .img_moneytransfer,#moreinfo_on_reselling .img_voucher { width: 418px;}

/*page-accessnumbers*/
#page-accessnumbers ol.indented { margin-left: 40px; padding: 0px; }

/*login*/
#page-login-main .form-detail td label { font-weight: normal; }
.login-form td br { line-height: 0; content: " "; display: block;}

/*page-tell-your-friends*/
#page-tell-your-friends .form-detail td label { font-weight: normal; }
#page-tell-your-friends .form-detail td.center { text-align: left; }
/***************************** sitesengine/myaccount defaults ********************************/

/*** myaccount ***/
.balance-autocharge-info { font-weight: bold; }
.balance-autocharge-info a.no-margin { margin-top: 0 !important; }

#component-user-welcome_info_status, #component-user-welcome_info span.cs-welcome { font-size: 12px; }




/*balance*/
#main-content.private .balance-autocharge-info { padding-top: 10px;}


#page-helpdesk h3 { padding-bottom: 10px;}
.helpdesk-component-search .text-input { width: 310px;}
#helpdesk-main .helpdesk-item { width: 41%!important;}
/* sms button */

/* auto recharge*/
#autorecharge-settings p { margin: 15px 0px; }


.horizontal-list img { margin: 0 auto; height: 60px; display: block;  }

#ways-to-call img { display: block; margin-left: auto; margin-right: auto; padding: 0 !important;  }

#ways-to-call-main .ways-to-call-group .computer-button { background: url(/resource/images/ways_to_call/computer-button.gif) no-repeat center !important; }
#ways-to-call-main .ways-to-call-group .fixedline-button { background: url(/resource/images/ways_to_call/fixedline-button.gif) no-repeat center !important; }
#ways-to-call-main .ways-to-call-group .mobile-button { background: url(/resource/images/ways_to_call/mobile-button.gif) no-repeat center !important; }

#special-deals-header { text-indent: -99999px; height: auto; width: 314px; line-height: 1.5; margin: 0; background: transparent url('/public/assets/images/special_deals.png') no-repeat left top; }

#available-apps { display: inline-block; margin: 10px; width: 100%; }
#available-apps .download_app { float: left; padding: 10px; width: 120px; text-align: center; }
#available-apps .download_app .more-info {
    background: url('/resource/images/download/moreinfo_logo.gif') no-repeat;
    width: 100%;
    height: 12px;
    margin: 0 20px; 
    padding-left: 20px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}