/* typography */
html, body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; text-indent: 0; list-style: none; }
body, div, p, span, ul, li, img, form, input, select,h1,h2,h3,h4,h5, dl, dt, dd, th,tr,td { margin: 0; padding: 0; text-indent: 0; list-style: none; }
body { background-color: #BFBFBF; }
h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 17px; }
a, a:hover { text-decoration:none; color: #282f72; font-weight:bold; }
a:hover { text-decoration:underline; }
img { border:none; }
p, ul { margin-bottom: 10px; line-height: 16px; }
.text-input, select, .selectbox { padding: 3px; }
.content-box-header { margin-bottom: 25px; }

/* structure */
#wrap { width: 967px; margin: 10px auto 30px; background: url('/public/assets/images/page_body.jpg') scroll repeat-y; }

#wrap .top-content { background: url('/public/assets/images/page_top.jpg') no-repeat; }
#head { padding-top: 20px; width: 955px; height: 104px; }
    #head #component-login { float: right; margin-right: 20px; color: #000; height: 70px; }
    #head #component-login label { font-weight: normal; }
    #head #component-login .text-input { width: 100px; border-radius: 0; font-size: 11px; }
    #head #component-login .button { height: 23px; padding: 0 7px; vertical-align: top; font-size: 12px; }
    #head h1 { float: left; margin-left: 14px; margin-top: 7px; }
    #head h1 a { display: block; text-indent: -99999px; background: url('/public/assets/images/logo_main.png') no-repeat; height: 38px; width: 224px; }
    #head .navigation { display: inline-block; width: 100%; height: 25px; background: url('/public/assets/images/nav_bg.jpg'); margin-top: 9px; }
    #head .navigation #main-navigation { padding: 5px; display: inline-block; }
    #head .navigation ul li { border-right:solid 1px #5f5f5f; line-height: 15px;  }
    #head .navigation ul li a { color: #fff; }
    
#main-content { background: url('/public/assets/images/page_bottom.jpg') no-repeat scroll left bottom; padding-bottom: 11px; }
#main-content .main { width: 629px; background-color: #EDEDEF; border-right: 1px solid #434344; line-height: 16px; margin-left: 6px; padding:20px 30px 20px 20px; color: #343435; min-height: 380px; }
#main-content .main .content-box-header h3 { color: #282F72; font-size: 17px; }
#main-content .main .content-box-content ul { margin: 15px 0 10px 30px; }
#main-content .main .content-box-content ul li { list-style: disc outside none; }
#main-content .sidebar { width: 220px; padding:34px 0 0 20px; }
#main-content .sidebar .sidebar-block { margin-bottom: 40px; color: #000; }
#main-content .sidebar .sidebar-block h2 { margin: 15px 0; }
#main-content .sidebar .sidebar-block p { line-height: 15px; margin-bottom: 15px; }
#wrap.error-page #main-content { width: auto; padding-top: 100px; padding-bottom: 100px; }

#wrap .bottom-content { background: #BFBFBF none; padding-top: 5px; }
#footer { text-align: center; } 
#footer #main-navigation { display: inline-block; }
#footer #main-navigation li { border-right: 1px solid #59595B; }
#footer #main-navigation li a { color: #59595B; font-weight: normal; text-decoration: none; }
#footer #main-navigation li.last { border-right: none; }

/* frontsite pages */
#page-dashboard .dashboard-images { display: inline-block; margin-bottom: 30px; }
#page-dashboard .dashboard-images img { float: left; margin-right: 2px; }
#page-dashboard ul { margin-left: 30px; }
#page-dashboard ul li { list-style-type: disc; }
#page-dashboard ul li span { color: #282F72; font-weight: bold; }

#page-about .content-box-content h3 { color: #282F72; margin: 30px 0 10px 0; }

#page-getting-started .content-box-content h3 { color: #282F72; font-size: 12px; margin: 15px 0; }
#page-getting-started .content-box-content .sub-text { margin-left: 30px; }

#page-contactus .content-box-header h3,
#page-termsofuse .content-box-header h3,
#page-calling-rates-main .content-box-header h3 { border-bottom: 1px solid #343435; }

#main-ui #page-calls-list a.helptip { background-image: none !important; background-color: transparent !important; }

.rates-wholesale ul { margin: 0 !important; }
.rates-wholesale li a { background-color: transparent !important; padding-top: 0 !important; margin-right: 20px !important; }
.rates-wholesale li:first-child { list-style-type: none !important; margin-left: 0; }
.rates-wholesale li:first-child a { padding-left: 0; }
.rates-wholesale, #rates-call { width: 500px; margin: 0 auto; }
.rates-wrapper { padding: 5px; margin-bottom: 15px; }
.rates-letters a { font-weight: bold !important; }
#rates-table .alt-row { background-color: transparent !important; }

/* myaccount images/color overrides */
#main-ui, .balance-autocharge-info { width: 826px; margin: 0 auto; display: block; font-size: 12px; }
#main-ui p { padding: 5px 0 10px; }
#component-callslist-list_detailed a.helptip { background-image: none !important; }

#wrap.private #main-content { background: url("/public/assets/images/page_bottom_private.gif") no-repeat scroll left bottom transparent; }
#wrap.private #main-content .main { width: 905px; background-color: transparent; border-right: none; }
#component-user-welcome_info { margin: 10px 10px 0 0 !important; }
#component-user-welcome_info a { text-decoration: underline; color: #282F72; }
#component-user-welcome_info .welcome-text { font-size: 12px !important; margin-bottom: 0 !important; display: inline !important; }
#component-user-welcome_info .link.your_settings { display: none !important; margin: 0 !important; }
#component-user-welcome_info .link.logout { margin-left: 10px !important; display: inline !important; }
#component-user-welcome_info_status { float: right; margin-right: 10px; }

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

/*login*/
#component-login .text-input, #customerservice-login-form .text-input { width: 135px; border-color: #000000;}

.main.align-left.customerservice  { *margin-top: 11px;}

/*helpdesk*/
#most-viewed h3 { line-height: 27px!important;}

#main-content .main #page-local_agents-overview .content-box-content ul li { list-style-type: none; }