/* AOE article mobile stylesheet - 2014 - Randy Wehrs */

div.mobileMenu,
div.mobileFooter { display: none; }

/* ways to show content exclusively on desktop or mobile */
.showOnlyOnMobile { display: none; }
.showOnlyOnDesktop { display: block; }

/* iPhone 4 and 5 */
@media  /* LG G2 */
		(device-height: 1920px) and (device-width: 1080px),
		/* top 5 most common mobile screen resolution visits from Jun 1 2013 - Jan 31 2014 */
		/* (device-height: 1024px) and (device-width: 768px), iPad*/
		(device-height: 480px) and (device-width: 320px),
		(device-height: 568px) and (device-width: 320px),
		(device-height: 1280px) and (device-width: 720px),
		(device-height: 800px) and (device-width: 480px),
		/* should target most mobile devices on portrait and landscape */
		(max-device-height: 801px) and (max-device-width: 601px)
		/* (min-width: 360px), */
		/* (min-width: 480px) */ {
	

	/* this is a test to see if google will properly identify our site as mobile */
	@viewport {
		width: device-width;
		zoom: 1;
	}
	
	/* Hide everything */

	div.merionBar,
	ul#globalNav,
	div#Aspot,
	div.leaderBoard iframe[name*="ox_"],
	div#content,
	div.navContainer,
	div.articleToolbar,
	div.commentForm,
	table.lgBlogComments,
	div.footerAd,
	div.footer_wrapper {
		display: none;
	}
	
	table, 
	table p {
		font-size: 18px;
		line-height: 25px;
	}
	
	ul { padding-left: 20px; }
	
	/* show mobile menu and footer */
	div.mobileMenu,
	div.mobileFooter { display: block; }
	
	/* ways to show content exclusively on desktop or mobile */
	.showOnlyOnMobile { display: block; }
	.showOnlyOnDesktop { display: none; }
	
	/* show medium rectangles in-content */
	td.content div[id$=adDiv] { display: block; }
	
	td.content div[id*="divMerionAds"] {
		max-width: 100%;
		min-width: 100%;
	}
	
	
	/* show ad column */
	tbody.content_wrap tr td.content_column { 
		float: left; 
		padding-bottom: 0;
		padding-right: 10px;
	}
	
	/* show column 3 ads */
	div.section.dualAds iframe[name*="ox_"] {
		display: block;
	}
	
	/* 300px wide images on the homepage need to only have a bottom margin and not have a right margin */
	table.aoe_publication_homepage div.section.generic div.extra img[src*="300x100"] {
		margin: 0 0 15px 0;
	}
	
	/* this gets column_3 on the landing pages to tuck under columns 1 and 2 */
	table.aoe_publication_homepage tbody.content_wrap tr:first-of-type {
		display: block;
		float: left;
	}
	
	/* overwrites the above table column fix where it breaks other pages which have tr:first-of-types */
	table.aoe_publication_homepage tbody.content_wrap table.content_manager_table tr:first-of-type {
		float: none;
		display: table-row;
	}
	
	tbody.content_wrap div.learning_scope tr:first-of-type {
		float: none;
		display: table-row;
	}
	
	tbody.content_wrap td.content_column + td[valign=top] { 
		display: block; 
		float: left;
	}
	
	tbody.content_wrap div.add_column { width: 100%; }
	
	tbody.content_wrap div.add_column div.tabsControlWrapper.nonPlainTabs {
		margin-top: 0;
	}
	
	tbody.content_wrap div.add_column div.section.searchBox {
		display: none;
	}
	
	div.interiorSkyscraper div.interiorSkyscraper2 { width: auto; }
	div.interiorSkyscraper div.interiorSkyscraper2 div,
	.dualAds .interiorSkyscraper .interiorSkyscraper1 div, 
	.dualAds .interiorSkyscraper .interiorSkyscraper2 div	{ 
		float: left; 
		padding: 8px;
	}
	
	
	
	ul.mobileGlobalLinks { display: block; }

	.extra a,
	.extra a:active,
	.extra a:hover { color: #009cdb; }
	.extra a:visited { color: #75D7FF; }
	
	span.more a:link, span.more a:active { color: #009cdb; }
	span.more a:visited { color: #75d7ff; }
	
	
	div.AOEpageWrapper,
	div.AOEpageWrapper .aoe_publication_homepage,
	tbody.content_wrap td.content_column,
	tbody.content_wrap td.content_column table.content_manager_table td.content,
	div.AOEpageWrapper .aoe_publication_homepage .content_manager_table {
		width: 100%;
	}

	div.legacyHeader {
		margin-bottom: 10px;
		font-size: 20px;
		color: #6b7c84;
	}
	
	div.legacyHeader span { padding-left: 0; }
	
	table.content_manager_table td.content a {
		word-wrap: break-word !important;
	}
	
	td.content_column div.articleTitle h1 {
		margin-bottom: 10px;
		font-size: 40px;
		line-height: 1em;
	}

	td.content_column div.articleTitle h2 {
		margin-bottom: 30px;
		font-size: 25px;
		line-height: 1em;
	}

	div.articleAuthor,
	div.articleAuthor p,
	div.articleInfo {
		font-size: 20px;
		color: #6b7c84;
	}

	div.articleAuthor { margin: 10px 0 10px 0; }
	
	div.articleAuthor p { 
		line-height: 1em; 
		font-size: 16px;
	}
	
	div.articleInfo { 
		margin: 10px 0 30px 0; 
		font-size: 16px;
	}

	div.articleTitle h2.articleSubheadText { 
		font-size: 22px; 
		font-weight: normal;
	}

	td.content { 
		font-size: 18px; 
		line-height: 1.5em;
	}
	
	td.content a { font-size: inherit; }

	td.content iframe {
		width: 100% !important;
	}
	
	/* body { padding-bottom: 40px; } */
	
	td.content div.captionRight {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.newsList a:visited, .newsList a:active { color: #6b7c84; }
	
	/* RELATED CONTENT BOXES */
	
	/* prevents old related content boxes from showing - we're going to have to find and kill them instead
	td.content div { display: none; } */
	
	/* show and re-style new RCBs */
	td.content div.relatedContentContainer_fullWidth,
	td.content div.relatedContentHeadline,
	td.content div.relatedContent,
	td.content div.sideBySide { 
		display: block; 
	}

	td.content div.relatedContentContainer_fullWidth { width: 100%; }
	
	td.content div.relatedContentContainer_fullWidth div.sideBySide { 
		width: 100%;
		margin-right: 0;
	}
	
	td.content div.relatedContentContainer_fullWidth div.relatedContentHeadline p { font-size: 20px }
	td.content div.relatedContentContainer_fullWidth div.relatedContent a { font-size: 18px; }
	td.content div.relatedContentContainer_fullWidth div.relatedContent p { font-size: 14px; }
	td.content div.relatedContentContainer_fullWidth div.relatedContent img { margin-bottom: 45px; }
	
	
	

	.aoe_publication_homepage .content_column { 
		box-sizing: border-box;
		padding: 20px 20px 20px 10px; 
	}

	td.content img { 
		margin: 10px 0;
		padding: 0; 
		max-width: 100%; 
		max-height: none;
	}
	
	td.content img + p { clear: both; }
	
	/* render only inner-article images full-width (image must have "300x" in its name) */
	td.content img[src*="300x"] {
		max-width: 100%;
		min-width: 100%;
		max-height: none;
	}
	
	
	
	/* footer */
	
	div.mobileFooter {
		
	}

	
	
	
	/* mobile menu */
	
	/* mobile menu nav */

	div.mobileMenu { background-color: #fff; }

	div.mobileMenu div.mobileTopLink { display: none; }
	
	div.mobileMenu ul.mobileNavContainer,
	div.mobileMenu ul.mobileGlobalLinks { display: none; }

	div.mobileMenu ul.mobileNavContainer,
	div.mobileMenu ul.mobileGlobalLinks { 
		font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
		font-weight: 100;
		clear: both;
		margin: 0;
		padding: 0 20px 15px 20px;
		background-color: #374044;
		/* display: none; */
	}

	div.mobileMenu ul.mobileNavContainer li,
	div.mobileMenu ul.mobileGlobalLinks li { 
		list-style-type: none; 
		padding: 20px 20px 20px 0;
		line-height: 1em;
	}

	div.mobileMenu ul.mobileNavContainer a li {
		background: url(http://advanceweb.com/sharedresources/images/mobile/mobileArrow.png) no-repeat right center;
		background-size: 13px;
	}

	div.mobileMenu ul.mobileNavContainer p.mobileMenuCategory { 
		text-transform: uppercase; 
		padding-top: 30px; 
		font-size: 13px;
		font-weight: bold;
		color: #95A3AC;
		border-top: 1px solid #252C2E;
	}

	div.mobileMenu ul.mobileNavContainer p.mobileMenuCategory.noRule { border: 0; padding-top: 15px; }

	div.mobileMenu ul.mobileNavContainer a.mobileMenuLink { 
		padding-bottom: 30px; 
		color: #fff;
		font-size: 18px;
		text-decoration: none;
	}

	div.mobileMenu ul.mobileNavContainer ul a:last-of-type {
		border-bottom: 1px solid black;
	}

	div.mobileMenu ul.mobileNavContainer a:hover { text-decoration: underline; }

	div.mobileMenu div.mobileNav {
		overflow: auto;
		border-bottom: 1px solid #ced4d9;
	}
	
	div.mobileMenu div.mobileNav div.mobileLogo {
		background-color: #fff;
		
		float: left;
		width: 80%;
		box-sizing: border-box;
		height: 80px;
	}



	div.mobileMenu .mobileNav div.mobileAccordionButton {
		float: right;
		height: 80px;
		width: 20%;
		box-sizing: border-box;
		cursor: pointer;
		background: #fff url(http://advanceweb.com/sharedresources/images/mobile/mobileHamburgerIcon.png) no-repeat 50% 50%;
		background-size: 50px;
	}

	div.mobileMenu ul.mobileGlobalLinks { 
		clear: both;
		padding: 10px 0 18px 20px;
		color: #a7b4bc;
		font-size: 1.1em;
		font-weight: 400;
		border-top: 1px solid #252C2E;
		text-transform: uppercase;
	}

	div.mobileMenu ul.mobileGlobalLinks li.mobileGloballogIn,
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalJobBoard,
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalSignUp,
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalShop { 
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding-left: 25px;
		color: #6b7c84;
	}

	div.mobileMenu ul.mobileGlobalLinks li.mobileGloballogIn { 
		background: url("http://advanceweb.com/sharedresources/images/mobile/mobileLogin.png") no-repeat center left;
		background-size: 16px;
	}
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalJobBoard {  
		background: url("http://advanceweb.com/sharedresources/images/mobile/mobileJobBoard.png") no-repeat center left;
		background-size: 16px;
	}
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalSignUp {  
		background: url("http://advanceweb.com/sharedresources/images/mobile/mobileSignUp.png") no-repeat center left;
		background-size: 16px;
	}
	div.mobileMenu ul.mobileGlobalLinks li.mobileGlobalShop {  
		background: url("http://advanceweb.com/sharedresources/images/mobile/mobileShop.png") no-repeat center left;
		background-size: 16px;
	}

	div.mobileMenu ul.mobileNavContainer a.mobileMenuLink[href*="magazine.aspx"] li {
		background: url("http://advanceweb.com/sharedresources/images/mobile/mobileMagazine.png") no-repeat center right;
		background-size: 25px;
	}

	div.mobileMenu div.clearFix { clear: both; }
	div.mobileMenu div.pageContent { clear: both; margin-top: 30px; }



	/* Homepages */

	td.aoe_column_1, 
	td.aoe_column_2, 
	td.aoe_column_3 {
		display: block;
		float: left;
		width: auto;
	}
	
	td.aoe_column_1 { margin-top: 20px; }

	td.aoe_column_3 .section { width: 100%; }

	.section p { font-size: 15px; }

	td.feature_wrapper { display: none; }

	div.skyScraperAdContainer.expandableskyscraper { left: auto !important; }

	.section { 
		box-sizing: border-box; 
		font-size: 1.5em;
		border: 0;
	}

	.feature { margin-bottom: 20px; }

	div#CarouseOutside { display: none; }

	div.AOEpageWrapper .aoe_column_2 { border: 0; }

	div.AOEpageWrapper .aoe_column_1 .section, 
	div.AOEpageWrapper .aoe_column_2 .section {
		width: auto;
	}

	div.AOEpageWrapper .aoe_column_3 table:first-of-type {
		width: 100%;
	}

	.tabs a:link, 
	.tabs a:visited {
		display: block;
		color: #009cdb;
		padding: 5px 0;
	}
	
	ul.tabs { padding-left: 0; }

	li.emptyTab { display: none !important; }

	div.aggregator.newswatch div.newsList span { font-size: 17px; }
	
	div.aggregator.newswatch ul.tabs li {
		width: 40%;
		font-size: 18px;
		font-weight: bold;
		background-color: #ced4d9;
		background-image: none;
	}

	div.aggregator.newswatch ul.tabs li a { text-decoration: none; }

	div.aggregator.newswatch ul.tabs li.activeTabLeft,
	div.aggregator.newswatch ul.tabs li.activeTabRight { background-color: #fff; }

	div.aggregator.newswatch ul.tabs li.left { border-bottom: 1px solid #a7b7bc; }
	div.aggregator.newswatch ul.tabs li.right { border-right: 1px solid #a7b4bc; border-bottom: 1px solid #a7b4bc; }
	
	div.aggregator.newswatch ul.tabs li.activeTabLeft,
	div.aggregator.newswatch ul.tabs li.activeTabRight { border-bottom: 0; }
	
	div.aggregator.newswatch ul.tabs li.activeTabLeft a,
	div.aggregator.newswatch ul.tabs li.activeTabRight a { color: #374044; }

	td.aoe_column_3 div.tabsControlWrapper div.genericHeading {
		padding: 0 5px;
		margin-bottom: 15px;
	}

	td.aoe_column_3 div.tabControl.tabJobs div.specialtySelectorByZip select {
		height: 30px;
		width: 190px;
	}

	div.tabsControlWrapper {
		box-sizing: border-box;
		padding: 10px;
		margin: 0; 
		width: 100%;
	}

	div.plainVanillaTabs {
		box-sizing: border-box;
		height: auto;
		padding: 10px;
		margin: 0;
		font-size: 1.3em;
	}

	div.jobsControlTabs {
		margin: 0 0 5px 0;
	}

	div.tabsControlWrapper div.tabContents {
		height: auto;
		margin: 0;
		margin-top: 9px;
	}
	
	div.tabsControlWrapper .bottomMessege {
		margin-bottom: 20px;
	}

	div.jobsControlTabs div.tab.active {
		padding-bottom: 10px;
	}

	div.tabsControlWrapper.nonPlainTabs {
		width: 100%;
		margin-top: 20px;
		height: auto;
	}

	div.tabsControlWrapper div.tabContents div div.specialtySelectorByZip {
		height: 30px;
	}

	div.plainVanillaTabs div.genericHeading h2 { 
		margin-left: 0; 
		font-size: .7em;
		padding-bottom: 10px;
	}

	div.plainVanillaTabs div.jobsControlTabs { margin: 0; }

	div.tabsControlWrapper div.tabContents div div.controlListing ul li { padding: 10px 0; }

	div.plainVanillaTabs div.tabContents div.tabControl .controlListing {
		border: 1px solid #a7b4bc;
	}

	div.plainVanillaTabs div.jobsControlTabs div.active {
		border-color: #a7b4bc;
		color: #a7b4bc;
	}

	div.jobsControlTabs div.tab { background-color: #ced4d9; }

	div.jobsControlTabs div.tab.active { background-color: #eee; }



	/* hopefully just the most popular content tabs */

	div.tabsControlWrapper.plainVanillaTabs div.jobsControlTabs div.tab {
		margin: 0;
		font-size: 10px;
		background: #ced4d9;
		border: 1px solid #a7b4bc;
		border-bottom: 0;
		padding: 10px 8px;
	}

	div.tabsControlWrapper.plainVanillaTabs div.jobsControlTabs div.tab.active {
		background: #eee;
	}

	div.tabsControlWrapper.plainVanillaTabs div.jobsControlTabs div.tab.empty {
		display: none;
	}

	div.tabsControlWrapper.plainVanillaTabs div.jobsControlTabs div.tab a:link {
		color: #6b7c84;
	}

	div.tabsControlWrapper.plainVanillaTabs div.tabContents {
		margin-top: 10px;
	}

	div.plainVanillaTabs div.tabContents div div.controlListing ul li.odd {
		background-color: #eee;
	}

	div.extra { margin-top: 15px; }

	div.extra div.jumpTo {
		padding-bottom: 20px;
		margin-top: 20px; 
		border-bottom: 1px solid #a7b4bc;
		font-size: 17px;
		line-height: 14px;
		text-align: left;
	}

	div.extra div.jumpTo select { 
		box-sizing: border-box;
		padding: 10px;
		width: 100%; 
		margin: 10px 0;
	}

	div.extra div.jumpTo a.button {
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		font-size: 20px;
		padding: 15px 0;
		margin-top: 10px;
		border: 1px solid #a7b4bc;
		color: #009cdb;
		
		background: #eeeeee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #ced4d9 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ced4d9));
		background: -webkit-linear-gradient(top, #eeeeee 0%, #ced4d9 100%);
		background: -o-linear-gradient(top, #eeeeee 0%, #ced4d9 100%);
		background: -ms-linear-gradient(top, #eeeeee 0%, #ced4d9 100%);
		background: linear-gradient(to bottom, #eeeeee 0%, #ced4d9 100%);
	}

	td.aoe_column_1 div.section.blogs div.jumpTo a.button { color: #6b7c84; font-weight: bold; }
	
	td.aoe_column_1 div.section.blogs div.extra div.brief div { font-size: 14px; }

	.extra a.button:link, .extra a.button:visited, .extra a.button:active {
		color: #fff;
		
	}

	.feature { margin-bottom: 20px; }
	.feature h2 { line-height: 22px; }
	.section img.fleft { margin-bottom: 35px; }
	.section h2 { font-size: 17px; }
	.extra h2 { font-size: 19px; line-height: 22px; }
	.extra h2.beige { font-size: 17px; }

	div.extra div.brief { padding: 15px 0; }

	.newsInfo { 
		margin-top: 10px;
		margin-bottom: 20px;
		color: #6b7c84;
	}

	span.more a {
		font-size: 17px;
		color: #009cdb;
		font-weight: bold;
	}

	div.extra div.brief span a { 
		display: block;
		font-size: 1.5em;
		color: #009cdb !important;
		text-decoration: none;
		line-height: 1.3em;
	}

	.eyebrow { 
		font-size: .5em; 
		margin-bottom: 10px;
	}

	div.plainVanillaTabs div.jobsControlTabs div.active a:active, div.plainVanillaTabs div.jobsControlTabs div.active a:link, div.plainVanillaTabs div.jobsControlTabs div.active a:visited {
		color: #009cdb;
	}

	div.tabsControlWrapper.nonPlainTabs div.tabsControlWrapper div.genericHeading {
		padding: 2px 10px;
	}

	div.jobsControlTabs div.tab {
		margin: 5px 8px;
	}

	div.tabsControlWrapper.nonPlainTabs div.jobsControlTabs div.tab {
		margin: 0;
		margin-right: -1px;
		padding: 10px 5px;
		font-size: 12px;
		border: 1px solid #a7b4bc;
	}

	div.tabsControlWrapper div.tabContents div div.controlListing ul { border: 0; }

	div.tabsControlWrapper.nonPlainTabs div.jobsControlTabs div.tab.empty { display: none; }

	div.tabsControlWrapper div.tabContents div div.controlListing ul li h1 a:link {
		font-size: 15px;
	}

	div.tabsControlWrapper div.tabContents div div.controlListing ul li {
		box-sizing: border-box;
		padding: 15px;
	}

	.newsletter {  }

	.newsletter .button {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		font-size: 20px;
		margin: 10px 0;
		padding: 10px 0;
	}
	
	div.section.newsletter p.smallText {
		font-size: 14px;
	}
	
	/* XI News page */
	
	div.newsMostRecent span.newsTitle { 
		font-size: 20px;
		line-height: 25px;
	}
	
	div.newsMostRecent span.newsTitle a { font-weight: normal; }

	div.newsMostRecent div.newsInfo { font-size: 14px; }


	/* FOOTER */

	div.mobileFooter {
		width: 100%;
		margin: auto;
		margin-bottom: 35px;
		text-align: center;
		padding: 20px 0;
		background-color: #374044;
		color: #fff;
		font-size: 14px;
	}

	div.mobileFooter p.linkToTop { margin: 20px 0 40px 0; }

	div.mobileFooter p.linkToTop a { 
		padding: 10px 20px; 
		background-color: #6b7c84;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	}



		
	/* Microsites */

	table.micro_site {
		width: 100%;
	}

	table.micro_site td#scContentLeft {
		display: block;
		float: left;
		width: 100%;
		padding-top: 20px;
		border: 0;
	}

	table.micro_site td#scContentRight {
		display: block;
		float: left;
		width: 100%;
		border: 0;
	}
		
	table.micro_site div.regionalContentHeader {
		width: 100%;
		border: 0;
	}
		
	table.micro_site div.regionalContentHeader img {
		max-width: 100%;
	}
		
	table.micro_site div.regionalContentHeaderSEO {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	table.micro_site div.section {
		padding: 0;
		padding-top: 20px;
	}

	table.micro_site span.recentColumnsHeading {
		margin-top: 20px;
	}
		
	table.micro_site div.extra .recentColumns ul li {
		margin: 20px 0;
		line-height: 25px;
	}
	
	table.micro_site div.jobSearchBar.searchBox { display: none; }
	
		


	/* Webinar pages */

	td.content_column div#ContentRow2Right.innerRightColumn {
		float: none;
		width: 100%;
	}

	td.content_column div#ContentRow2Right.innerRightColumn .columns {
		background: #eee;
	}

	td.content_column div#ContentRow2Left.innerLeftColumn {
		width: 100%;
		padding: 0;
		font-size: 18px;
	}

	td.content_column div#ContentRow2Left.innerLeftColumn p {
		line-height: 24px;
	}

	div.section.webinar div.genericpanellightThick {
		width: 100%;
		background-color: #ffe19f;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
	}

	td.content_column div.section.webinar h1.pageHeading {
		margin-top: 20px;
		font-size: 30px;
		line-height: 30px;
	}

	div.section.webinar div.genericpanellightThick {
		background-color: #fff;
	}

	.webinar .genericpanellightThick p,
	.webinarHome .genericpanellightThick p {
		margin: 0;
		padding: 0;
	}

	.webinar .genericpanellightThick a, 
	.webinarHome .genericpanellightThick a {
		background-image: none;
		background-color: #009cdb;
		font-weight: bold;
		margin: 20px 0 5px 0;
		padding: 10px 20px;
		float: none;
		width: auto;
		height: auto;
		display: block;
		box-sizing: border-box;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color: #009CDB;
		background: #009CDB;
		background: -moz-linear-gradient(top, #009cdb 0%, #1b75bb 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009CDB), color-stop(99%,#1B75BB));
		background: -webkit-linear-gradient(top, #009CDB 0%,#1B75BB 99%);
		background: -o-linear-gradient(top, #009cdb 0%,#1b75bb 99%);
		background: -ms-linear-gradient(top, #009cdb 0%,#1b75bb 99%);
		background: linear-gradient(to bottom, #009CDB 0%,#1B75BB 99%);
	}

	.webinar.section, .webinar .section {
		margin: 0;
		padding: 0;
	}


	/* Archive pages */

	div.archiveList div.section.sortBar select {
		width: 100%;
		margin: 20px 0;
		padding: 10px 5px;
	}

	div.archiveList div.section.sortBar select option {
		padding: 10px 0;
	}

	div.archiveList div.section.sortBar {
		padding: 0;
		background-color: #fff;
	}

	div.archiveList div.section.sortBar span a.button {
		width: 100%; 
		display: block;
		text-align: center;
		padding: 15px 0;
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 22px;
	}

	.category .categoryName {
		border-bottom: 1px solid #a7b4bc;
		padding: 15px 0;
	}

	div.archiveList span.categoryName {
		padding-left: 10px;
		background-color: #ced4d9;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}

	div.archiveList span.categoryName span.categoryName a.pubColor {
		font-weight: bold;
	}

	div.archiveList div.section.newsArchiveList {
		padding: 0 10px;
		background-color: #eee;
	}

	.categoryName a:link, 
	.categoryName a:visited, 
	.categoryName a:active {
		font-weight: bold;
	}

	.categoryList .section p { font-size: 17px; }
	.categoryList .newsInfo { font-size: 15px; }

	.categoryList .basic .categoryName a,
	.categoryList .sponsored .categoryName a,
	.categoryList .full .categoryName a {
		display: block;
		width: 100%;
		background-position: 0;
		padding-left: 25px;
	}

	div.archiveList div.section.newsArchiveList div.newsMostRecent {
		padding: 0;
	}

	div.archiveList div.newsMostRecent span.newsTitle.pubColor a.pubColor {
		display: block;
		margin: 25px 0 0 0;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}

	table.content_manager_table td.title a.title {
		font-size: 18px;
	}

	div.learning_scope tr[valign="middle"] td { width: auto !important; }


	/* CE pages */

	.lgCEGreyHeading td { padding: 0; }

	td.small,
	td.small p,
	.small { font-size: 10px; line-height: 12px; }

	table span.title { font-size: 40px; line-height: 1em; }

	div.learning_scope table p { font-size: 14px; }

	div.learning_scope table.legacyDataGrid td.cehead,
	div.learning_scope table.legacyDataGrid td.celist { 
		font-size: 15px; 
		line-height: 20px;
	}

	div.learning_scope table.legacyDataGrid td.celist a {
		display: block;
		padding: 0 0 20px 0;
	}

	div.learning_scope {  }
	table.legacyDataGrid { word-break: normal; }
	
	/* Learning Scope / CE */
	
	td.content_column ol {
		font-size: 16px;
		line-height: 25px;
	}
	
	td.content_column ol li { margin-bottom: 20px; }



	/* Education Search pages */

	.eventSearchHeader { 
		background-image: none;
		height: auto;
		margin-bottom: 20px;
	}

	.eventSearchHeader h1,
	.eventSearchHeader h2 { width: 100%; }

	div.searchCriteria div.searchSelections select,
	div.searchCriteria div.searchSelections input,
	div.searchCriteria div.searchSelections div.fieldContainer select {
		height: 35px;
	}

	.searchSelections .leftSide,
	.searchSelections .rightSide,
	.criteria .searchSelections div,
	.criteria .searchSelections div label,
	.criteria .searchSelections div input,
	.criteria .searchOptionControls { width: 100%; }

	.criteria input { box-sizing: border-box; }

	.criteria .searchOptionControls a { 
		box-sizing: border-box;
		width: 100%; 
	}

	.criteria .bevelButton { padding: 10px 0; }

	.jobSearchResults .searchResultsList div.searchResultsListRow .row1 a { 
		font-size: 22px;
		line-height: 24px;
	}

	.jobSearchResults .searchResultsList p { 
		font-size: 15px;
		line-height: 20px; 
	}

	.searchCriteria { padding: 0; }

	.jobSearchResults .searchResultsListRow, 
	.jobSearchResults .searchResultsListRow .alt {
		padding: 20px 0;
	}

	.jobDetails div.section.grid {
		width: 100%;
		padding-left: 0;
	}

	.jobDetails .clientCopy { padding-left: 0; }

	div#contentLeft div.applyBox { 
		float: right; 
		margin-bottom: 20px;
	}

	div.jobDetails div.section.clientCopy p {
		font-size: 17px;
	}

	div#contentLeft div.applyBox ul { padding-left: 0; }

	div#contentLeft div.applyBox ul li img {  }
	div#contentLeft div.applyBox ul li a { font-size: 17px; }

	div.textLeft div.section.grad.sendToFriend.noBottomBorder {
		padding: 10px; 
	}



	/* Email to a Friend styles */

	.stfFormRow { margin-bottom: 20px; }
	.stfFormRow label { text-align: left; }
	.stfFormRow textarea { 
		box-sizing: border-box;
		width: 100%;
	}

	.stfFormRow input[type] { height: 30px; }

	.stfInstructions p { color: #6b7c84; }

	.stfButtonRow { 
		position: static;
		float: none; 
		margin-right: 0;
	}

	.stfButtonRow .bevelButton:link, 
	.stfButtonRow .bevelButton:visited, 
	.stfButtonRow .bevelButton:active, 
	.stfButtonRow .button:link, 
	.stfButtonRow .button:visited, 
	.stfButtonRow .button:active {
		width: 100%;
		margin: 20px 0;
		padding: 10px 0;
		box-sizing: border-box;
	}

	.stfRequiredText { position: static; }

	.stfFormRow .sublabel { 
		position: static;
		width: auto;
		text-align: left;
	}


	/* White Paper Whitepaper styles */

	div.section.whitePaper p.paperBlurb {
		width: auto;
		margin-bottom: 20px;
	}

	div.section.whitePaper div.extra a.downloadLink {
		font-size: 15px;
	}

	div.section.whitePaper h2.paperTitle { 
		width: 50%; 
		color: #374044;
		margin-top: 20px;
	}
	div.section.whitePaper span.paperImage { margin-top: 0; }
	
	div.section.whitePaper a.downloadLink {  
		padding: 10px 10px;
		font-weight: normal;
	}
	
	/* not sure what this was for 
	div.section div.extra a { color: #fff !important; } */



	/* Search styles */

	div.searchInput { overflow: auto; }

	.searchInput .searchType { font-size: 17px; }

	div.searchField { margin: 15px 0 }


	.searchField input { 
		float: left; 
		width: 100%;
		height: 40px;
		padding: 10px 5px;
		box-sizing: border-box;
	}

	.searchField .searchButton:link, 
	.searchField .searchButton:visited, 
	.searchField .searchButton:active {
		display: block;
		box-sizing: border-box;
		float: left;
		margin-left: 0;
		margin-top: 20px;
		padding: 10px 5px;
		width: 100%;
		text-align: center;
		border-radius: 4px;
		color: #fff;
		font-size: 18px;
		border: 0;
		background-color: #009CDB;
		background: #009CDB;
		background: -moz-linear-gradient(top, #009cdb 0%, #1b75bb 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009CDB), color-stop(99%,#1B75BB));
		background: -webkit-linear-gradient(top, #009CDB 0%,#1B75BB 99%);
		background: -o-linear-gradient(top, #009cdb 0%,#1b75bb 99%);
		background: -ms-linear-gradient(top, #009cdb 0%,#1b75bb 99%);
		background: linear-gradient(to bottom, #009CDB 0%,#1B75BB 99%);
	}

	div.sortCriteria {
		padding: 10px 0;
		font-size: 17px;
	}

	.sortCriteria .sortRight { width: 50%; }

	div.sortCriteria span {
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.sortCriteria ul { 
		display: block;
		padding: 0;
	}

	.sortCriteria ul li { 
		display: block;
		margin-bottom: 10px;
		font-weight: normal; 
		line-height: 20px;
	}

	.sortCriteria ul li a { color: #009cdb; }

	.sortCriteria ul li.pipe { display: none; }

	.searchDates label { font-size: 17px; }

	.searchDates input { 
		width: 128px; 
		height: 30px;
		box-sizing: border-box;
		padding: 17px 5px;
	}

	div.resultSummary {
		font-size: 25px; 
		line-height: 27px; 
	}

	.resultSummary .count,
	div.searchResults h2,
	div.searchResults .byline { 
		font-weight: bold; 
	}

	div.searchResults { font-size: 20px; }


	/* Search navigation styles */

	div.searchPages {
		float: none;
		margin: 40px 0;
		font-size: 19px;
	}

	div.searchResults .eyebrow {
		margin-top: 50px;
		margin-bottom: 10px;
		color: #a7b4bc;
		font-size: 12px;
	}

	div.searchPages ul { line-height: 35px; }
	
	.searchDisclaimer { font-size: 15px; }
	
	
	
	
	/* Resource Directory styles */
	
	div.buyers_guide div.section { padding: 0; }
	div.buyers_guide div.vendor.basic { 
		padding: 20px 0; 
		line-height: 30px;
	}
	
	div.buyers_guide div.section.sortBar { background-color: #fff; }
	
	div.buyers_guide div.section.sortBar span.smallText.sortBy1 {
		float: none;
	}
	
	div.buyers_guide div.section.sortBar span.smallText.sortBy1 a {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		display: block;
		padding: 10px 0;
	}
	
	div.buyers_guide span.more, .extra a.viewAll #contentWrapper a.link {
		float: none;
	}
	
	div.buyers_guide div.section span.smallText.sortBy1 select {
		display: block;
		margin: 10px 0;
		width: 100%;
		box-sizing: border-box;
		padding: 8px 0;
		font-size: 14px;
	}
	
	div.buyers_guide div.section.sortBar div#search_control div {
		float: none;
	}
	
	div.buyers_guide div.section.sortBar div#search_control div input { 
		width: 100%;
		box-sizing: border-box;
		margin-top: 30px;
		height: 35px;
	}
	
	div.buyers_guide div.section.sortBar .header_control {
		float: none;
	}
	
	div.buyers_guide div.section.sortBar .header_control div {
		float: none;
	}
	
	div.buyers_guide div.section.sortBar div#search_control a {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0;
		border-radius: 4px;
		margin: 10px 0;
		border: 1px solid #a7b4bc;
		font-size: 14px;
		background-color: #fff;
		background: #fff;
		background: -moz-linear-gradient(top, #fff 0%, #a7b4bc 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(99%,#a7b4bc));
		background: -webkit-linear-gradient(top, #fff 0%,#a7b4bc 99%);
		background: -o-linear-gradient(top, #fff 0%,#a7b4bc 99%);
		background: -ms-linear-gradient(top, #fff 0%,#a7b4bc 99%);
		background: linear-gradient(to bottom, #fff 0%,#a7b4bc 99%);
		border-radius: 3px 3px 3px 3px;
		color: #6b7c84;
	}
	
	div.buyers_guide div.sortOptions {
		font-size: 15px;
		padding: 0;
		margin: 25px 0;
	}
	
	

	/* Miscellaneous styles */

	td.content object#Object1 { display: none; }
	
	td.content a.callToActionButton {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	div.searchResults div.result h2.pubColor {
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	/* landing pages */
	
	td.content div.clearfix,
	td.content div.landingPage_groupContainer,
	td.content div.landingPage_categoryHeader,
	td.content div.landingPage_articleContainer,
	td.content div.landingPage_categoryIcon {
		display: block;
		width: auto;
	}
	
	td.content div.landingPage_articleContainer {
		height: auto;
	}
	
	td.content img.landingPage_articleIcon {
		margin-bottom: 30px;
	}
	
	td.content h3.landingPage_articleTitle {
		font-size: 18px;
	}
	
	td.content p.landingPage_categoryBlurb {
		margin: 0;
		padding: 0;
		width: 70%;
		height: auto;
		font-size: 18px;
	}
	
	td.content p.landingPage_articleBlurb {
		font-size: 16px;
		line-height: 18px !important;
	}
	
	td.content span.landingPage_categoryArchive {
		font-size: 18px;
	}
	
	
	
	
	/* show poll polls */
	
	td.content div#poll, 
	td.content div#poll div, 
	td.content div form, 
	td.content div form div.choices, 
	td.content div form input, 
	td.content div form input a, 
	td.content div.question {
		display: block;
	}
	
	td.content div#poll { width: auto !important; }
	
	div.section.columns span.sponsorMsg {
		display: block; 
		width: 100%;
		padding: 5px;
		background-color: #ced4d9;
		color: #374044;
	}
	
	
	
	/* Digital Edition archive page */
	
	.opportunities, .opportunities div, 
	.opportunities div.alt,
	.opportunities span.second {
		width: 100%;
		box-sizing: border-box;
	}
	
	.opportunities div { background-color: #eee; }
	
	.opportunities span.first,
	.opportunities span.third {
		display: block;
		box-sizing: border-box;
		width: 100%;
		text-align: left;
	}
	
	.opportunities span.first,
	.opportunities span.second,
	.opportunities span.third { 
		padding: 0; 
		font-size: 15px;
	}
	
	.opportunities span.first {
		padding: 20px 10px 2px 10px;
		color: #6b7c84;
		font-size: 11px;
	}
	
	.opportunities span.second {
		padding: 0 10px; 
	}
	
	.opportunities span.third {
		padding: 20px 10px;
	}
	
	.opportunities span.third a,
	.opportunities span.third a:hover,
	.opportunities span.third a:visited	{ 
		color: #009cdb;
	}
	
	.section.noBottomBorder.pastEditions { margin-top: 20px; }
	
	
	/* Student Center page */
	
	table.aoe_publication_homepage td.content_column div.regionalContentHeader { border: 0; }
	
	table.aoe_publication_homepage td.content_column div.regionalContentHeader img.regImage {
		max-width: 100%;
		height: auto;
	}
	
	td.content_column table.student_center {
		width: auto;
		border: 0;
	}
	
	td.content_column table.student_center div.feature {
		width: auto;
	}
	
	td.content_column table.student_center div.section.features div.otherResources {
		width: auto;
		padding-left: 0;
	}
	
	td.content_column table.student_center div.section.features div.otherResources ul.bullet li {
		margin-bottom: 15px;
	}
	
	td.content_column table.student_center td#scContentLeft {
		display: block;
		float: left;
		width: 100%;
		padding-top: 20px;
		border: 0;
	}
	
	td.content_column table.student_center td#scContentLeft div.section {
		padding: 10px 0;
	}
	
	td.content_column table.student_center td#scContentLeft div.section.subscribeRenew.noBottomBorder div.buttonGroup {
		width: 100%;
	}
	
	td.content_column table.student_center td#scContentLeft div.section.subscribeRenew.noBottomBorder div.buttonGroup a.button.fright {
		width: 100%;
		float: none;
		display: block;
		box-sizing: border-box;
		text-align: center;
		margin-top: 10px; 
	}
	
	td.content_column table.student_center td#scContentRight {
		display: block;
		float: left;
		width: 100%;
		border: 0;
	}
	
	
	/* new landing pages - plainList format */
	
	td.content div.plainList { padding-bottom: 20px; }
	td.content div.plainList h2 a { font-size: 22px; }
	td.content div.plainList img { margin-right: 20px; }
	td.content div.plainList p { font-size: 17px; }
	
	
	/* new custom disclaimer copy for microsites */
	.micrositeVerbiage { width: 100%; }
	
	
	/* exception class for hidden tags */
	td.content div.showOnMobile { display: block; }
	
	
	/* Top 10 page */
	
	td.content div.top10Header {
		width: auto;
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
	}
	
	td.content div.top10ListItem {
		box-sizing: border-box;
		padding-left: 0;
	}
	
	td.content div.top10ListItem h2 a {
		font-size: 20px;
	}
	
	td.content div.top10Header div.top10Description {
		width: 60%;
		margin-top: 22px;
	}
	
	
	

/*********************/
/*********************/
/*********************/
} /* end media query */