﻿@font-face {
    font-family: 'Futura-Medium';
    src: url('fonts/Futura-Medium.eot');
    src: url('fonts/Futura-Medium.woff') format('woff'),
         url('fonts/Futura-Medium.woff2') format('woff2'),
         url('fonts/Futura-Medium-01.ttf') format('truetype'),
         url('fonts/Futura-Medium.svg') format('svg');
}

/* PAGE BACKGROUND */
body                        { background-image: url(images/background.jpg); background-size: contain; background-position: top left; }

/* BASE FONT OVERIDE */
html,div,body,a,td,h1,p     { font-family: 'Futura-Medium'; }

/* SITE MAP STYLE */
._mapStyle                  { background: #6099A2; color: #ffffff; }

/* ICONS */
.menu_anchor i.material-icons { color: rgba(70, 76, 92, 1); } /* Left menu bar */
.menu_anchor .on i.material-icons  { color: rgba(70, 76, 92, 0.8); } /* Left menu bar - when this is the current page */
a.menu_anchor:hover i.material-icons { color: rgba(70, 76, 92, 0.8); } /* Left menu bar - on hover */
.row_image i.material-icons {  } /* A Few Pages - Icon displayed at the left of a selectable panel */
.footer_link > i.material-icons, .footer_arrow > i.material-icons { display: none; } /* Footer Icon*/
.footer_link:hover > i.material-icons, .footer_arrow:hover > i.material-icons { color: rgba(255, 255, 255, 1); } /* Footer Icon - On Hover */
p.mobilemenu_link i.material-icons { color: rgba(168, 170, 156, 1); } /* Mobile left menu bar icons */
p.mobilemenu_link:hover i.material-icons { color: rgba(8, 57, 91, 1); } /* Mobile left menu bar icons - on hover */
#header i.material-icons, #SearchBar #FilterIcon { color: rgba(255, 255, 255, 1); }
#header i.material-icons:hover { color: rgba(255, 255, 255, 0.5); }
.download_app i.material-icons { color: rgba(8, 57, 91, 1); }

/* FOOTER BACKGROUND */
.footer_inner               { background-image: url(images/footer_background.jpg); background-size: cover; }
#footer_container           { }

/* HEADER BACKGROUND */
#header                     { background-color: rgba(11, 46, 83, 1); }

/* MOBILE MENU BACKGROUND */
#side_menu                  { background: rgba(255, 255, 255, 1); }

/* TEXT COLOURS */
._accent_text               { color:#6099A2; }
._error_text                { color:#DB5C59; }
._success_text              { color:rgba(0, 178, 0, 1); }
._major_text                { color:#1A1A1A; }
._minor_text                { color: rgba(255, 255, 255, 1); font-size: 1em; }
._faded_text                { color:#BDBDBD; }
._header_major_text         { color:#FFF; }
._header_minor_text         { color:#FFF; }
._footer_major_text         { color:rgba(70, 76, 92, 1); font-family: 'Futura-Medium'; text-transform: uppercase; font-weight: bold; }
._menu_major_text           { color: rgba(70, 76, 92, 1); text-transform: uppercase; font-weight: bold; }
._mobilemenu_major_text     { color:#FFF; }
._title_major_text          { color:#222; }
._title_minor_text          { color: rgba(11, 46, 83, 1); }
._panel_major_text          { color:#1A1A1A; }
._panel_minor_text          { color:#3A3A3A; }
._panel_faded_text          { color:#BDBDBD; }
._panel_accent_text         { color: rgba(11, 46, 83, 1); }
._panel_error_text          { color:#DB5C59; }
.panel_link                 { color:rgba(10, 59, 92, 1); font-family: 'Futura-Medium'; text-transform: uppercase; }
.link                       { color: rgba(255, 255, 255, 0.6); }

/* HOVER OVER TEXT COLOURS */
.menu_link:hover            {  }
.mobilemenu_link:hover      {  }
.header_link:hover          {  }
.footer_link:hover          { color: rgba(70, 76, 92, 0.5); }
.panel_link:hover           { color: rgba(10, 59, 92, 0.5); }
.link:hover                 { color: rgba(255, 255, 255, 1); }

/* TEXT SELECTION */
::selection                 { background:#6099A2; color:#fff; }
::-moz-selection            { background:#6099A2; color:#fff; }
::-webkit-selection         { background:#6099A2; color:#fff; }

/* TEXT HEADER OVERRIDES */
h1                          { font-family: 'Futura-Medium'; text-transform: uppercase; color: rgba(0, 0, 0, 1); }
h2                          { font-family: 'Futura-Medium'; text-transform: uppercase; }
h3                          {  }
h4                          {  }
h5                          {  }

/* INPUT FIELDS AND BUTTON OVERRIDES */
input[type=text],input[type=password],input[type=tel],input[type=email],input[type=date],select,textarea{ }
input[type=button]:active,input[type=image]:active,input[type=submit]:active,a.desktop_button:active{ }

.button { background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1); border-radius:3px; }
.button:hover { background: rgba(11, 46, 83, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(11, 46, 83, 1); }

.button--prime { background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); color:#FFFFFF; }
.button--prime:hover { background: rgba(11, 46, 83, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(11, 46, 83, 1); }

input[disabled=disabled],input[disabled=disabled]:hover,input[disabled=disabled]:focus,input[disabled=disabled]:active{ }
input:focus,select:focus,textarea:focus{ }
.header_toolbar_content_item_container input[type=text], .header_toolbar_content_item_container input[type=password] { border-color:#FFF; color:#FFF; }
.header_toolbar_content_item_container input[type=text]:focus, .header_toolbar_content_item_container input[type=password]:focus { border-color:#C8F4F8; }
#help_btn_wrapper .help_btn.half:hover { background: rgba(87, 157, 165, 1); color:#fff; }
#helpdesk_button .help_btn.half:hover { background: rgba(87, 157, 165, 1); color:#fff; }

/* LOGIN OVERRIDES */
.login_wrapper { background-image: url(images/login_background.jpg); }
#login_desktop .login_logo.left, #out_contain .login_logo.left { display: none; }
.login_wrapper > .login_form { float: none; margin: auto; }
.login_form > ul > .login_title > h1, .login_form > ul > .login_title > p { text-align: center; }
.login_form > ul > .login_title > hr { display:none; }
.login_form .input_title { font-weight: bold; }
.popup_menu .sub_text { font-family: 'Futura-Medium'; text-transform: none; }

/* FOOTER OVERRIDES */
#footer td.col1 { font-size: 1.3em; display: block !important; width: 100% !important; text-align: center !important; padding-bottom: 35px; }
#footer td.col1 a { padding-top: 10px; padding-bottom: 10px; }
#footer td.col1 a:not(:last-child) { }
#footer td.col2 { display: none; }
#footer td.col3 { vertical-align: middle; width: 100% !important; display: block !important; text-align: center; }
#footer td.col3 div { margin-left: auto; margin-right: auto; }
#footer_container p { display: inline-block; margin-left: 1em !Important; margin-right: 20px; }

/* PLACEHOLDER OVERRIDES */
::-webkit-input-placeholder{ }
:-moz-placeholder{ }
::-moz-placeholder{ }
:-ms-input-placeholder{ }

/* OTHER OVERRIDES */
.menu_container { background-image: url(images/menu_background.jpg); background-size: contain; }
.table_main tr td#content_text.col2 {  }
#header .textbutton { font-family: 'Futura-Medium'; text-transform: uppercase; font-weight: bold; }
#header .textbutton:hover { color: rgba(255, 255, 255, 0.5); }
#TopUpPanel { display:none; }
.listitem_inner, li.basic_wrapper, .basic_wrapper { background-image: url(images/menu_background.jpg) !Important; background-size: contain !important; }
.menu_container a.panel_link{ color: rgba(70, 76, 92, 1); }
.menu_container a.cc_sub { color: rgba(70, 76, 92, 0.8); }
.as-button:not(.disabled):active, .as-button:not(.disabled):focus { background: rgba(11, 56, 83, 1); }