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

h1, h2, h3, h4, h5, h6 { color: #FC9B01; font-family: Verdana, sans-serif; }
h1 { font-size: 16px; }
h2, h3 { font-size: 14px !important; }
a { font-weight: bold; }
a, a:hover, .ui-green-header { color: #FC9B01; }
p { line-height: normal; margin: 1em 0; padding: 0; }
ul li { line-height: normal; margin-bottom: 3px; }

.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; }

#main-content.private .content-box-header h3 { padding-top: 0; }

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

#head { width: 100%; }
#head .banner { width:830px; height: 88px; background: url('/public/assets/images/header_bg.jpg') repeat-x; margin: 0 auto; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-top: 7px solid #504c4c;}
#head .logo { padding-top: 12px; padding-left: 12px; }
#head .logo h1 a { display: block; text-indent: -99999px; background: url('/public/assets/images/logo.jpg') no-repeat; height: 27px; width: 198px; }
#head .top-menu { background: url('/public/assets/images/header_top_img.jpg') no-repeat; width: 383px; height: 25px; }    
#head .top-menu span { color: #ffffff; font-weight: bold; }
#head .top-menu a { color: #ffffff; font-weight: bold; font-size: 11px; }
    #panel-menu { margin-top: 5px; text-align: center; }
#head .navigation { float: right; margin-top: 10px;}
#head .navigation ul li { padding: 0 8px; border-right: 1px solid #000; line-height: 1em; margin-top: 20px; }
#head .navigation ul a { color: #000; font-weight: normal; }
#head .navigation ul a.active_nav { color: #FC9B01; font-weight: bold; }
    #component-user-welcome_info { margin-top: 10px; text-align: center; }
    #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: #FC9B01; }
    #component-user-welcome_info .link.your_settings { display: none !important; }
    
#main-content { width:830px; border: 1px solid #BEBEBE; border-top: none; }
#main-content .main { width: 503px; float: left; padding: 12px 0 12px 15px; }
#main-content .sidebar { float: right; width: 267px; padding: 10px;}
#main-content.error-page { width: 730px !important; }
#main-content.private .main { float: none; width: 826px; padding: 20px 10px 10px; margin: 0 auto; }
.private ul li, .private ol.numbered-list { color: #000000 !important; }
    .sidebar-panel { background: url('/public/assets/images/panel_bg.jpg') repeat-x; width: 267px; height: 210px; border: 1px solid #BEBEBE; margin-top: 5px; }
    .panel-content { padding: 5px;}
    .sidebar-panel .panel-button { margin-top: 45px; }
    .sidebar-panel ul, .content-box-content ul { list-style-type: disc; margin-top: 10px; }
    .sidebar-panel ul li, .content-box-content ul li, .content-box-content ol.numbered-list{ color: #FC9B01; text-align: left; margin-left: 50px; font-weight: bold; }
    .sidebar-panel ul li span, .content-box-content ul li span, .content-box-content ol li span { color: #000; font-weight: normal;}    
    .sidebar-panel ul.panel li.panel { margin-left: 15px; }
    
#footer { width: auto; margin-top: 10px;}
#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 #000; line-height: 1em; }
#footer ul li a { line-height: 11px; color: #FF9E06; font-weight: normal; }
#footer ul { font-size: 11px; }
#footer #footer-nav-bottom a { color: #000; }

/* dashboard */
#page-dashboard { width: 805px;}
.dashboard-banner { background: url('/public/assets/images/menu_bg.jpg') repeat-x; width: 802px; height: 235px; border: 1px solid #BEBEBE; margin-bottom: 10px; }
.banner-img { text-align: center; margin-top: 28px; }
#dashboard-list { float: left; display: inline; }
#dashboard-list .sidebar-panel  {float: left; width: 260px; margin:3px;}

/* rates */
#rates-call { }
#rates-call .rates-wrapper { border: none; }
#rates-table { width: 500px; border-collapse: collapse; }
#rates-table th { font-size: 16px; border: none; }
#rates-table th.column-rate { width: 20%; }
#rates-table td { padding: 5px !important; font-size: 11px;  }
#rates-table tr.alt-row { background-color: transparent!important; }
#rates-table td.rates-letters { border: none; }
#rates-table td.rates-letters a { font-weight: bold; }

/* terms of use */
#page-termsofuse .content-box-content h3,  #page-termsofuse ul li { color: #000 !important; }
 
/* sip */
#page-sip-main .toplink { font-weight: bold; }
#page-sip-main table tr.alt-row td { background-color: #FFFFFF  !important; }
#page-sip-main table tr td { background-color:  #DFEEFF !important; }
#page-sip-main table.sip { width: 430px;}

/* how does it work */
#page-instructions-main h2 { border: none !important; }

/* contact us */
#page-contactus {  }
#page-contactus ul { list-style-type: none; }
#page-contactus ul li { margin: 0px; }
#page-contactus .faq-content { clear: both; border: 1px solid  #BEBEBE; color: #504C4C !important; padding: 5px; margin: 5px 0px; font-weight: normal; font-size: 11px; }
#page-contactus a.faq-title {  color: #504C4C; font-size: 11px; font-weight: bold; }
#page-contactus a.faq-title span { color: #FC9B01; font-weight: bold; }
#page-contactus fieldset { border-radius : 0px; }
#page-contactus fieldset p { color: #504C4C }
#page-contactus legend { color: #FC9B01; font-size: 14px; }
#page-contactus fieldset #component-customerservice-login { display: inline-block; }
#page-contactus #component-faq-compact { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #BEBEBE; }

/* features */
#page-features h3{font-family: Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #F29851 !important; padding: 0px; margin: 0px;}
#page-features a{text-decoration: underline; line-height: 3em; padding-right: 18px;color:#F29851 !important; }
#page-features ul li { list-style-type: circle; color:#F29851 !important;}
#page-features ol { margin:10px 0px; }
#page-features ol li { color:#F29851!important;}
#page-features p { color:#000000; font-weight: normal; }
    .api-table {border-collapse: collapse; color: #000000;}
    .api-table th {font-size: 12px; font-weight: bold; padding:5px 20px 10px 0px; text-align: left }
    .api-table td {border-top: 1px solid  #F29851;  padding:5px 20px 10px 0px; text-align: left; font-size: 11px; }
    ul.api-list {margin-left: 0px !important; padding-left: 0px;}
    .api-list li {font-weight: normal; list-style-type: none !important; margin-left: 0px !important; padding-left: 0px; }
    .api-url {color: #F29851 !important; word-wrap: break-word;}
    .collapsed-link { background:url(/public/assets/images/expanded.gif) no-repeat right center transparent; color:#F29851 !important;}
    .expanded-link { background:url(/public/assets/images/collapsed.gif) no-repeat right center transparent; color:#F29851 !important; }

/* customerservice */
#page-customerservice .texts-column { margin-left: 20px; }

/* signup */
#page-signup .content-box-header { display: none; }
#form-signup { color: #504C4C !important; font-size: 11px; }
#form-signup fieldset { border-radius: 0; }
#form-signup legend { color: #FC9B01; font-size: 14px; }
#form-signup .form-sub-title { font-size: 11px !important; color: #504C4C !important;}
#form-signup input.text-input {}
#captcha-table th { width:  25%;}
#form-signup .form-note { color: #504C4C !important; }

/* MYACCOUNT 2.1 */
#wrap.private #main-content { background-color: #fff; background-image: none; width: 800px; padding: 0 15px; }
#wrap.private #main-content .main { width: 100%; padding: 10px 0; }
#main-ui .header, #main-ui .body { width: 100%; }

/*images */

/* colors */
#main-ui #component-speeddial .button-submit { background-color: #ff6f06 !important; }
#main-ui #button-next.enabled { background-color: #ff6f06; }

/* layout */
#component-buy-options .col1, #component-buy-options .col2 { margin-right: 20px !important; }
#component-user-welcome_info { margin: 6px 0 !important; }
#component-user-welcome_info { text-align: right; }

/*your_settings*/
#component-account-details span.delete { display: none!important;}