/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
@font-face	{
	font-family:'OmnesRegular';
	src:url('https://fnt.webink.com/wfs/?drawer=456904F9-342A-40C9-B6F2-7024A8BAD128&font=D376B979-5C7B-4FF6-C871-2AE4B732808F');
	font-weight:normal; font-style:normal; font-variant:normal;
			}					
html				{ font-size:80%; margin:0; padding:0; }
body				{ background:#000 url(../../core/img/body-bg.jpg) repeat top left; margin:0; padding:0; }

/* Override for Knowledge Network as requested. May roll out to other sites in the future */

h1, h2, h3, h4		{ font-family:'OmnesRegular', Arial, Helvetica, sans-serif; color:#666; }
h3					{ font-size:130%; }
h3 a, h4 a			{ color:#666; text-decoration:none; }

a					{ color:#107aaf; text-decoration:underline; }
a:hover, a sup, a.no-underline		{ text-decoration:none; }
li					{ margin-bottom:2%; }

img					{ max-width:100%; }
img.article-image-right	{ float:right; margin:2em 0 2em 2em; }

/* I use these styles to nudge the content around and tweak it a bit */

.align-text-right	{ text-align:right; }
.align-text-center	{ text-align:center; }

.margin-right		{ margin-right:20px; }
.margin-left		{ margin-left:20px; }
.no-margin-top		{ margin-top:0; }
.emphasized			{ font-size:1.2em; }
.subtle				{ color:#888; }
.margin				{ margin:30px; }
.float-right		{ float:right; }

.nudge-left			{ width:90%; }



/* All elements with this class will be hidden on mobile view */

.desktop-sub		{ display:none; }

/* .author-thumbs img { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } */

/* buttons */

.cta-button, .gen-button, .fun-button, .slider-button, .back-button	{ color:#fff; font-weight:normal; font-size:0.9em; text-decoration:none; padding:6px 42px 6px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; display:inline-block; text-transform:uppercase; font-family:Arial; letter-spacing:0.05em; behavior: url(css/css-pie/PIE.htc); position:relative; z-index:0; -moz-box-shadow:0 2px 3px #999; -webkit-box-shadow:0 2px 3px #999; box-shadow:0 2px 3px #999; }
.fun-button				{ background:#888 url(../../core/img/button-cta-arrow.png) no-repeat center right; text-shadow:1px 1px #777; }
.fun-button:hover, input[type="submit"]:hover		{ background-color:#777; text-decoration:none; }
.gen-button				{ background:#009ddb url(../../core/img/button-cta-arrow.png) no-repeat center right; text-shadow:1px 1px #008bc2; }
.gen-button:hover		{ background-color:#008bc2; text-decoration:none; }
.cta-button				{ background:#ed1c24 url(../../core/img/button-cta-arrow.png) no-repeat center right; text-shadow:1px 1px #a61c21; }
.cta-button:hover		{ background-color:#d81c23; text-decoration:none; }

.back-button			{ background:#888 url(../img/button-back-arrow.png) no-repeat center left; padding:6px 15px 6px 42px; }
.back-button:hover		{ background-color:#777; text-decoration:none; }

.slider-button			{ background:#b50001 url(../../core/img/button-cta-arrow.png) no-repeat center right; text-shadow:1px 1px #970001; }
.slider-button:hover	{ background-color:#970001; text-decoration:none; }

/* No drop shadow on slider buttons */

.slider-insight .slider-button	{ box-shadow:none; }

/* Width rule for sidebar buttons */

.sidebar .cta-button, .sidebar .gen-button, .sidebar .prom-button, .slider-button			{ display:block; width:73%; }
.sidebar .cta-button:hover, .sidebar .gen-button:hover, .sidebar .prom-button:hover, .slider-button:hover { text-decoration:none; }

/* Also some nice big buttons for landing pages (100% width) */

.cta-button-landing, .gen-button-landing	{ width:94%; padding:3%; display:block; text-align:center; color:#fff; text-decoration:none; font-size:1.3em; text-transform:uppercase; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior:url(css/css-pie/PIE.htc); }
.cta-button-landing			{ background:#ed1c24 url(../img/bg-button-cta-landing.jpg) repeat-x bottom left; border-top:2px solid #df5f64; border-bottom:2px solid #a41d22; text-shadow:1px 1px 3px #5f0f12; }
.cta-button-landing:hover	{ background:#dd1a22 url(../img/bg-button-cta-landing-hover.jpg) repeat-x bottom left; }
.gen-button-landing			{ background:#474747 url(../img/bg-button-gen-landing.jpg) repeat-x bottom left; border-top:2px solid #666; border-bottom:2px solid #000; text-shadow:1px 1px 3px #000; }
.gen-button-landing:hover	{ background:#353535 url(../img/bg-button-gen-landing-hover.jpg) repeat-x bottom left; }

.container, .container-50			{ behavior: url(css/css-pie/PIE.htc); width:90%; background-color:#fff; margin:0 auto; text-align:left; box-shadow:0 0 40px #666; font-family:Verdana; }

.logo				{ width:100%; float:left; }
.puff				{ width:100%; float:left; text-align:right; }
.puff h3, .puff p	{ margin-right:20px; }
.logo img, .puff img	{ max-width:100%; }

/* New Logo and Puff containers (For slimmer logo) Remove the old rules above once all sites have been implemented */

.logo-container				{ width:100%; float:left; margin:3em 0; }
.puff-container				{ width:100%; float:left; text-align:right; }
.puff-container h3, .puff-container p	{ margin-right:20px; }
.puff-container .search					{ margin:2em 0; width:100%; float:right; }
.logo-container img, .puff-container img	{ max-width:100%; }


ul.top-links		{ width:98%; float:right; font-size:85%; background-color:#f1f1f1; margin:0; padding:0.8% 2% 0.8% 0; border-bottom:1px solid #ccc; }
ul.top-links li		{ list-style:none; margin:0 0 0 15px; float:right; }
ul.top-links li a	{ color:#666; text-decoration:none; }
ul.top-links li a:hover	{ color:#ed1c24; }

/* New top level menu (Remove above rules later!) */

.top-menu			{ display:none; }
.top-menu li		{ list-style:none; margin:0 0 0 15px; float:right; }
.top-menu li a		{ color:#666; text-decoration:none; display:inline-block; padding:1em 1em 1em 0; }
.top-menu li a:hover	{ color:#ed1c24; }

h1.page-header		{ font-size:170%; margin:0; padding:1.5% 2%; color:#fff; background:#ed1c24 url(../../core/img/bg-h1.jpg) repeat-x bottom left; }
header h1 span		{ font-weight:normal; color:#fff; }

.masthead			{ background:#fff url(../img/bg-header.jpg) repeat-x bottom left; }

.header-banner img	{ width:100%; height:auto; }
.masthead-banner	{ border-bottom:1px solid #999; }

header, footer		{ display:block; }
header nav			{ clear:both; width:100%; }
header nav ul		{ background-color:#666; margin:0; padding:0; list-style:none; }
header nav ul li	{ margin:0; border-top:1px solid #444; }
header nav ul li.parent		{ background-color:#666; }
header nav ul li a	{ color:#fff; text-decoration:none; padding:2% 5%; display:block; }
.sub-menu			{ float:left; width:100%; }
.sub-mobile			{ display:block; }
.main-menu-dark li.float-right	{ float:none; }

header nav ul li a.page-link	{ width:70%; float:left; }
header nav ul li a.dropdown-link	{ width:10%; float:left; }

header nav ul li ul	{ display:none; }
header nav ul li ul li	{ background-color:#555; }

.main-menu-dark { font-family:Arial; }

.main				{ width:94%; padding:3%; }
.main span			{ color:#ed1c24; font-weight:bold; }

/* Full Width Properties */

.main-full-width		{ width:100%; }
.main-full-inner-width	{ width:94%; padding:0 3%; margin:0 0 20px; }


/* Full Width Slider */

.slider				{ position:relative; width:100%; padding-bottom:40%; height:0; overflow:hidden; }
.slider-image		{ position:absolute; width:100%; height:100%; }
.slider-image img	{ max-width:100%; }
.slider-insight		{ width:450px; background-color:#e51616; color:#fff; padding:10px 20px; position:absolute; top:100px; right:100px; }
.slider-insight h2	{ color:#fff; font-size:2em; line-height:1.2em; margin:0.2em 0 0.5em; }

/* Masthead Slideshow (slimmed down and responsive) */

.masthead-slideshow 				{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.masthead-slideshow li 				{ -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; margin-bottom:0; }
.masthead-slideshow li:first-child 	{ position:relative; display:block; float:left; }
.masthead-slideshow img 			{ display:block; height:auto; float:left; width:100%; border:0; border-bottom:1px solid #ccc; }


/* Old Media Centre styling - Remove when new design is implemented */
.news-title			{ margin:1em 0 0.4em; font-size:155%; font-weight:normal; }
span.news-date		{ display:block; padding:1.5%; background-color:#f1f1f1; border-bottom:2px solid #ccc; color:#777; font-size:1em; text-align:center; }
/* New Media Centre styling */
.media-date			{ padding:0.6em; background-color:#999; color:#fff; margin-bottom:1em; display:inline-block; margin-top:1em; font-size:0.8em; }
header.media-heading	{ /* border-top:1px dotted #ccc; */ }


.section-heading	{ color:#212121; font-size:1.8em }
.separator			{ border-bottom:1px dotted #ccc; }
p.text-right		{ text-align:right; }
p.highlight			{ font-weight:bold; font-style:italic; color:#666; }
p.text-center		{ text-align:center; }

a.cta-text			{ text-decoration:none; }

blockquote { font-family:Georgia, serif; font-size:18px; font-style:italic; width:75%; margin:4% 0 4% 6%; padding:0.25em 40px; line-height:1.45; position:relative; color:#777; }
blockquote:before { display:block; content:"\201C"; font-size:80px; position:absolute; left:-20px; top:-20px; color:#999; }
blockquote:after { display:block; content:"\201D"; font-size:80px; position:absolute; right:0; bottom:-40px; color:#999; }
blockquote span.credit	{ font-family:Arial, sans-serif; font-size:0.7em; font-style:normal; padding-top:1.5em; display:block; color:#777; }

/* Lists */

ul.breadcrumb		{ list-style:none; margin:0; padding:0; }
ul.breadcrumb li	{ float:left; margin:0 10px 0 0; }

ul.flat-list		{ list-style:none; margin-left:0; padding-left:0; }
ul.flat-list li		{ margin:0 0 10px; }

ul.text-list		{ padding-left:20px; margin-top:20px; }
ul.text-list li		{ list-style:square url(../../core/img/bullet.gif); margin:0 0 20px; padding-left:10px; }

ul.ladder-list li	{ padding:0.5em 0; border-top:1px solid #ccc; list-style:none; font-size:1.6em; font-family:'OmnesRegular', Arial, Helvetica, sans-serif; }
ul.ladder-list li a	{ color:#666; text-decoration:none; }

/* Override widget padding */
.widget ul.ladder-list, .widget-var1 ul.ladder-list		{ padding:0; margin:0; }

ul.podcast-list		{ list-style:none; padding:0; }
ul.podcast-list li	{ padding:0 0 0 40px; margin:30px 0 0; background:transparent url(../../core/img/icon-podcast.gif) no-repeat top left; }
ul.podcast-list img	{ margin-right:15px; }

#audioplayer1, #audioplayer2, #audioplayer3			{ margin:15px 0 0; width:90%; }

/* New icon styles */

.widget ul.social-list		{ list-style:none; padding-left:10px; }
ul.social-list a	{ background-image:url(../img/sprite-icons.gif); background-repeat:no-repeat; color:#666; height:22px; padding-top:3px; }
a.icon-linkedin		{ display:block; padding-left:35px; background-position:0 -25px; }
a.icon-facebook		{ display:block; padding-left:35px; background-position:0 -50px; }
a.icon-twitter		{ display:block; padding-left:35px; background-position:0 0; }

/* Old icon styles */

.icon-list			{ padding:0; margin:0; }
.icon-list li		{ list-style:none; margin-bottom:0; }

.icon-list h3, .icon-list h2		{ margin:0; padding-top:2px; }

.list-facebook, .list-twitter, .list-linkedin, .list-googleplus, .list-youtube, .icon-whitepaper, .icon-tick, .icon-money, .icon-book, .icon-video, .list-rss	{ padding:5px 0 20px 40px; }
.icon-tick-small, .icon-info-small, .icon-whitepaper-small, .icon-monitor-small, .icon-house-small, .icon-globe-small, .icon-politics-small, .icon-academic-small, .icon-law-small, .icon-arrow-small, .icon-nz-small, .icon-drawer-small, .icon-book-small, .icon-money-small  	{ padding:0 0 20px 30px; }

/* Less of a bottom margin for headings with icons */

h3.icon-tick-small, h3.icon-info-small, h3.icon-monitor-small	{ padding-bottom:0; }

.list-facebook		{ background:transparent url(../img/icon-facebook.gif) no-repeat top left; }
.list-twitter		{ background:transparent url(../img/icon-twitter.gif) no-repeat top left; }
.list-rss			{ background:transparent url(../img/icons/social/icon-rss.gif) no-repeat top left; }
.list-linkedin		{ background:transparent url(../img/icon-linkedin.gif) no-repeat top left; }
.list-googleplus	{ background:transparent url(../img/icon-googleplus.gif) no-repeat top left; }
.list-youtube		{ background:transparent url(../img/icon-youtube.gif) no-repeat top left; }
.icon-whitepaper	{ background:transparent url(../img/icons/icon-list-whitepaper.gif) no-repeat top left; }
.icon-tick			{ background:transparent url(../img/icons/icon-list-tick.gif) no-repeat top left; }
.icon-money			{ background:transparent url(../img/icons/icon-list-money.gif) no-repeat top left; }
.icon-book			{ background:transparent url(../img/icons/icon-list-book.gif) no-repeat top left; }
.icon-video			{ background:transparent url(../img/icons/icon-list-video.gif) no-repeat top left; }
.icon-tick-small	{ background:transparent url(../img/icons/icon-list-tick-small.gif) no-repeat 0 2px; }
.icon-camcorder-small	{ background:transparent url(../img/icons/icon-list-camcorder-small.gif) no-repeat 0 2px; }
.icon-drawer-small	{ background:transparent url(../img/icons/icon-list-drawer-small.gif) no-repeat 0 2px; }
.icon-monitor-small	{ background:transparent url(../img/icons/icon-list-monitor-small.gif) no-repeat 0 2px; }
.icon-money-small	{ background:transparent url(../img/icons/icon-list-money-small.gif) no-repeat 0 2px; }
.icon-book-small	{ background:transparent url(../img/icons/icon-list-book-small.gif) no-repeat 0 2px; }
.icon-house-small	{ background:transparent url(../img/icons/icon-list-house-small.gif) no-repeat 0 2px; }
.icon-nz-small	{ background:transparent url(../img/icons/icon-list-nz-small.gif) no-repeat 0 2px; }
.icon-politics-small	{ background:transparent url(../img/icons/icon-list-politics-small.gif) no-repeat 0 2px; }
.icon-globe-small	{ background:transparent url(../img/icons/icon-list-globe-small.gif) no-repeat 0 2px; }
.icon-academic-small	{ background:transparent url(../img/icons/icon-list-academic-small.gif) no-repeat 0 2px; }
.icon-law-small	{ background:transparent url(../img/icons/icon-list-law-small.gif) no-repeat 0 2px; }
.icon-info-small	{ background:transparent url(../img/icons/icon-list-info-small.gif) no-repeat 0 2px; }
.icon-whitepaper-small	{ background:transparent url(../img/icons/icon-list-whitepaper-small.gif) no-repeat 0 2px; }
.icon-arrow-small	{ background:transparent url(../img/icons/icon-list-arrow-small.png) no-repeat 0 2px; }
.icon-compass-small	{ background:transparent url(../img/icons/icon-list-compass-small.gif) no-repeat 0 2px; }

.social-footer		{ float:right; }

.list-horiz			{ margin:0; padding:0; }
.list-horiz li		{ float:left; margin-right:10px; list-style:none; }
.list-horiz.filter li	{ margin-bottom:0; }
.filter li a			{ padding:10px; background-color:#666; color:#fff; display:inline-block; margin-bottom:0; }
.filter li a.selected	{ background:#212121 url(../img/bg-filter-link.gif) no-repeat bottom center; padding:10px 10px 20px; }
.filter li a		{ color:#fff; text-decoration:none; }

.copy				{ font-size:0.8em; }

/* Old sidebar styles - now rplaced by new left and right styles bleow */

.sidebar			{ width:94%; padding:1.5em 0; margin:0 3%; }
.sidebar-ad			{ margin:0 0 35px; }
.sidebar-ad img		{ width:100%; }
img.bordered, a img.bordered	{ border:1px solid #ccc; box-sizing:border-box; }

/* Replacement sidebar styles */

.sidebar-left, .sidebar-right	{ width:100%; }
.sidebar-left p, .sidebar-right p	{ width:100%; }

.sidebar h3				{ font-size:1.3em; color:#212121; border-bottom:1px dotted #ccc; }
.sidebar .sidebar-ad h3	{ color:#666; }

footer		{ background-color:#f1f1f1; padding:15px 20px; font-size:85%; border-top:1px solid #ccc; }
footer ul	{ display:block; list-style:none; margin:0; padding:0; }
footer li	{ float:left; margin:0 5px 0 0; }
footer li a	{ text-decoration:none; }

/* Some boxy widgets for sidebars etc */

.widget					{ border:1px solid #ccc; margin:0 0 20px; }
.widget h3				{ background:#444 url(../img/bg-widget-heading.jpg) repeat-x bottom left; color:#fff; padding:2% 5%; margin:0 0 10px; }
.widget p 				{ margin:0 10px 10px 10px;}

/* Little overrides for widgets within the main page */

.widget.margin		{ margin:5%; }

/* And a variation widget with minimum styling */

.widget-var1		{ border:0; margin:1.2em 0; padding:1em 0; border-bottom:1px dotted #ccc; }
.widget-var1 h3		{ margin:0 0 10px; padding:0 0 0 30px; }
.widget-var11 p 		{ margin:0 10px 0 10px;}

/* Stuff all widgets have in common */

.widget-inner										{ padding:5px 10px; }
.widget ul, .widget-var1 ul							{ padding:0 15px 0 30px; }
.widget ul.flat-list, .widget-var1 ul.flat-list		{ padding-left:15px; }

/* Side title (first used on News & Business Microsite) */

p.side-title			{ color:#ed1c24; font-size:1.8em; font-family:Arial, Helvetica, sans-serif; margin:20px 0 0; padding-right:20px; font-style:italic; text-align:right; }

/* Tabbed content areas */

.tabs			{ border-bottom:1px solid #ccc; padding-left:0; }
.tabs li		{ list-style:none; display:block; width:100%; }
.tabs a 		{ padding:8px 15px; display:block; background:#999; color:#fff; text-decoration:none; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-radius:10px 10px 0 0; behavior:url(css/css-pie/PIE.htc); }
.tabs a.active 	{ background:#666; color:#fff; }
#tab1, #tab2, #tab3, #tab4, #tab5		{ padding:2em 0;  min-height:600px; }

/* A 'Featured' section within pages */

.section.featured		{ background:#fff url(../img/bg-featured-section.jpg) repeat-x top left; padding:2%; border:1px solid #ededed; }

/* Media Centre - Media Releases page */

.search-container						{ width:50%; margin-left:25%; }

form#search								{ text-align:center; padding:0 0 40px; }
form#search input, form#search label				{ float:left; padding:8px; display:inline-block; }
form#search	input[type="text"]			{ width:80%; color:#666; border:1px solid #999; outline:none; }			
form#search	input[type="text"]:focus	{ border:1px solid #ed1c24; outline:none; }
form#search input[type="submit"]		{ background:#ed1c24 url(../../core/img/button-search.gif) no-repeat center 7px; border:1px solid #ed1c24; outline:none; width:40px; height:34px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; }		

span.media-date			{ float:left; color:#fff; padding:4px; background-color:#444; font-size:80%; }	

ul.archive-links li a	{ font-weight:bold; }

.col.video-box				{ margin-bottom:3%; }
.video-box img				{ border:1px solid #2121211; }
.video-box h3				{ font-size:1.2em; }
.video-box h3 a				{ color:#000; }

/* Content Formatting */

.info-box				{ border:1px solid #ccc; margin:0 0 20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior:url(css/css-pie/PIE.htc); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.info-box h3, .info-box h2			{ background-color:#009ddb; padding:10px; color:#fff; margin-top:0; -webkit-border-top-left-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; behavior:url(css/css-pie/PIE.htc); background-position:96% 50%; background-repeat:no-repeat; }
.info-box h3.page, .info-box h2.page			{ background-image:url(../img/icons/icon-page.png); }
.info-box h3.open-folder, .info-box h2.open-folder	{ background-image:url(../img/icons/icon-open-folder.png); }
.info-box h3.lock, .info-box h2.lock	{ background-image:url(../img/icons/icon-lock.png); }
.info-box h3.mobile, .info-box h2.mobile	{ background-image:url(../img/icons/icon-mobile.png); }
.info-box-inner		{ padding:0 15px; }

.features-box		{ width:inherit; margin:0 0 30px; border:1px solid #ccc; }
.features-box thead	{ font-weight:bold; font-style:italic; }
.features-box td, .features-box th	{ padding:10px; }
.features-box tr	{ width:100%; display:table-row; }
.features-box tr.even	{ background-color:#f1f1f1; }

.cta-box			{ background-color:#f1f1f1; border:1px solid #ccc; margin:1.5em 0 1.5em; width:100%; }
.cta-box img		{ padding:5%; width:90%; background-color:#ccc; }
.cta-box-inner		{ padding:0 5% 5%; }
.cta-box h3			{ color:#666; border-bottom:1px dotted #ccc; }
.cta-box span		{ font-size:130%; }
.cta-box a			{ text-decoration:none; }
.cta-box a:hover	{ text-decoration:underline; }

/* Calendar Table (used in Knowledge Network) */

.calendar-table	{ width:100%; }
.calendar-cell		{ min-height:80px; width:100%; }
.calendar-cell td	{ vertical-align:top; }
.calendar-cell td.calendar-date	{ background-color:#dfdfdf; height:10px; }

/* Feedback form Table (used in Knowledge Network) */

.table-feedback	{vertical-align:top;}
.gsc-search-button {margin:0 0 0 0;}
#gsc-i-id1 {margin:0 0 0 0; font-weight:normal;}

/* A slightly different style I've used for landing pages */

.cta-box-landing	{ background-color:#f1f1f1; border:1px solid #ccc; margin:1em 0; width:100%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior:url(css/css-pie/PIE.htc); overflow:hidden; }

.cta-box-landing.p1	{ background-color:#f1f1f1; }
.cta-box-landing.p2	{ background-color:#fff; }

.cta-box-landing h2	{ color:#fff; margin:0 0 1em; padding:1em; font-weight:400; -moz-border-radius:9px 9px 0 0; -webkit-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0; behavior:url(css/css-pie/PIE.htc); }
.cta-box-landing.p1 h2	{ background:#666 url(../img/bg-cta-box-heading-p1.png) repeat top left; }
.cta-box-landing.p2 h2	{ background:#999 url(../img/bg-cta-box-heading-p2.png) repeat top left; }

.cta-box-landing.p1 ul	{ font-size:1.2em; }

/* Captions - typically below images (hence no top margin) */

p.caption			{ text-align:center; background-color:#666; padding:10px; color:#fff; font-size:0.8em; margin-top:0; }

.foldout			{ background:#eee url(../img/bg-foldout.jpg) repeat-x top left; padding:30px 20px; margin:20px 0 0; }

/* A few styles specifically for full width mastheads (e.g.Knowledge Base) */

.masthead-logo, .masthead-search			{ width:100%; text-align:center; }
.masthead-search			{ margin:0 0 30px; }
input, textarea			{ border-radius:5px; padding:2%; margin:0 0 15px; }
select				{ border:1px solid #ccc; margin:0 0 15px; }
label		{ margin:0 0 5px; display:inline-block; }
input[type="text"], input[type="email"], input[type="url"], input[type="datetime"], input[type="tel"], input[type="number"], input[type="date"]		{ border:1px solid #ccc; width:96%; font-weight:bold; color:#999; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus		{ border:1px solid #ff0000; outline:0; }
input[type="radio"], input[type="checkbox"]		{ margin-right:5px; }
input[type="submit"]	{ background-color:#666; color:#fff; border:0; text-transform:uppercase; }
input[type="submit"]:hover	{ background-color:#444; }

/* Table of images and text (as used on Knowledge Network Profiles) */

.profile { width:100%; }
.profile-image { vertical-align:middle; width:25%; }
.profile-bio	{ vertical-align:middle; padding-left:8%; }

/* Related products grid (e.g. Journals Microsite) */

.related-grid	{ font-size:0.9em; }
.related-grid a	{ font-weight:normal; text-decoration:none; color:#666; }

a.sub-button		{ text-transform:uppercase; border-top:1px solid #999; color:#666; display:block; padding-top:0.5em; color:#107aaf; }

/* Sidebar Menus in Knowledge Base (will likely become part of main styles for use in other pages) */

.sidebar-menu	{  }
.sidebar-menu ul	{ list-style:none; padding:0; }
.sidebar-menu li	{ padding:0.2em 0; }
.sidebar-menu a		{ text-decoration:none; }

/* Setting up the % grid widths */

.section 					{ clear:both; padding:0px; margin:0px; }
.col 						{ margin:1% 0 1% 0%; }
.group:before, .group:after { content:""; display:table; }
.group:after 				{ clear:both; }
.group 						{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

.span_1_of_3, .span_2_of_3, .span_3_of_3, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_7_of_10, .span_4_of_10, .span_5_of_10, .span_9_of_10, .span_9_of_10, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_3_of_9, .span_5_of_6, .span_1_of_6  { width:100%; }



/* Hacks for specific microsites (classes targeting microsite containers) */

.reputational-risk a	{ text-decoration:none; }

.title-category			{ font-size:0.8em; color:#ed1c24; text-transform:uppercase; }

.col-tab			{ padding:4%; background-color:#f1f1f1; border-radius:5px; }
.col-tab-heading	{ padding:4%; background:#666 url(../img/bg-cta-box-heading-p3.png) repeat top left; margin-top:0; color:#fff; font-weight:normal; }

/* Media Centre ShareThis hack */
.main .page-widgets span		{ color:#000; }

/* Bribery and Corruption Landing Page Widget height */

.bribery-main .widget.height-hack	{ min-height:330px; }
.bribery-main .widget.height-hack-2	{ min-height:360px; }

/* Practice Management AU Microsite */

body.practicemanagement .container	{ font-family:Arial, sans-serif; }


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

body	{ font-size:0.7em; }
.container, .container-50	{ width:96%; }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.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: h5bp.com/p
 */

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

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
	
body.kn-body		{ line-height:1.8em; }

.container			{ width:80%; max-width:1200px; }
.container-50		{ width:50%; }

.logo					{ width:49%; }
.puff					{ width:49%; }

.logo-container			{ width:50%; }
.puff-container			{ width:50%; }
.puff-container .search	{ width:60%; }

header nav ul li	{ float:left; width:auto; border:none; }
header nav ul li a	{ padding:0; display:-inline-block; }

/* All elements with this class will be hidden on desktop view */

.mobile-sub		{ display:none; }
.desktop-sub	{ display:block; }
table.desktop-sub {  }	

/* New Menu */

#main-menu 		{ margin:0;	padding:0; background:transparent url(../img/bg-menu.jpg) repeat-x bottom left; border-top:1px solid #ccc; border-bottom:1px solid #aaa; }
#main-menu li 	{ list-style:none; float:left; }
#main-menu li.float-right	{ float:right; } /* Override for Login Menu as used on Businessinsightsolutions Microsite */

#main-menu li a	{ display:block; padding:8px 15px; text-decoration:none; color:#666; text-shadow:1px 1px 1px #fff; border-left:1px solid #fff; border-right:1px solid #ccc; }

#main-menu li.main-menu-cta		{ /* float:right; */ }
#main-menu a.main-menu-cta	{ background:#e0484e url(../img/bg-menu-cta.jpg) repeat-x bottom left; color:#fff; text-shadow:1px 1px 1px #7f171b; font-weight:normal; }
#main-menu a.main-menu-cta:hover	{ background:#e0484e url(../img/bg-menu-cta-hover.jpg) repeat-x bottom left; }

#main-menu li a.main-menu-fun { background:#848484 url(../img/bg-menu-fun.jpg) repeat-x bottom left; color:#fff; text-shadow:1px 1px 1px #444; font-weight:normal; border-right:none; border-left:none; }
#main-menu a.main-menu-fun:hover { background:#707070 url(../img/bg-menu-fun-hover.jpg) repeat-x bottom left; }

header nav ul li.parent	{ background:none; }
#main-menu li ul li	{ background:none; }

#main-menu li a:hover, #main-menu li a.selected		{ background:transparent url(../img/bg-menu-hover.jpg) repeat-x bottom left; }
#main-menu li ul 			{ display:none; width:15em; border-top:1px solid #ccc; z-index:1000; /* Width to help Opera out */ } 
#main-menu li ul.sub-mobile	{ display:none; } 
#main-menu li:hover ul		{ display:block; position:absolute; margin:0; padding:0; background-color:#ededed; }
#main-menu li:hover li		{ float:none; }
#main-menu li:hover li a	{ border-bottom:1px solid #ccc; color:#666; border-left:1px solid #ccc; }
#main-menu li li a:hover	{ }

#main-menu li a.page-link	{ width:inherit; float:none; }
#main-menu li a.dropdown-link	{ display:none; }

/* Dark Menu theme */

.main-menu-dark 		{ margin:0;	padding:0; background:#8e8e8e url(http://lexisnexis.com.au/core/img/bg-menu-dark.jpg) repeat-x bottom left; border-top:1px solid #ccc; border-bottom:1px solid #444; }
.main-menu-dark li 	{ list-style:none; float:left; }
.main-menu-dark li a	{ display:block; padding:8px 15px; text-decoration:none; color:#f1f1f1; text-shadow:1px 1px 1px #444; border-left:1px solid #777; border-right:1px solid #555; }

.main-menu-dark li.main-menu-cta		{ /* float:right; */ }
.main-menu-dark a.main-menu-cta	{ background:#e0484e url(../img/bg-menu-cta.jpg) repeat-x bottom left; color:#fff; text-shadow:1px 1px 1px #7f171b; font-weight:normal; }
.main-menu-dark a.main-menu-cta:hover	{ background:#e0484e url(../img/bg-menu-cta-hover.jpg) repeat-x bottom left; }

.main-menu-dark li a.main-menu-fun { background:#848484 url(../img/bg-menu-fun.jpg) repeat-x bottom left; color:#fff; text-shadow:1px 1px 1px #444; font-weight:normal; border-right:none; border-left:none; }
.main-menu-dark a.main-menu-fun:hover { background:#707070 url(../img/bg-menu-fun-hover.jpg) repeat-x bottom left; }

header nav ul li.parent	{ background:none; }
.main-menu-dark li ul li	{ background:none; }

.main-menu-dark li a:hover, .main-menu-dark li a.selected		{ background:#646464 url(../img/bg-menu-dark-hover.jpg) repeat-x bottom left; }
.main-menu-dark li ul 			{ display:none; width:15em; border-top:none; z-index:1000; /* Width to help Opera out */ } 
.main-menu-dark li:hover ul		{ display:block; position:absolute; margin:0; padding:0; background-color:#ededed; border-top:1px solid #444; }
.main-menu-dark li:hover li		{ float:none; }
.main-menu-dark li:hover li a	{ border-top:1px solid #ccc; color:#666; border-left:none; text-shadow:none; border-right:none; }
.main-menu-dark li li a:hover	{ color:#fff; }

.main-menu-dark li a.page-link	{ width:inherit; float:none; }
.main-menu-dark li a.dropdown-link	{ display:none; }
.main-menu-dark li.float-right	{ float:right; } /* Override for Login Menu as used on Businessinsightsolutions Microsite */

.top-menu			{ display:block; width:100%; float:right; font-size:85%; background-color:#f1f1f1; margin:0; padding:0; border-bottom:1px solid #ccc; }
.top-menu li ul li	{ background:none; }
.top-menu li ul 		{ display:none; width:15em; border-top:1px solid #ccc; z-index:1000; /* Width to help Opera out */ } 
.top-menu li:hover ul		{ display:block; position:absolute; margin:0; padding:0; background-color:#ededed; }
.top-menu li:hover li		{ float:none; margin:0; padding:0; }
.top-menu li:hover li a	{ border-bottom:1px solid #ccc; color:#666; border-left:0; display:block; padding:1em; }
.top-menu li li a:hover	{ }

.top-menu li a.page-link	{ width:inherit; float:none; }
.top-menu li a.dropdown-link	{ display:none; }
	
.main					{ width:69%; float:left; padding:1.5% 0 0 3%; }

/* Old sidebar stlye - now replaced with left and right code below */

.sidebar			{ width:22%; margin:0 0 0 3%; float:left; }

/* Replacement sidebar code */

.sidebar-left, .sidebar-right	{ width:90%; }
.sidebar-left		{  }
.sidebar-right		{ margin:0 0 0 10%; }

p.text-right		{ text-align:right; }

h3.news-title		{ float:left; margin:0; }
span.news-date		{ float:left; margin:0 10px 0 0; padding:15%; }
header.media-heading	{ padding:0; }

#audioplayer1, #audioplayer2, #audioplayer3					{ width:300px; margin:15px 0 0; }

#suggestPost				{ background:transparent url(../../core/img/feedback.gif) no-repeat scroll 0px 0px; height:159px; left:0; position:fixed; top:150px; width:40px; }
div#suggestPost:hover		{ background-position:-40px 0px; }
#suggestPost a				{ display:block; height:159px; width:40px; }

/* Forms */

input, textarea		{ padding:0.8%; }
input[type="text"], input[type="email"], input[type="url"], input[type="datetime"], input[type="tel"], input[type="number"], input[type="date"]	 { width:30%; }

/* Tabbed areas */
					
.tabs li				{ display:inline; margin-bottom:0; }
.tabs li a				{ display:inline-block; }
.tabs					{  }

/* Social Sharing Icons (as used in the Media Centre sidebar) */

.sidebar-ad#social-icons{ width:100%; }
.sidebar-ad#social-icons .share-box{ float:left; }
.sidebar-ad#social-icons .share { color:#FFFFFF; display:block; font-size:13px; line-height:60px; padding:0; text-align:center; text-decoration:none; width:77%; float:left; border-radius:5px; }
.sidebar-ad#social-icons .count { display:block; font-size:17px; line-height:54px; height:54px; padding:3px 0; position:relative; text-align:center; text-decoration:none; width:20%; background-color:#eee; border-radius:4px; color:#000; float:right; }

#twitter-share, #facebook-share, #googleplus-share  { margin-bottom:10px; }
#twitter-share .share { background:#00aced url(http://lexisnexis.com.au/core/img/icons/social/square/icon-twitter.gif) no-repeat 10% 50%; }
#facebook-share .share { background:#3c5a98 url(http://lexisnexis.com.au/core/img/icons/social/square/icon-facebook.gif) no-repeat 10% 50%; }
#googleplus-share .share { background:#ea2727 url(http://lexisnexis.com.au/core/img/icons/social/square/icon-googleplus.gif) no-repeat 10% 50%; }


.scrollup			{ width:40px; height:40px; opacity:0.3; position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background:url('../img/icons/icon-up-arrow.png') no-repeat; }
	
.col 					{ display:block; float:left; margin:1% 0 1% 1.6%; }
.col:first-child 		{ margin-left: 0; } /* all browsers except IE6 and lower */
	
.span_2_of_3 { width:66.1%; }
.span_1_of_3 { width:32.2%; }
.span_4_of_5 { width:79.68%; }
.span_3_of_5 { width:59.36%; }
.span_2_of_5 { width:39.04%; }
.span_1_of_5 { width:18.72%; }
.span_1_of_10 {	width:8.56%; }
.span_2_of_10 { width:18.72%; }
.span_3_of_10 { width:28.88% }
.span_4_of_10 { width:39.04%; }
.span_5_of_10 { width:49.2%; }
.span_6_of_10 { width:59.36%; }
.span_7_of_10 { width:69.52%; }
.span_8_of_10	{ width:79.68%; }
.span_9_of_10 {	width:89.84%; }
.span_3_of_4 { width:74.6%; }
.span_2_of_4 { width:49.2%; }
.span_1_of_4 { width:23.8%; }
.span_1_of_6 { width:15.33%; }
.span_5_of_6 { width:83.06%; }
.span_7_of_8 { width:87.3%; }
.span_6_of_8 { width:74.6%; }
.span_5_of_8 { width:61.9%; }
.span_4_of_8 { width:49.2%; }
.span_3_of_8 { width:36.5%; }
.span_2_of_8 { width:23.8%; }
.span_1_of_8 { width:11.1%; }
.span_3_of_9 { width:32.26%; }

/* This is a fix for 3 column info boxes to allow for borders */

.span_1_of_3.info-box	{ width:31%; min-height:450px; }
.span_3_of_3.info-box	{ width:96.2%; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}