/**		$Id: webmailV3.04.css 389 2021-05-19 12:45:11Z thierry $
 *
 * Webmail.co.za
 * Author: Paul Combrink
 * Copyright: Interface a division of incuBeta
 * Version: 3.1
 * Last updated: 2017-01-03
 *
 * Inspriration taken from HTML5 ✰ Boilerplate and Bootstrap.
 *  
 * Version 3.04: Rework header to include masterhead (970x250) and the header background
 * Version 3.05: Add additional styling for Channel Sub sections.
 * Version 3.1: Add styling for new mailbox menw
 * Version 3.1.1: Add weather widget
 
 *
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

@font-face { font-family: 'IconFont'; src: url('icons_fa/fontawesome-webfont.eot?v=4.1.0'); src: url('icons_fa/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('icons_fa/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('icons_fa/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('icons_fa/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/** Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font: 14px/1.231 Helvetica, Arial, sans-serif; *font-size:small;
} /* Hack retained to preserve specificity */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
 * Minimal base styles.
 */

/* 1) Always force a scrollbar in non-IE 
   2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* j.mp/webkit-tap-highlight-color
a:link, a:visited { color: #2b6cd0; -webkit-tap-highlight-color: #FF5E99; }
 */
a { color: #2b6cd0; -webkit-tap-highlight-color: #FF5E99; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/* a, a:active, a:visited { color: #607890;} */
a:hover { color: #F90; }
a:hover, a:focus { opacity: 0.9;}
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements. 
      Firefox adds a 1px margin above and below textareas 
   3) Set font-size to match <body>'s, and font-family to sans-serif 
   4) Align to baseline */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }
/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   2) Align to text-top */
textarea { overflow: auto; vertical-align: text-top; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
padding: 0;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/***************************************************************
 ************************ Customisation ************************ 
 ***************************************************************/
body, select, input, textarea { color: #444; font-family: Helvetica, Arial, sans-serif; }
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* These selection declarations have to be separate */
::-moz-selection {
background: #fe57a1;
color:#fff;
text-shadow: none;
}
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(wmopensans.woff) format('woff'); }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(roboto_300.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; } */
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h1 { border-bottom: 2px solid #d7d7d7; padding: 10px; margin-bottom: 5px; }
h2 { border-bottom: 2px solid #d7d7d7; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; }
h3 { padding-top: 3px; padding-bottom: 6px; }
/**
 * Non-semantic helper classes: please define your styles before this section.
 */
.hide { display: none; }
.show { display: block; }
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal. */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: ""; display: table; }
.clearfix:after, .row:after { clear: both; }
.clearfix, .row { zoom: 1; }
/* ===================== Layout and theme ===================== */
/* class that needs to be apended to the body to set colour - below is just the guide */
.home { /* #2b6cd0; */ }
.home h3 { color: #2b6cd0; }
.mail { /* #0033CC; */ }
.files { /* #FF3366; */ }
.sms { /* #8dc645; */ }
.news { /* #0033CC; */ }
.fax { /* #68cfd0; */ }
.facebook { /* #627aae; */ }
.twitter { /* #7ed4ec; */ }
.help h3 { color: #2b6cd0; }
/* Classes to help prettyfy the layout - inpired by Bootstrap */
.panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px; }
.panel-body { padding: 15px; }
.panel-heading { border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px 15px; }
.panel-title { color: inherit; font-size: 16px; margin-bottom: 0; margin-top: 0; }
.panel-title > a { color: inherit; }
.panel-footer { background-color: #f5f5f5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #ddd; padding: 10px 15px; }
.panel-default { border-color: #ddd; }
.panel-default > .panel-heading { background-color: #f5f5f5; border-color: #ddd; color: #333; }
.well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 18px; }
.well-lg { border-radius: 6px; padding: 24px; }
.well-sm { border-radius: 3px; padding: 9px; }
.alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.input-group { margin-bottom: 10px; border-collapse: separate; position: relative; }
.input-group input { max-width: 99%; }
fieldset { border: 0 none; margin: 0; padding: 0; }
legend { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #e5e5e5; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #333333; display: block; font-size: 21px; line-height: 40px; margin-bottom: 20px; padding: 0; width: 100%; }
legend small { color: #999999; font-size: 15px; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: Helvetica, Arial, sans-serif; }
label { display: block; margin-bottom: 5px; }
label.inline { display: inline-block !important; margin-bottom: 0; padding-top: 5px; vertical-align: middle; margin-left: 10px; margin-right: 20px; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 4px; color: #555555; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 10px; padding: 4px 6px; vertical-align: middle; }
input, textarea, .uneditable-input { width: 206px; }
textarea { height: auto; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; }
input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 4px 0 0; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 30px; line-height: 30px; }
select { background-color: #ffffff; border: 1px solid #cccccc; width: 220px; }
select[multiple], select[size] { height: auto; }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline-offset: -2px; }
.uneditable-input, .uneditable-textarea { background-color: #fcfcfc; border-color: #cccccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.024) inset; color: #999999; cursor: not-allowed; }
.uneditable-input { overflow: hidden; white-space: nowrap; }
.uneditable-textarea { height: auto; width: auto; }
.has-error input, .has-error select { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error input:focus, .has-error select:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.has-error .message, .has-error label { color: #a94442; }
.input-group.has-error { }
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999999;
}
.radio, .checkbox { min-height: 20px; padding-left: 20px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; }
.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; }
.radio.inline, .checkbox.inline { display: inline-block; margin-bottom: 0; padding-top: 5px; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }
.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 390px; }
.input-xxxlarge { width: 530px; }
.input-full { width: 96% }
.btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration: none; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline-offset: -2px; }
.btn:hover, .btn:focus { color: #333 !important; text-decoration: none; }
.btn:active, .btn.active { background-image: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; outline: 0 none; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: not-allowed; opacity: 0.65; pointer-events: none; }
.btn-default { background-color: #fff; border-color: #ccc; color: #333; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color: #e6e6e6; border-color: #adadad; color: #333; }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; }
.btn-primary { background-color: #428bca; border-color: #357ebd; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: #3071a9; border-color: #285e8e; color: #fff; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; }
.pull-right { float: right; }
.pull-left { float: left; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-xxl { font-size: 36px; }
.sep-line-bottom { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.icon { display: inline-block; height: 24px; vertical-align: middle; width: 24px; margin-right: 8px; background-image: url(../images/wm-sprite3.02.png); background-repeat: no-repeat; }
.icon-facebook { background-position: 0px 0px; }
.icon-google { background-position: 0px -48px; }
.icon-twitter { background-position: 0px -24px; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; width: 100%; }
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.label-primary { background-color: #337ab7; }
.channel-tag { font-size: 80%; text-decoration: underline; }
.article-tag { padding-right: 10px; padding-left: 10px; }
/* Scafolling for layout
#wrapper {}
|--	#nav {}
|--	#page-header {}
|--	#page-wrapper {}
|	|--	#page-menu {}
|	|-- #page-sub-header
|	|--	#main {}
|		|--	.container {}  //sets page width 
|			|--	#content {}
|			|--	#sidebar {}
|--	#footer {}
*/	
/* set min width for toggle menu to scroll with little content */
#old-browser { position: absolute; z-index: 999; left: 0%; top: 45px; right: 0%; background-color: #FCC; padding: 4%; display: none; text-align: center; font-size: 16px; }
#old-browser .close-window { position: absolute; top: 10px; right: 10px; }
#old-browser .close-window a { text-decoration: none; padding: 4px; background-color: #eee; }
.AdditionalEnq { display: none; } /* Use this field for honeypod */
#wrapper { min-height: 400px; }
body.mail #wrapper { height: 50px; overflow: hidden; min-height: 50px; }
#toast-container, .toast-bottom-right { display: none !important; } /* Hide the Effective Meassure Survey Popup */
.container-fixed { /*max-width: 980px; */ width: 100%; margin: 0px auto; }
.container-full { width: 100%; margin: 0px auto; }
/* ---------------------- Definitions for ads ------------------------ */
.adspot { text-align: center; position: relative; }
.adspot a { text-decoration: none; }
.adspotGrey { background-color: #f6f6f6; padding: 10px 0px 2px; }
.adspot img, adspot object, adspot iframe { max-width: 100%; height: auto; }
.adspot:after { content: "Advertisement"; position: relative; font: 10px Arial, Helvetica, sans-serif; color: #999; text-align: center; z-index: 999; display: block; padding-top: 3px; }
.adspot:hover { /* cursor: pointer; cursor: hand; */ }
.leaderboard { max-width: 970px; margin-right: auto; margin-left: auto; }
.ad_square { max-width: 180px; margin-right: auto; margin-left: auto; }
.sponsored-links ul { list-style: none; margin: 0px; padding: 0px; }
.sponsored-links ul li a { text-decoration: none; display: block; padding-top: 10px; text-align: left; margin-top: 5px; border-top: 1px solid #FFF; padding-bottom: 5px; }
.iabbillboard {/* max-width: 300px; max-height: 250px;*/ padding: 0px; overflow: hidden; margin: 5px auto; }
.iabbillboard-item { clear: none; float: left; }
.iabbillboard iframe { max-width: 100%; }
.iabbillboard:after { display: none; }
.page-menu-top { display: none;}
.page-menu-bottom { display: block; }
.show-page-header .page-menu-top { display: block;}
.show-page-header .page-menu-bottom { display: none;}
/* -------- Place Holder Ads --------- */
.adholder { font-size: 20px; color: #CCC; background-color: #FFF; text-align: center; vertical-align: middle; display: block; background-image: url(../images/bg-ads.png); background-repeat: repeat; margin-right: auto; margin-left: auto; overflow: hidden; }
.AdLeaderboard { width: 728px; min-height: 90px; font-size: 18px; }
.AdMpu { width: 300px; height: 250px; }
.AdTower { width: 300px; height: 600px; }
.AdIabBillboard { width: 970px; height: 250px; }
.show-page-header .showiabbillboard { display: block; }
/* ---------------------- #nav - everything that needs to do in the nav  ---------------------- */
#nav { height: 45px; border-bottom: 4px solid #CCC; position: relative; background-color: #FFF; width: 100%; top: 0px; z-index: 10; font-size: 15px; }
.home #nav, .nav-home { border-bottom-color: #2b6cd0 !important; }
.channel #nav, .nav-channel { border-bottom-color: #2b6cd0 !important; }
.mail #nav, .nav-mail { border-bottom-color: #0033CC !important; }
.files #nav, .nav-files { border-bottom-color: #FF3366 !important; }
.files #sms, .nav-sms { border-bottom-color: #8dc645 !important; }
.fax #nav, .nav-fax { border-bottom-color: #68cfd0 !important; }
.facebook #nav, .nav-facebook { border-bottom-color: #627aae !important; }
.twitter #nav, .nav-twitter { border-bottom-color: #7ed4ec !important; }
.help #nav, .nav-help { border-bottom-color: #2b6cd0 !important; }
#menu { clear: both; width: 100%; float: none; position: relative; margin: 0px; padding: 0px; line-height: normal; background-color: #333; color: #FFF; }
#menu li { width: 32%; line-height: normal; float: left; list-style: none; margin-left: 1%; }
#menu li a { display: block; text-decoration: none; height: auto; color: #fff; /*text-shadow: 1px 1px 0 #515459; -moz-text-shadow: 1px 1px 0 #515459; -ms-text-shadow: 1px 1px 0 #515459; -o-text-shadow: 1px 1px 0 #515459; -webkit-text-shadow: 1px 1px 0 #515459; */ padding: 15px 18px 20px 42px; font: 15px/1.4em; margin: 1%; border: none; }
#menu li a:hover { color: #F90; }
#menu li.home a:hover, #menu li.home.current a { color: #2b6cd0; }
#menu li.mail a:hover, #menu li.mail.current a { color: #0033CC; }
#menu li.files a:hover, #menu li.files.current a { color: #FF3366; }
#menu li.sms a:hover, #menu li.sms.current a { color: #8dc645; }
#menu li.fax a:hover, #menu li.fax.current a { color: #68cfd0; }
#menu li.facebook a:hover, #menu li.facebook.current a { color: #627aae; }
#menu li.twitter a:hover, #menu li.twitter.current a { color: #7ed4ec; }
#menu li.help a:hover, #menu li.help.current a { color: #2b6cd0; }
#menu li { background-image: url(../images/wm-sprite3.02.png); background-repeat: no-repeat; overflow: hidden; background-position: -999px; }
#menu li.home { background-position: 0px -72px; }
#menu li.mail { background-position: 0px -408px; }
#menu li.files { background-position: 0px -120px; }
#menu li.news { background-position: 0px -456px; }
#menu li.sms { background-position: 0px -168px; }
#menu li.fax { background-position: 0px -504px; }
#menu li.facebook { background-position: 0px -216px; }
#menu li.twitter { background-position: 0px -552px; }
#menu li.help { background-position: 0px -264px; }
#logo { width: 43px; float: left; height: 45px; margin-right: 5px; margin-left: 5px; overflow: hidden; }
#logo img { height: auto; width: 170px; padding-top: 10px; }
#menu-master { float: left; width: 100%; clear: both; } /* menu container - contain the ul */
#menu-master { max-height: 0; overflow: hidden; display: none; }
.menu-toggle { display: block; text-decoration: none; vertical-align: middle; padding: 3px 5px; margin: 5px 8%; width: auto; text-align: center; float: left; }
.menu-toggle-icon { height: 30px; width: 30px; display: table-cell; vertical-align: middle; }
.menu-toggle-icon img { width: 30px; height: 30px; }
.menu-toggle-icon .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; margin-bottom: 4px; margin-top: 4px; }
.menu-toggle-text { height: 30px; display: table-cell; vertical-align: middle; margin: 0px; padding-left: 4px; color: #666; }
.menu-toggle-text { display: none; }
.menu-toggle-active { color: #2b6cd0 !important; }
.menu-toggle:link.menu-toggle:active, .menu-toggle:visited { color: #999; }
.menu-master-active { max-height: 100em !important; display: block !important; /* left:-10%;*/ }
.menu-master-active:before, .menu-master-active:after { content: ""; display: table; }
.menu-master-active:after { clear: both; height: 10px; }
.menu-master-active { zoom: 1; }
/* Hide the menu toggle on the mail frame */
body a.menu-home-button { display: none; }
body.mail a.menu-home-button { text-decoration: none; vertical-align: middle; padding: 0px; margin: 0px 8%; width: auto; text-align: center; float: left; height: 50px; display: table-cell; vertical-align: middle; line-height: 50px; }
body.mail a.menu-toggle { display: none; }
#menu ul li:last-child a { border: none; }
#menu li .active { font-weight: bold; }
#sign-up { line-height: 45px; margin: 0px 5px 0px 0px; padding: 0px; list-style: none; position: absolute; right: 5px; font-size: 15px; top: 0px; }
#sign-up li { padding: 0px; display: inline; float: left; }
#sign-up a { text-decoration: none; padding: 0px 10px; display: block; color: #666; }
#sign-up a:hover { opacity: 0.7; }
#sign-up .btn-register { color: #F00; }
#sign-up .btn-signin { background-color: #2b6cd0; padding: 6px 25px 6px 12px; font-weight: normal; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; line-height: normal; margin-top: 8px; background-image: url(../images/wm-sprite3.02.png); background-repeat: no-repeat; background-position: 36px -322px; }
#sign-up .btn-signin.login-bar-toggle-active { background-position: 36px -370px; background-color: #eee; color: #999; }
#sign-up .btn-forgot { font-size: 11px; line-height: 12px; white-space: nowrap; display: inline-block; padding-top: 10px; color: #666; display: none; }
#sign-up .btn-forgot span { display: block; }
#sign-up .profile { font-size: 11px; margin-top: 5px; margin-bottom: 5px; line-height: normal; }
#sign-up .profile span { display: block; }
#sign-up .profile a { margin: 0px; padding: 0px; }
#sign-up .profile .profile-pic { display: block; height: 32px; width: 32px; overflow: hidden; float: left; margin-right: 10px; }
#sign-up .profile .profile-name { float: left; padding-top: 5px; }
#sign-up .profile .profile-logout { margin-left: 42px; float: left; clear: left; margin-top: -12px }
#nav-spacer { display: none; }
/* ----- Login Bar ----*/
#login-bar { background-color: #2b6cd0; padding: 2px 5px 6px; display: none; box-shadow: 0px 1px 5px #eee; -moz-box-shadow: 0px 1px 5px #eee; -ms-box-shadow: 0px 1px 5px #eee; -o-box-shadow: 0px 1px 5px #eee; -ms-box-shadow: 0px 1px 5px #eee; }
.login-bar-active { display: block !important; }
#login-bar .input-group { float: left; margin-right: 10px; }
#login-bar .input-group label { float: left; color: #eee; }
#login-bar .input-group #login_b { margin-top: -10px; padding: 5px 12px; }
#login-bar .input-group input#secretkey { width: 70%; }
 /*a.login-bar-toggle-active { opacity: 0.5; } */
#login-bar .input-group input#login_username:-webkit-autofill {
background-color: #eee !important;
}
#login-bar .input-group.loginform-forget-pass { padding-right: 10px; padding-left: 10px; display: block; float: none; clear: left; }
#login-bar .input-group.loginform-forget-pass a { color: #eee; display: block }
#login-bar .input-group.loginform-forget-pass a:hover { opacity: 0.7; }
#login-bar .remember-me { padding-right: 10px; }
/* / #nav */
/* ---------------------- #page-header  ---------------------- */
#page-header { text-align: center; vertical-align: middle; width: 100%; overflow: hidden; display: none; background-repeat: no-repeat; background-position: center top; }
#page-header { background-color: #ebebeb; }
/* everything in the page-heaeder goes in here. This div sets the size for each media query and positions the advert */
#page-header-holder { margin: 0px auto; }
/* Class for page header when background is active*/
body.show-page-header-bg #page-header { }
#page-header-bg-click { }
#master-header img, #master-header object, #master-header iframe { max-width: 100%; max-height: auto; }
/* / #page-header */
/* ---------------------- #page-wrapper ---------------------- */
.social-sharing-icons { padding: 10px; margin-right: 10px; margin-left: 10px; }
.social-sharing-icons .social-channel-caption { float: left; padding-right: 8px; }
.social-sharing-icons .social-channel { height: 24px; width: 24px; overflow: hidden; background-image: url(../images/wm-sprite3.02.png); background-repeat: no-repeat; float: left; margin-right: 8px; }
.social-sharing-icons .social-channel.fb { background-position: 0px 0px; }
.social-sharing-icons .social-channel.tw { background-position: 0px -24px; }
.social-sharing-icons .social-channel.gp { background-position: 0px -48px; }
.social-sharing-icons .social-channel .share-btn { height: 24px; width: 24px; display: block; }
.social-sharing-icons .social-channel .share-btn:hover { cursor: pointer; }
#page-wrapper { margin: 10px 0px; min-height: 500px; }
#page-wrapper a:hover { color: #F90; }
.mail #page-wrapper { margin: 0px; }
/* ---- Page menu (Section Navigation) --- */

#page-menu-top, #page-menu-bottom  {display: none; }
.show-page-header #page-menu-top  {display: block; }
.hide-page-header #page-menu-bottom  {display: block; }


.page-menu-toggle,
.page-menu-top-toggle,
.page-menu-bottom-toggle
{ padding: 15px 10px; display: block; text-decoration: none; background-image: url(../images/arr_down.png); background-repeat: no-repeat; background-position: right center; font-size: 120%; }
.page-menu-toggle-active,
.page-menu-top-toggle-active,
.page-menu-bottom-toggle-active
{ background-image: url(../images/arr_up.png); }

.page-menu { }
.page-menu ul { margin: 0px; padding: 0px; max-height: 0px; overflow: hidden; display: none; }
.page-menu.active ul, #page-menu > ul ul.menu { max-height: 100em; display: block;  /* left:-10%;*/ }
.page-menu { -webkit-transition: max-height 4s ease-in; -moz-transition: max-height 4s ease-in; -o-transition: max-height 4s ease-in; -ms-transition: max-height 4s ease-in; transition: max-height 4s ease-in; }
.page-menu ul li { display: block; }
.page-menu ul li a { color: #FFF; padding: 12px 10px; display: block; font-size: 14px; text-decoration: none; background-color: #333; border-top: 1px solid #CCC; }
.page-menu ul li a, .page-menu a { background-color: #2b6cd0; color: #FFF; }
.page-menu ul li a:hover, .page-menu a:hover { color: #ccc; }
.page-menu ul ul li a { padding-left: 20px; }
.home .page-menu a { background-color: #666; color: #FFF; }
.home .page-menu a:hover { color: #ccc; }
.help .page-menu a { background-color: #666; color: #FFF; }
.help .page-menu a:hover { color: #ccc; }
/* ---- Page Sub Header - this can be used as alternate location got the leaderboard --- */
#page-sub-header { margin-top: 5px; margin-bottom: 10px; background-color: #999; }
#page-sub-header-feature { float: none; padding: 10px; vertical-align: middle; margin: 5px 0px 0px; }
#page-sub-header-feature ul { margin: 0px; padding: 0px; list-style: none; }
#page-sub-header-feature ul li { display: list-item; clear: none; float: left; padding: 5px; border-bottom: 1px solid #FFF; font-size: 14px; }
#page-sub-header-feature ul li a { color: #666; text-decoration: none; }
#page-sub-header-feature .mail { background-image: url(../images/mail.png); background-repeat: no-repeat; background-position: left center; }
#page-sub-header-feature .register { background-image: url(../images/free-tag-small.png); background-repeat: no-repeat; background-position: left center; }
body.home #page-sub-header h1, body.channel #page-sub-header h1 { font-size: 15px; margin: 0px 0px 8px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; border: none; }
/* ---- Main section --- */
#main { margin: 10px 10px; display: block; position: relative; }
#content { background-color: #FCF; display: block; position: relative; }
#tablecell-fix { display: block; visibility: hidden; }
#sidebar { background-color: #FFC; display: block; }
.section { margin-bottom: 35px; clear: both; }
.content-section-row { display: block; margin-bottom: 5px; }
.content-section-left { background-color: #CFF; display: block; }
.content-section-right { background-color: #C9F; display: block; vertical-align: top; }
.content-span-firsthalf { width: auto; padding-bottom: 5px; }
.content-span-secondhalf { width: auto; padding-bottom: 5px; }
.content-item { padding: 10px; margin-bottom: 0px; clear: left; }
.content-item img { max-width: 100%; height: auto; /*width: auto; */}
body.home .feed-wp-format .content-item img { max-width: 30%; }
.content-item-row { display: block; margin-bottom: 8px; }
.feed p:last-child { display: none; }
.line-top-grey { border-top: 2px solid #ececec; }
.line-bottom-grey { border-bottom: 2px solid #ececec; }
.img-left { float: left; margin-right: 8px; margin-bottom: 8px; }
.img-feature-left { float: left; margin-right: 18px; margin-bottom: 2px; border: 10px solid #F7F7F7; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; max-width: 40%; height: auto; }
#more-news .img-feature-left { width: 45px; }
#more-news .content-item h4 { padding-top: 10px; font-size: 17px; }
#more-news ul { margin: 0px; padding: 5px 0px; }
#more-news ul li { display: block; }
#more-news ul li a { text-decoration: none; border-bottom: 1px solid #eee; display: block; padding: 5px 10px; margin-bottom: 5px; }
.feature { background-color: #f0f0f0; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border: solid 1px #f0f0f0; font-size: 105%; }
.feature h3 { font-size: 140%; }
.content-item h1 a, .content-item h2 a, .content-item h3 a { text-decoration: none; color: #2b6cd0; }
.content-item h1 a:hover, .content-item h2 a:hover, .content-item h3 a:hover { text-decoration: underline; }
.content-item p { margin-bottom: 20px; font-size: 16px; line-height: 25px; }
.content-item .block-grey { background-color: #eee; padding: 10px; }
.section h2 div.sponsored { float: right; font-size: 13px; color: #999; vertical-align: bottom; padding-top: 8px; display: table; line-height: 30px; }
.section-footer { background-color: #f3f3f3; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; margin-top: 5px; clear: both; }
ul.section-footer-nav { margin: 0px; padding: 10px; float: left; }
ul.section-footer-nav li { display: inline-block; }
ul.section-footer-nav li a { text-decoration: none; display: block; margin-right: 5px; }
a.section-footer-button { font-size: 13px; background-color: #2b6cd0; float: right; color: #FFF; padding: 10px; text-decoration: none; border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; }
a.section-footer-button:hover { color: #F90; }
.widget { margin-bottom: 10px; background-color: #f8f8f8; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.widget-title { font-size: 14px; padding-bottom: 10px; border-top: 3px solid #f8f8f8; text-align: left; padding-top: 0px; }
.widget-sponsor { float: right; font-size: 11px; color: #999; vertical-align: bottom; padding-top: 2px; display: table; line-height: 24px; }
.widget-content { padding: 10px; background-color: #FFF; }
.widget-content ul { margin: 0px; padding: 0px; list-style: none; }
.widget-content ul li { margin: 0px; padding: 5px 0px; text-align: left; border-bottom: 1px solid #eee; }
.widget-content ul li:last-child { border-bottom: none; }
.widget-content .thumb { float: left; margin-right: 5px; }
.widget-content .custom-list a { text-decoration: none; display: block; }
.widget-adspot { padding: 10px; background-color: #FFF; border-top: 1px solid #f8f8f8; }
.widget-footer { font-size: 12px; text-align: right; padding-top: 5px; }
/*---- Custom Weather Widget ---- */
.weather_city { min-height: 60px; display: block; clear: both; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; position: relative; font-size: 90%; }
.weather_name { float: left; width: 40%; padding-top: 5px; font-size: 15px; text-align: left;}
.weather_high { float: left; margin-top: 5px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #999; color: #930; }
.weather_low { float: left; margin-top: 5px; color: #09F; }
.weather_description {float: left; clear:left; margin-left: 40%; width: text-align: left;}
.weather_icon { right: 0px; position: absolute; }

/*---- Custom Search Widget ---- */
#searchbox { }
#search-field-wrapper { height: 28px; margin: 0; float: left; width: 80%; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; }
#search-field-wrapper input:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; }
#searchbox #q { background-color: #FFF; border: none; font: 14px Helvetica, Arial, sans-serif; color: #666; vertical-align: middle; white-space: nowrap; padding: 3px 6px; height: 22px; width: 99%; }
#gbqfb { background-color: #4385f4; border: 1px solid transparent; border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; box-shadow: none; box-sizing: border-box; height: 30px; margin: 0; outline: medium none; padding: 0; width: 50px; }
.gbqfi { background-position: -152px 0; display: inline-block; height: 30px; margin: -1px; width: 30px; }
.gb_Ca { background-image: url(../images/i1_5160dafd.png); background-size: 908px 52px; }
/*---- Register page ---- */
#registration-page { }
#registration-page #ajaxResults { display: none; }
#registration-page #loading { }
#registration-page .mAvailable { color: green; }
#registration-page .mNAvailable { color: #FF0000; }
#registration-page .hidecp { display: none; }
#registration-page .hidega { display: none; }
#registration-page .form-input { width: 96% }
.div-above-footer { opacity: 0.5; }
#loading { display: none; vertical-align: middle; }
.refresh_btn { float: right; width: 24px; overflow: hidden; }
.refresh_btn:hover { margin-top: 1px; margin-left: 1px; }
/*---- mobi options page ---- */
.action-buttons { display: inline-block; padding-bottom: 20px; }
.btn-secondary { background-color: #fff; border: 1px solid #2b6cd0; border-radius: 0; color: #2b6cd0; display: inline-block; font-size: 16px; font-weight: normal; padding: 12px 24px; vertical-align: top; text-decoration: none; bottom: 0; }
.sub_text { display: block; font-size: 11px; padding-top: 5px; color: #666666; text-align: center; }
/* / #page-wrapper */
/* ---------------------- #footer ---------------------- */
#footer { }
#footer-content { background-color: #666; padding: 20px 10px 50px; color: #FFF; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; }
#footer-content a { font-size: 90%; color: #FFF; display: block; padding-top: 5px; padding-bottom: 5px; }
#footer-content a:hover { text-decoration: none; }
#top-link { background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; bottom: 1em; color: white; display: none; font-family: sans-serif; font-size: 90%; padding: 0.6em; position: fixed; right: 1em; text-decoration: none; z-index: 10; }
#top-link:hover { background-color: rgba(0, 0, 0, 0.6); }
/* / #footer */
/* ===================== Media Queries ===================== */	
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default */
.hide-mobile { display: none; }
body.othp #wrapper { background-color: #FFF }
body.show-page-header #page-header { display: block; background-size: 160%; }
#sidebar .adspot { background-color: #eee; padding: 5px 0px; }
#page-header-holder { width: 100%; height: 150px; }
body.show-page-header.mobile-bg-set #page-header { display: block; background-size: 480px; background-position: left top; }
body.show-page-header.mobile-bg-set #page-header-holder { width: 100%; height: 270px; }
/* Master Header (IAB Billboard) */
body.show-page-header.iab-masterhead #page-header-holder { width: 300px; height: 150px; }
.AdIabBillboard { width: 300px; height: 150px; }
.AdLeaderboard { width: 320px; min-height: 50px; overflow: hidden; }
.AdMpu { width: 300px; height: 250px; }
.AdTower { width: 300px; height: 250px; }
#sidebar { padding: 10px }
#page-sub-header, #content, .content-section-left, .content-section-right, #sidebar { background-color: transparent; }
#page-sub-header-feature { }
/* ====== New Header Code ====== */
#topline { display: none; }
#topnav { position: relative; height: 50px; background-color: #0075c8; }
#logo { float: right; }
.menu-toggle { margin-left: 12px; }
.menu-toggle-icon .icon-bar {
    height: 4px;
    background-color: #fff;
}
.menu-toggle.menu-toggle-active {}
.menu-toggle.menu-toggle-active .menu-toggle-icon {display:none;}
.menu-toggle.menu-toggle-active:before {
	content: "\f00d"; font-size: 24px; color: #fff; font-family: IconFont; font-weight: normal;}
.menu-toggle-text { color: #fff;  }
#sign-up {
	float:left;
    list-style: none;
    position: relative;
    right: 5px;
    font-size: 15px;

}


#login-bar { background-color: #eee; padding: 5px 5px 10px; }
#login-bar .input-group label { color: #000; }
#login-bar .input-group { margin-bottom: 3px; }
#login-bar .input-group.loginform-forget-pass a { color: #000; }

#menu {
    background-color: #fff;
    color: #333;
	padding: 10px;
	width:auto;
}

#menu li { float: none; width: auto; background-image: none; margin-left: 0px; }
#menu li a { color: #000; 
    display: block;
    padding: 12px 10px;
	border: 1px solid #CECECE;
	background-color: #f1f1f1;
}
#menu li a .button-inner{ font-size: 12px; }
#sign-up a.btn-register { background-color: #fff; padding: 6px 8px; font-weight: normal; vertical-align: baseline; white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: normal; margin-top: 8px; margin-right: 2px; font-size: 14px; margin-left: 2px; }
#sign-up .btn-signin {font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #999;}

/* ----------- Taboola ------------*/
#taboola-below-article-thumbnails .rc-item .rc-headline { font-size: 100% !important; color: #666 !important; font-weight: normal !important;}
#taboola-below-article-thumbnails .rc-item { margin-bottom: 20px !important; }


/* Small phones (tablets, 480px and up) */
@media all and (min-width: 481px) {
body.show-page-header #page-header { display: block; background-size: 160%; }
body.show-page-header.mobile-bg-set #page-header { display: block; background-size: 160%; background-position: center top; }
body.show-page-header.mobile-bg-set #page-header-holder { width: 100%; height: 140px; }
.menu-toggle-text { display: none; }
#page-header-holder { width: 100%; height: 140px; }
/* Master Header (IAB Billboard) */
body.show-page-header.iab-masterhead #page-header-holder { width: 468px; height: 120px; }
.adspotGrey { padding: 10px 0px; }
#sidebar .adspot { background-color: #eee; padding: 0px; }
.iabbillboard { width: 468px; height: 120px; }
.AdIabBillboard { width: 468px; height: 120px; }
.AdLeaderboard { width: 468px; height: 60px; overflow: hidden; }
.AdMpu { width: 300px; height: 250px; }
.AdTower { width: 160px; height: 600px; }
#logo { width: 140px; }
#logo img { width: 100%; }
#page-wrapper { margin: 10px 0px; }
.sidebar { display: table; padding: 0px; }
.widget-right { float: right; }
.widget-left { float: left; min-width: 280px; }
}

/* Inbetween size (tablets, 580px and up) */
@media all and (min-width: 590px) {
body.show-page-header #page-header, body.show-page-header.mobile-bg-set #page-header { display: block; background-size: 160%; }
#page-header-holder, body.show-page-header.mobile-bg-set #page-header-holder { width: 100%; height: 200px; }
/* Master Header (IAB Billboard) */
body.show-page-header.iab-masterhead #page-header-holder { width: 468px; height: 120px; }
.adspotGrey { padding: 10px; }
#sidebar .adspot { background-color: transparent; padding: 0px; }
.AdTower { width: 160px; height: 600px; }
.home .content-item img { margin-left: -10px; }
.home .feature .content-item { padding-left: 10px; }
.home .feature .content-item img { margin-left: 0px; }
.content-section-row { display: table; }
.content-section-left { display: table-cell; width: 300px; }
.content-section-right { display: table-cell; }
.content-section-right .line-top-grey { margin-left: 10px; }
#sidebar { border-top: solid 4px #eee; }
.widget-right { float: right; }
.widget-left { float: left; min-width: 300px; }
}
 @media all and (min-width: 650px) and (max-width: 714px) {
#login-bar .input-group #login_b { margin-top: 0px; }
#login-bar .input-group.loginform-forget-pass { float: left; clear: none; padding-top: 5px; }
}

/* Small devices (tablets, 768px and up) */
@media all and (min-width: 768px) {
#logo {float: left; }	
#nav { height: 45px; border-bottom: 4px solid #CCC; position: fixed; background-color: #FFF; width: 100%; top: 0px; z-index: 10; font-size: 15px; }
#menu-master { max-height: 100%; float: right; width: auto; clear: none; line-height: 45px; display: block; }
.container-fluid #menu-master { margin-right: auto; margin-left: auto; }
.menu-toggle { display: none; }
body.mail a.menu-home-button { display: none; }
#menu { position: static; max-height: 45px; background-color: transparent; width: auto; margin-left: 10px; padding:0px; }

#nav-spacer { margin: 0px; padding: 0px; height: 49px; display: block; }
/* #login-bar  { position: absolute; left: 0px; top: 45px; right: 0px; z-index: 1; } */
#login-bar .input-group #login_b { margin-top: -10px; }
#login-bar .input-group.loginform-forget-pass { float: left; clear: none; padding-top: 0px; }
body.show-page-header #page-header { display: block; background-size: 160%; }
#page-header-holder, body.show-page-header.mobile-bg-set #page-header-holder { width: 100%; height: 240px; }
/* Master Header (IAB Billboard) */
body.show-page-header.iab-masterhead #page-header-holder { width: 728px; height: 180px; }
.adspotGrey { padding: 10px; }
.iabbillboard { width: 728px; height: 180px; }
.AdIabBillboard { width: 728px; height: 180px; display: block; }
.AdLeaderboard { width: 728px; height: 90px; }
.AdMpu { width: 300px; height: 250px; }
.AdTower { width: 300px; height: 600px; }
#sign-up { width: auto; margin-right: auto; margin-left: auto; }
/*.menu-toggle-text { display: inline; } */
#page-wrapper { margin: 10px 0px; }
#main { display: table; }
.main-full { display: block !important; }
#content { display: table-cell; padding-right: 10px; }
.content-full { display: block !important; }
#sidebar { display: table-cell; width: 310px; vertical-align: top; padding: 0px; border-left: 1px solid #eee; border-top-style: none; }
.widget { margin-left: 10px; }
.widget-left { float: left; min-width: 280px; background-color: #F8F8F8; padding: 10px; }
.widget-right { float: right; min-width: 280px; background-color: #F8F8F8; padding: 10px; }
.content-section-row { display: table; }
.content-section-left { display: block; width: auto; }
.content-section-right { display: block; }
.content-span-firsthalf { width: 48%; margin-right: 1%; float: left; clear: left; }
.content-span-secondhalf { width: 49%; float: left; }
.content-section-right .line-top-grey { margin-left: 10px; }
#footer-content a { display: inline; }

/* ====== New Header Code ====== */
#menu li a { 
	border: none;
	background-color: transparent
}
#menu li { display: block;   background-repeat: no-repeat; float: left; overflow: hidden; background-position: -999px; margin: 0px; }
#menu li { line-height: normal;}
#menu li a { color: #3d3d3d; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 9px; border-bottom-style: none; line-height: normal; max-width: 100%; text-align: center; height: 27px; margin-top: 0px; padding-top: 15px; padding-right: 15px; padding-left: 15px; }

#menu li a .button-inner { background: none!important; padding-left: 0px; font-size: 11px; padding-top: 5px; height: 12px; font-weight: normal; display: none; text-align: center; color: #CCC; }
/*
#menu li a span.button-inner:before { font-size: 18px; position: relative; top: 1px; color: #fff; font-family: IconFont; font-weight: normal; display: inline; padding-right: 0px; padding-top: 5px; }
*/
#menu li a:before {font-size: 18px; position: relative; top: 1px; color: #fff; font-family: IconFont; font-weight: normal; display: inline; padding-right: 0px; padding-top: 5px; }
#menu li.home a:before { content: "\f015"; }
#menu li.mail a:before { content: "\f0e0"; }
#menu li.addressbook a:before { content: "\f007"; }
#menu li.calendar a:before { content: "\f073"; }
#menu li.tasks a:before { content: "\f046"; }
#menu li.files a:before { content: "\f0ed"; }
#menu li.sms a:before { content: "\f10b"; }
#menu li.news a:before { content: "\f1ea"; }
#menu li.fax a:before { content: "\f1ac"; }
#menu li.settings a:before { content: "\f0ad"; }
#menu li.current a, #menu li.current a:hover { color: #fff !important; }
#menu li a:hover { color: #fff !important; background-color: #005797; }
#menu li.current a { background-color: #005797; }
#menu li.help, #menu li.profile, #menu li.logout   {display: none;}
#sign-up {float:right; }
#topline {display: block;}
#topline { display: block; background-color: #666; color: #FFF; font-size: 11px; height: 18px; padding: 0px 0 2px 10px; letter-spacing: 0em; word-spacing: 0em; }
#topline .topleft { color: #fff; padding-top: 2px; float: left; display: none; }
#topline .topleft, #topline .topleft a { color: #fff; }
#topline .topleft a { display: inline-block; padding: 2px .7em 0 0; }
#topline a, #topnav a { text-decoration: none; }
#topline a:hover {text-decoration:underline;}
#topline .topright { padding-top: 2px; float: right; }
#topline .topright, #topline .topright a { color: #fff; }
#topline span.username { padding-right: 1em; }
#topline a.button-logout { display: inline-block; padding: 2px 10px 2px 20px;     background: url(/rc/skins/larry/images/buttons.png) -6px -193px no-repeat;}
.voice { position: absolute; border: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; }
#nav-spacer { margin: 0px; padding: 0px; height: 66px; display: block; }

}

/* Medium devices (desktops, 992px and up) */
@media all and (min-width: 992px) {
.hide-mobile { display: block; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
.col-md-6 img { width: 100%; height: auto; }
/* Adjust Login Input */
#login-bar .input-group { margin-bottom: 0px; }
#login-bar .input-group input { margin-bottom: 0px; }
#login-bar .input-group input#login_username { width: 56% }
#login-bar .input-group input#secretkey { width: 42% }
#login-bar .input-group #login_b { margin-top: 0px; }
#login-bar .input-group.loginform-forget-pass a { margin-top: 8px; }
#login-bar .remember-me { margin-top: 8px; }
body.show-page-header #page-header, body.show-page-header.mobile-bg-set #page-header { display: block; background-size: auto; }
#page-header-holder, body.show-page-header.mobile-bg-set #page-header-holder { width: 100%; height: 500px; }
body.show-page-header #page-header { padding-top: 5px;}
/* Master Header (IAB Billboard) */
body.show-page-header.iab-masterhead #page-header-holder { width: 970px; height: 250px; }
#page-sub-header-feature { display: table-cell; width: 190px; vertical-align: middle; }
#page-sub-header-feature { float: left; padding: 10px; vertical-align: middle; margin-left: 20px; margin-top: 0px; margin-bottom: 0px; min-height: 103px; }
.leaderboard { max-width: 728px; float: left; z-index: 9;}
.iabbillboard { width: 970px; height: 250px; }
.AdIabBillboard { width: 970px; height: 250px; display: block; }
.AdLeaderboard { width: 728px; height: 90px; }
.AdMpu { width: 300px; height: 250px; }
.AdTower { width: 300px; height: 600px; }
.container-fixed { max-width: 980px; margin-right: auto; margin-left: auto; width:100% !important; }
.container-fluid { width: 100% !important; }
#nav { height: 63px; border-bottom: 4px solid #CCC; position: fixed; background-color: #FFF; width: 100%; top: 0px; z-index: 10; font-size: 14px; }
#menu-master { max-height: 100%; float: right; width: auto; clear: none; line-height: 45px; }
.container-fluid #menu-master { margin-right: auto; margin-left: auto; }
.menu-toggle { display: none; }
#menu li a .button-inner { display: inline; }
#menu li a {  padding: 2px 10px 20px; }
#menu { position: static; max-height: 45px; background-color: transparent; width: auto; margin-left: 10px; }
#menu li { display: inline; width: auto; line-height: 45px; background-image: none; }
#menu li a { padding-right: 8px; padding-left: 8px; color: #FFFFFF; padding-top: 14px; /*text-shadow: 1px 1px 0 #eee; */ display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 15px; border-bottom-style: none; }
#topline .topleft { display: block; }
#sign-up { float: right; margin-right: 10px; position: relative; right: auto; width: auto; }
#sign-up .btn-forgot { display: block; }
#nav-spacer { margin: 0px; padding: 0px; height: 62px; display: block; }
#main { margin: 10px auto; }
#page-header { height: 440px; position: relative; z-index: 1; }
.page-menu-toggle, .page-menu-top-toggle, .page-menu-bottom-toggle { display: none; }
.page-menu ul { max-height: 50px; height: 40px; display: block; }
.page-menu ul li { float: left; /* display: inline; */ }
.page-menu ul li a { border-top: none; padding: 10px; display: inline; line-height: 40px; }
#page-wrapper { width: 990px; margin-right: auto; margin-left: auto; background-color: #FFF; position: relative; z-index: 2; border-radius: 3px; }
.page-menu ul ul { margin: 0px; padding: 0px; position: absolute; z-index: 20; display: none; overflow: visible; width: 150px; background-color: #999; }
.page-menu ul li:hover ul { display: block; }
.page-menu ul ul li { display: block; float: left; clear: left; width: 100%; }
.page-menu ul ul li a { width: 100%; display: block; padding: 0% 10px; }
body.show-page-header #page-wrapper { margin-top: -170px; padding-top: 5px; }
/* Page header when it is OTHP as well*/
body.othp #page-header { height: 261px; }
body.othp { background-attachment: fixed; background-repeat: no-repeat; background-position: center top; }
body.othp #wrapper { padding: 0; width: 980px; margin: 0px auto; background-color: #FFF; }
body.othp #nav { width: 980px; margin: 0px auto; }
body.othp #page-wrapper { width: 974px; margin: 0px auto; padding: 3px; }
body.othp .container-fixed { width: 100%; }
body.othp #content { min-width: 650px; }
#master-header { margin-top: 5px; }
.page-menu ul { background-color: #2b6cd0; border-radius: 0px; margin: 0; padding: 0 8px; }
.page-menu ul li { margin-bottom: 0px; }
body.show-page-header #page-sub-header { border-bottom: 1px dashed #ccc; padding-bottom: 8px; }
#page-sub-header-feature ul li { float: none; clear: left; display: block; }
#content { min-width: 656px; width:80%; float: left;}
.content-section-row { display: table; }
.content-section-left { display: table-cell; width: 300px; }
.content-section-right { display: table-cell; }
.widget { margin-left: 10px; }
/* ====== New Header Code ====== */
#nav { height: 58px !important;}
#header { overflow-y: hidden; overflow-x: hidden; }
#logo { margin-left: 10px; }
#logo img { padding-top: 8px; }
#topnav { position: relative; height: 42px; background-color: #0075c8; }
#menu li a .button-inner { background: none!important; padding-left: 0px; font-size: 13px; padding-top: 0px; height: 19px; font-weight: normal; display: inline-block; color: #FFF; 	}
#menu li a:before { font-size: 18px; position: relative; top: 1px; color: #fff; font-family: IconFont; font-weight: normal; display: inline; padding-right: 8px; padding-top: 0px; }
#menu li.home a:before { content: "\f015"; }
#menu li.mail a:before { content: "\f0e0"; }
#menu li.addressbook abefore { content: "\f007"; }
#menu li.calendar a:before { content: "\f073"; }
#menu li.tasks a:before { content: "\f046"; }
#menu li.files a:before { content: "\f0ed"; }
#menu li.sms a:before { content: "\f10b"; }
#menu li.news a:before { content: "\f1ea"; }
#menu li.fax a:before { content: "\f1ac"; }
#menu li.settings a:before { content: "\f0ad"; }
#menu li.last {margin-right: 37px; }
#menu li.current a, #menu li.current a:hover { color: #fff !important; }
#menu li { line-height: normal;}
#menu li a { font-size: 13px; height: 30px; display: block; display: inline-block; padding: 10px 8px 2px; margin-right: 1px; margin-top: 0px; white-space: nowrap; }
#menu li:hover {opacity:1;} 
#menu li a:hover { color: #fff !important; background-color: #005797; }
#menu li.current a { background-color: #005797; }
#login-bar { background-color: #eee; padding: 5px 5px 6px; border-bottom: 2px solid #FFF;  }
#login-bar .input-group label { color: #000; }
#login-bar .input-group.loginform-forget-pass a { color: #000; }
#sign-up a.btn-register { background-color: #fff; padding: 6px 8px; font-weight: normal; vertical-align: baseline; white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: normal; margin-top: 8px; margin-right: 2px; font-size: 14px; margin-left: 20px; }
#sign-up .btn-signin {font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.page-menu ul { background-color: #666;  }
.page-menu ul li a { background-color: #666; }
.help .page-menu a { background-color: #666; }
.home .page-menu a { background-color: #666; }
}

/* Large devices (large desktops, 1200px and up)  */
@media all and (min-width: 1200px) {
#page-header-holder { width: 100%; height: 500px; }
.iabbillboard { width: 100%; height: 500px; max-width: 100%; }
.AdIabBillboard { width: 100%; height: 500px; display: block; }
}

/* Top nav color: Skins for RC */
.color-df5aad #topnav {background-color: #df5aad;}
.color-df5aad #menu li.current a {background-color: #c34292;}
.color-df5aad #menu li a:hover { background-color: #c34292; }

.color-b0263b #topnav {background-color: #b0263b;}
.color-b0263b #menu li.current a {background-color: #9e172b;}
.color-b0263b #menu li a:hover { background-color: #9e172b; }

.color-d74c1b #topnav {background-color: #d74c1b;}
.color-d74c1b #menu li.current a {background-color: #c33c0d;}
.color-d74c1b #menu li a:hover { background-color: #c33c0d; }

.color-83b600 #topnav {background-color: #83b600;}
.color-83b600 #menu li.current a {background-color: #75a201;}
.color-83b600 #menu li a:hover { background-color: #75a201; }

.color-ff9022 #topnav {background-color: #ff9022;}
.color-ff9022 #menu li.current a {background-color: #ea7a09;}
.color-ff9022 #menu li a:hover { background-color: #ea7a09; }

.color-83b600 #topnav {background-color: #83b600;}
.color-83b600 #menu li.current a {background-color: #75a201;}
.color-83b600 #menu li a:hover { background-color: #75a201; }

.color-00860e #topnav {background-color: #00860e;}
.color-00860e #menu li.current a {background-color: #00760d;}
.color-00860e #menu li a:hover { background-color: #00760d; }

.color-00b2b3 #topnav {background-color: #00b2b3;}
.color-00b2b3 #menu li.current a {background-color: #019fa0;}
.color-00b2b3 #menu li a:hover { background-color: #019fa0; }

.color-00829a #topnav {background-color: #00829a;}
.color-00829a #menu li.current a {background-color: #00748a;}
.color-00829a #menu li a:hover { background-color: #00748a; }

.color-47b4ff #topnav {background-color: #47b4ff;}
.color-47b4ff #menu li.current a {background-color: #269ae9;}
.color-47b4ff #menu li a:hover { background-color: #269ae9; }

.color-0075c8 #topnav {background-color: #0075c8;}
.color-0075c8 #menu li.current a {background-color: #005797;}
.color-0075c8 #menu li a:hover { background-color: #005797; }

.color-3c2cb6 #topnav {background-color: #3c2cb6;}
.color-3c2cb6 #menu li.current a {background-color: #2c1da4;}
.color-3c2cb6 #menu li a:hover { background-color: #2c1da4; }

.color-8d2297 #topnav {background-color: #8d2297;}
.color-8d2297 #menu li.current a {background-color: #791482;}
.color-8d2297 #menu li a:hover { background-color: #791482; }

.color-004e8d #topnav {background-color: #004e8d;}
.color-004e8d #menu li.current a {background-color: #00447a;}
.color-004e8d #menu li a:hover { background-color: #00447a; }

.color-001b41 #topnav {background-color: #001b41;}
.color-001b41 #menu li.current a {background-color: #093572;}
.color-001b41 #menu li a:hover { background-color: #093572; }

.color-5a0600 #topnav {background-color: #5a0600;}
.color-5a0600 #menu li.current a {background-color: #3f0400;}
.color-5a0600 #menu li a:hover { background-color: #3f0400; }

.color-3a0300 #topnav {background-color: #3a0300;}
.color-3a0300 #menu li.current a {background-color: #67100c;}
.color-3a0300 #menu li a:hover { background-color: #67100c; }

.color-585858 #topnav {background-color: #585858;}
.color-585858 #menu li.current a {background-color: #3f3f3f;}
.color-585858 #menu li a:hover { background-color: #3f3f3f; }

.color-000000 #topnav {background-color: #000000;}
.color-000000 #menu li.current a {background-color: #3f3f3f;}
.color-000000 #menu li a:hover { background-color: #3f3f3f; }

/* Styling for Opera Mini */
.opera-mini .menu-toggle.menu-toggle-active:before {
    content: "X";
    font-size: 24px;
    color: #fff;
    font-family: Arial;
    font-weight: normal;
}