/* Set-up the GRID */
/* CSS Resets (Meyer+) */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
margin:0;
padding:0;
-webkit-print-color-adjust:exact;}
body { font-size:100%;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{ border:0}
figure{ position:relative}
figure img { width:100%}
/***** The GRID ****/
.container { /* Content containers */
padding-left: 20px;
padding-right: 20px;
clear:both;}
.row { /* full-width container row */
width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: hidden;
position:relative;}
.row_footer { /* footer-specific container */
width: 80%;
max-width: 1000px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { /* 12 column widths */
margin-right: 3.8%; float: left; min-height: 1px;}
.main_content, .sidebar { /* create maincontent row with divider bar */
/*background:url('/structure/images/background/vertical_line.png') repeat-y right top;*/
padding-right:2%;
margin-right: 0;}
.sidebar {
/* additional sidebar divider bar (both overlap to ensure a consistent divider is shown) */
background-position: left top;
padding:0 0 2% 0; /* 1.6% */
margin:0 0 20px 0;}
.row .onecol { width: 4.85%;}
.row .twocol { width: 13.45%;}
.row .threecol { width: 22.05%;}
.row .fourcol { width: 32%; /* 32.15% 30.75% */}
.row .fivecol { width: 39.45%;}
.row .sixcol { width: 48%;}
.sevencol { width: 56.45%;}
.row .eightcol { width: 66%; /*width: 65.4%;*/}
.row .ninecol { width: 74.05%;}
.row .tencol { width: 82.7%;}
.row .elevencol { width: 91.35%;}
.row .twelvecol,
.full { width: 100%; float: left;}
.last { margin-right:0;}
img,
object,
embed { max-width: 100%;}
img {
height: auto;
behavior: url('/structure/images/ie/iepngfix.htc');
behavior: url('/structure/images/ie/iepngfix.php');}
.headlines_contact {
padding-left: 0;
margin-left: 0;}
/* ============================= */
/* Desktop Stlyes Only */
/* ============================= */
/***** Additional CSS Resets *****/
article, aside, details, figcaption,
figure, footer, header, hgroup, menu,
nav, section {
display:block;}
ul {list-style:none; list-style-type:none;}
/***** Base styling for all pages *****/
body {
margin:0;
padding:0;
font-size:0.85em;
line-height:1.35;
color:#111;
text-decoration:none;
font-family:'Open Sans', Arial, sans-serif;
background:#fff /*#fdfdfd*/;}
.preview.article {
margin: 20px;}
html { overflow-y:scroll; overflow:-moz-scrollbars-vertical;}
div.box { /* create a stretchy, zero padding/margin bloxk element for containing difficult elements! */
width:auto; height:auto; padding:0; margin:0; clear:inherit;}
#mask {
display:none;
background: #444;
position: fixed;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
opacity: 0.95;
z-index: 99999999;
overflow: hidden;}
.stop-menu-scroll-mobile {
width: 100%;
height: 100%;
overflow: visible;}
.hidden {
visibility: hidden !important;
opacity: 0 !important;
transition: all 0.2s 0s;}
div#mask.hidden{
visibility: hidden;}
/***** Links ******/
a, a:link, a:active {
color:#0164c8;
text-decoration:none;
border-bottom:none;
outline:0;}
a:hover {color:#111; text-decoration:underline; outline:0;}
a:focus { -moz-outline-style:none;}
/***** Noscript *****/
noscript {
color:#CF3008;
font-size:inherit;
position:relative;
z-index:9999;}
.sidebar noscript {
font-size:0.8em;}
/*Header bar for nav*/
#navigation,
#navigation_scroll {
height: 80px;
position:relative;
z-index: 9999999;
overflow:visible;
margin:124px 0 0 0;
background: #1165BD;
opacity: 1;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
-moz-box-shadow: 0 1 4px rgba(0,0,0,.5);
box-shadow: 0 1px 4px rgba(0,0,0,.5);
border-bottom: 1px solid #013c78;}
#navigation_scroll {
width: 100%;
min-width: 320px;
position:fixed;
top: -130px;
height: 50px;
margin-top:0;
padding: 0;}
#navigation .row,
#navigation_scroll .row {
overflow: visible;}
/*Header message bar style*/
#header_message_top { width:90%; margin:0 auto 10px auto}
#header_message_top h2 { text-align:left; display:block}
.header_container { margin:0 auto; text-align:center}
.header_message_btn { float:none}
/* yellow bar */
div.header_message,
div.print_info,
div.header_error {
line-height:1.35 !important;
font-weight:normal;
margin:0 0 0 0;
padding:7px 25px 7px 35px;
border-top:1px solid #cfc31f;
border-bottom:1px solid #cfc31f;
text-align:left;
background:#fffbcc url('/structure/images/icons/attention_small.png') no-repeat 2px 2px !important;}
div#heartbleed {
padding-left:12px;
background: #fffbcc url('/structure/images/icons/attention_small.png') no-repeat 2px 6px !important;}
div.print_info {
border:1px solid #cfc31f;
margin-bottom:10px;}
div.header_message:before,
div.header_error:before {
top:31px; height:2px; box-shadow:0 0 10px rgba(0,0,0,.75);}
div.header_message > h2 {
padding: 0 0 20px 0;}
div.header_message p {
font-size:12px !important;
padding: 5px 0;
margin: 0;}
div.header_error {
color:#313131;
border-top:1px solid #df8f8f;
border-bottom:1px solid #df8f8f;
background:#fddddd url('/structure/images/icons/attention_small_red.png') no-repeat 2px 2px !important;}
/**** IE Message Custom Styles ****/
div.header_message_IE6, div.print_info_IE6, div.header_error_IE6 {
text-align:left;
background: #fffbcc url('/structure/images/icons/attention_small.png') no-repeat 2px 17px !important;
padding: 20px 33px;}
div.header_message_IE6 > h2 {
padding: 0 0 20px 0;}
#browser_upgrade {
float: right;
position: relative;
top: -7px;}
#browser_upgrade > span {
position: relative;
top: -12px;
margin-right: 10px;
font-size: 0.8em;
font-weight: bold;}
#browser_upgrade > a > img {
width: 35px;
height: 35px;}
div.header_message_IE6 p {
padding: 5px 20px 5px 0;
margin: 0;}
/***** Content Area *****/
/* Individual content areas for home page, article lists, articles and other page types are defined in dedicated stylesheets. */
/***** Footer Area *****/
#footer {
min-height: 230px;
padding: 20px 0 20px 0;
margin: 30px 0 0 0;
font-size: 0.8em;
background: #1165BD;
position: relative;
z-index: 100;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.8);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.8);
box-shadow: 0 0 5px rgba(0,0,0,.95);
border-top: 1px solid #013c78;}
#footer_list { width:100%; text-align:center;}
#footer_list ul {
text-align:left;
list-style:none;
list-style-image:none;
width:120px;
display:inline-block;
vertical-align:top;
padding:0 10px;
margin:0 10px;}
#footer_list ul li {
list-style:none;
font-size:1em;
line-height:1.1em;
color:#fff;}
#copyright,
#copyright a {
font-size:0.95em;
line-height:1.75em;
margin:0 auto;
margin-top:30px;
clear:both;
text-align:center;
color:#fff;}
#footer a { color:#fff; border-bottom:none; text-decoration:none;}
#footer a:hover { color: #f3d513; }
/***** HONcode footer *****/
p.honcode {
text-align: left;
max-width: 320px;
margin: 20px auto !important;}
p.honcode a.seal {
float: left;
margin-right: 10px !important;}
p.honcode a img {
text-align: center;
margin: 0 auto;
display: block;
clear: both;
float: none;}
/***** A multitude of horizontal rules *****/
hr {
border:none;
background:#fff;
border-bottom:1px solid #e5e5e5;
height:1px;
width:100%;
margin:-1px 0 20px 0;
padding:0;
content:"";
display:table;
clear:both;}
hr.header_hr, body#knowledge_center hr.header_hr {
position: relative;
top: 76px;
max-width: 1200px;
margin: 0 auto;
border-bottom: none;}
body.headlines hr.header_hr {
border-bottom: 1px solid #e5e5e5;}
hr.home_review {
background:transparent;
border-bottom:none;}
hr.article {
width:100%;
margin:0 auto;
position:relative;
top:0.25em;
height:1px;
border-bottom:1px solid #f5f5f5;
background:none;}
hr.article_separator { margin:14px auto;}
hr.listing { margin:20px 0;}
hr.about { margin:0 0 0 0 ; padding:0 0 0 0;}
hr.yesterday {
width:80%;
float:left;
margin:0;
padding:0;}
hr.menu_top,
hr.menu_bottom { /*menu_bottom must sit outside of the header div!*/
margin:0 auto;
border:none;
width:100%;
height:1px;
background:#666;/*#f5f5f5;*/
clear:both;
border-bottom:1px solid #e5e5e5;}
hr.menu_bottom { border-bottom:none; position:relative; top:-1px; background:#000;}
hr.rss_bottom { margin:0 0 5px 0;}
.sidebar hr { margin:20px 0; padding:0 0 0 0; background:none; border-bottom:none;}
hr.non_print, hr.print { /* remove border/bg to render invisible */
border-bottom:none;
background:#fdfdfd;
margin: 20px 0;}
/***** Adverts *****/
#header_ad,
#article_ad_1,
#article_ad_2,
#article_ad_3,
#sidebar_ad_1,
#sidebar_ad_2,
#info_advert_bottom,
#comic {
display:block;}
#header_ad {
position: absolute;
top: 10px;
margin: 0 auto;
width: 100%;}
#comic {
margin: 0 7px;
padding:5px;
background:#fff;
border:1px solid #e5e5e5;}
#comic img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
opacity: 1;
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden;}
.site_header { /* creates space for leaderboard ad */
margin-top: 50px;}
.site_header {
margin-top: 20px;}
/* article_ad_1 - multple placement css */
/* main content */
body#knowledge_center div#article_ad_1_container { /* contains rating_top */
height: 365px;
float: right;
margin: 6px auto 20px 20px;
display: block;}
body#knowledge_center div#article_ad_1_container.info { /* KC info section-specific */
height: 250px;
float: right;
margin: 6px auto 20px 20px;
display: block;}
body#written div#article_ad_1_container, body#press_release div#article_ad_1_container {
height: 355px;
position: absolute;
top: 45px;
left: 68%;
width: 32%;}
/****** advert frames *****/
#article_ad_1,
#article_ad_2,
#article_ad_3,
#sidebar_ad_1,
#sidebar_ad_2 {
clear: both;
display: block;
margin: 0 auto;
padding: 6px 0;
min-height:250px;
border-top: 1px solid #e5e5e5 !important;
border-bottom: 1px solid #e5e5e5 !important;}
div#article_ad_3 {
height: 250px;
margin: 25px auto 30px auto;}
#header_ad #MNT_Leaderboard_Top div:before,
#article_ad_1:before,
#article_ad_2:before,
#article_ad_3:before,
#sidebar_ad_1:before,
#sidebar_ad_2:before {
content: "ADVERTISEMENT";
background: #fff;
position: relative;
display: block;
width: 90px;
font-size: 9px;
color: #444;
line-height: 1;
text-align: center;
top: -12px;
margin: 0 auto;
margin-bottom: -9px;
padding: 0;}
#header_ad #MNT_Leaderboard_Top div {
min-width: 468px;
min-height: 60px;
margin: 0 auto;
padding: 6px 0;
border-top: 1px solid #e5e5e5 !important;
border-bottom: 1px solid #e5e5e5 !important;}
#MNT_Leaderboard_Top { /* center align content */
text-align: center;
z-index: 999999 !important;
margin: 0 auto;}
#MNT_MREC_Right div,
#MNT_Flex_Right div {
margin: 0 auto;}
#MNT_600xFlex_Middle {
height: 250px;}
#MNT_600xFlex_Bottom {
margin: 0 !important;
height: 250px;}
div#article_ad_1.advert.mnt a img {
width: 300px;}
/****** END advert frames *****/
div#ad_left {
float:right;
display:inline-block;
margin:0 auto;}
div.center,
.centered,
img.centered { margin:0 auto;}
div.right { float:right;}
div#header_ad a,
div#header_ad a:hover {
border-bottom:none;
text-decoration:none;}
body.headlines div.logo a p,
body.headlines.previous div.logo a p,
body.headlines.custom div.logo a p,
.logo a p,
.logo_mini a p,
body.headlines div.special a p,
body.headlines.previous div.special a p,
body.headlines.custom div.special a p,
div.special a p{
color:transparent;
font-size:0;
margin-left:-10000px;}
/***** Images *****/
div.special a, div.special a:hover {
height:10px;
width:45px;
float:left;
margin:10px 0;
padding:0;
border-bottom:none;
text-decoration:none;
position:relative;
top:51px;
left:-60px;
z-index:9999;}
img {
padding:0;
margin:0;
border:0;
-ms-interpolation-mode:bicubic;}
.max-image { width:100%; height:auto;}
.img, .img a {
background:#eee;
border:1px solid #5d5d5d;
padding:1px;}
/***** Today's Headlines & Monthly Features (Styled List) *****/
/* Article listing classes as follows:
.writtens_top - top articles on home page
.pressreleases - default article and release listings
.writtens_bottom - prev day articles with images
.sidebar_feature - sidebar articles shown predominantly on the home page
Other listing classes as follows:
.infobox_large, .rss_list, .twitter_list, .facebook_list, .useful, .sidebar_feature */
ul.infobox_large,
ul.useful,
ul.rss_list,
ul.twitter_list,
ul.facebook_list {
padding:0;
margin:0 auto;
width:100%;
clear:left;}
ul.useful { padding:0; margin:25px auto;}
ul.infobox_large li a,
body.article div.main_content ul.featured li a,
ul.useful li a,
ul.rss_list li a,
ul.twitter_list li a,
ul.facebook_list li a {
list-style-type:none;
display:block;
margin:0;
padding:4px 10px 3px 10px;
text-decoration:none;
border:1px solid #e5e5e5;
overflow:hidden;
color:#313131;
background-color:#fff;
line-height:1.3em;}
ul.infobox_large li { margin-bottom:5px; page-break-inside:avoid}
ul.infobox_large li a { padding-top:10px;}
body.article div.main_content ul.featured li a {min-height:60px;}
ul.useful li a,
ul.rss_list li a,
ul.twitter_list li a,
ul.facebook_list li a {
min-height:30px;
margin:5px 0;
padding:0;
line-height:1em;}
ul.infobox_large li a img,
ul.rss_list li a div.rss_icon,
ul.twitter_list li a div.twitter_icon,
ul.facebook_list li a div.facebook_icon {
float:left;
background:#cacaca;
padding:0;
border:1px dotted #ccc;
margin:0 10px 0 0;}
ul.infobox_large li a img { /* gives images a fixed height and keeps original proportions */
height:auto; width:80px;margin:4px 10px 6px 0;}
ul.rss_list li a div.rss_icon,
ul.twitter_list li a div.twitter_icon,
ul.facebook_list li a div.facebook_icon {
margin:4px 7px 0 5px;
height:30px;
width:30px;
padding:0;}
ul.rss_list li a div.rss_icon,
ul.twitter_list li a div.twitter_icon,
ul.facebook_list li a div.facebook_icon {
margin:4px 8px 0 4px;}
ul.rss_list li a div.rss_icon,
ul.rss_list li a div.twitter_icon,
ul.rss_list li a div.facebook_icon {
background-repeat:no-repeat;
background-size:30px;
height:30px;
width:30px;}
ul.twitter_list li a div.rss_icon {
background-image:url('/structure/images/icons/rss_list.png');}
ul.twitter_list li a div.twitter_icon,
ul.facebook_list li a div.facebook_icon {
background-image:url('/structure/images/icons/twitter_list.png');}
ul.useful li a div div.headline,
ul.rss_list li a div div.rss_title,
ul.twitter_list li a div div.twitter_title,
ul.facebook_list li a div div.facebook_title {
display:block;
font-size:1.2em;
margin:3px 0 0 0;
padding:0;
border:none;
line-height:1.1em;}
ul.useful li a div {
font-size:0.9em;
padding:9px 9px 9px 9px;
margin:0 0 0 0;}
ul.infobox_large li a div div.headline {
font-size: 1.45em;
line-height: 1.2em;
letter-spacing: -1px;
padding: 0;
margin: 3px 0 0 0;
max-width: 580px;
margin-right: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333 /*#1e5799*/;}
body.article ul.infobox_large li a {
padding: 6px 10px 4px 10px;}
body.article ul.writtens_top li a div.headline {padding:1px 0 4px 0;}
ul.useful li a div div.headline {
font-size:1.1em;
vertical-align:middle;
text-overflow:ellipsis;
max-width:655px;
white-space:nowrap;
overflow:hidden;
margin:0;
padding:0;
font-weight:bold;
line-height:normal;
height:auto;}
ul.rss_list li a div div.rss_title,
ul.twitter_list li a div div.twitter_title,
ul.facebook_list li a div div.facebook_title {
margin:5px 0;
font-size:1.1em;
color:#333;
font-size:1em;
margin-top:2px;}
ul.infobox_large li a div div.excerpt {
display:block;
font-size:0.9em;
margin:0 0 0 91px;
padding:9px 0 0 0;}
ul.useful li a div div.excerpt {
padding:10px 0 2px 0;}
ul.rss_list li a div div.rss_url,
ul.twitter_list li a div div.twitter_url,
ul.facebook_list li a div div.facebook_url {
font-size:0.8em;
padding:0 0 5px 30px;}
div.twitter_url, div.facebook_url {
margin-top: -4px;}
ul.infobox_large li a div div.more {
display:block;
font-size:0.9em;
margin-top:5px;
padding:0;
font-style:italic;
font-weight:500;}
ul.useful li a div div.more:before {
content:"-";
padding:0 5px;}
/* hovers */
ul.infobox_large li a:hover,
ul.useful li a:hover,
ul.rss_list li a:hover,
ul.twitter_list li a:hover,
ul.facebook_list li a:hover,
#article_tabs li a.current,
#article_tabs li a.current:hover,
#info_tabs li a.current,
#info_tabs li a.current:hover {
color:#222;/* background defined styles_baselines.css */
background-color: rgba(14, 80, 148, 0.1);
transition: all 0.25s;}
#article_tabs li a.current, #article_tabs li a.current:hover {color:#fff;}
ul.rss_list li img a:hover,
ul.twiiter_list li img a:hover,
ul.facebook_list li img a:hover {
border:3px solid #fff;
position:relative;}
/* IE */
* html ul.useful li a,
* html ul.rss_list li a,
* html ul.twitter_list li a,
* html ul.facebook_list li a {
/* make hover effect work in IE */
width:100%;
margin:0;
padding:10px 0;
display:block;
border-bottom:none;}
/***** Pagination *****/
body.article .main_content .article_body ul.pagination, ul.pagination {
width:auto;
min-height:41px;
margin:10px 5px 0 0;
list-style-type:none;
display:block;
clear:both;
position:relative;
border-top:1px solid #e5e5e5;
padding:0;}
ul.pagination {
margin:10px 0 0 0;}
ul.pagination.headlines {
margin:20px 20px 20px 0 !important;
padding-left:0 !important;
border:none;}
ul.pagination li {
float:left; margin:5px 5px 4px 0; display:block;}
ul.pagination li:first-child { margin-left:5px}
ul.pagination li a {
text-decoration:none; padding:6px 9px 6px 9px;color:#444; background:#ececec; border:dotted 1px #ccc;display:inline-block}
ul.pagination li a img { border:none}
ul.pagination li a:hover,
ul.pagination li a.current { color:#fff; text-shadow:0 1px #3C3C3C; border-color:#202020; background:#444; background:-moz-linear-gradient(top, #9F9F9F 0, #6C6C6C 0, #444); background:-webkit-gradient(top, 0, 0 100%, color-stop(0.02, #6C6C6C), color-stop(0, #444));}
ul.pagination li a.inactive { color:#bbb; text-shadow:none; border-color:#ccc; background:#ececec; background:-moz-linear-gradient(top, #9F9F9F 0, #6C6C6C 0, #444); background:-webkit-gradient(top, 0, 0 100%, color-stop(0.02, #6C6C6C), color-stop(0, #444));}
ul.pagination div { /* social buttons - inline with pagination */
width:auto;
float:right;
margin:4px 4px 0 0;
height:34px;}
ul.pagination .button_follow { /* set toolbox height */
height: 32px;
margin-left: 11px;
margin-right: 1px;}
ul.pagination .button_follow img { /* default image state */
border:1px solid #aaa;}
ul.pagination .button_follow :hover { /* 1px greyscale fade-in hover */
filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */
-webkit-filter:grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition:all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility:hidden; /* Fix for transition flickering */
opacity:0.8;
border:1px solid #444;}
/***** Tables *****/
/* see forms.css */
img.category_headline { /* right align the category image and make it inline */
height: 78px;
float: right;
display: block;
background: #ececec;
border: 1px solid #aaa;
padding: 0;
margin: 2px 5px 10px 20px;}
body.category .main_content h1 { /* reset line-height and remove top margin to bring in-line with image */
font-size:2.2em;
display:inline-block;
line-height:1;
margin:0 0 18px 0;}
/***** Text Reader Stuff *****/
/* Hide text labels but show them on text readers! */
.visuallyhidden {
position:absolute;
overflow:hidden;
clip:rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px; padding:0; border:0}
/* Header message elements */
div#close_message,
div#close_button,
div#header_close_button {
position:relative;
width:15px;
height:15px;
float:right;
background:url('/structure/images/icons/close.png') no-repeat top right;
background-size:15px;
top:1px;
z-index:0;}
div#close_message,
div#close_button,
div#header_close_button {
font-weight:bold;
font-size:1.1em;
text-indent:-999px;
color:#f00;
top:0;}
div#close_button, div#header_close_button {
font-weight: normal;
text-indent: 0;
font-size: 0.9em;
height: 21px;
width: 150px;
position: relative;
right: 7px;
top: 4px;
margin-right: 0 !important;
margin-top: 5px;
color: #B20000;
background-size: 20px;
background-position: right -2px;
cursor: pointer;}
div#close_message {top:7px;}
div#close_button {
top: -5px;
left: 5px;}
/* MNT Counters */
.mnt_counters {
position:absolute;
overflow:hidden;
clip:rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;}
div#print_message {display:none;}
div#footer_printer_friendly {/* print footer for "print-friendly" pages*/
padding:16px 16px 0 16px;
margin:30px 0 20px 0;
border:1px solid #e5e5e5;
background:#f9f9f9;}
div#footer_printer_friendly p, #footer_printer_friendly a {
font-size:0.9em;
color:#313131;
text-align:center;}
div#footer_printer_friendly a {
font-size:1em;}
div#footer_printer_friendly hr {
width:90%;
margin:0 auto 18px auto;
border-bottom:1px solid #ccc;
background:none;}
/***** Author Profiles *****/
ul.author_profile {
list-style-image:none;
clear:left;
display:block;
margin:0 auto 20px 0;
padding:0;
width:100%;}
ul.author_profile li {
display:block;
padding:10px 20px 10px 10px;
margin:0 auto;
border:1px solid #e5e5e5;
min-height:102px;}
.author_social { /* social icons left*/
margin-right:-9px;
float:right;
height:100%;
z-index:999;}
.author_social a.button_follow img {
width:24px;
height:24px;
display:block;
margin-bottom:2px;}
.author_image {
margin:0 12px 0 0;
display:block;
width:100px;
height:100px;
border:1px solid #bbb;
float:left;}
.author_name {
font-weight:normal;
text-align:left;
display:block;
margin-top:-1px;}
.author_name strong {
margin-right:8px;}
.author_bio {
font-weight:normal;
font-size:0.94em;
text-align:left;
display:block;
margin:6px 40px 0 114px;}
.author_bio br {
line-height:2.1em;}
hr.author_profile {
margin:10px 0;
padding:0;}
/***** Slide-in Content *****/
#slidebox_container { /* create and offest slidebox */
width: 29.9%;
position: fixed;
right: -9999px;
bottom: 20px;
z-index: 9999;
padding-bottom: 7px;
background-color: #fff;
border-top: 3px solid #002F66;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
-moz-box-shadow: -2px 0 5px #aaa;
box-shadow: 0 0 10px rgba(0,0,0,.8);}
#slidebox { /* set-up dimensions and padding */
padding:0 0 6px 0;}
#slidebox .slidebox_header { /* header area */
background:#e8e8e8;
padding:6px 10px 5px 10px;}
#slidebox h2 { /* headline */
color:#222;
font-size:18px;
margin:0;
padding:13px 10px 10px 10px;
line-height:1.2;
text-align: right;}
#slidebox p, a.top_button { /* default text and buttons */
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#444;
margin:0;}
a.top_button {
color:#0164c8;
font-weight:normal;
font-size:11px;
padding:0 10px;
float:right;}
a.top_button:hover {
text-decoration:underline;}
#slidebox > div > a.close { /* close icon */
float:right;}
#slidebox > div > a > img {
width:15px;
height:15px;
position:absolute;
cursor:pointer;
top:5px;
right:5px;}
/* MNT adverts */
div#twitter_ad, div#newsletter_ad {
height: 200px;
max-width: 320px;
margin: 0 auto 30px auto;
background: url('/structure/images/icons/twitter_ad.png') no-repeat 20px 160px;
background-size: 35px 30px;}
div#twitter_ad.dark {
background-color: #444;}
div#newsletter_ad {
background: #1e5799 url('/structure/images/icons/newsletter_ad.png') no-repeat 20px 160px;
background-size: 35px 30px;}
div#twitter_ad.light, div#newsletter_ad.light {
background-color: #fff;
border: 1px solid #e5e5e5;}
div#twitter_ad div.action,
div#newsletter_ad div.action {
padding: 1px 20px 10px 70px;
position: relative;
top: 165px;
text-align: left;
line-height: 18px;
font-weight: 600;
font-size: 1.4vw !important;}
div#twitter_ad p, div#newsletter_ad p {
padding: 0 20px 10px 20px;
position: relative;
top: -20px;
text-align: right;
line-height: 1.2;
font-size: 1.7vw;
color: #fff;}
div#twitter_ad.dark p,
div#twitter_ad.dark div.action,
div#newsletter_ad div.action {
color:#fff;
text-decoration:none;
border-bottom:none;}
div#twitter_ad.light p,
div#twitter_ad.light div.action {
color:#444;}
#twitter_ad span.social_twitter_subscribe {
float: left;
display: block;
background: transparent;
position: relative;
margin: 20px 0 0 20px;
width: auto;}
div#twitter_ad.light a:hover,
div#twitter_ad.dark a:hover,
div#newsletter_ad a:hover {
color:#fff;
text-decoration:none;
border-bottom:none;}
div#twitter_ad.light a:hover {
color:#444;}
/*------------------------------------------*/
/* Social Count boxes
/*------------------------------------------*/
/* DEFAULT SIDEBAR TOP */
.share_counts_sidebar {
height: 32px;
width: 67px;
padding: 0;
margin: 0;
display: inline-block;
font-weight: 600;
text-align: center;
color: #fff;
background: #444;}
.share_counts_sidebar p {
font-size: 1.1em;
min-width: 37px;
height: 32px;
margin-top: 6px !important;
padding: 0 !important;
display: block;
text-align: center;}
#sidebar_social a.facebook,
#sidebar_social a.twitter,
#sidebar_social a.googleplus,
#sidebar_social a.linkedin,
#sidebar_social a.pinterest {
width: 32px;
height: 32px;
display: block;
margin: 0 1px 0 0;
padding: 0;
float: left;}
#sidebar_social a img {
width: 32px;
transition: all 0.5s 0;}
#share_social_bottom a img:hover,
#sidebar_social a img:hover{
filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition:all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility:hidden; /* Fix for transition flickering */
opacity:0.8;
text-decoration: none !important;}
div.article_body span.anchor {
display: block;
height: 50px; /*greater than header*/
margin-top: -50px; /*greater than header*/
visibility: hidden;}
/***** FOLLOW TWITTER *****/
.btn i {
background: transparent url('/structure/images/social/social_64_white_twitter.png') 0 0 no-repeat;
background-size: 24px;
background-position: 0 !important;
width: 21px !important;
height: 16px !important;
left: 4px !important;
margin-top: -6px !important;}
.xl .btn, .xl .hcount .count-o {
height: 28px !important;
background: #26c4f1 !important;}
/* ARTICLE TOP BUTTONS */
span#article_top_facebook, span#article_top_twitter {
background: #306199 url('/structure/images/social/social_64_white_facebook.png') -2px 0 no-repeat;
height: 24px;
min-width: 60px;
display: inline-block;
line-height: 23px;
background-size: 24px;}
span#article_top_facebook {
margin-right: 4px;
float: left;}
span#article_top_twitter {
background: #26c4f1 url('/structure/images/social/social_64_white_twitter.png') 0 0 no-repeat;
background-size: 24px;
width: 60px;
overflow: hidden;}
span#article_top_twitter, span#article_top_facebook,
span#article_top_twitter a, span#article_top_facebook a {
color: #fff;}
span#article_top_facebook a.share,
span#article_top_twitter a.share {
background-size: 32px;
display: block !important;
text-indent: -9999px;
float: left;}
span.share_counts_top {
float: right;
margin-right: 4px;
font-weight: 600;}
#article_top_facebook .buttons {
position: relative;
top: 0;
left: 6px;
height: 20px;
width: 47px !important;
overflow: hidden;
margin: 0;}
.button.twitter {
margin-top: 2px;
padding-left: 1px;}
/* ARTICLE BOTTOM BUTTONS */
div#share_social_bottom {
display: block;
clear: both;
margin: 0 auto;
height: 64px;
padding-top: 8px;
border-top: 1px solid #eee;}
div#share_social_bottom div {
display: block;
float: left;
width: 13%;
margin: 0 1%;
padding: 0 !important;}
div#share_social_bottom div:first-child {
margin-left: 13.5%;}
div#share_social_bottom div:last-child {
margin-right: 13.5%;}
div#share_social_bottom a img {
width: 100%;
height: 100%;
display: inline;
margin: 0;
padding: 0;}
div#share_social_bottom span.social_button_counts {
display: inline-block;
width: 100%;
height: 24px;
background: #444;
color: #fff;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 1.6;
vertical-align: middle;
margin: 0;
padding: 0;}
div#share_social_bottom span.social_button_counts:after,
div#share_social_bottom span.social_button_counts:before {
right: 100%;
top: 0%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;}
/***** Global Typography Classes *****/
strong { font-weight:bold;}
p { margin:8px 0 16px 0;font-size:inherit;}
p.info_section_bottom {
clear: both;
font-size: 0.9em;
font-style: italic;
margin-top: 0;
margin-bottom: 30px;}
p.archive,
.headlines_contact {
font-size:0.9em !important; }
p.archive {
margin-top: 20px;
text-align: center;}
.sidebar p {
margin-bottom: 8px;
margin-top:0;}
.headlines_contact {
padding-left:0;
margin-left:0;
line-height:1.7;
margin-top:0 !important;}
p.archive {margin-top:20px;}
body > div.article_print.non_print > div.print_container.non_print > div.article_body p {
color:#000;}
.clear { clear:both;}
.clear_right { clear:right;}
.clear_left { clear:left;}
.float_left { float:left;}
.float_right { float:right;}
.float_center { margin:0 auto}
.about {
font-size: 1em;
margin: 0 0 20px 0;
height: 55px;}
.about hr { margin:10px 0;}
.block { display:block;}
/* Small screen show/hide */
.screen_only {display:inline-block;}
.mobile_only {display:none !important ;}
div.message_knowledge_center span.screen_only {
display: inline !important;}
/* headings */
h1, h2, h3, h4, h5, h6 {
margin:24px 0 18px 0;
padding:0;
font-weight:normal;
letter-spacing:-1px;
text-shadow:1px 1px 2px #fff;
clear:both;
display:block;}
/* normal */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight:inherit;
border-bottom:none;}
h1 { font-size:2.2em;}
h2 { font-size:1.45em;display:table-cell;margin:0 0 10px 0;padding:18px 0 10px 0;line-height:1.1em;}
h3 { font-size:1.25em;font-weight:normal; display:block;margin:32px 0 18px 0;}
h4, h5, h6 { font-size:1.1em; }
/* headlines pages */
body.headlines h1,
body.headlines.previous h1,
body.headlines.previous.custom h1 {
display: inline-block;
font-size: 0.98em;
line-height: 1.5em;
padding: 0 0 0 0;
margin: 0 0 20px 15px;
clear: left;
width: auto;
height: 35px;}
body.headlines h1,
body.headlines.previous h1 {
width: 390px;}
body.headlines h1,
body.headlines.previous h1 {
letter-spacing:normal;}
body.headlines.custom .headlines_split .writtens_top {
margin-top: 0;}
h1.sectiontitle { /* listings-style pages */
margin-top:7px;}
/* misc typesetting */
.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6 {
display:block; padding-top:0; padding-bottom:6px; margin-top:0;}
.headlines .main_content h2,
.sidebar h2 {
max-width: 100%;
display: block;
color: #fff;
background-color: #1165BD;
text-shadow: none;
padding: 8px;
line-height:1.3;}
h2.no_padding { /* eliminates top padding */
margin:-5px 0 0 0;
padding:0 0 10px 0;
line-height:1; }
#footer h3 {
display:block;
color:#F3D513;
font-size:1.6em;
margin-bottom:10px;
border-bottom:1px solid #1e5799;
text-shadow:1px 1px 2px #1e5799;}
h3.info_section_bottom {padding-top:0;}
h1 span.heading_note,
h2 span.heading_note,
h3 span.heading_note {
clear:left;
color:#666;
font-weight:500;
display:block;
font-size:0.55em;
letter-spacing:0;
vertical-align:middle;
margin:0 0 20px 0;}
.sidebar span.heading_note {margin:0 0 0 0;}
body.article h2 span.heading_note {
margin-bottom:0;}
h1.comment_heading,
h3.comment_heading {
margin:0;padding-top:0;text-shadow:none;}
div.main_content h1.headline {margin:0 0 30px 0;}
.contact h2 {
margin:6px 0 16px 0;}
sup, sub {
color:inherit;
font-size:0.5em;
font-weight:bold;
padding:0 2px 0 1px;}
div.fb-like-box {
margin-bottom:16px;}
/***** Code *****/
.pre,
.pre-normal {
display:inline;
background:#fff;
padding:1.5em;
border:1px solid #e5e5e5;
margin-bottom:20px;
display:block;}
.pre {
font-family:monospace;}
/***** Blockquotes *****/
/* see styles_article.css */
/***** Lists *****/
ul, ol { margin:0;}
ul, ul.square,
body.article .main_content .article_body ul {
margin:20px 0 30px 18px;
font-size:1em;
padding-left:10px;
list-style:square outside;
text-decoration:none;
display:block;}
body.headlines div.main_content div.stack_content ul.category {
margin:15px 10px 5px 0;}
body.headlines div.main_content ul.category {
margin:0 5px 12px 0;}
ul ul, ul ol, ol ol, ol ul { margin:4px 0 5px 30px; font-size:90%;}
ul ul li, ul ol li,ol ol li, ol ul li { margin-bottom:6px;}
li { line-height:1.35em; margin-bottom:10px;}
li p { line-height:1.5em;}
ol {
counter-reset:li; /* initiate counter */
list-style-type:none;
margin:20px 0 30px 3px;
padding:0;}
ol li:before {
display:inline-block;
content:counter(li) "."; /* set counter as content */
counter-increment:li; /* increment counter by 1 */
width:9px;
font-size:0.8em;
font-weight:bold;}
ol li {
text-indent:-9px;
margin-left:25px;}
ol li thanks_desc /*used in thank you list */ {
display:block;
text-indent:0;
font-size:0.9em;}
ol.thanks li:before /*used in thank you list */ {
text-indent:-20px;}
body.archive ul.square li a {
color:#444;}
body.archive ul.square li a:hover {
color:#999;}
body.article div.main_content ul.featured {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;}
body.article div.main_content ul.comments {
margin:10px 0 0 0;
padding:0 0 0 0;}
body.article div.main_content ul.featured li a div excerpt {
padding-left:120px !important; }
body.article div.main_content ul.featured li a div more {
display:block;
clear:left;
padding-left:0;}
/***** Info Section TOC *****/
div.info_toc {
overflow: auto;
width: 100%;
clear: both;
margin: 0 auto 30px auto;
padding: 10px 0 6px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1.2em;}
body.article div.info_toc ul {
display:inline-block;
overflow:hidden;
padding:0 10px;
margin:0 !important;
position:relative;
list-style-type:square;
list-style-position:outside;
float:left;
min-width:25%;}
body.article div.info_toc ul#right {
margin-top:0;}
div.info_toc ul li {
margin:0 0 0 18px;
font-size:0.8em;
line-height:1.5em;
color:#111;}
div.info_toc select{
display:none;
}
/***** Message Boxes *****/
.error, .warning, .success, .information, .message_knowledge_center {
font-size:0.9em;
padding:17px 0 0 0;
margin:0 auto 20px 0;
border:solid 1px;
min-height:24px;
width:100%;
clear:both;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative; }
.error {
border-color:#df8f8f;
background:#fddddd url('/structure/images/icons/message_error.png') no-repeat 4px 10px;}
.warning {
min-height:22px;
border-color:#cfc31f;
background:#fffbcc url('/structure/images/icons/message_warning.png') no-repeat 4px 10px;}
.success {
border-color:#acdbad;
background:#ecfae3 url('/structure/images/icons/message_success.png') no-repeat 4px 10px;}
.information {
border-color:#7eccf2;
background:#ebf7fd ;
min-height: 52px;}
.information p:before,.error p:before, .warning p:before, .success p:before{
padding:0 18px 30px;
content:" ";
display:block;
width:0;
height:0;
position:absolute;
top:10px;
left:0;}
.information p:before{background:#ebf7fd url('/structure/images/icons/message_info.png') no-repeat 10px 2px;}
.error p:before{background:#fddddd url('/structure/images/icons/message_error.png') no-repeat 10px 2px;}
.warning p:before{background:#fffbcc url('/structure/images/icons/message_warning.png') no-repeat 10px 2px;}
.success p:before{background:#ecfae3 url('/structure/images/icons/message_success.png') no-repeat 10px 2px;}
.error p, .warning p, .success p, .information p{
padding: 0 10px 10px 46px;}
.message_knowledge_center {
padding:0;
margin:0 auto 20px auto;
background:#DEF3E9 url('/structure/images/icons/message_knowledge_center.png') no-repeat 7px 50%;
background-size:26px 26px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #3B7D61;}
.error h2, .warning h2, .success h2, .information h2{
padding:4px 10px 12px 45px; }
.message_knowledge_center p {padding:0 10px 0 28px; margin:-2px 0 8px 0;}
.message_knowledge_center p { margin:10px; padding:0 0 0 30px; }
.message_knowledge_center strong a {color:inherit;}
div.header_message p { padding:5px 20px; margin:0;}
.newsletter_image_large img {
display: block;
width: auto;
height: auto;
max-width: 350px;
margin: 10px auto 0 auto;}
button.extra.large.center {
width:100%;
padding: 20px;
margin-bottom: 15px;}
.success.newsletter {
max-width: 260px;
margin: 20px auto;}
.warning.newsletter {
width: 100%;
max-width: 100%;
margin: 0;}
.error.newsletter h2, .warning.newsletter h2, .success.newsletter h2, .information.newsletter h2 {
padding: 0 0 0 45px;
margin: -2px 0 0 0;
display: block;}
.error.newsletter h2, .warning.newsletter h2, .success.newsletter h2, .information.newsletter h2 {
padding: 0 0 0 45px;
margin: -2px 0 0 0;
display: block;}
.error.newsletter p, .warning.newsletter p, .success.newsletter p, .information.newsletter p {
padding: 0 10px 0 46px;}
button.extra.large.center {
width: 100%;
padding: 20px;
margin-bottom: 20px;}
/***** misc typography *****/
.draft { color:#f33}
p.copyright { font-size:1.1em}
#copyright p,
#copyright p a {
font-size:1em;
margin:0 0 0 0;
line-height:1.5em;}
.red { color:#c00;}
.normal { font-weight:normal !important;}
.small {
font-size:0.8em;
font-weight:normal;}
/* Scroll-to-top button */
#message a, #message a:link ,#message a:visited {
display:block; /* display:block before hiding */
display:none; /* link is above all other elements */
z-index:999; /* link hides text behind it */
opacity:.9;
position:fixed; /* link stays at same place on page */
bottom:20px; /* link goes at the bottom of the page */
right:20px; /* link is set to the right */
width: auto;
height: auto;
padding: 8px;
font-size: 14px;
text-align: center;
color: #fff;
font-weight: 600;
border: 1px solid #444;
border-radius: 5px;
height: 30px;
width: 30px;
background: #444 url('/structure/images/icons/to-top.png')center center no-repeat;
background-size: 32px;
text-indent: -9999px;
-webkit-transition:all .1s; /* Fade to color for Chrome and Safari */}
#message a:hover {
background-color: #656565;
border: 1px solid #656565;
background-size: 24px;
text-decoration: none;}
/***** FAQ pages *****/
div.faq_entry .answer p {
margin:4px 0 15px 15px;
border-left:10px solid #cccccc;
background-color:#f4f4f4;
line-height:1.4em;
padding:10px;
font-size:12px;}
div#faq dl, dt, dl {
margin:0;
padding:0; }
div#faq dt {
padding-left:10px;
min-height:28px;
cursor:pointer;
background:url("/structure/images/bullets/bullet_set_3s.png") 0 -984px no-repeat;
background-size:23px 1500px;}
div#faq dt:before {
content:"-";
padding-right:5px;}
div#faq dt a {
border-bottom:none;
text-decoration:none;
color:#333;}
div#faq dt a:hover,
div#faq dt.open a {
color:#0164c8;}
div#faq dt.open, div#faq dt.open:hover,
div#faq dt:hover{
background:url("/structure/images/bullets/bullet_set_3s.png") 0 -954px no-repeat;
background-position:1px -954px;
background-size:23px 1500px;}
div#faq dd {
margin:10px;
padding:10px;
border-left:4px #1e5799 solid;
padding:0 8px 0 8px;
width:95%;}
div#faq dd *:first-child {
margin-top:0;
padding-top:0;}
/***** Pagination *****/
dt {
margin-top:10px;
font-size:1.1em;}
dt.open a {
color:#555;
border-bottom:1px solid #ccc;}
dd {
display:block;
margin:0 0 5px 10px;
padding:5px 12px;
border-left:1px solid #ccc;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;}
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */
/**** Site switch ****/
.site_switch {
text-align:center;
margin:0 auto 30px auto;
position:relative;
left:-5px;}
a.search_article1_title:hover,
a.search_article2_title:hover {
text-decoration:none;}
.search-container hr {
margin-bottom:5px;}
h2.footer_datebox_prev {
padding: 0!important;
margin: 0 auto;
text-align: center;
font-weight: normal;
width: 100%;
background-color: transparent !important;
font-size: 2em;}
h2.footer_datebox_prev a,
h2.footer_datebox_prev a:visited {
color:#444;
text-decoration:none;}
h2.footer_datebox_prev a:hover {
color:#999;
text-decoration:none;
border-bottom:none;}
h2.footer_datebox_prev a span {
color:#555;
font-size:2.5em;
position:relative;
top:7px;
margin:0 10px;}
h2.footer_datebox_prev span:hover {
color:#444;
text-decoration:none;}
mark, blockquote mark,
.altarticles_right em, .photobox_right em, .photobox_left em, .photobox_main em, .photobox_center em {
background-color:inherit !important;
font-weight:inherit !important;
font-style:inherit !important;
text-decoration:none !important;
border-bottom:none !important;
color:inherit !important;
}
blockquote mark {
background-color:#faebbc !important;}
/***** Header bar structure *****/
#navdiv {}
.menu_left,
.menu_right {
padding-top:30px;}
.menu_left {
float: left;
margin-left: 10px;}
div#navigation .menu_right,
#navigation_scroll .menu_right {
float: right;
margin: 0;
background: url('/structure/images/menu/menu_divider.png') no-repeat;
background-position: 18px 15px;
background-size: 2px 24px;}
#navigation_scroll .menu_left,
#navigation_scroll .menu_right { /* mini menu */
padding-top: 14px;}
#navigation_scroll .menu_left { /* mini menu */
margin-left: 0;}
body.logged_in #navigation_scroll #navdiv ul li.cat {
display: none;}
/***** Logo *****/
.logo {
margin-left: -5px;}
.logo a,
.logo_mini a {
float: left;
margin: 10px 0;
border-bottom: none;
text-decoration: none;}
.logo a {
height: 60px;
width: 90px;
background: url('/structure/images/logo/logo.png') no-repeat;
background-size: 90px 60px; }
.logo_mini a {
height: 30px;
width: 80px;
background: url('/structure/images/logo/logo_mini.png') no-repeat;
background-size: 80px 35px;
position: relative;
margin-right: 10px;}
#navdiv ul {
width: auto;
margin: 0 auto;
padding: 0;}
#navdiv ul li {
font-size:1em;
line-height:1.6em;
float:left;
display:block;
text-align:center;
position:relative;
padding:0 10px 0 0;
margin:0;}
#navdiv ul li.cat {
padding-top: 2px;}
#navdiv ul li a {
color:#fff;
text-shadow: none;
display:block;
outline:0;
text-decoration:none;
border-bottom:none;}
#navdiv li.personalise {
display:block;}
#navdiv li a:hover, #navdiv li a:active,
#navdiv li.cat a:hover, #navdiv li.cat a.active {
color: #f3d513;}
#navdiv li a.drop {
background: url('/structure/images/menu/menu_drop.png') right 11px no-repeat;
background-size: 10px 24px;
padding: 2px 12px 0 0;}
#navigation_scroll #navdiv li.personalise a {
padding-right: 0;
margin-left:0;}
#navigation_scroll #navdiv li.personalise a {
margin-left: 5px;
margin-right: 10px;}
#navdiv li a:hover, #navdiv li a.active {
background: url('/structure/images/menu/menu_drop.png') right -7px no-repeat;
background-size: 10px 24px;}
#navdiv li.personalise a,
#navdiv li.newsletter a {
height: 32px;
width: auto;
background: url('/structure/images/account/menu_account_icon.png') left 1px no-repeat;
background-size: 24px 138px;
text-align: left;
text-indent: 30px;
padding-top: 2px;
padding-right: 10px;}
#navdiv li.newsletter a {
background: url('/structure/images/menu/menu_newsletter.png') left 4px no-repeat;
background-size: 24px 96px;}
#navdiv li.personalise a:hover,
#navdiv li.personalise a.active {
background: url('/structure/images/account/menu_account_icon.png') left -49px no-repeat;
background-size: 24px 138px;}
#navdiv li.newsletter a:hover,
#navdiv li.newsletter a.active {
background: url('/structure/images/menu/menu_newsletter.png') left -70px no-repeat;
background-size: 24px 96px;}
#navdiv .menu_right ul {
padding:0 88px 0 0;}
.menu_right ul li {
font-size:1em;
line-height:1.6em;
float:left;
display:block;
text-align:center;
padding:0 10px 0 0;
margin:0 5px 0 0;}
.menu_right li.cat_list_all,
.menu_right li.cat_list_1,
.menu_right li.cat_list_2,
.menu_right li.cat_list_3,
.menu_right li.cat_list_4,
.menu_right li.cat_list_5,
.menu_right li.cat_list_6,
.menu_right li.cat_list_7,
.menu_right li.cat_list_8,
.menu_right li.cat_list_9 {
padding:0 3px 3px 0;}
.dropdown_1col,
.dropdown_1-5col,
.dropdown_2col,
.dropdown_3col,
.dropdown_4col,
.dropdown_5col {
z-index: 9999990;
margin:1px auto 0 auto;
float:left;
position:absolute;
left:-9999em; /* Hides the drop down */
text-align:left;
padding: 10px 5px 10px 5px;
border:1px solid #ccc;
background:#eee;
background: -moz-linear-gradient(180deg, #fff, #f4f4f4);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));}
.dropdown_1col {width: 200px;}
.dropdown_1-5col {width: 230px;} /* your categories */
.dropdown_2col {width: 427px;}/*+280px*/
.dropdown_3col {width: 600px; min-height: 250px; padding-bottom: 0;}/*+180px*/
.dropdown_4col {width: 560px;}
.dropdown_5col {width: 700px;}
li.personalise div div.col_1 { padding-bottom:35px;}
li.personalise div div.col_1.dropdown_no_padding { /* disables bottom padding when logged-in */
padding-bottom: 0 !important;}
li a.reminder, /*target pwd reminder in "personalize" */
.menu_right li a.reminder:hover {
display: block;
font-size: 1em;
float: right;
padding: 2px 6px;
text-shadow: none;
background: #444;
right: -10px;
bottom: -10px;}
.menu_right li:hover,
.menu_right li:hover .dropdown_3col,
.menu_left li.personalise:hover .dropdown_1col {
left:auto; top:auto;}
.menu_right li.cat_list_all:hover .dropdown_2col { left:-3px;}
.menu_right li.cat_list_1:hover .dropdown_3col { /* a-b */ left: -260px;height: 297px;}
.menu_right li.cat_list_2:hover .dropdown_3col { /* c-d */ left: -312px;height: 297px;}
.menu_right li.cat_list_3:hover .dropdown_3col { /* e-g */ left: -365px;;height: 237px;}
.menu_right li.cat_list_4:hover .dropdown_3col { /* h-l */ left: -417px;;height: 237px;}
.menu_right li.cat_list_5:hover .dropdown_3col { /* m-o */ left: -468px;;height: 267px;}
.menu_right li.cat_list_6:hover .dropdown_3col { /* p-r */ left: -525px;;height: 297px;}
.menu_right li.cat_list_7:hover .dropdown_3col { /* s-z */ left: -575px;;height: 297px;}
.menu_left li.personalise:hover .dropdown_1col.active {
position: absolute;
left: -11px !important;
height: 315px;}
.menu_left li.personalise:hover .dropdown_1col.active {
height: 205px;}
.menu_right li.cat:hover .dropdown_1-5col {
position: absolute;
left: 0 !important;}
.col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}
.col_1 {width:190px;}/*dropdown_3col / 3 */
.col_2 {width:417px;}/*+270px*/
.col_3 {width:590px;}/*+120px*/
.col_4 {width:550px;}
.col_5 {width:690px;}
.menu_right p, .menu_right h2, .menu_right h3, .menu_right ul li { text-align:left;}
.menu_right h2 {
font-size: 21px;
font-weight: 400;
letter-spacing: -1px;
margin: 0 0 14px 0;
padding: 3px 0 8px 0;
border-bottom: 1px solid #999;
display: block;}
#navdiv li.personalise h2 {
padding: 0;
height: 30px;}
.menu_right h2 span.menu_icon_personalize,
.menu_right h2 span.menu_icon_categories {
width:30px;
height:30px;
text-indent:-9999px;
position:relative;
top:-2px;
float:right;}
.menu_right span.heading_note {margin-bottom: 0;}
.menu_notes { /* for "edit" message in your categories */
float: left; padding: 10px 0 0 0; width: 230px; text-align: left;}
div.menu_notes a {
color: #0164c8 !important; text-shadow:none !important; font-size:1.2em; float:right; text-align:right; padding-right:2px;}
.menu_right h2 span.menu_icon_personalize { background: url('/structure/images/menu/icons.png') 0 0 no-repeat; background-size:150px 300px;}
.menu_right h3 {
font-size:14px;
margin:7px 0 14px 0;
padding-bottom:7px;
border-bottom:1px solid #666;}
.menu_right p {font-weight: normal; text-align: right; margin: 0 0 0 0;}
.menu_right li:hover div a { color:#eee;}
.menu_right li:hover div a:hover { color:#ddd; text-decoration:underline;}
.imgshadow { /* Better style on light background */
background:#fff;
padding:4px;
border:1px solid #777;
margin-top:5px;
-webkit-box-shadow:0 0 5px #666;
-moz-box-shadow:0 0 5px #666;
box-shadow:0 0 5px #666;}
.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:5px 15px 5px 5px;}
.menu_right li .black_box {
background-color:#444;
color: #eeeeee;
padding:4px 6px 4px 6px;
margin:0 0 4px 0;}
.menu_right li ul {
list-style:none;
list-style-image: none; padding:0; margin:0 0 12px 0;}
.menu_right li ul li {
font-size:12px;
line-height:24px;
position:relative;
padding:0;
margin:0;
float:none;
text-align:left;
width:180px;}
li .greybox li {
background:#444;
border:1px solid #2d2d2d;
margin: 0 0 2px 0 !important;
padding: 3px 4px 4px 4px !important;
width:180px;}
li.personalise ul.greybox li.log_out {
background-color: transparent;
border: none;}
li.personalise ul.greybox li.log_out a {
color: #444 !important;
text-align: right;
margin-top: 15px;}
li.personalise ul.greybox li.log_out:hover {
background-color: transparent !important;}
li .greybox li.wide {
width: 220px;}
li .greybox li:hover {
background-color: #777 !important; border:1px solid #4d4d4d; margin:0 0 2px 0; padding:1px 4px 1px 4px;}
li.personalise ul.greybox {
padding-left: 0;
padding-top: 10px;}
li.personalise ul.greybox li a {
text-align: left;
padding-left: 22px;}
li.personalise ul.greybox li.newsletter {
background:#444 url('/structure/images/account/menu_newsletter_icon.png') no-repeat 7px 7px;
background-size: 12px 12px !important;}
li.personalise ul.greybox li.custom_homepage {
background:#444 url('/structure/images/account/menu_custom_home_icon.png') no-repeat 7px 7px ;
background-size: 12px 12px !important;}
li.personalise ul.greybox li.profile_settings {
background:#444 url('/structure/images/account/menu_profile_icon.png') no-repeat 7px 7px ;
background-size: 12px 12px !important;}
li.personalise ul.greybox li.opinions {
background:#444 url('/structure/images/opinions/menu_opinions_icon.png') no-repeat 7px 7px ;
background-size: 12px 96px !important;}
li.personalise ul.greybox li.profile_password {
background:#444 url('/structure/images/account/menu_password_icon.png') no-repeat 7px 7px ;
background-size: 12px 12px !important;}
li.personalise ul.greybox li.log_out {
background:none;
/*background:#444 url('/structure/images/account/menu_logout_icon.png') no-repeat 59px 5px;
background-size: 20px 20px !important;*/}
.edit_categories {
margin: 40px 20px 20px 20px !important;
padding: 0 !important;
width: 150px;
font-size: 1em;
text-indent: 20px !important;
float: right;
background: url('/structure/images/account/menu_edit_categories_icon.png') no-repeat 0 4px;
background-size: 12px 12px !important;}
.menu_right div#search_toggle,
.menu_right div.opinions,
#notification_container {
cursor: pointer;
width: 28px;
height: 28px;
float: right;
overflow: hidden;
text-indent:-9999px;}
.menu_right div.opinions {text-indent:0px;}
.menu_right div#search_toggle {
background: url('/structure/images/search/menu_search_icon.png') 0 2px no-repeat;
background-size: 24px 96px;
margin: 0;}
.menu_right div#search_toggle:hover {
background: url('/structure/images/search/menu_search_icon.png') 0 -67px no-repeat;
background-size: 24px 96px;}
.menu_right div.opinions {
margin-right:10px;}
.menu_right div.opinions,
#notification_container {
background: url('/structure/images/opinions/menu_opinions_icon.png') no-repeat 0 -2px !important;
background-size: 24px 192px !important;}
.menu_right div.opinions:hover,
#notification_container:hover {
background: url('/structure/images/opinions/menu_opinions_icon.png') no-repeat 0 -152px !important;
background-size: 24px 192px !important; }
.menu_right div#search_toggle,
.menu_right div.opinions {
top: 0;
right: 0;
position: relative;
z-index: 999999;}
.menu_right div.opinions a {
color: transparent;}
#search_area,
#navigation_scroll #search_area {
position: relative;
right: 3px;
top: 65px;
display: block;
transition: all 0.3s 0s;}
#navigation_scroll #search_area {
top: 52px;
right: -27px;}
#searchwrapper, #searchwrapper:hover, #searchwrapper:focus {
padding: 10px;
margin: 0;
font-size: 14px;
color: #fff;
width: 300px;
height: 30px;
z-index: 999999;
position: absolute;
top: -18px;
right: 2px;
opacity: 1;
transition: all 0.1s 0s;
visibility: visible;
border: 1px solid #ccc;
background: #eee;
background: -moz-linear-gradient(180deg, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
-moz-box-shadow: 0 1 4px rgba(0,0,0,.3);
box-shadow: 0 1px 4px rgba(0,0,0,.3);
border: 1px solid #868B90;
border-top: 1px solid #1165BD;
-webkit-border-radius: 2px;
-moz-border-radius-: 2px;
border-radius: 2px;}
#searchwrapper .search_trigger form input[type=text] {
padding: 0 5px;
height: 30px;
width: 227px;
color: #111;
background: #f9f9f9;
border: 1px solid #ccc;
display: block;
position: initial;
float: left;}
#search_area #searchwrapper .search_trigger form input[type=text]:focus {
border: 1px solid #ddd;
background-color: #ffc;
outline: none;}
#searchwrapper form input {
margin-top:0;
margin-left:2px;
height:27px;}
input.searchbox_submit,
input.searchbox_submit {
border:0; /*important!!!*/
position:absolute; /*important!!!*/
right:10px;
width:20px;
height:26px;}
input.searchbox { /*searchbox input form tag */
font-size:0.9em;
color:#fff;
border:0; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0;
left:0;
width:270px;
height:26px;}
#searchwrapper button#header_search_button {
height: 30px;
padding: 5px;
margin: 1px 0 0 0;
text-shadow: none;
outline: 1px solid #444;
border-bottom: none;
font-weight: normal;
font-size: 1.1em;
float: right;}
#searchwrapper button#header_search_button:hover {
background-color: #000;
color: #fff;}
button#header_search_button:active {
top: 0;}
#searchwrapper .search_trigger:focus {}
#searchwrapper .search_trigger form input,
#searchwrapper .search_trigger form input :hover,
#searchwrapper .search_trigger form input :focus { display:inline; padding:0; margin:0;}
.edit_categories {
margin: 40px 20px 20px 20px !important;
padding: 0 !important;
width: 150px;
font-size: 1em;
text-indent: 20px !important;
float: right;}
li.personalise ul.greybox li.log_out {
background: url('/structure/images/account/menu_edit_categories_icon.png') no-repeat 0 4px;
background-size: 12px 12px !important;}
a.view_categories {
font-size: 1.5em !important;
padding-top: 30px;
margin-bottom: 10px;}
div.personalise-container a:hover {
color: #f3d513;}
/*************************/
/***Quick search styles***/
/*************************/
.dropdown-menu {
position: fixed;
display: none;}
ul.typeahead {
width: 238px !important;
margin-top: 31px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #ccc;
top: 51px;}
/*
#navigation_scroll ul.typeahead {
width: 199px !important;
margin-top: 27px !important;
margin: 0 !important;
padding: 0 !important;
top: 51px;}
*/
ul.typeahead li{
padding: 0 !important;}
ul.typeahead.dropdown-menu li {
float: none !important;
text-align: right !important;
list-style-type: none;
margin-bottom: 0;
background: #fff;
font-size: 0.9em !important;
border-bottom: 1px solid #eee;}
ul.typeahead.dropdown-menu li a {
margin: 0 !important;
padding: 3px 5px !important;
font-size: 1em !important;
color: #444 !important;}
ul.typeahead.dropdown-menu li a strong {
color: #000 !important;}
ul.typeahead.dropdown-menu li a:hover {
background: #ffc;}
ul.typeahead.dropdown-menu li:first-child {
margin-top: 1px;}
ul.typeahead.dropdown-menu li a.category_no_result {
display: inline !important;
padding: 0 !important;
font-weight: bold;}
/* mini menu categories */
#navigation .menu_right select,
#navigation .menu_right noscript div.no_js_categories a,
#navigation_scroll .menu_right .mini_categories select,
#navigation_scroll .menu_right noscript div.no_js_categories a,
#navdiv li.personal_dropdown select {
display: block;
margin: 0;
padding: 0;
float: left;
width: 28px;
height: 28px;
color: transparent;
font-size: inherit;
font-family: inherit;
overflow: hidden;
border: none;
border-radius: 0;
-webkit-appearance: none;
outline: 0;
text-decoration: none;
border-bottom: none;
background: url('/structure/images/menu/hamburger.png') 0 0 no-repeat;
background-size: 24px 96px;
cursor: pointer;
position: relative;
top: 4px;
left: -20px;
z-index: 2000;}
#navigation .menu_right noscript div.no_js_categories a,
#navigation_scroll .menu_right noscript div.no_js_categories a {
display:none;}
#navigation .menu_right select:hover,
#navigation .menu_right noscript div.no_js_categories a:hover,
#navigation_scroll .menu_right .mini_categories select:hover,
#navigation_scroll .menu_right noscript div.no_js_categories a:hover {
color: transparent;
background: url('/structure/images/menu/hamburger.png') 0 -71px no-repeat;
background-size: 24px 96px;
text-shadow: none;}
#navdiv li.personal_dropdown select {
background: url('/structure/images/account/menu_account_icon.png') left -2px no-repeat;
background-size: 24px 138px;
right: 0;
top: 0;
margin: 0;
width: 32px;
height: 24px;}
#navdiv li.personal_dropdown select:hover {
background: url('/structure/images/account/menu_account_icon.png') left -52px no-repeat;
background-size: 24px 138px;}
#search_toggle a {
width: 24px;
height: 28px;
position: absolute;}
/***** Forms *****/
div.form-container,
div.search-container,
div.personalise-container {
padding: 15px 0 0 0 ; clear: both; border-top: none;
overflow: auto;}
.form-container h2 {
padding-top: 0;
}
div.personalise-container {
padding-top:0;}
div.form-container label,
div.form-container span.label,
div.search-container label,
div.search-container span.label,
div.personalise-container form div label,
div.personalise-container form div span.label,
div.personalise-container form div span.label {
display:inline; padding:4px 6px 0 0;float:left; text-align:left;font-weight:bold;}
div.personalise-container form div span.label {
display: initial;
padding: 0;
float: initial;
position: relative;
top: 0;
font-size: 0.9em;
left: 1px;
font-weight: normal;}
div.form-container label, div.form-container span.label {
clear:both;
margin-bottom:5px;}
div.personalise-container form div label span.note {
font-size:0.93em;}
div.search-container label.search {font-size:1.2em;}
div.form-container label em {
position:relative; top:3px; padding-right:6px;font-size: 110%;color: #c00;}
div.personalise-container input[type=text],
div.personalise-container input[type=password],
div.form-container input[type=text],
div.form-container input[type=password],
div.form-container textarea,
div.form-container input[type=submit],
div.search-container input[type=text],
div.search-container input[type=submit] .search,
div.search-container input[type=submit] {
outline:none;
display:inline;
float:right;
font-size:1em;
margin: 0 0 0 0;
padding: 5px;
width:60%;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
div.personalise-container input[type=text],
div.personalise-container input[type=password] {
margin-bottom:8px;
float:left;
width:100%}
div.personalise-container button.float_left {
width: 100%;}
div.form-container input[type=submit],
div.search-container input[type=submit] {
font-size: 0.9em;
color: #fff;
position: relative;
left: -1px;
background-color: #444;
padding: 7px 12px 6px 12px;
text-decoration: none;
width: 80px;
border: none;}
div.search-container input[type=submit] {
margin-top: 3px;
clear: right;}
div.form-container input[type=submit] {
display: block;
float: left;
margin: 0 10px 5px 0;}
div.form-container input[type=text],
div.form-container input[type=password],
div.form-container textarea {
width:100%;
margin-bottom:10px;}
div.search-container input[type=text]:focus {
outline:none; background-color:#ffc; border-color:#fc6;}
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {
background-color:#ffc;
border-color: #fc6;
display:inline;
box-sizing:border-box;}
div.form-container input[type=submit] {
width: auto;}
div.form-container input[type=submit]:hover,
div.search-container input[type=submit]:hover {
color:#fff; background:#999; cursor:pointer;}
div.search-container div.advanced {
display:inline; float:right; clear:both; margin: 5px 0 10px 0; font-size:0.9em;}
div.search-container div#dates {
clear:both; margin: -10px 0 10px 0; padding: 0 0 10px 0; float:right;text-align:right;}
div.search-container div#dates label,
div.search-container div#dates span.label {
font-size:0.85em; font-weight:normal; }
div.search-container div.break {
clear:both; margin:5px 0 0 0;}
div.search-container div#dates select {
margin-top:6px;}
div.search-container div.controlset input {
text-align:right;display:inline;padding:0;margin: 10px 0 0 0;
width: auto;}
div.form-container textarea {min-height:100px;}
div.form-container input.error {
border-color: #FC6; background-color: #FEF; }
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px;}
div.personalise-container form div.controlset {
margin: 6px 0 12px 0;
clear: both;}
div.personalise-container form div.controlset label a { font-weight:normal;margin-top:-2px; text-decoration:none; text-shadow:none; display:inline !important;}
div.personalise-container form div.controlset label a img {
position: relative;
top: 2px;
left: 2px;}
select.form_select,
select.conditions_select {
background: transparent;
width: 100%;
display:inline-block;
padding: 5px;
line-height: 1.5;
border: 0;
border-radius: 0;
-webkit-appearance: none;
height: 34px;
overflow: hidden;
background: url("/structure/images/icons/down_arrow_select.png") no-repeat right #ddd;
background-size:33px;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;}
select.conditions_select {
margin: 12px 0 20px 0;}
select.form_select::-ms-expand,
select.conditions_select::-ms-expand {
display: none;
}
/***** Error Messages *****/
div.errors { clear: both; margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #ffc; }
div.errors p { margin: 0; }
div.errors p em {
color: #C00;
font-weight: bold;
position: relative;
top: 5px;
font-size: 1.3em;
font-style: normal;}
div.errors { margin-bottom:10px; padding-bottom:10px;}
label.error, span.error { color: #C00; }
.error_message{
margin-top: 5px;
color: #C00;
font-size: 0.9em;
margin-left: 0 !important;
margin-bottom: 5px !important;}
/***** Login Forms *****/
.login-popup {
display: none;
background: white;
padding: 10px;
float: left;
width: 700px;
font-size: 1em;
position: fixed;
top: 50%;
left: 50%;
z-index: 999992;
-webkit-box-shadow: 0 0 20px #999;
-moz-box-shadow: 0 0 20px #999;
box-shadow: 0 0 20px #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px 3px 3px 3px;}
.login-popup:after{
zoom:1; content:""; display:block; clear:both;}
.forgot{ clear: both; font-size: 13px;}
.graylabel{ font-size: 13px; color: gray;}
.login_left,.header-popup-left,
.login_right,.header-popup-right {
font-size: 0.9em;
/*width: 39%;
margin-left: 9%;*/
width: 45%;
position: relative;
float: left;
padding-right: 3%;}
.login_left,.header-popup-left {
border-right: 1px #ddd solid;}
.login_left input[type=text]{
width: 90%;}
.login_right,.header-popup-right {
margin: 0%; float:right;}
div.login-popup div.login_left,div.login-popup div.header-popup-left{
margin-left: 2%;
width: 46%;}
div.login-popup div.login_right,div.login-popup div.header-popup-right {
width: 44%;}
div.controlset {
margin-bottom: -12px;}
div.controlset span.label {
margin-top: -3px;}
.continue,.login_register {
background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
margin: 10px;
padding: 8px 15px;
border:1px solid #1A87B9;
border-radius: 4px;
/* Font styles */
text-decoration: none;
color:#fff;
font-size:17px;
cursor: pointer;}
.continue:hover,.login_register:hover {
background:#1989FF;}
/***** Opinions Search *****/
span.breadcrumb.opinion-search {
padding-right:0;
height: 25px;}
span.breadcrumb.opinion-search button {
margin: 0 10px 0 2px;
outline: none;}
.form-container.opinion-search {
position: relative;
top: -25px;
padding: 0 0 0 0;
float: right;}
div.form-container.opinion-search input[type=submit] {
float: right;
margin: 0;
padding: 4px 6px 5px 6px;
font-size: 1.2em;}
div.form-container.opinion-search input[type=text] {
width: 105px; margin:0;padding:5px;}
/***** Misc Typography *****/
form p { margin: 0; }
p.note { width:100%; float:left; font-size:0.9em; color: #666; padding:0 0 10px 0; clear:both; }
fieldset {
margin: 10px 0; padding: 10px; border: #ddd 1px solid;}
fieldset div { padding: 0.3em 0; clear:both;}
form legend { font-weight: bold; color: #444; padding: 0 5px; }
.legend { margin-bottom: 1em; }
.legend em { color: #c00; font-style: normal; }
/***** Buttons *****/
button {border:0 none; margin:0; text-align:left; }
button:focus { outline: none;}
button, button:visited {
background: #188BC0 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x;
display: inline-block;
padding: 5px 10px 6px;
margin: 5px 0;
color: #fff;
text-decoration: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;}
button.last {margin-top:12px;}
button.paginated {margin-right:10px;}
button:hover, button.black:hover {
background-color: #e5e5e5;
color: #111;
text-shadow: none;
outline: none;
border-bottom: 1px solid #ccc;}
button:active { top: 1px; }
button.small.buttons, button.small:visited { font-size: 11px; }
button, button:visited,
button.medium, button.medium:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
button.large, button.large:visited { font-size: 14px; padding: 8px 14px 9px; }
button.black, button.black:visited { background-color: #444; }
button.green, button.green:visited { background-color: #91bd09; }
button.green:hover { background-color: #749a02; }
button.blue, button.blue:visited { background-color: #2daebf; }
button.blue:hover { background-color: #007d9a; }
button.grey, button.grey:visited {
font-weight: normal;
padding-top: 6px;
padding-bottom: 5px;
color: #444;
background-color: #ddd;
text-shadow: 0 -1px 1px rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(0,0,0,0.05);}
button.grey:hover {background-color: #111; color: #fff;}
button.red, button.red:visited { background-color: #e33100; }
button.red:hover { background-color: #872300; }
button.magenta, button.magenta:visited { background-color: #a9014b; }
button.magenta:hover { background-color: #630030; }
button.orange, button.orange:visited { background-color: #ff5c00; }
button.orange:hover { background-color: #d45500; }
button.yellow, button.yellow:visited { background-color: #ffb515; color:#444; text-shadow: 0 -1px 1px rgba(0,0,0,0.1); }
button.yellow:hover { background-color: #fc9200; }
.btnmore {
margin-right: 5px;
}
input[disabled],
input[disabled]:focus {
background-color:#f1f1f1;
color:#777;
font-weight:normal;
border-color: #eee;
display:inline;
box-sizing:border-box;}
#close_button {
float: right;
cursor: pointer;
margin-right: 20px;
font-size: 1.5em;
text-decoration: none !important; }
.rss {
font-size: 0.8em !important;
font-weight: normal !important;
background-image: url(/structure/images/icons/rss_add_feed.png) !important;
background-repeat: no-repeat !important;
width: 32px;
height: 32px;
background-size: 16px !important;
background-position: center !important;
margin-right: 5px;
padding: 7px 7px 7px 8px!important;}
#close_button:hover { text-decoration: none !important; border-bottom: none;}
.login_pop_btn{ clear: both;}
#close_message{ cursor: pointer; text-decoration: none !important; }
.cat:after{
zoom:1;
content:"";
display:block;
clear:both;
}
.cat input,.cat textarea{
float: none !important;
display: inline !important;
min-width: 0 !important;
}
.cat1_left{
width:50%;
position:relative;
float:left;
font-size:11px;
clear: left;
}
.cat1_right{
width:47%;
position:relative;
float:right;
font-size:11px;
clear: right;
}
.btn_newsform{
cursor: pointer;
}
.weekly_news{
margin-left: 68px;}
.frequency select{
width: 200px;
margin-left: 20px;}
/*Logout Message style*/
#toast_message_logout {
display: block;
font-size: 1.1em;
z-index: 9999999;
width: 340px;
height: 20px;
position: absolute;
top: 230px;
left: 50%;
margin-top: 0;
margin-left: -195px;
margin-bottom: -30px;
padding: 15px 15px 15px 30px;
text-align: center;
color: #333;
border: 1px solid #cfc31f;
background: #fffbcc url('/structure/images/icons/attention_small.png') no-repeat 0 50% !important;}
/*Question mark style*/
.round_question{
font-size: 1em;
font-weight: bolder;
text-align: center;
width: 8px;
height: 8px;
padding: 0 7px 1px 7px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: #444;
margin-left: 10px;}
.round_question a,.round_question a:link{
color: white;
text-decoration: none;}
div.personalise-container span.round_question {
font-size: 1em;
font-weight: bolder;
text-align: center;
width: 8px;
height: 18px;
padding: 0 7px 4px 6px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: #444;
margin: 0 0 0 5px;
display: inline-block !important;}
/*Opinion google search style*/
#googleSearchUnitIframe iframe{
width: 100% !important;}
.video_frame {
padding: 10px;
/*margin: 13px 25px 10px 0;*/
border: 1px solid #e5e5e5;
background-color: #fff;
text-align: center;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;}
.video_frame iframe,
.video_frame object,
.video_frame embed {
position: absolute;
top: 1%;
left: 1%;
width: 98%;
height: 98%;}
/* Number in newsfeed*/
.number{
color: #ffffff;
text-align: center;
width: 20px;
height: 20px;
padding: 4px 13px;
-moz-border-radius: 23px;
-webkit-border-radius: 23px;
border-radius: 23px;
background-color: #32a6f0;
margin-right: 10px;
}
/*Form AJAX ERROR*/
form label.formError{
font-size: 12px;
color:#c00;
font-weight: bold;
display:block;
clear: both;
width: auto;
text-align: left;
background-image: none;
}
form input.formError, form select.formError,form textarea.formError {
border: 1px solid #C93C3C !important;
}
/* Monthly Feature styles are shared by Homepage Headlines in "styles_baseline.css". */
/***** Sidebar Advert Margins *****/
div#sidebar_social.article { /* spacing for MREC_Right advert */
margin-bottom: 350px;}
body#knowledge_center #sidebar_social { /* KC Articles with no MREC_Right advert */
margin-bottom: 20px;}
/***** Sidebar Typography *****/
.sidebar {}
/***** Sidebar Boxes *****/
div#sidebar_social {
width: 233px;
height: 52px;
margin: 3px 0 20px 0;
float: right;}
ul.sidebar_feature {
width: 100%;
margin: 0 0 20px 0 !important;
padding: 0 !important;}
ul.sidebar_feature li {
border-bottom: 1px solid #e5e5e5;
margin: 0;
display: block;}
ul.sidebar_feature li a,
ul.sidebar_social,
ul.sidebar_conditions {
list-style-type:none;
display:block;
margin: -3px 0px 0 0;
padding:4px 10px 3px 10px;
text-decoration:none;
overflow:hidden;
color:#444;
line-height:1.3em;
font-size: 0.95em;}
ul.sidebar_feature li a {
padding: 7px;
margin: 8px 0;}
ul.sidebar_conditions div.conditions_label {
display: block;
font-size: 0.85em;
font-weight: bold;
margin: 0;
padding: 8px 10px;
background: #444;
color: #fff;}
ul.sidebar_conditions div#form-container {
margin: 0 0 -15px 0;}
ul.sidebar_social,
ul.sidebar_conditions {
padding: 0;
margin: 0 0 20px 0;}
ul.sidebar_conditions {
padding-bottom: 0;
border-bottom: 1px solid #e5e5e5;}
ul.sidebar_social li,
ul.sidebar_conditions li {
padding: 0;
margin: 0;}
ul.sidebar_conditions li {
padding: 0 10px;
border: none;}
* html ul.sidebar_feature li a { /* make hover effect work in IE */
width:100%;
margin:0;
padding:18px 0;
border-bottom:none;}
ul.sidebar_feature li a, ul.sidebar_feature li a div.excerpt, ul.sidebar_feature li a div.more { font-size:0.9em;}
ul.sidebar_feature li img {
float:right;
display:block;
/*background:#ececec;*/
padding:0;
border:1px solid #bbb;
margin:3px 1px 3px 6px;
width:100px;}
ul.sidebar_feature li img.psycology { width:80px;}
ul.sidebar_feature li a div.more { font-weight:bold;display:inline-block;}
ul.sidebar_feature li a div div.headline {
display: block;
font-size: 1.2em;
line-height: 1.1em;
margin: -2px 25px 10px 0;
padding: 0;
border: none;
clear: both;
color: #222;}
ul.sidebar_feature li a div.excerpt { padding-right:4px;}
ul.sidebar_feature li a:hover {
color: #111;
background-color: rgba(14, 80, 148, 0.1);
transition: all 0.25s;}
/* sidebar infobox knowledge center flags */
/*
*/
ul.sidebar_feature li a div.featured,
ul.sidebar_feature li a div.choice,
ul.sidebar_feature li a div.knowledge {
width: 30px;
height: 30px;
background-size: 20px 80px !important;
padding: 0;
margin: -5px 0 0 0;
display: block;
position: absolute;
right: 0;}
/***** Sidebar Feature - PROMOTED *****/
ul.sidebar_feature:nth-child(1) {
margin: 0 0 20px 0 !important;
width: 99%;
border: 1px solid #e5e5e5;}
ul.sidebar_feature:nth-child(1) li {
border: none;}
ul.sidebar_feature:nth-child(1) li a {
min-height: 114px;
margin: 0;}
/***** Popular Tabs *****/
.hide { position:absolute; top:-9999px; left:-9999px;}
#popular_tabs, #article_tabs, #info_tabs {
font-size:0.9em;
width:100%;
margin:0 auto;
padding:0;
display:block;}
#popular_tabs {
margin: 0 auto 40px 0;}
div#article_tabs, div#info_tabs {
clear:both; padding-top:0;}
#popular_tabs ul p {
display: none;}
#article_tabs ul#additional,
#article_tabs ul#references,
#article_tabs ul#citations,
#info_tabs ul#sources,
#info_tabs ul#useful {
padding:0 0 0 0; margin:0 0 -15px 0;}
#popular_tabs div.list-wrap,
#article_tabs div.list-wrap,
#info_tabs div.list-wrap {
border:1px solid #e5e5e5;
/*background:#fff;*/
padding:5px 10px 10px 10px;
margin:-1px 0 0;}
#popular_tabs div.list-wrap {
height: 100% !important;
border: none;
padding-bottom: 0;}
#article_tabs div.list-wrap,
#info_tabs div.list-wrap {
padding: 10px 20px 20px 10px;
min-height: 16px;
max-height: 300px;
overflow-y: auto;
margin-bottom: 20px;}
#article_tabs ul ul,
#info_tabs_tabs ul ul {
margin-bottom:20px;}
#popular_tabs ul li a,
#article_tabs ul li a,
#info_tabs ul li a {
list-style-type:none;
list-style-image:none;
display:block;
border:none;
padding:5px;
margin:0;
line-height:1.3em;
color:#222;}
#article_tabs ul li a,
#info_tabs ul li a {
display:inline-block; color:#0164c8; padding-left:0;}
#popular_tabs ul li a {
padding: 0;
margin: 10px 5px;
transition: all 0.25s;}
#popular_tabs ul li:last-child a,
#article_tabs ul li:last-child a,
#info_tabs ul li:last-child a { border:none;}
#popular_tabs .list-wrap ul li a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: 0;
top: 4px;
width: 14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #666;
font-size: 2em;
font-weight: bold;
text-align: center;
transition: all 0.25s;}
#popular_tabs .list-wrap ul li a:visited:before,
#popular_tabs .list-wrap ul li a:hover:before {
color: #ccc;}
#popular_tabs div.list-wrap ul li a:hover,
#popular_tabs div.list-wrap ul li a:visited {
background:transparent;color:#999;border-bottom:none;text-decoration:underline;}
.list-wrap ol {
margin-left:0;
font-size:1em;}
.list-wrap ol li, #article_tabs ol li {
display:inline-block;
width:95%;}
.list-wrap ol li a, #article_tabs ol li a {
display:inline;
line-height:1.6em;}
#popular_tabs .nav,
#article_tabs .nav,
#info_tabs .nav { list-style:none;
list-style-image:none;overflow:hidden;padding:0;margin:0 0 0 0; padding:0 0 0 0;}
#popular_tabs .nav li,
#article_tabs .nav li,
#info_tabs .nav li {
width:33.3%; float:left; margin:0 0 0 0; padding:0 0 0 0; border:none;}
#info_tabs .nav li {
width: 50%;}
#popular_tabs .nav li.last,
#article_tabs .nav li.last,
#info_tabs .nav li.last {margin-right:0;width:33.4%;}
#popular_tabs .nav li a,
#article_tabs .nav li a,
#info_tabs .nav li a {
display:block;
text-align:center;
padding:10px 0;
font-weight:bolder;
color:#222;}
#popular_tabs .nav li a:hover,
#article_tabs .nav li a:hover,
#info_tabs .nav li a:hover {
background:#444; color:#fff; text-decoration:none;}
#popular_tabs ul {list-style:none;
list-style-image:none; list-style:none; margin:0; width:100%;}
#popular_tabs .list-wrap ul li a:hover { color:#999; border-bottom:none;text-decoration:none;}
#popular_tabs li a.current,
#popular_tabs li a.current:hover,
#article_tabs li a.current,
#article_tabs li a.current:hover,
#info_tabs li a.current,
#info_tabs li a.current:hover {
color:#fff !important;
border-left:none;
background:#444;}
#popular_tabs li a.current:hover,
#article_tabs li a.current:hover,
#info_tabs li a.current:hover {
color:#fff;
border-bottom:none;
/* background defined in "styles_baseline.css" */}
#popular_tabs ul#more li {
line-height:3em;}
#popular_tabs ul#more {margin-left:15px;}
#popular_tabs ul#more p {margin:6px 0 20px -15px;}
#popular_tabs ul#more li a {margin:10px 0 -2px -10px;}
#popular_tabs .list-wrap ul li.featured a:visited,
#popular_tabs .list-wrap ul li.choice a:visited,
#popular_tabs .list-wrap ul li.release a:visited,
#popular_tabs .list-wrap ul li.knowledge a:visited {
color:#888;}
#article_tabs div.list-wrap ul li a:visited,
#info_tabs div.list-wrap ul li a:visited { color:#0164c8;}
/* IE */
* html ul.sidebar_feature li a {
/* make hover effect work in IE */
width:100%;
margin:0;
padding:10px 0;
display:block;
border-bottom:none;}
div.list-wrap p {
margin-top: 12px;
font-size: 0.95em !important;}
#popular_tabs .list-wrap ul {
counter-reset: li;
margin-left: 0;
padding-left: 0;}
#popular_tabs .list-wrap ul li {
position: relative;
min-height: 40px;
margin: 0;
padding: 0 0 0 25px;
list-style: none;
border-bottom: 1px solid #e5e5e5;}
#popular_tabs .list-wrap ul li:first-child {
border-top: 1px solid #e5e5e5;}
#popular_tabs .list-wrap ul li:last-child {
border-bottom: 1px solid #e5e5e5;
margin-bottom:0;}
/***** Social *****/
hr.social {
background: #e5e5e5 !important;}
div.toolbox_bottom {
float: left;
width: 64px;
margin: 2px 0 0 4px;
}
div.sidebar div#article_ad_1,
div.sidebar div#rating_top {
float: left;
margin: 0 auto 40px auto;
max-width: initial;
max-height: initial;
clear: both;}
div.sidebar div#rating_top {
margin-bottom: 30px !important;
width: 95%;
padding-bottom: 0;
max-height: 125px;}
div.sidebar div.box {
width: 100%;
height: 20px;
display:block;
padding: 0;
margin: 0;
clear: both;}
div.sidebar div#rating_top div#rating_top_pub,
div.sidebar div#rating_top div#rating_top_pro {
top:-2px;}
div.sidebar div.pub_rating,
div.sidebar div.hcp_rating {
position: relative;
top: -9999px;}
.introjs-overlay{position:absolute;z-index:99999;background-color:#000;opacity:0;background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-fixParent{z-index:auto !important}.introjs-showElement{z-index:9999999 !important}.introjs-relativePosition{position:relative}.introjs-helperLayer{position:absolute;z-index:9999998;/*background-color:#FFF;background-color:rgba(255,255,255,.9);*/border:2px solid white;border:2px solid white;border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperNumberLayer{position:absolute;top:-20px;left:-30px;z-index:9999999999 !important;padding:2px;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:bold;color:white;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid white;border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid white;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.right{right:-10px;top:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white}.introjs-arrow.bottom{bottom:-10px;border-top-color:white;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.introjs-arrow.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent}.introjs-tooltip{position:absolute;padding:10px;background-color:white;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right}.introjs-button{position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:0;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0 1px 1px #e3e3e3}.introjs-button:focus,.introjs-button:active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:0}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}
/*IE10 HACKS*/
.ie1 ul.infobox_large li a,
.ie1 body.article div.main_content ul.featured li a,
.ie1 ul.useful li a,
.ie1 ul.rss_list li a,
.ie1 ul.twitter_list li a,
.ie1 ul.facebook_list li a,
.ie9 ul.infobox_large li a,
.ie9 body.article div.main_content ul.featured li a,
.ie9 ul.useful li a,
.ie9 ul.rss_list li a,
.ie9 ul.twitter_list li a,
.ie9 ul.facebook_list li a
{
margin-bottom:-15px !important;
}
/*Fix for infobox_large Headline position problem*/
.ie1 ul.infobox_large li a div,
.ie9 ul.infobox_large li a div{
margin-top: 15px;
}
/*Category page margin */
.ie ul.category_list li a{
margin-top:-15px !important;
}
.ie9 ul.writtens-top li span,
.ie9 ul.writtens-bottom li span,
.ie9 ul.writtens-top li span,
.ie9 ul.writtens-bottom li span {
display:inline;}
.ie9 ul.writtens-top li span {
margin-left:0;}
.ie1 #slidenav a:before,.ie9 #slidenav a:before
{
margin-top:-1.7em;
border-width:1.5em 0 1.7em 1em;
}
.ie1 select{
text-shadow:none;
}
.ie1 select:hover{
background:#444;
color:white;
text-shadow:none;
}
.sidebar_feature{list-style:none;
list-style-image:none;}
.personalise-container button{clear:both;}
.ie div.form-container span.label{
clear: none;
top: 5px !important;
}
.ie .round_question{
display: inline-block !important;
margin-top:5px !important;
margin-left: 5px !important;
}
.ie #navigation #header_search,.ie #navigation_scroll #header_search{
top:20px !important;
left:23px !important;
}
/*Share bottom in articles*/
.ie #share_social_bottom{
width: 213px;
}
/*Headline padding*/
.ie .headlines_fresh ul.writtens_top li{
padding-top: 0px;
}
/*Headline label image*/
.ie .headlines_cat_label span{
background-position-y:-1234px;
}
.ie1 #navigation_scroll .menu_right select{
top:0px !important;
}
/******IE 11*******/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here (Includes 10 and 11)*/
div.form-container span.label{
clear: none;
top: 5px !important;
}
.round_question{
display: inline-block !important;
margin-top:5px !important;
margin-left: 5px !important;
}
select{
text-shadow:none;
}
select:hover{
background:#444;
color:white;
text-shadow:none;
}
#navigation #header_search,#navigation_scroll #header_search{
top:20px !important;
left:23px !important;
}
#share_social_bottom{
width: 213px;
}
.headlines .headlines_fresh ul.writtens_top li{
padding-top: 0px;
}
.headlines .headlines_cat_label span{
background-position-y:-1234px;
}
.article .header_hr{
visibility: hidden;
}
ul.category_list li a{
margin-top:-15px !important;
}
#navigation_scroll .menu_right select{
top:0px !important;
}
body.logged_in #navigation_scroll .menu_right .mini_categories select{
margin-top: 22px;
}
}
/*Media Queries*/
@media only all and (max-width: 767px){
/*FIX for the sidebar ads*/
body#written div#article_ad_1_container,body#press_release div#article_ad_1_container{
position: static;
}
}
/*FireFox hack*/
.ff2 nav select:hover{
color:white;}
.ff2 .large.last{
clear:both;}
.ff2 ul.pagination li a.inactive {
background:#ececec;}
.ff2 div.logo a, .ff2 div.logo a:hover,
.ff3 div.logo a, .ff3 div.logo a:hover{
background-image: url('/structure/images/logo/logo_ie.png') !important;}
.ff2 div.logo_mini a, .ff2 div.logo_mini a:hover,
.ff3 div.logo_mini a, .ff3 div.logo_mini a:hover{
background-image: url('/structure/images/logo/logo_mini_ie.png') !important;}
.ff2 div.header_message_IE6, div.print_info_IE6, div.header_error_IE6 {
position:relative;
top:80px;}
.gecko hr {
background:#e5e5e5;
border-bottom:1px solid #e5e5e5;}
.gecko #searchwrapper .search_trigger form input[type=text] {
width: 222px;}
/*Safari hack*/
.safari5 ul.featured li a .headline{
font-size:1.5em;}
/*Image hover problem*/
.ff3 .headlines_fresh ul.writtens_top li a:hover img,
.ff3 .headlines_split ul.writtens_top li a:hover img,
.ff3 ul.sidebar_feature li a:hover img,
.ff3 ul.writtens_bottom li a:hover img,
.ff2 .headlines_fresh ul.writtens_top li a:hover img,
.ff2 .headlines_split ul.writtens_top li a:hover img,
.ff2 ul.sidebar_feature li a:hover img,
.ff2 ul.writtens_bottom li a:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.ff3 body.headlines h1,.ff2 body.headlines h1{
width: 391px;
}
.ff3 body.article .header_hr,.ff2 body.article .header_hr{
visibility: hidden;
}