/*
 * 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; }

/* Headings */

h1, h2, h3, h4		{ font-family:'OmnesRegular', Arial, Helvetica, sans-serif; color:#666; font-weight:normal; }
h3					{ font-size:130%; }
h2 a, 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; }
.float-left			{float:left;}
.push-clear			{ margin-top:2em; }
.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; }
.nudge-left			{ width:90%; }
.copy				{ font-size:0.8em; }

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

.desktop-sub		{ display:none; }

/* Buttons */

.cta-button, .gen-button, .fun-button, .slider-button, .back-button	{ color:#fff; font-weight:normal; font-size:0.9em; text-decoration:none; padding:0.7em 4em 0.7em 2em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; text-transform:uppercase; font-family:Arial; letter-spacing:0.05em; behavior: url(css/css-pie/PIE.htc); z-index:0; -moz-box-shadow:0 2px 1px #999; -webkit-box-shadow:0 2px 1px #999; box-shadow:0 2px 1px #999; position:relative }
.fun-button				{ background:#888 url(../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(../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(../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(../img/button-cta-arrow.png) no-repeat center right; text-shadow:1px 1px #970001; }
.slider-button:hover	{ background-color:#970001; text-decoration:none; }

.content-callout a	{ display:block; padding:1em; text-align:center; background:#ddd url(../img/bg-content-callout.png) no-repeat right 50%; border-bottom:2px solid #ccc; color:#666; text-decoration:none; border-radius:5px; font-size:1.3em; }
/* A group of buttons that are 100% width of their container */
.button-ladder	{ width:90%; }
.button-ladder a	{ display:block; }


/* Width exception for sidebar buttons */

.sidebar-button { margin:1em 0; }
.sidebar .cta-button, .sidebar .gen-button, .sidebar .fun-button, .slider-button			{ display:block; }
.sidebar .cta-button:hover, .sidebar .gen-button:hover, .sidebar .fun-button:hover, .slider-button:hover { text-decoration:none; }

/* Main elements */

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

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

.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-masthead-gradient.png) repeat-x bottom left; }
.header-banner img	{ width:100%; height:auto; }
.masthead-banner	{ border-bottom:1px solid #999; }
.masthead h1			{ font-size:2.5em; padding:0.1em 1em; }
.masthead h1 a		{ color:#fff; text-decoration:none; }

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

/* 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; }

/* Testing my own slider (blush) */

.slider			{ position:relative; padding-bottom:21.416666666666666666666666666667%; width:100%; }
/* .slider	img		{ width:100%; } */
.slider .slide	{ position:absolute; width:100%; }
.slideshow-thumbs	{ text-align:center; padding:1em 0; background-color:#444; }
.slide-thumb	{ display:inline-block; margin-right:1em; }

/* 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; }

/* Images */

img.bordered, a img.bordered	{ border:1px solid #ccc; box-sizing:border-box; }

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

/* 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; }

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


/* Sidebar */

.sidebar-left, .sidebar-right	{ width:100%; }
.sidebar-left p, .sidebar-right p	{ width:100%; }
.sidebar-widget			{ margin:0 0 35px; }
.sidebar-widget	 img		{ width:100%; }

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

footer		{ background-color:#f1f1f1; padding:15px 20px; font-size:85%; border-top:1px solid #ccc; margin-top:2em; }
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:#868686 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;}
.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; }

/* 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;}

/* 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; }

.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; }
 
.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%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ }
.cta-box img		{ padding:5%; width:100%; background-color:#ccc; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ }
.cta-box-inner		{ padding:0 5% 5%; }
.cta-box-inner ul.icon-list	{ padding-top:30px; }
.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; }

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

/* 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; }

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

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

/* 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_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6,, .span_6_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; }


/* 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%; }

}


/**Kebs**/
.featured h2>a{
	text-decoration:none;
}

.color-red{color:#E30613;}
.bold{font-weight:bold;}
.ktable td, .ktable th{border:1px solid #ccc;padding: .5em 1em;}
.ktable td:last-child{padding:1em .5em;}
.ktable th{background:#E30613; color:#fff; font-weight:bold;}
.ktable tr:nth-child(odd) td{background:#f2f2f2;}
.ktable tr:nth-child(even) td{background:#fff;}

#tbl-pm-service-training.ktable td span{display:inline-block;text-align:center;color:#222;font-weight:400;padding: .5em .5em; font-size:.8em;}
#tbl-pm-service-training.ktable td span:last-child{border-right: 0;}
.sml-btn{
	display:inline-block;
	color: #fff;
	text-decoration: none;
	font-size:.8em;
	padding: .5em;
	background-color: #ed1c24;
	min-width:50px;
	text-align:center;
}
/*.ktable td span:nth-child(odd){background:#f2f2f2;}
.ktable td span:nth-child(even){background:#fff;}*/
.push-top{margin-top:2em;}
/** end of Kebs**/

/* ==========================================================================
   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 {  }

/* Centering single callout buttons in main content area */
.content-callout-centered		{ width:50%; margin:0 auto; }

/* 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 #444; 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, .main-menu-dark li:hover li a.selected		{ background:#646464 url(../img/bg-menu-dark-hover.jpg) repeat-x bottom left; color:#fff; }
.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; border-top:1px solid #666; }

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

/* 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_4_of_6 { width:66.13%; }
.span_3_of_6 { width:49.2%; }
.span_2_of_6 { width: 32.26%; }
.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%; }

}
/* Kebs */
h2>a{
color: #107aaf;
text-decoration: underline;
}

.button-ladder>h4{
margin-bottom:.2em;
}

.social-media-container{
	background:red;
	padding:15px 0 10px;
	margin-top:20px;
	background-color:#f8f8f8;
	border: 1px solid #e7e7e7;
}

.social-media-container>*{
	padding:0 10px;
}

.smalltext{
	font-size:.8em;
}

.gray{
	color:#666;
}

.pushdown{

}

.top-separator{padding-top:.5em; border-top:1px solid #ccc; }
.related-solutions{text-align:right; padding:.5em;background:#f8f8f8;}

.justify{
	text-align:justify;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }



.rslides_tabs{
	list-style:none;
	text-align:center;
	margin:0 auto;
	padding:0;
	background:#f1f1f1;
}

.rslides_tabs>li{
	text-align:center;
	display:inline-block;
	margin: .2em .5em;
}

.rslides_tabs>li>a{
	display:inline-block;
	text-decoration:none;
	padding:.5em 1.5em;
	
}

.rslides_tabs>.rslides_here{
	background:#ccc;
}

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