@charset "UTF-8";
/*_________________________________________________________________________________
		GENERAL MOBILE
===================================================================================*/
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; background-color: #fff; 
	-webkit-text-size-adjust:none; }
body.large div#mobileDetail { font-size: 150%; }
body.large div#mobileDetail div#articleExtras div.addOn h2 { font-size: 20.8px; }
body.large div#mobileDetail div#authorBio,
body.large div#mobileDetail div#articleExtras div.addOn,
body.large div#mobileDetail div#purchaseArticle { font-size: 75%; }

/*_________________________________________________________________________________
		MOBILE LAYOUT
===================================================================================*/
/*#mobileSponsoredFooter { position: fixed; bottom: 0px; z-index: 200; }*/
#mobileDetail { background-color: #FFFFFF; padding: 10px; }
#related #contentItems { /*display: none;*/ }

/*_________________________________________________________________________________
		HEADER 
===================================================================================*/
header#mobileHeader { height: 60px; background-color: #41464b; position: relative; /*width: 100%;*/}

h1#mLogo { width: 138px; height: 50px; margin: 0px 0px 0px 0px; display: inline-block; float: left; position: relative; top: 5px; left: 5px; overflow: hidden; background: url('https://abm-assets.s3.amazonaws.com/images/si/misc/logo-2011b.png') no-repeat 0 0; background-size: 138px auto; }
h1#mLogo a { width: 138px; height: 50px; display: block; }
h1#mLogo span { display: block; text-indent: -9999px; }

div#menuControls span { height: 26px; margin: 24px 8px 0px 2px; border: 1px solid #000; border-bottom: 0px none; border-radius: 6px 6px 0 0; position: relative; float: right; padding: 5px 10px 4px; color: #fff; font-weight: bold; font-size: 18px; line-height: 26px; background-color: #5D776D; }

#menuControls span.top { z-index: 22; color: #222; background-color: #fff; }
#mobileMenuLink { display: inline-block; vertical-align: top; float: right; width: 50px; height: 40px; margin-top: 9px; margin-right: 26px; background-color: #990000; border-style: solid; border-width: 2px; border-radius: 8px; }

/*_________________________________________________________________________________
		NAV
===================================================================================*/
div#menuWrapper { padding: 4px 5px 1px; background-color: #fff; overflow: hidden; position: relative; z-index: 20; box-shadow: 0px -2px 5px rgba(0,0,0,.5), 0px -1px 0px #000; }
div#search { display: none; }
div#search form { padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #666; text-align: center; }
div#search input.text { width: 70%; padding: 5px; border: 1px solid #444; font-size: 1.3em; line-height: 1em; background-color: #f2f2f2; box-shadow: inset 0px 0px 5px rgba(0,0,0,.6); border-radius: 4px; }
div#search input.text:focus { box-shadow: 0px 0px 5px rgba(0,122,255,0.8); background-color: #fff; }
div#search input.submit { font-size: 1.1em; line-height: 1.4em; vertical-align: top; }

nav { margin-bottom: 5px; border-bottom: 1px solid #666; display: none; }
/* First Level UL List */
nav > ul { margin: 0; padding:0 0px 5px; list-style:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

nav > ul > li {
	padding-bottom: 1px;
	overflow: hidden;
	color:#3300FF;
	background-color: #E5E3E4;
	font-size: 2em;
	line-height: 1.5em;
	margin: 1px 0px 5px;
	text-indent: 5px;
	font-weight: bold;
	background-image: -moz-linear-gradient(bottom, #E5E3E4 25%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #E5E3E4 25%, #ffffff 100%);
	border-radius: 7px;
	box-shadow: inset 0px -1px 3px rgba(0,0,0,.4);
}

nav > ul > li > a {
	padding: 2px 5px;
	display: block;
	color:#3300FF;
	text-decoration:none;
	background-image: url('../images/icons/arrow-right.png');
	background-position: 98% 10px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

nav > ul > li a:link, nav > ul > li a:visited {text-decoration: none; }
nav > ul > li a:focus, nav > ul > li a:hover, nav > ul > li a:visited {color: #5D776D; }

nav > ul > li.expanded > a { background-image:url('../images/icons/arrow-down.png'); }

a#fullSiteLink { background-image: none; }

/* Second Level UL List*/
nav > ul ul { margin: 0px 30px 7px 15px; padding: 0; display:none; /*background-color: #670000; border-left: 1px solid #fff;*/ }

nav > ul ul li { margin: 0px 0px 5px; font-size: 1.5em; line-height: 1.8em; /*height:30px;*/ background-color: #FFFFFF;
	background: -moz-linear-gradient(left, rgba(255,255,255,.9) 25%, rgba(255,255,255,.01) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,.9) 25%, rgba(255,255,255,.01) 100%); }

/* styling of submenu item */
nav > ul ul li a { /*width: 290px;*/ padding: 5px 7px; display: block; }

/* remove border bottom of the last item */
nav > ul ul li a.last { border-bottom: none; }				

/*_________________________________________________________________________________
		ADS 
===================================================================================*/
div#mobileAd { margin-bottom: 7px; padding-bottom: 3px; border-bottom: 1px solid #000000; position: relative; z-index: 25; color: #666; text-align: center; background-color: #fff; box-shadow: 0px 3px 3px rgba(0,0,0,.5); }

div#mobileAd p { margin: 0px; padding: 2px 0px; font-size: 13px; line-height: 13px; }
div#mobileAd p span#adInfo { margin-top: 2px; font-size: 13px; line-height: 15px; display: block; }

div#mobileAdBanner div.adWrapper img { width: auto; max-width: 320px; height: auto; max-height: 50px; }

div#mobileAdExpanded { width: 100%; height: 100%; display: none; position: fixed; top:0px; z-index: 500; text-align: center; background-color: #E5E3E4; }

.mobileBanner { padding-bottom: 3px; text-align: center; color: #666; background-color:#fff; border-style: none; border-width: 0px 0px; border-color: #670000; }

#mobileAdExpanded a img,
#mobileAdExpanded img { height: 100%; width: auto; position: relative; z-index: 510; }

#mobileAdSponsored { padding-top: 40px; }

#mobileAdSponsored img { max-width: 300px; max-height: 100px; }

#insideExpandBanner { position: fixed; bottom: 0px; color: #FFFFFF; font-weight: 700; }

#mobileAdClose {
	width: 40px; height: 40px; border-radius: 5px;
	display: inline-block;
	position: absolute; right: 10px; top: 10px; z-index: 520;
	color: #fff; font-size: 14px; line-height: 60px;
	background-image: url('../images/icons/close-40.gif');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-color: rgba(0,0,0,.5);
	background-position: 50% 2px;
}

#mobileSponsoredFooter { width: 100%; box-shadow: 0px -8px 8px rgba(255,255,255,1); }

#mobileAd #mobileSponsored { padding: 5px; background-color: #cdc; }
#mobileAd #sponsoredBanner { color: #326076; background-color: #cdc; }
#mobileAd #sponsoredBanner p span { margin-left: 5px; text-decoration: underline; }
#mobileAd #sponsorInfo { margin-top: 5px; padding: 7px; display: none; background-color: #fff; }

#mobileAd #sponsorInfo h2 { display: none; }
#mobileAd #sponsorInfo h3 { margin-top: 10px; font-size: 1em; line-height: 1.1em; }

div#mobileDetail > div.disclaimer { display: none; }

/*_________________________________________________________________________________
		FOOTER
===================================================================================*/
#mobileFooter { padding-bottom: 1px; border-top: 1px solid #000000; overflow: hidden; text-align: center; background-color: #E5E3E4; }
#mobileFooter p { margin-bottom: 5px; font-size: 11px; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { margin: 5px 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; }

h1 { margin: 0px 0px 15px 0px; color: #222; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.5em; line-height: 1.25em; }

h2 { margin: 0px 0px 5px 0px; color: #222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; line-height: 1.2em; }

h3 { margin: 0px 0px 3px 0px; color: #222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.15em; line-height: 1.2em; }

h4 { margin: 0px 0px 3px 0px; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .8em; line-height: 1em; text-transform: uppercase; }

h5 { margin: -2px 0px 10px 0px; color: #222; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: .9em; line-height: 1.2em; } /* Author Names */

h6 { margin: 0px 0px -2px 0px; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .8em; line-height: 1.2em; } /* from issue or posted date */

div.itemDeck h2 { line-height: 1.3em; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
a#zoomBtn { /*width: 20px;*/ padding-right: 30px; float: right; height: 24px; display: inline-block; overflow: hidden; font-size: 10px; line-height: 24px; /*text-indent: -99999px;*/ background: url("../images/icons/zoomText-32x32.png") no-repeat 100% 0; background-size: 24px; }

#mobileMain table#formula td.part { padding: 10px 0px 0px 0px; background-color: #fff; border-width: 0px; }
#mobileMain table#formula td.part strong { background-color: #333; color: #fff; display: block; padding: 5px; }

/*_________________________________________________________________________________
		LIST STYLES
===================================================================================*/
ul.contentFilters { display: none; }

div.itemDeck { padding: 0px; border-bottom: 0px none; }
div.itemDesc { padding: 5px 10px 10px; border-bottom: 1px solid #97B7AB; }

div.itemDate { width: auto; height: auto; padding: 10px 10px 0; float: none; text-align: left; background: none; }
div#featuredSponsored .itemDate h4 { margin: 0px; padding-bottom: 3px; }

div.itemList div.sponsored { padding-top: 0px; background: #D9D9D9; }
div.itemList div.sponsored h4 { padding: 10px 10px 0px; font-weight: bold; color: #41464B; margin: 0px; }
div.itemList div.sponsored div.itemDate h4 { margin: 0px; padding: 0px; font-weight: normal; color: #666; }

div.itemList div.paid div.itemDesc h2 { background: url("../images/icons/paid.gif") no-repeat 0% 6px; padding-left: 20px; }
div.itemList div.video.gallery div.itemDesc h2 { background: url("../images/icons/video-photo.png") no-repeat 0% 6px; padding-left: 45px; }
div.itemList div.gallery div.itemDesc h2 { background: url("../images/icons/photos.png") no-repeat 0% 6px; padding-left: 25px; }
div.itemList div.video div.itemDesc h2 { background: url("../images/icons/video.png") no-repeat 0px 6px; padding-left: 20px; }

div.itemList div.paid,
div.itemList div.video.gallery,
div.itemList div.gallery,
div.itemList div.video { background-image: none; }

/*_________________________________________________________________________________
		CONTENT STYLES
===================================================================================*/
div#buttons { text-align: left; margin-left: 1px; padding-left: 0px; padding-bottom: 13px; }
div#buttons div.addthis_toolbox { margin-left: 0px; width: auto; float: left; }

div#mobileSecondary .itemList { margin: 0; }


/* temp */
div#buttons a.emailThis { margin: 0px 2px; padding: 0px; font-size: 1px; line-height: 14px; width: 26px; text-indent: -9999px; display:inline-block; overflow: hidden; height: 24px; line-height: 24px; background-image: url("../images/icons/email-32x32.png"); background-size: 24px; }


div#articleExtras { width: 102px; }
div#articleImage img { }

div#mobileDetail #articleExtras #articleImage img { width: 90px; margin-left: -1px; }

div.itemDesc { /*border-bottom: 1px solid #000;
	background: url("../images/ct/misc/itemBg.gif") repeat-x scroll 0 100% transparent;
	background-image: -moz-linear-gradient(center bottom, #666 0px, #FFF 7px, #FFF 8px);
	background-image: -webkit-linear-gradient(bottom, #666 0px, #FFF 7px, #FFF 8px);*/
}

div#mobileSecondary > h1.listTitle { padding: 0 10px; }

/*Pagination styles*/
div#mobileDetail #pagination span { padding: 5px 7px; font-size: 16px; }
div#mobileDetail #pagination span.counter { color: #E5E3E4; background-color: #5D776D; }

/*Purchase article styles*/
#purchaseArticle { margin: 5px 0px; border: 1px solid #000; overflow: auto; background-color: #E5E3E4; border-radius: 5px; 
	-moz-border-radius: 5px; }

#purchaseArticle h2 {
	margin: 0; padding: 5px 25px 5px 10px; color: #000; font-weight: bold; font-size: 12px; text-align: right; text-decoration: underline;
	background-image: url('../images/icons/arrow-right.png'); background-position: 99% 50%; background-repeat: no-repeat; background-size: 15px 15px;
}

#purchaseArticle.expanded h2 { background-image: url('../images/icons/arrow-down.png'); }

#purchaseArticle h2 span { float: left; color: #900; text-decoration:none; }

#purchaseArticle .purchaseDetail { padding: 5px 10px 10px; display: none; }

#purchaseArticle .purchaseDetail p.from { margin: 0px 0px 5px; }

#purchaseArticle .purchaseDetail ul.articleKeywords { list-style-type: disc; margin-bottom: 5px;
	-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
	
#purchaseArticle .purchaseDetail #purchaseLink { text-align: right; padding: 0px 5px; margin: 0px; }
#purchaseArticle .purchaseDetail #purchaseLink a { margin-left: 10px; }

/* Article Add-on Styles  */
#inaneBox { width: 100%; height: 120%; /*position: absolute;*/ position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.6); /*opacity: 0.6;*/ z-index: 501;
			/*float: left;*/ margin: 0px; border: 0px; padding:0px; display: none; }

.denseBox { width: 85%; max-height: 80%; /*position: absolute;*/ position: fixed; z-index: 510; left: 5%; top: 10%; overflow-x: hidden; overflow-y: scroll; border-width: 2px; border-color: black;
			background-color: #fff; float: left; margin: 0px; border: 0px; padding:0px; display: none; box-shadow: 0px 1px 15px #000; border-radius: 3px; }

.denseBox img { max-width: 95%; height: auto; }

#articleExtras div#gallery h2 { font-size: 15px; }

/*div#figure #wrapper .image { height: auto; width: 100%; }*/

/* Author Bio Styles */
div#mobileDetail #authorBio #headshot { display: none; }

div#mobileDetail #disclaimer { margin: 10px 0px; padding: 7px; font-size: 75%; background: #F8F8F8; border-radius: 3px; border: 1px solid #000; }

div#mobileDetail #disclaimer h4 { color: #505050; }
div#mobileDetail #disclaimer p { margin-bottom: 3px; color: #505050; }

/* == Related Styles ==================== */
/*div#related { margin: 0px -10px; }*/
div#mobileDetail div#related { background-image: none; border-top: 1px solid #95989A; margin: 10px 0 0; }
div#mobileDetail div#related div#categoryListWrapper { border-top: 0px none; border-bottom: 1px solid #95989A; padding: 10px 0px; }
div#mobileDetail div#related div#categoryListWrapper p#categoryList { margin-left: 5px; }

div#mobileDetail div#related div#contentItems { padding: 10px 0px 5px; }
div#mobileDetail div#related div#contentItems ul { /*margin: 0px; list-style: none;*/ }
div#mobileDetail div#related div#contentItems ul li { font-size: 1em; line-height: 1.3em; /*margin: 10px 0px 0px 0px; color: #666; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;*/ }
div#mobileDetail div#related div#contentItems ul li a { font-size: 1.3em; line-height: 1.2em; /*color: #326076; font-size: 13px; font-style: normal; font-family: Arial, Helvetica, sans-serif;*/ }

/*Styles for side scroll fix*/
div#mobileDetail ul { list-style: disc; }
div#mobileDetail em { overflow: hidden; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; }
div#mobileDetail div#nlSignupAd { width: 250px; }

body#Treatments-HairRemoval a.thickbox { float: right; clear: right; overflow: hidden; width: 218px; }

/*Styles for E-newsletter page*/
body#Newsletter-RSS ul { padding-right: 10px; list-style: disc; }
body#Newsletter-RSS #menuWrapper ul { list-style: none; padding-right: 0px; }
body#Newsletter-RSS #mobileHeader h1#mLogo { margin-left: 0px; margin-top: 0px; }
body#Newsletter-RSS h1 { margin-left: 7px; margin-top: 10px; }
body#Newsletter-RSS p { margin-left: 10px; }
body#Newsletter-RSS .formWrapper { margin-left: 10px; width: 300px; }


body#AboutUs div#newAdvisoryBoard div.abGroup div#abAdvisor img { float: none; display: block; margin-bottom: 10px; }
body#AboutUs div#mobileDetail > div.section > p > img { max-width: 100%; }

/*_________________________________________________________________________________
		DANE'S STYLES
===================================================================================*/

#mobileNewsH1 { margin-left:7%; margin-top:3%; font-weight: 700; color: #FFFFFF; }
#mobileNews { width: 86%; margin-left: 7%; }
.mobileArtAbstract{ background-color: #E5E3E4; }

@media screen and (orientation:landscape) {
	#insideExpandBanner { display: none; }
}

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #5D776D; text-decoration:underline; }
a:visited { color: #666; }
a:hover, a:focus { color: #06f; }
a img { border: none; }