﻿.light { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 200; }
.normal { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 400; }
.medium { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 500; }
.bold { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 700; }
.heavy { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 800; }
h1 { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2; padding:0; margin:0; }
h2 { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 400; font-size: 62px; line-height: 1.2; padding:0; margin:0; }
h3 { font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight: 400; font-size: 48px; line-height: 1.2; padding:0; margin:0; }
body, html { color: #2a2f33; font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight:400; box-sizing: border-box; margin:0; padding:0; }
::-webkit-scrollbar { width:14px; height:14px; }
::-webkit-scrollbar-track { background: #F2F4F6; }
::-webkit-scrollbar-thumb { background: #DFE4EA; }
::-webkit-scrollbar-thumb:hover { background:#CBD4DD; }
a { text-decoration: underline; color:#3761fc; }
a:hover { text-decoration:none; }
strong { font-weight: bold; font-size: inherit; color: inherit; }
.centre { display: block; margin: auto; } 
.white-section { width:100%; float:left; background-color:#ffffff; padding:70px 0; }
.yellow-section { width:100%; float:left; background-color:#fcd437; padding:70px 0; }
.container { width:96%; margin:0 auto; }
.loading { background:url(../images/loading.gif) no-repeat center center rgba(255,255,255,0.9); position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; }
.message_container { width:100%; float:left; position:fixed; z-index:5; box-sizing:border-box; padding:10px; }
    .message_container .message { background:#000000; background-position:20px center; background-repeat:no-repeat; width:100%; float:left; color:#FFFFFF; font-weight:400; font-size:15px; box-sizing:border-box; padding:20px 20px 20px 76px; margin:0 0 10px 0; }
        .message_container .message span { font-size:17px; display:block; padding:0 0 2px 0; font-weight:bold; }
        .message_container .message#error { background-image:url(../images/message_error.png); background-color:#E30613; }
        .message_container .message#success { background-image:url(../images/message_success.png); background-color:#00a13a; }
span.yes_score { font-size:15px; text-transform:uppercase; text-align:center; font-weight:bold; color:#FFFFFF; background:rgb(0,160,58); display:block; padding:5px; border-radius:4px; }
span.no_score { font-size:15px; text-transform:uppercase; text-align:center; font-weight:bold; color:#FFFFFF; background:rgb(224,16,33); display:block; padding:5px; border-radius:4px; }
span.enabled { font-weight:bold; color:#00a13a; } 
span.paused { font-weight:bold; color:#FD9C04; } 
span.deleted { font-weight:bold; color:#E30613; } 
        
header#home { min-height:320px; width:100%; float:left; position:relative; background-image: -moz-radial-gradient(center, circle, #284355, #2a2f33 80%); background-image: -ms-radial-gradient(center, circle, #284355, #2a2f33 80%); background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#284355), to(#2a2f33)); background-image: -webkit-radial-gradient(center, circle, #284355, #2a2f33 80%); background-image: -o-radial-gradient(center, circle, #284355, #2a2f33 80%); }
    header#home .welcome { width:100%; position:absolute; top:25%; text-align:center; } 
        header#home .welcome .logo { display:inline-block; width:236px; height:64px; text-indent:-9999px; background:url(../images/hughes-logo.png) no-repeat center center transparent; }
        header#home .welcome h1 { color:#FFFFFF; font-size:96px; line-height:1.1; margin:0; padding:0; }

header#portal { height:120px; width:100%; float:left; background-color:#2a2f33; }
    header#portal .logo_container { float:left; }
        header#portal .logo_container .logo { display:block; margin:28px 0 0 1%; width:236px; height:64px; text-indent:-9999px; background:url(../images/hughes-logo.png) no-repeat center center transparent; }
    header#portal .user { float:right; margin:20px 1% 0 0; }
        header#portal .user .user_initials { display:inline-block; color:#2a2f33; background:#fcd437; height:70px; width:70px; line-height:70px; font-weight:bold; font-size:30px; text-align:center; border-radius:35px; float:left; }
        header#portal .user .user_details { float:left; margin:15px 0 0 10px; }
            header#portal .user .user_details span.user_details_last { display:block; padding:0 0 3px 0; color:#ffffff; font-size:18px; }
            header#portal .user .user_details span.user_details_logout { display:block; color:#ffffff; font-size:18px; }
                header#portal .user .user_details span.user_details_logout a { color:#fcd437; text-decoration:underline; }
                    header#portal .user .user_details span.user_details_logout a:hover { text-decoration:none; }
                    
section#nav { width:100%; float:left; margin:0 0 20px 0; }
    section#nav nav.main { width:98%; float:left; margin:40px 1% 10px 1%; text-align:center; }
        section#nav nav.main a { margin:0 1px 2px 1px; display:inline-block; text-align:center; vertical-align:middle; font-size:28px; line-height:52px; height:52px; width:52px; color:#CBD4DD; border:2px solid #CBD4DD; background-position:center top; background-repeat:no-repeat; border-radius:50%; }
            section#nav nav.main a:hover { color:#fcd437; border-color:#fcd437; }
            section#nav nav.main a.this { color:#fcd437; border-color:#fcd437; }
    section#nav nav.sub { width:98%; float:left; margin:0 1% 10px 1%; text-align:center; }
        section#nav nav.sub a { margin:0 1px 2px 1px; text-decoration:none; display:inline-block; padding:10px 15px; color:#CBD4DD; font-size:17px; font-weight:400; text-transform:uppercase; border:2px solid #CBD4DD; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
            section#nav nav.sub a.this { border-color:#FCD437; color:#FCD437; font-weight:700; }
            section#nav nav.sub a:hover { border-color:#FCD437; color:#FCD437; }
        section#nav nav.sub a.update-btn { border-color:#FCD437; background:#FCD437; color:#FFFFFF; }
            section#nav nav.sub a.update-btn:hover { background:#FFFFFF; color:#FCD437; }
    section#nav .notice { width:98%; text-align:center; float:left; margin:0 1%; }
    section#nav .notice p#notice { font-size:16px; border:1px solid #fcd437; line-height:30px; margin:0 0 10px 0; color:#2a2f33; font-weight:bold; display:inline-block; padding:5px 10px; }
        section#nav .notice p#notice i { color:#fcd437; font-size:24px; vertical-align:middle; padding-right:5px; }
            
section#register { width:100%; float:left; }
    section#register .register { width:98%; margin:0 1%; float:left; border:2px solid #FCD437; box-sizing:border-box; }
         section#register .register .title { width:100%; float:left; font-size:21px; font-weight:700; padding:15px 30px; background:#FCD437; box-sizing:border-box; }
         section#register .register form { padding:20px; width:100%; float:left; box-sizing:border-box; }
            section#register .register form .row { padding:0 0 5px 0; margin:0; width:100%; float:left; box-sizing:border-box; }
                section#register .register form .row label.field { width:200px; display:inline-block; }
                    section#register .register form .row label.field span { color:#009ee3; }
                section#register .register form .row input { border:1px solid #cbd4dd; width:340px; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#register .register form .row input.valid { border-color:#00a13a; }
                    section#register .register form .row input.error { border-color:#E30613; }
                section#register .register form .row label.error { display:block; padding:4px 0; color:#E30613; font-weight:400; }
                section#register .register form .row.new { margin-top:10px; }
        section#register .buttons { width:98%; margin:0 1%; padding:30px 0 40px 0; float:left; } 
            section#register .buttons a#back { margin:0 0 0 10px; color:#2a2f33; cursor:pointer; text-transform:uppercase; width:173px; text-align:center; float:left; background:url(../images/button-border.png); height:44px; line-height:46px; font-size:19px; font-weight:400; } 
            section#register .buttons a.main_btn { text-decoration:none; margin:0 10px 0 0; cursor:pointer; color:#FFFFFF; text-transform:uppercase; width:223px; text-align:center; float:right; background:url(../images/button.png); height:44px; line-height:46px; font-size:19px; font-weight:400; } 
        
section#portal { width:100%; float:left; }
    section#portal .portal { width:98%; margin:0 1%; float:left; border:2px solid #FCD437; box-sizing:border-box; }
         section#portal .portal .title { width:100%; float:left; font-size:21px; font-weight:700; padding:15px 30px; background:#FCD437; box-sizing:border-box; }
         section#portal .portal #find_address_results { background:#fde99b; width:100%; float:left; box-sizing:border-box; padding:10px; }
            section#portal .portal #find_address_results select { margin-top:-10px; background:#FFFFFF; width:auto; max-width:100%; padding:5px; font-size:15px; }
         section#portal .portal form { background:rgba(252,212,55,0.5); padding:20px; width:100%; float:left; box-sizing:border-box; }
            section#portal .portal form h3 { background:#FCD437; margin:10px 0; padding:10px 20px; font-size:21px; font-weight:700; display:block; width:100%; float:left; box-sizing:border-box; }
            section#portal .portal form .row { padding:0 0 5px 0; margin:0; width:100%; float:left; box-sizing:border-box; }
                section#portal .portal form .row label.field { width:200px; padding:9px 0 0 0; display:inline-block; vertical-align:top; }
                    section#portal .portal form .row label.field.top { float:left; padding-top:5px; padding-right:5px; }
                    section#portal .portal form .row label.field span { color:#009ee3; }
                section#portal .portal form .row label.radio { width:100%; line-height:38px; height:38px; font-size:17px; vertical-align:middle; }
                    section#portal .portal form .row label.radio input[type=radio] { vertical-align:baseline; }
                section#portal .portal form .row input[type=text] { border:1px solid #cbd4dd; width:340px; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form .row input[type=text].upper { text-transform:uppercase; }
                    section#portal .portal form .row input[type=text].valid { border-color:#00a13a; }
                    section#portal .portal form .row input[type=text].error { border-color:#E30613; }
                    section#portal .portal form .row input[type=text].small { width:150px; }
                    section#portal .portal form .row input[type=text].medium { width:200px; }
                    section#portal .portal form .row input[type=text]:disabled { background:#E5EAEE; }
                section#portal .portal form .row input[type=password] { border:1px solid #cbd4dd; width:340px; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form .row input[type=password].valid { border-color:#00a13a; }
                    section#portal .portal form .row input[type=password].error { border-color:#E30613; }
                    section#portal .portal form .row input[type=password].small { width:150px; }
                    section#portal .portal form .row input[type=password].medium { width:200px; }
                section#portal .portal form .row textarea { border:1px solid #cbd4dd; width:60%; height:150px; outline:0; font-size:16px; font-family: 'Neue Helvetica W01', 'Open Sans Condensed', helvetica, arial, sans-serif; font-weight:400; padding:15px; line-height:1.4; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form .row .click-copy:hover { cursor:pointer; }
                section#portal .portal form .row select { border:1px solid #cbd4dd; background:#FFFFFF; max-width:100%; outline:0; color:#2a2f33; font-size:16px; padding:0 10px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form .row select[multiple] { padding-top:10px; height:100px; min-width:340px; line-height:inherit; }
                section#portal .portal form .row label.error { display:block; padding:4px 0; color:#E30613; font-weight:400; }
                section#portal .portal form .row.new { margin-top:10px; }
                section#portal .portal form .row button.find_address { margin-left:-5px; border:1px solid #00a03a; text-transform:uppercase; background:#00a03a; color:#FFFFFF; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form .row button.find_address:hover { cursor:pointer; }
            
            section#portal .portal form .addresses { display:none; width:100%; float:left; margin:10px 0 0 0; padding:10px 10px 0 10px; background-color:#ffffff; box-sizing:border-box; }
                section#portal .portal form .addresses .address { width:100%; width:100%; float:left; margin:0 0 10px 0; padding:20px 20px 20px 70px; background:url(../images/address_drag.png) no-repeat 20px center #fde99b; box-sizing:border-box; border:2px solid #fcd437; }
                    section#portal .portal form .addresses .address span.address_full { display:block; font-weight:bold; font-size:19px; }
                    section#portal .portal form .addresses .address span.address_resident { padding:1px 0 3px 0; display:block; font-size:16px; }
                    section#portal .portal form .addresses .address span.address_coverage { padding:1px 0 3px 0; display:block; font-size:16px; font-weight:bold; }
                        section#portal .portal form .addresses .address span.address_coverage.covered_yes { color:#00a13a; }
                        section#portal .portal form .addresses .address span.address_coverage.covered_no { color:#E30613; }
                    section#portal .portal form .addresses .address span.address_remove { display:block; font-size:15px; }
                    section#portal .portal form .addresses .address:hover { cursor:move; }
                section#portal .portal form .addresses .drop_sort { width:100%; width:100%; float:left; height:100px; margin:0 0 10px 0; padding:0; background-color:#fcd437; box-sizing:border-box; border:1px solid #fcd437; }
                section#portal .portal form button.add_address { margin:10px 0 0 0; border:1px solid #00a03a; text-transform:uppercase; background:#00a03a; color:#FFFFFF; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form button.add_address:hover { cursor:pointer; }
                section#portal .portal form button.clear_address { margin:10px 0 0 10px; border:1px solid #E30613; text-transform:uppercase; background:#E30613; color:#FFFFFF; outline:0; font-size:16px; padding:0 15px; height:44px; line-height:44px; font-weight:400; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
                    section#portal .portal form button.clear_address:hover { cursor:pointer; }
        
                
        section#portal .buttons { width:98%; margin:0 1%; padding:30px 0 40px 0; float:left; } 
            section#portal .buttons a#back { margin:0 0 0 10px; color:#2a2f33; cursor:pointer; text-transform:uppercase; width:173px; text-align:center; float:left; background:url(../images/button-border.png); height:44px; line-height:46px; font-size:19px; font-weight:400; } 
            section#portal .buttons a.csv_btn { text-decoration:none; margin:0 10px 0 0; cursor:pointer; color:#000000; text-transform:uppercase; width:223px; text-align:center; float:right; background:#CBD4DD;; height:44px; line-height:46px; font-size:19px; font-weight:400; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } 
            section#portal .buttons a.main_btn { text-decoration:none; margin:0 10px 0 0; cursor:pointer; color:#FFFFFF; text-transform:uppercase; width:223px; text-align:center; float:right; background:url(../images/button.png); height:44px; line-height:46px; font-size:19px; font-weight:400; } 
        
        section#portal .templates_container { width:100%; float:left; z-index:1; }
            section#portal .templates_container .templates_nav { margin:-20px 0 5px 0; width:100%; float:left; padding:0 0 10px 0; }
            section#portal .templates_container .templates_nav a { margin:0 0 0 10px; display:inline-block; padding:10px 15px; color:#CBD4DD; font-size:17px; font-weight:400; text-transform:uppercase; border:2px solid #CBD4DD; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
            section#portal .templates_container .templates_nav a.this { border-color:#FCD437; color:#FCD437; font-weight:700; }
            section#portal .templates_container .templates_nav a:hover { border-color:#FCD437; color:#FCD437; } 
            section#portal .templates_container .templates_pane { width:100%; float:left; padding:0 0 10px 0; overflow-y:hidden; overflow-x:auto; white-space:nowrap; }
                section#portal .templates_container .templates_pane .template_option { width:180px; display:inline-block; margin:0 0 0 10px; border:4px solid #FFFFFF; padding:3px; box-sizing: border-box; }
                    section#portal .templates_container .templates_pane .template_option.this { border-color:#00a13a; }
                    section#portal .templates_container .templates_pane .template_option:hover { cursor:pointer; border-color:#00a13a; }
                    section#portal .templates_container .templates_pane .template_option img { width:100%; }
            
section#portal { width:100%; float:left; }
    section#portal .score { width:98%; margin:0 1% 10px 1%; float:left; padding:30px; color:#FFFFFF; border:2px solid #E30613; background:rgba(277,6,19,0.75); box-sizing:border-box; }
        section#portal .score .score_box { width:30%; float:left; text-align:center; box-sizing:border-box; padding:10px 0; background:rgb(277,6,19); font-size:100px; text-transform:uppercase; font-weight:bold; }
        section#portal .score .score_result { width:70%; float:left; text-align:left; box-sizing:border-box; padding:20px 0 30px 20px; }
            section#portal .score .score_result p.result { font-size:50px; font-weight:bold; padding:0; margin:0; line-height:50px; }
            section#portal .score .score_result p.info { font-size:22px; font-weight:bold; padding:0; margin:0; }
            section#portal .score .score_result p.mosaic { font-size:20px; font-weight:normal; padding:7px 0 0 0; margin:0; }
                      
                    
section#login { position:relative; text-align:center; height:120px; }
    section#login .login { background:#fcd437; display:inline-block; padding:30px; position:relative; top:-205px; max-width:550px; border:1px solid #2A2F33; box-sizing: border-box; }
        section#login .login h3 { font-weight:200; font-size:60px; }
        section#login .login input { width:100%; float:left; font-weight:400; padding:10px; font-size:20px; background:#ffffff; margin:10px 0 0 0; border:0; outline:0; box-sizing: border-box; }
            section#login .login input.error { background-image:url(../images/input-error.png); background-position:right 10px center; background-repeat:no-repeat; padding-right:50px; }
            section#login .login input.valid { background-image:url(../images/input-success.png); background-position:right 10px center; background-repeat:no-repeat; padding-right:50px; }
        section#login .login button { width:100%; float:left; font-weight:400; padding:10px; font-size:20px; background:#E30613; color:#ffffff; border:1px solid #ffffff; margin:10px 0 0 0; outline:0; box-sizing: border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
            section#login .login button:hover { cursor:pointer; background:#fcd437; color:#2a2f33; }
            section#login .login .not_joined { display:block; width:100%; float:left; text-align:center; padding-top:14px; }
                section#login .login .not_joined a { text-decoration:underline; color:#2a2f33; }
                    section#login .login .not_joined a:hover { text-decoration:none; }

section#charts { width:100%; float:left; margin:0 0 20px 0; }
    section#charts .charts { width:98%; margin:0 1%; float:left; padding:20px; border:2px solid #CBD4DD; box-sizing:border-box; }
        section#results .charts .chart { width:100%; height:350px; float:left; }

section#results { width:100%; float:left; }
    section#results .results { width:98%; margin:0 1%; float:left; border:2px solid #CBD4DD; box-sizing:border-box; }
        section#results .results .title { width:100%; float:left; font-size:21px; font-weight:700; padding:15px 30px; background:#CBD4DD; box-sizing:border-box; }
        section#results .results .results_tbl { width:100%; float:left; } 
            section#results .results .results_tbl table.tbl { width:100%; margin:0; padding:0; border:0; }
            section#results .results .results_tbl table.tbl td { padding:10px 15px; white-space:normal; background:#F9FAFB; border-bottom:1px solid #FFFFFF; }
                section#results .results .results_tbl table.tbl tr.bulk_selected td { background-color:rgba(252,212,55,0.5); }
                section#results .results .results_tbl table.tbl th { background-color:#E5EAEE; font-weight:700; padding:10px 15px; font-size:17px; text-align:left; } 
                    section#results .results .results_tbl table.tbl th.bulk_heading { background-color:#FCD437; }
                    section#results .results .results_tbl table.tbl th span.bulk_btn { display:inline-block; line-height:35px; width:35px; height:35px; text-indent:-9999px; background:url(../images/bulk_down.png) no-repeat center center; }
                        section#results .results .results_tbl table.tbl th span.bulk_btn:hover { cursor:pointer; }
                    section#results .results .results_tbl table.tbl th span.bulk_add_btn { display:inline-block; line-height:35px; width:35px; height:35px; text-indent:-9999px; background:url(../images/bulk_tick.png) no-repeat center center; }
                        section#results .results .results_tbl table.tbl th span.bulk_add_btn:hover { cursor:pointer; }
                    section#results .results .results_tbl table.tbl th button.bulk_save_btn { display:inline-block; line-height:35px; width:35px; height:35px; text-indent:-9999px; background:url(../images/bulk_tick.png) no-repeat center center; border:0; outline:0; }
                        section#results .results .results_tbl table.tbl th button.bulk_save_btn:hover { cursor:pointer; }
            
                section#results .results .results_tbl table.tbl td button.row_fields { cursor:pointer; color:#FFFFFF; text-transform:uppercase; padding:0 15px; border-radius:3px; border:none; outline:none; text-align:center; background:#00a13a; height:24px; line-height:24px; font-size:12px; font-weight:400; }
            section#results .results .results_tbl table.tbl tr td a { text-decoration:none; }
            section#results .results .results_tbl table.tbl tr td a.category_link { background:#FFFFFF; color:#000000; display:inline-block; padding:5px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                section#results .results .results_tbl table.tbl tr td a.category_link:hover { background:#E5EAEE; }
            section#results .results .results_tbl table.tbl tr input { background:#FFFFFF; line-height:35px; height:35px; vertical-align:middle; font-size:14px; padding:0 5px; outline:none; border:none; }
            section#results .results .results_tbl table.tbl tr select { background:#FFFFFF; line-height:35px; height:35px; vertical-align:middle; font-size:14px; padding:0 5px; outline:none; border:none; }
            
        #results .results .results_tbl .results_tbl_img { width:23.75%; float:left; margin:0 0 10px 1%; }
            section#results .results .results_tbl .results_tbl_img img { width:100%; }
            section#results .results .results_tbl .results_tbl_img_details { background:#E5EAEE; padding:10px; display:block; box-sizing:border-box; }
        section#results .results .results_tbl table.tbl td select { font-size:14px; padding:3px; line-height:18px; vertical-align:middle; background:#FFFFFF; border:1px solid #DDDDDD;  }
        section#results .results .results_tbl table.tbl td button { margin:0 0 0 5px; font-size:17px; padding:3px; line-height:18px; vertical-align:middle; background:#FCD437; color:#FFFFFF; font-weight:bold; border:1px solid #FCD437; outline:none; }
            section#results .results .results_tbl table.tbl td button:hover { cursor:pointer; }    
    
    section#results .pagination { background:#E5EAEE; width:100%; float:left; padding:10px; box-sizing:border-box; }
        section#results .pagination #pagination { float:right; }
            section#results .pagination #pagination a { font-size:28px; color:#979797; font-weight:bold; } 
                section#results .pagination #pagination a:hover { color:#2a2f33; }
                section#results .pagination #pagination a.disabled { color:#CACACA; pointer-events:none; cursor:default; }
        section#results .pagination #total_results { float:right; margin:0 15px 0 0; padding:6px 0 0 0; }
        section#results .buttons { width:98%; margin:0 1%; padding:30px 0 40px 0; float:left; } 
            section#results .buttons a.main_btn { text-decoration:none; margin:0 10px 0 0; cursor:pointer; color:#FFFFFF; text-transform:uppercase; width:223px; text-align:center; float:right; background:url(../images/button.png); height:44px; line-height:46px; font-size:19px; font-weight:400; } 
        

section#information { width:100%; float:left; }
    section#information .information { width:98%; margin:0 1%; float:left; background:#F2F4F6; border:2px solid #CBD4DD; box-sizing:border-box; }
        section#information .information .title { width:100%; float:left; font-size:21px; font-weight:700; padding:15px 30px; background:#CBD4DD; box-sizing:border-box; }
        section#information .information .information_box { width:100%; float:left; padding:15px; box-sizing:border-box; }
            section#information .information .information_box a.main_link { font-size:18px; word-break:break-word; }
            section#information .information .information_box pre { padding:0; margin:0 0 10px 0; border:2px dotted #CBD4DD; float:left; width:100%; float:left; box-sizing:border-box; overflow:auto; background:#F9FAFB; }     
                section#information .information .information_box pre code { font-family:Monospace; margin:0; padding:0; } 
             
section#notfound { width:100%; float:left; }
    section#notfound .notfound { width:98%; margin:0 1%; float:left; border:2px solid #CBD4DD; color:#CBD4DD; font-size:18px; font-weight:400; padding:20px; text-align:center; box-sizing:border-box; }

.benefits { float:left; width:100%; text-align:center; }
    .benefits h2 { font-weight:200; font-size:50px; }
    .benefits ul { list-style:none; margin:0; padding:0; }
        .benefits ul li { background-position:center 20px; background-repeat:no-repeat; padding:180px 10px 30px 10px; width:32%; float:left; margin:10px 0 10px 1%; box-sizing: border-box; } 
            .benefits ul li#appeal { background-image:url(../images/circle_appeal.png); }
            .benefits ul li#banner { background-image:url(../images/circle_banner.png); }
            .benefits ul li#feed { background-image:url(../images/circle_feed.png); }
            .benefits ul li#api { background-image:url(../images/circle_api.png); }
            .benefits ul li#pay { background-image:url(../images/circle_pay.png); }
            .benefits ul li#help { background-image:url(../images/circle_help.png); }
            .benefits ul li h5 { font-size:28px; line-height:1.3; margin:0; padding:0; font-weight:400; }
            .benefits ul li p { padding:10px 0 0 0; margin:0; line-height:1.2; font-size:16px; font-weight:200; }
            .benefits a.link_btn { color:#2a2f33; display:inline-block; margin-top:10px; padding:10px 50px; border:1px solid #FFFFFF; font-size:16px; font-weight:200; }
                .benefits a.link_btn:hover { background-color:#FFFFFF; }

footer { width:100%; float:left; margin:40px 0 0 0; font-size:14px; font-weight:400; padding:60px 0; border-top:2px solid #E0E8EB; color:#8999A6; }
    footer a { color:#8999A6; }
        footer a:hover { color:#E30613; }
    footer ul { margin:20px 0 0 0; padding:0; width:100%; list-style:none; text-align:center; }
        footer ul li { display:inline-block; padding:0 10px; }
    footer ul.contact { margin:0; padding:0; width:100%; list-style:none; text-align:center; }
        footer ul.contact li { display:inline-block; font-size:19px; padding:5px 10px 5px 40px; background-position:left center; background-repeat:no-repeat; }
        footer ul.contact li#phone { background-image:url(../images/contact_phone.png); }
        footer ul.contact li#email { background-image:url(../images/contact_email.png); }

@media only screen and (max-width:650px) 
{
    .container { width:98%; }
    section#login .login { width:98%; max-width:98%; }
    section#portal .portal form .row label.field { width:100%; float:left; padding:0 0 2px 0; }
    section#portal .portal form .row input { width:100%; }
    section#portal .portal form .row textarea { width:100%; }
    section#portal .portal form .row select { width:100%; }
    section#results .results .results_tbl .results_tbl_img { width:33%; }
                                                         
}
@media only screen and (min-width:1200px) and (max-width:650px) 
{
    .container { width:90%; }
}