@charset "UTF-8";
/* CSS Document */
/* Add Google WebFonts */
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300|Bubblegum+Sans|Merriweather+Sans&subset=latin,latin-ext);

@media screen and (orientation: portrait) {

body {
	font: normal normal normal 100%/1.5em 'trebuchet ms', trebuchet, helvetica, arial, sans-serif;
}

#headerLanguageToggle {
	display: block;
	text-align: right;
	font-size: 12px;
	position: relative;
	top: 30px;
	padding-right: 13px;
	background: url(/misc/mobile/images/Blue_Arrow.png) right no-repeat;
	color: #06c;
}
}

@media screen and (orientation: landscape) {

body {
	font: normal normal normal 150%/1.5em 'trebuchet ms', trebuchet, helvetica, arial, sans-serif;
}

#headerLanguageToggle a {
	display: block;
	text-align: right;
	font-size: 12px;
	position: relative;
	top: 12px;
	padding-right: 13px;
	background: url(/misc/mobile/images/Blue_Arrow.png) right no-repeat;
	color: #06c;
	width: 80px;
	float: right;
}
}

body {
	background: #fff !important;
	position: relative;
	margin: 0 auto !important;
}

a:link, a:visited {
	color: #06c;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.kh_anchor {
	color: #000 !important;
}

button.medicationsExpand, button.medicationsExpand, a.medicationsExpanded, a.medicationsExpand {
	color: #06c !important;
}

#kh_licenseeMobileHeaderContainer {
	width: 100%;
}

body {
	padding: 0;
	background: #fff;
	color: #000;
}

#skipnavigation a {
	position: absolute;
	top: -180701px;
	left: 0;
	padding: 6px;
	background: rgba(255,255,255,0.75);
	z-index: 3000;
}

#skipnavigation a:focus {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
}

#KH_licNav #licNavRow1, #khcontent_article, #whatsInThisStrip, #relatedBoxParents, #khcontent_category, #khcontent_search_results {
	width: 94%;
	margin: 0px auto;
}

#KH_licNav, #khcontent, #mrLinks, #relatedButtonsLeft, ul#kh_lic_footer_links, #relatedAdditionalButton a {
	width: 100%;
	margin: 0 auto;
}

#licenseeMobileHeader {
	height: 100px;
	position: relative;
	width: 94%;
	margin: 0 auto;
}

#headerLanguageToggle a {
	text-decoration: none;
}

#headerLanguageToggle a:hover {
	text-decoration: underline;
}

a#licenseeMobileLogo 								 {
	display: block;
	width: 140px;
	height: 63px;
	position: absolute;
	top: 8px;
	left: 0px;
	z-index: 100;
}

#KH_licNav {
	background: #039;
}

#tabHolderParents {
	background: #005bab url(/misc/mobile/images/tabHolderBG.png) top left repeat-x;
	min-height: 22px;
}

#tabHolderKids {
	background: #3278bd url(/misc/mobile/images/tabHolderBG.png) top left repeat-x;
	min-height: 22px;
}

#tabHolderTeens {
	background: #007ea8 url(/misc/mobile/images/tabHolderBG.png) top left repeat-x;
	min-height: 22px;
}

#moreForParents a, #moreForKids a, #moreForTeens a {
	color: #fff !important;
	text-align: right;
	width: 96%;
	display: block;
	font-size: .8em;
	padding-right: 14px;
	background: url(/misc/mobile/images/arrow_white.png) right no-repeat;
	margin: 0 auto;
	padding-bottom: 2px;
	text-decoration: none;
}

#moreForParents a:hover, #moreForKids a:hover, #moreForTeens a:hover {
	text-decoration: underline;
}

#KH_licNav #licNavRow1 {
	text-align: right !important;
	padding-right: 0px;
	padding-top: px;
}

#KH_licNav #licNavRow1 ul {
	margin: 0px;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size: 0;
}

#KH_licNav #licNavRow1 ul li {
	display: inline;
	position: relative;
}

#KH_licNav #licNavRow1 ul li a {
	display: inline-block;
	padding: 0px 6px 4px 6px;
	background: #fff;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border: 1px solid #666;
	border-bottom: 0 none;
	text-decoration: none;
	/*-moz-text-shadow:0px 0px 2px #000;
	-webkit-text-shadow:0px 0px 2px #000;
	text-shadow:0px 0px 2px #000;*/
	font-weight: bold;
	color: #000;
	margin-top: -23px;
	margin-right: 0px;
	margin-left: 2px;
	font-size: 16px;
	line-height: 1.5em;
	height: 22px;/*-moz-box-shadow:inset 0px -2px 3px #777;
	-webkit-box-shadow:inset 0px -2px 3px #777;
	box-shadow:inset 0px -2px 1px #777;*/
	color: #fff;
}

#KH_licNav ul li a em {
	font-size: 14px;
	font-style: normal;
	margin-right: -3px;
}

#KH_licNav #licNavRow1 ul li#licTabKids a, #KH_licNav #licNavRow1 ul li#licTabNinos a {
	background: #3278bd url(/misc/mobile/images/tabShadow.png) bottom repeat-x;
}

#KH_licNav #licNavRow1 ul li#licTabTeens a, #KH_licNav #licNavRow1 ul li#licTabAdolescentes a {
	background: #007ea8 url(/misc/mobile/images/tabShadow.png) bottom repeat-x;
}

#KH_licNav #licNavRow1 ul li#licTabParents a, #KH_licNav #licNavRow1 ul li#licTabPadres a {
	background: #005bab url(/misc/mobile/images/tabShadow.png) bottom repeat-x;
}

#KH_licNav #licNavRow1 ul li#licTabEducators a {
	background: #538bc8 url(/misc/mobile/images/tabShadow.png) bottom repeat-x;
}

.activeTabEn a, .activeTabEs a {
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	border: 1px solid #666 !important;
	position: relative !important;
	padding: 0px 5px 11px 5px !important;
	border-bottom: 0 none !important;
	margin-right: 0px !important;
	font-size: 22px !important;
	margin-bottom: -8px !important;
	margin-left: 2px !important;
	color: #365b9e !important;
	/*background: #fff url(/misc/mobile/images/tabShadow.png) bottom repeat-x !important;*/
	background: #fff !important;/*-moz-text-shadow:0px 0px 0px #fff !important;
	-webkit-text-shadow:0px 0px 0px #fff !important;
	text-shadow:0px 0px 0px #000 !important;*/
}

.activeTabEn a em {
	margin-right: -5px !important;
}

.activeTabEs a em {
	margin-right: 0px !important;
}

#articleHeaderGraphic img, #categoryHeaderGraphic img {
	width: 100%;
	margin: 2px 0 4px 0;
}

/* Rather than apply a specific class to this H1 we use specificity, easing toggling with partner wrappers */
/* To replicate this method on other objects use .hideOffScreen */
#articleHeaderGraphic h1, #categoryHeaderGraphic h1 {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#khContentHeading h1 {
	color: #039;
	padding: 2% 0 1% 0;
	border-bottom: 1px solid;
	width: 94%;
	margin: 0 auto;
	font-size: 2em;
	line-height: 1.25;
}

#subCatLinks {
/*display: none;*/
}

#whatsInThisStrip {
	position: relative !important;
	margin-bottom: 0;
}

#subCatEmptyBox {
	display: block;
	height: 30px;
	margin: 16px 0 0px 0px;
	width: 88%;
	font-size: 14px;
}

#subCatBox {
	margin: 14px 0 0px 0px;
	width: 88%;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #777;
	display: block;
	background: #eee;
	text-align: left;
}

#subCatBox a {
	text-decoration: none;
	font-size: 14px;
	display: block;
	line-height: 1.5em;
	padding: 6px 4px 6px 8px;
}

#subCatBox h5 a {
	color: #3963af;
	text-decoration: none;
}

#subCatBox ul {
	margin-bottom: 16px;
	list-style-type: square;
}

#subCatBox ul li a {
	text-decoration: none;
	padding: 2px;
	display: block;
	max-width: 93%;
	overflow: wrap;
	white-space: no-wrap;
 font-size: 12px line-height: 1.25em;
}

#subCatBox ul li a:hover {
	text-decoration: underline;
}

#subCatBox ul li {
	list-style-type: disc;
	margin-left: 28px;
	color: #999;
	font-size: 12px;
	line-height: 1.25em;
	padding-right: 6px;
	padding-bottom: 10px;
}

#khcontent_article {
	position: relative;/*margin-top: -15px !important;*/
}

p {
	margin: 1.5em auto;
}

.right img, img.right {
	float: right;
	vertical-align: top;
	padding: 6px 0 6px 6px;
}

h3 {
	margin-top: 1.5em;
	margin-bottom: -1.5em;
}

#reviewerBox {
	margin-bottom: 2em;
}

ul#navTabsPKT {
	float: left;
}

ul#navTabsPKT li {
	display: inline;
	float: right;
}

ul#navTabsPKT li#PKTtabCollege {
	display: none !important;
}

#mrLinks {
	clear: both;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
}

#mrLinks ul {
	list-style-type: disc;
	width: 100%;
	line-height: 1.5em;
	margin-left: 0px;
	font-size: 8px;
	color: #8e3f66;
	padding-bottom: .5em;
	border-bottom: 1px solid #999;
}

#mrLinks ul li {
	margin-bottom: 1.5em;
	margin-left: 22px;
}

#mrLinks ul li a {
	font-size: 14px;
	text-decoration: none;
}

#mrLinks ul li a:hover {
	text-decoration: underline;
}

h2#moreOnThisTopicHeader {
	font-size: 14px;
	margin-left: 0px;
	margin-bottom: 0.8em;
	margin-top: 0.6em;
	border-top: 1px solid #999;
	padding-top: 0.6em;
	padding-left: 10px;
}

/*li#PKTtabTeens a, li#PKTtabCollege a, li#PKTtabKids a {
	display: none;
}*/



#PKTtabTeens button, #PKTtabKids button, #PKTtabParents button {
	border: 0 none !important;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif !important;
	line-height: 1.5;
}

li#PKTtabTeens a, li#PKTtabParents a, li#PKTtabKids a, li#PKTtabTeens button, li#PKTtabParents button, li#PKTtabKids button {
	border: 1px solid #999 !important;
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	padding: 2px 8px 0px 8px !important;
	padding-bottom: 1px !important;
	font-size: 11px !important;
	font-weight: bold;
	margin: 1px 2px -11px 0 !important;
	color: #000;
	cursor: pointer !important;
}

li#PKTtabTeens a, li#PKTtabTeens button {
	background: #d1ecf6;
}

li#PKTtabKids a, li#PKTtabKids button {
	background: #c1ddf2;
}

li#PKTtabParents a, li#PKTtabParents button {
	background: #b1c6f2;
}

.current a, li#PKTtabParents.current button, li#PKTtabKids.current button, li#PKTtabTeens.current button {
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	border: 1px solid #999 !important;
	position: relative !important;
	border-bottom: 0 none !important;
	color: #365b9e !important;
	background: #fff !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	font-size: 16px !important;
	bottom: 0px !important;
	top: -10px !important;
}

.wascurrent a, li#PKTtabParents.wascurrent button, li#PKTtabKids.wascurrent button, li#PKTtabTeens.wascurrent button {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

#relatedPrinterButton, #relatedEmailFriendButton {
	display: none;
}

#relatedButtonsLeft {
	margin-bottom: 0;
}

#relatedAdditionalButton a {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-left: 12px;
	width: 90%;
	padding: 4px 0 4px 0;
	text-decoration: none;
}

#relatedAdditionalButton a:hover {
	text-decoration: underline;
}

li#relatedAdditionalButton {
	border: 1px solid #999;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background: url(/misc/mobile/images/carat1.png) right 50% no-repeat;
	margin-top: 0.75em;
	width: 100%;
	margin-bottom: 0 !important;
}

/* footer next */

#kh_lic_footer {
/*margin-top: -2em;*/
}

#kh_lic_footer {
	padding-bottom: .5em;
}

ul#kh_lic_footer_links {
	text-align: center;
	background: #999 url(/misc/mobile/images/tabHolderBG.png) top left repeat-x;
	padding: 4px 0 4px 0;
	position: relative;
	margin-top: -10px;
}

ul#kh_lic_footer_links li {
	display: inline;
	padding: 0 !important;
}

ul#kh_lic_footer_links li:last-child a {
	border-right: 0 none !important;
}

ul#kh_lic_footer_links li a {
	color: #fff;
	font-size: 11px;
	border-right: 1px solid #fff;
	padding: 3px 6px 3px 6px;
	display: inline-block;
	height: 12px;
	line-height: 1em;
	text-decoration: none;
}

ul#kh_lic_footer_links li a:hover {
	text-decoration: underline;
}

#kh_lic_footer_legalease {
	width: 96%;
	margin: 0 auto;
	position: relative;
}

#kh_lic_footer_legalease img {
	position: absolute;
	left: 0;
}

#kh_lic_footer_legalease p {
	font-size: 10px;
	line-height: 1.25em;
	color: #333;
	margin-left: 86px;
	margin-bottom: 0 !important;
	margin-top: 5px;
}

/* Article Specifics */

#khcontent_article img {
	max-width: 98%; /* Fixes images that are too wide for mobile */
}

/*landing page specifics */

#articleHeaderGraphic h2, #categoryHeaderGraphic h2 {
	display: none;
}

#licLandingPage {
	margin-bottom: 20px;
}

#licLandingLinks {
	width: 96%;
	margin: 0 auto 40px auto;
}

#licLandingLinks ul li a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-left: 12px;
	width: 90%;
	padding: 5px 0 5px 0;
	text-decoration: none;
}

#licLandingLinks ul li {
	border: 1px solid #999;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background: url(/misc/mobile/images/carat1.png) right 50% no-repeat;
	margin-top: 3px;
	width: 100%;
	margin-bottom: 6px !important;
}

#khCategoryHeaderImage {
	width: 100%;
	margin-top: 2px;
}

#khcontent_category {
	margin: 0 auto 36px auto;
}

.kh_category_dots {
	/*border-bottom: 1px dotted #ccc;
	font-style: italic;*/
	margin-bottom: 14px;
}

h2.categoryName button {
	margin-top: 20px;
	width: 100% !important;
	margin-bottom: -1px !important;
	display: block;
	padding: 4px 0px 4px 8px !important;
	text-align: left;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size: .7em;
	cursor: pointer;
}

h2.categoryName a.medicationsExpand, h2.categoryName button.medicationsExpand {
	padding: 4px 30px 4px 10px !important;
	border: 1px solid #999;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background: url(/misc/mobile/images/carat1.png) right 50% no-repeat;
	display: block;
	color: #06c !important;
	margin-bottom: -12px !important;
	font-weight: bold;
}

h2.categoryName a.medicationsExpanded, h2.categoryName button.medicationsExpanded {
	padding: 4px 30px 4px 10px !important;
	border: 1px solid #999;
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	background: url(/misc/mobile/images/carat1_down.png) right 50% no-repeat;
	display: block;
	border-bottom: 0 none;
	color: #06c !important;
	font-weight: bold;
}

ul.medicationsBrandsList {
	border: 1px solid #999;
	border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	display: block;
	border-top: 0 none;
	margin-top: -10px;
	margin-bottom: 5px;
	list-style-image: url(/images/khcontent_style/mediBullet.gif);
	padding-left: 32px;
	padding-top: 10px;
	background: white;
	margin-bottom: -11px;
}

ul.medicationsBrandsList li a {
	padding: 4px 14px 8px 4px;
	display: block;
	text-decoration: none;
}

ul.medicationsBrandsList li a:hover {
	text-decoration: underline;
}

ul.medicationsBrandsListSingle a {
	text-decoration: none;
}

ul.medicationsBrandsListSingle a:hover {
	text-decoration: underline;
}

.pagination {
	clear: both;
	margin-bottom: 20px !important;
}

.pagination {
	height: 30px;
	margin: 0em auto 1.5em auto;
	background: #fff;
	position: relative;
	text-align: Center;
}

.pagination a {
	font-style: normal !important;
	text-transform: lowercase;
}

div.pagination {
}

.pagination .next {
	float: right;
}

.pagination {
	height: 2em;
	display: block;
	font-size: .8em !important;
	width: 100%;
	margin-bottom: 2em;
	color: #777;
	text-align: center;
	position: relative;
}

.pagination .previous a {
	width: 20%;
	text-align: left;
	display: block;
	background: #3d84c8 url(/misc/mobile/images/searchArrows.png) left no-repeat;
	padding-left: 12px;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.pagination .next a {
	width: 20%;
	display: block;
	text-align: right;
	background: #3d84c8 url(/misc/mobile/images/searchArrows.png) right no-repeat;
	padding-right: 12px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0px !important;
}

.pagination {
	width: 94%;
	text-align: center;
	display: block;
	float: none;
	margin: 0 auto;
}

/*
#searchResultsHowMany .nextSearch {
	position: absolute;
	width: 5em;
	text-align: right;
	right: 0;
	top: .5em;
}

.prevNextSearchLinks {
	clear: both;
	margin-bottom: 20px !important;
}

p#searchResultsHowMany {
	height: 30px;
	margin: 0em auto 1.5em auto;
	background: #fff;
	position:relative;
	text-align: Center;
}

p#searchResultsHowMany a {
	font-style: normal !important;
	text-transform: lowercase;
}


#deviceSelector {

}

#deviceSelector a {

}*/

/* Start mobile linkage */
#deviceSelector {
	text-align: center;
	color: #333;
	width: 300px;
	margin: 0 auto 1.25em auto;
	font-weight: normal;
	font-size: 1em;
}

#deviceSelector .currentDevice {
	font-weight: bold;
	color: #000;
}

#deviceSelector a {
	color: #06c;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

#deviceSelector a:hover {
	text-decoration: underline;
}

/* End mobile linkage */



/* article specific */

#khcontent_article h1, #khcontent_article h2, #khcontent_article h3, #khcontent_article h4, #khcontent_article h5 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0.25em auto -.5em 0;
	width: 96%;
	border-left: 5px solid #abc;
	padding: 4px 4px 4px 6px;
}

#khcontent_article h2 {
	bordder-bottom: 1px solid #abc;/*border-left: 0 none !important;*/
}

#khcontent_article h4 {
	font-size: 1.1em !important;
	border-left: 0 none;
	padding-left: 0;
	margin-bottom: -1.5em;
}

#khcontent_article h3 {
}

#khcontent_article ul, #khcontent_article ol, #khcontent_article ul.kh_longline_list, #khcontent_article ol.kh_longline_list {
	margin-left: 1.75em;
	margin-top: 1.35em;
}

#khcontent_article ol.kh_longline_list, #khcontent_article ul.kh_longline_list {
	margin-top: 1.35em !important;
}

#khcontent_article ul, #khcontent_article ul.kh_longline_list {
	list-style-type: disc;
}

#khcontent_article ol, #khcontent_article ol.kh_longline_list {
	list-style-type: decimal;
}

#khcontent_article ul li {
}

#khcontent_article ol li {
}

#khcontent_article ol.kh_longline_list li, #khcontent_article ul.kh_longline_list li {
	margin-bottom: 1em;
}

/* licensee landing page */

#licenseeLandingPage {
	width: 100%;
	display: block;
	padding-bottom: 2.5em;
}

ul#licenseeLandingPageLinks {
	width: 94%;
	margin: 0 auto;
}

ul#licenseeLandingPageLinks li {
	display: block;
	margin-top: .5em;
	text-align: center;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 1px solid #666;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	background-image: linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(224,224,224)), color-stop(0.69, rgb(235,235,235)), color-stop(1, rgb(250,250,250)) );
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height: 1em;
}

li#parentsLandingLink a {
	color: #385aa0;
	background: url(/misc/mobile/images/lic/P_Licensee_Button.png) 4px 2px no-repeat !important;
	width: 100%;
	display: block;
	height: 100%;
	padding: 8px;
}

li#kidsLandingLink a {
	color: #4f80ab;
	background: url(/misc/mobile/images/lic/K_Licensee_Button.png) 4px 0 no-repeat !important;
	width: 100%;
	display: block;
	height: 100%;
	padding: 8px;
}

li#teensLandingLink a {
	color: #007da5;
	background: url(/misc/mobile/images/lic/T_Licensee_Button.png) 3px 2px no-repeat !important;
	width: 100%;
	display: block;
	height: 100%;
	padding: 8px;
}

div#homepageLanguageLink {
	width: 44%;
	margin: 0 auto;
	max-width: 180px;
}

#homepageLanguageLink a {
	display: block;
	margin-top: 1.5em;
	margin-bottom: .5em;
	text-align: center;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 1px solid #666;
	font-size: 20px;
	font-weight: bold;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	background-image: linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(224,224,224)), color-stop(0.69, rgb(235,235,235)), color-stop(1, rgb(250,250,250)) );
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height: 1em;
	color: #666;
	display: block;
	height: 100%;
	padding: 6px;
}

.sectionNamer {
	color: #666 !important;
	font-style: normal;
	font-size: .75em;
	padding-left: .5em;
	line-height: 1em;
}

/*	input#mobileSearchBox:focus {
	-webkit-appearance: none;
	height: 32px;
	width: 88%;
	display: inline-block;
	font-size: 1.5em;
	background: #f00;
}*/


/* Extreme circumstance wellness center formatting */
#KH_WellnessCenterHolder {
	text-align: center;
	width: 94%;
	margin: 0 auto 5em auto;
}

#KH_WC_Area_A {
	width: 94%;
	float: none;
	margin: 5px auto;
}

#KH_WC_Area_A img {
	width: 100%;
}

#KH_WC_Area_B {
	padding-bottom: 2px;
}

#KH_WC_Area_C {
	padding-bottom: 2px;
}

#KH_WC_Area_D {
	padding-bottom: 2px;
}

#KH_WC_Area_E {
	padding-bottom: 2px;
}

#KH_WellnessCenter_TopRC {
	width: 94%;
	float: none;
	margin: 10px auto;
}

#KH_WellnessCenter_TopRC img {
	width: 100%;
}

#KH_WellnessCenter_Mid {
	width: 98%;
	padding-top: 1em !important;
	clear: both;
	position: relative;
	margin: 0 auto;
	padding-bottom: 2em !important;
	display: block;
}

#KH_WellnessCenter_Mid img {
	width: 90%;
	margin: 0 auto;
}

#KH_WC_Area_F {
	width: 50%;
	float: left;
	display: block;
	margin-bottom: 1em;
}

#KH_WC_Area_G {
	width: 50%;
	float: left;
	display: block;
	margin-bottom: 1em;
}

#KH_WC_Area_H {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}

#KH_WC_Area_I {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}

#KH_WC_Area_K {
	text-align: center;
}

#KH_WC_Area_F img, #KH_WC_Area_G img, #KH_WC_Area_H img, #KH_WC_Area_I img {
	width: 90%;
	display: block;
}

#KH_WellnessCenter_Foot {
	height: 20px;
	clear: both;
	margin-bottom: 2em;
	height: 2em;
}

#KH_WC_Area_J {
	display: block;
	float: left;
	width: 100%;
}

ul#areaJLinks {
	width: 94%;
	margin: 0 auto 1em auto;
}

ul#areaJLinks li a, a#areaKlink {
	display: block;
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	display: block;
	margin-bottom: .75em;
	list-style-image: url(/misc/mobile/images/carat.gif);
	background: #06c;
	color: #fff;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

ul#areaJLinks li a:hover, a#areaKlink:hover {
	opacity: 0.8
}

#licNavNoSearchOrBrowse {
	height: 0;
	margin-top: -20px;
}

/* New Readspeaker override */


/* End new Readspeaker customization */

/*Phase I Fixes*/
a.definition {
	border-bottom: .1em dotted #0A8901;
	padding-bottom: 1px;
	cursor: help;
	color: #0A8901;	
	text-decoration: none;
}

#kh_experts_nav, #medicationsAlphaLinksList {
	width: 20px;
	float: right;
	display: block;
	height: 100%;
}

#kh_experts_nav ul, ul#medicationsAlphaLinksList {
	width: 20px;
	list-style-type: none;
	margin-left: 10px;
	text-align: center;
	background: white;
	padding-left: 10px;
}

#kh_experts_nav ul li a, ul#medicationsAlphaLinksList li a {
	color: #fff;
	background: #999;
	width: 15px;
	display: block;
	margin-bottom: 4px;
	font-style: normal !important;
}

span.kh_experts_top a {
	height: 1.5em;
	padding-top: 1.5em !important;
	padding-bottom: 1em;
	display: block;
}

object {
	width: 100%;
}

/*Ask the Experts Specifics */

#askTheExpertsForm {
	width: 100%;
}

#askTheExpertsForm br {
	display: none;
}

#askTheExpertsForm h1 {
}

#askTheExpertsFormLeft {
}

#askTheExpertsFormLeft p {
}

#askTheExpertsFormRight {
}

#askTheExpertsFormRight textarea {
	width: 94%;
	height: 120px;
}

#askTheExpertsFormRight input {
	width: 232px;
	height: 61px;
	border: 0 none;
	background: url(/image/teen/askTheExpertsSubmitButton.png) top left no-repeat;
	margin: 10px auto;
	cursor: pointer;
}

/* Spanish Mobile MOTT Tabs Specific */
li.current a.espDiff {
	font-size: .95em !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

li.wascurrent a.espDiff {
	font-size: .8em !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

/* specific to medications page */

#medicationsCategory ul.categoryLinks li {
	margin-left: 15px;
}

#medicationsCategory #languagePairLink a img {
	margin-right: -0.575em;
}

#languagePairLink a {
	text-decoration: none;
}

#medicationsCategory h2 {
	border-left: 5px solid #789;
	padding-left: 8px;
	border-bottom: 1px solid #789;
	width: 90%;
	font-size: 1.25em !important;
}

a.backToTopMedLink {
	display: block;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	/*background: url(/misc/mobile/images/backToTopBG.png) right 50% no-repeat;
width: 7em;*/
	font-style: italic;
}

/*landscape overrides needed after the fact - keep this at the end */
@media screen and (orientation: landscape) {

#khcontent_article {
	margdin-top: -30px !important;
}

#KH_licNav #licNavRow1 ul {
	text-align: right;
}

#moreForParents a, #moreForKids a, #moreForTeens a {
	font-size: 16px !important;
	line-height: 1.5em;
}

li#PKTtabTeens a, li#PKTtabParents a, li#PKTtabKids a {
	line-height: 1em;
}

.current a {
	padding-bottom: 5px !important;
	top: -6px;
}

h2#moreOnThisTopicHeader {
	margin-bottom: 0.2em !important;
	margin-top: 0.2em !important;
	font-size: 16px !important;
}

#mrLinks ul li a {
	font-size: 16px;
}

#relatedAdditionalButton a {
	font-size: 17px;
}

#licLandingLinks ul li a {
	line-height: 1.5em;
}

#khcontent_article h1, #khcontent_article h2, #khcontent_article h3, #khcontent_article h4, #khcontent_article h5 {
	font-size: 1.45em;
	line-height: 1.25em;
	margin: 0.25em auto -.5em 0;
	width: 96%;
	border-left: 8px solid #abc;
	padding: 4px 4px 4px 6px;
}

#khcontent_article h4 {
	border-left: 0 none;
	padding-left: 0;
	margin-bottom: -1.5em !important;
}

#deviceSelector {
	padding-top: 0px;
}

#KH_WellnessCenterHolder {
	text-align: center;
	width: 94%;
	margin: 0 auto;
}

#KH_WC_Area_A {
	width: 48%;
	float: left;
}

#KH_WC_Area_A img {
	width: 100%;
}

#KH_WC_Area_B {
	padding-bottom: 2px;
}

#KH_WC_Area_C {
	padding-bottom: 2px;
}

#KH_WC_Area_D {
	padding-bottom: 2px;
}

#KH_WellnessCenter_TopRC {
	width: 48%;
	float: right;
}

#KH_WellnessCenter_TopRC img {
	width: 100%;
}

#KH_WellnessCenter_Mid {
	width: 100%;
	padding-top: 1em !important;
	clear: both;
	position: relative;
	margin: 0 auto 10px auto;
}

#KH_WellnessCenter_Mid img {
	width: 90%;
	margin: 0 auto;
}

#KH_WC_Area_E {
	padding-bottom: 2px;
}

#KH_WC_Area_F {
	width: 25%;
	float: left;
}

#KH_WC_Area_G {
	width: 25%;
	float: left;
}

#KH_WC_Area_H {
	width: 25%;
	float: left;
}

#KH_WC_Area_I {
	width: 25%;
	float: left;
}

#KH_WC_Area_K {
	text-align: center;
}

#KH_WC_Area_F img, #KH_WC_Area_G img, #KH_WC_Area_H img, #KH_WC_Area_I img {
	width: 90%;
	display: block;
}

#KH_WellnessCenter_Foot {
	height: 20px;
	clear: both;
	margin-bottom: 2em;
	height: 2em;
}

#KH_WC_Area_J {
	display: block;
}

ul#areaJLinks {
	padding-bottom: 10px;
	display: block;
}

ul#areaJLinks li a, a#areaKlink {
	display: block;
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	display: block;
	margin-bottom: .35em;
	margin-top: -.25em;
	list-style-image: none;
	background: #06c;
	color: #fff;
	padding-top: .0025em;
	padding-bottom: .0025em;
	font-weight: normal;
	font-size: .65em;
}

#deviceSelector {
	font-size: .75em;
}

#kh_lic_footer p {
	font-size: 0.5em !important;
	line-height: 1.25em !important;
}
}

/* END Landscape override 2 */


/* New fixes for imagemaps under mobile wellness centers */

#KH_WC_Area_F .mobileImageMapHolderFthruI, #KH_WC_Area_G .mobileImageMapHolderFthruI, #KH_WC_Area_H .mobileImageMapHolderFthruI, #KH_WC_Area_I .mobileImageMapHolderFthruI {
	margin-bottom: -1em !important;
}

.mobileImageMapHolderFthruI {
}

.mobileImageMapFthruI a {
	display: block;
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	list-style-image: none;
	background: #fff;
	color: #06c;
	font-size: 20px;
	font-weight: bold;
	padding-top: 20%;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: .5em;
	margin-bottom: .5em;
	height: 100px;
	border: 2px solid #06c;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	background-image: linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(224,224,224)), color-stop(0.69, rgb(235,235,235)), color-stop(1, rgb(250,250,250)) );
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height: 1.25em;
	white-space: wrap;
	overflow: hidden;
	text-overflow: clip;
}

#KH_WC_Area_B .mobileImageMapHolderBthruD, #KH_WC_Area_C .mobileImageMapHolderBthruD, #KH_WC_Area_D .mobileImageMapHolderBthruD, #KH_WC_Area_E .mobileImageMapHolderBthruD {
	width: 100%;
	margin: 0 auto;
	width: auto;
	clear: both !important;
	height: auto;
}

.mobileImageMapHolderBthruD {
}

.mobileImageMapBthruD a {
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	color: #06c;
	font-size: 20px;
	font-weight: bold;
	padding-top: 20%;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: .5em;
	margin-bottom: .5em;
	margin-top: .4em;
	border: 2px solid #06c;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	background-image: linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 37%, rgb(235,235,235) 69%, rgb(250,250,250) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(224,224,224)), color-stop(0.69, rgb(235,235,235)), color-stop(1, rgb(250,250,250)) );
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height: 1.25em;
	white-space: wrap;
	overflow: hidden;
	text-overflow: clip;
	width: 40%;
	float: left;
}

#KH_WC_Area_C .mobileImageMapBthruD:last-child {
	margin-right: 0 !important;
}

#KH_WC_Area_A ul {
	text-align: left;
	padding-left: 1em;
}

/* Instruction Sheets */
.instructionSheetScreen, .instructionSheetScreen img {
	width: 98%;
	margin: 0 auto;
}

.instructionSheetPrint {
	display: none;
}

#licensee_branded_footer, #nemours_branded_footer {
	width: 94%;
	margin: 0 auto;
	font-weight: normal;
	font-size: 1em;
}

#licensee_branded_footer h3, #nemours_branded_footer h3 {
	font-weight: normal;
	font-size: 1em;
	border-left: 0 none;
	margin: 0 0 -1em 0;
	padding-left: 0;
	font-weight: bold;
}

#licensee_branded_footer img, #nemours_branded_footer img {
	float: right;
	margin: 0 0 10px 10px;
}

#licensee_branded_footer p, #nemours_branded_footer p {
	font-size: .75em;
	line-height: 1.5em;
}

#licensee_branded_footer p:first-child, #nemours_branded_footer p:first-child {
	color: #777;
	margin-bottom: 0;
}

/* CATEGORY HEADER AND PSEUDO CATEGORY HEADER STYLES */

/* If an image is present the style is constant, just present the image */
#categoryHeaderGraphic img {
}

#categoryHeaderGraphic h1 {
	display: none;
}

/* For sub-categories I am adding styles for when an image is not present */

/* Set styles that are general for all sections and all sizes */
/* All have the same guide size */
#categoryHeaderDefaultParents, #categoryHeaderDefaultTeens, #categoryHeaderDefaultKids {
	display: block;
	position: relative;
	overflow: hidden !important;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: left !important;
}

/* All have the same text background */
#categoryHeaderDefaultTeens h1, #categoryHeaderDefaultParents h1, #categoryHeaderDefaultKids h1 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.45);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.45);
	background: rgba(0,0,0,0.15);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.3)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	font: normal normal 400 32px 'Merriweather Sans', helvetica, arial, sans-serif !important;
	color: #fff;
	margin: 0;
}

/* Section specific fonts and colors */
#categoryHeaderDefaultParents {
	background: #4b97ca url(/images/transparencies/5_black_diagonal.png);
}

#categoryHeaderDefaultKids {
	background: #b461ca url(/images/transparencies/5_black_diagonal.png);
}

#categoryHeaderDefaultTeens {
	background: #02b1cb url(/images/transparencies/5_black_diagonal.png);
}

/* Character count dependant letter spacing, sizing etc */


#categoryHeaderDefaultParents h1#shortLine, #categoryHeaderDefaultKids h1#shortLine, #categoryHeaderDefaultTeens h1#shortLine {
	font-size: 32px !important;
	padding: 7px 14px 6px 13px !important;
	line-height: 1.25 !important;
}

#categoryHeaderDefaultParents h1#oneLine, #categoryHeaderDefaultKids h1#oneLine, #categoryHeaderDefaultTeens h1#oneLine {
	font-size: 32px !important;
	padding: 7px 14px 6px 13px !important;
	line-height: 1.25 !important;
}

#categoryHeaderDefaultParents h1#twoLinesShort, #categoryHeaderDefaultKids h1#twoLinesShort, #categoryHeaderDefaultTeens h1#twoLinesShort {
	font-size: 28px !important;
	padding: 8px 14px 7px 12px !important;
	line-height: 1.25 !important;
}

#categoryHeaderDefaultParents h1#twoLinesLong, #categoryHeaderDefaultKids h1#twoLinesLong, #categoryHeaderDefaultTeens h1#twoLinesLong {
	font-size: 26px !important;
	padding: 7px 14px 6px 13px !important;
	line-height: 1.35 !important;
}

#categoryHeaderDefaultParents h1#quiteLong, #categoryHeaderDefaultKids h1#quiteLong, #categoryHeaderDefaultTeens h1#quiteLong {
	font-size: 26px !important;
	padding: 9px 14px 6px 13px !important;
	line-height: 1.25 !important;
}

#categoryHeaderDefaultParents h1#reallyLong, #categoryHeaderDefaultKids h1#reallyLong, #categoryHeaderDefaultTeens h1#reallyLong {
	font-size: 26px !important;
	padding: 9px 14px 6px 13px !important;
	line-height: 1.25 !important;
}

/* Revisit these...
#categoryHeaderDefaultKids h1#oneLine span {
	width: auto;
	background: url(/images/transparencies/10_black.png);
	-webkit-border-radius: 0px 18px 18px 0px;
	border-radius: 0px 18px 18px 0px;
	color: #fff;
	padding: 6px 18px 9px 14px;
}

#categoryHeaderDefaultParents h1#oneLine span {
	width: auto;
	border-bottom: 3px solid #fff;
	color: #fff;
	margin: 6px 18px 9px 14px;
}

#categoryHeaderDefaultParents h1#twoLines span {
	width: auto;
	color: #fff;
}
...*/
/* END PSEUDO CATEGORY HEADER STYLES */



/******************************************/
/* The following styles all relate to GSA */
/******************************************/

/* Both Portrait & Landscape */
input#q {
	/**/	-webkit-appearance: none;
	height: 32px;
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #666;
	width: 120px;
	font-weight: bold;
	color: #999;
	-moz-box-shadow: inset 0 0 2px #999;
	-webkit-box-shadow: inset 0 0 2px #999;
	box-shadow: inset 0 0 2px #999;
	padding: 0 5px 0 8px;
	position: absolute;
	right: 0px;
	font-weight: bold !important;
	color: #676767 !important;
}

#mobileSearchContainer {
	text-align: right;
	position: relative;
	top: 17px;
	/* overflow: hidden; REMOVED TO FACILITATE PREDICTIVE TYPING */
	height: 1.5em;
}

#searchButton {
	width: 30px;
	height: 28px;
	background: #fff url(/misc/mobile/images/magnifyingGlass2.png) 4px 5px no-repeat;
	border-radius: 2px 8px 8px 2px;
	-moz-border-radius: 2px 8px 8px 2px;
	border: 0 none;
	/*	-moz-box-shadow:inset 0 0 2px #999;
	-webkit-box-shadow:inset 0 0 2px #999;
	box-shadow:inset 0 0 2px #999;
	border-left: 1px solid #eee;*/
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 2000;
	border-left: 1px solid #ccc;
}

#khcontent_search_results {
	padding-bottom: 18px;
}

p#searchResultsHowMany {
	font-style: italic;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	color: #999;
	font-size: .75em;
}

#noSearchResults {
	width: 94%;
	margin: 20px auto 30px auto;
}

#kh_search_results ul li {
	margin-bottom: 1em;
	width: 94%;
	margin: 0 auto 1em auto;
}

#kh_search_results a {
 text-decoration: none;
}

#kh_search_results a:hover {
 text-decoration: underline;
}

#kh_search_results br {
	display: none;
}

#kh_search_results .importantBR {
	display: block !important;
}

li.SRP {
	background: url(/misc/mobile/images/Search_Result_Icon_Parents.png) top left no-repeat;
	padding-left: 33px;
	margin-bottom: 1em;
}

li.SRT {
	background: url(/misc/mobile/images/Search_Result_Icon_Teens.png) top left no-repeat;
	padding-left: 33px;
	margin-bottom: 1em;
}

li.SRK {
	background: url(/misc/mobile/images/Search_Result_Icon_Kids.png) top left no-repeat;
	padding-left: 33px;
	margin-bottom: 1em;
}

#suggestbox {
	background: #fff;
	border-radius: 0px;
	border: 1px solid #789;
	visibility: hidden;/*-webkit-box-shadow:  1px 2px 3px 1px #ccc;
	box-shadow:  1px 2px 3px 1px #000;*/
	z-index: 2001 !important;
}

.ss-gac-m {
}

.ss-gac-b {
	background: #def;
}

.ss-gac-c {
	width: 100%;
}

.ss-gac-c:hover {
	text-decoration: underline;
	cursor: pointer;
	background: #def
}

.ss-gac-e span {
	cursor: pointer;
}

.ss-gac-d {
	color: #039;
	text-align: right;
	font-style: italic;
}

#clustering {
	display: none;
}

/* Portrait Only */
@media screen and (orientation: portrait) {

#mobileSearchContainer:focus, #mobileSearchContainer:active {
/*background: red;
        width: 100%;
        z-index: 1050;
        position: relative;
        padding-top: 23px;
        top: 0;
        padding-bottom: 10px;
        margin-bottom: 20px;*/
}

#mobileSearchContainer {
	/*width: 100%;
	position: relative;
	z-index: 1000 !important;*/
}

input#q:focus, input#q:active {
	width: 100%;
	font-size: 1em;
	z-index: 1999 !important;
	padding: 0px 0px 0px 4px;
	outline: 24px solid #fff;
	border: 1px solid #000;
	margin-right: -2px;
	border-radius: 0;
}

input#q {
}

#suggestbox {
	/* portrait specific */
	font-size: 1em !important;
	width: 100%;
	padding: 6px !important;
	-webkit-box-shadow: 0px 2px 3px 1px #555555;
	box-shadow: 0px 2px 3px 1px #555555;
	position: relative;
	top: 33px;
	left: 2px;
}
}

/* Landscape Only */
@media screen and (orientation: landscape) {

#deviceSelector {
	width: 400px;
	margin-top: -1.75em;
}

input#q {
	width: 240px !important;
	font-size: 0.6em;
	border: 1px solid black !important;
}
/*
#mobileSearchContainer:focus {
	width: 100%;
	position: relative;
	z-index: 3000;
}
*/
input#q:focus, input#q:active {
	width: 100% !important;
	font-size: 1em;
	z-index: 1999 !important;
	padding: 0px 0px 0px 4px;
	outline: 24px solid #fff;
	border: 1px solid #000;
	margin-right: -2px;
	border-radius: 0;
	z-index: 4000 !important;
}

input#q {
}

#suggestbox {
	/* portrait specific */
	font-size: 1em !important;
	width: 100%;
	padding: 6px !important;
	-webkit-box-shadow: 0px 2px 3px 1px #555555;
	box-shadow: 0px 2px 3px 1px #555555;
	position: relative;
	top: 33px;
	left: 2px;
}
}

/* language button styles for both portrait and landscape */
#languagePairLink a {
	float: right;
	width: 120px;
	text-align: left !important;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	display: block;/* margin-top: 60px */
	border: 1px solid #4e9d2d;
	padding: 0 !important;
	line-height: 15px !important;
	margin-top: 4px;
}

#languagePairLink a span.pairedURLHead {
	display: block;
	border-radius: 8px 8px 0 0;
	padding: 5px 0 6px 0;
	background: #2e7d0d;
	font-weight: bold;
	word-wrap: break-word;
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-size: 13px !important;
	width: 120px !important;
}

#languagePairLink a img {
	margin-left: 5px;
	margin-bottom: -3px;
}

#languagePairLink a span.pairedURLBody {
	padding: 4px 8px 6px 8px !important;
	font-size: 11px !important;
	background: #fff;
	display: block;
	border-radius: 0 0 10px 10px;
}

/* Language Pair Fixer - first added to overcome an
issue with slideshows overlapping */

#languagePairFixer {
/*  padding-top: 10px;

  margin-top: 11px;*/
}

#errorMessageHome {
	text-align: center;
	font-weight: bold;
}

/* Added for ReadSpeaker v2.5 */

.rsimg, button.rsbtn_play {
}

.rsbtn_right, .rsbtn_volume, .rsbtn_settings {
	display: none !important;
}

.rsbtn_text, .rsbtn_powered {
	display: none !important;
}

#readspeaker_button2, .readspeaker_container {
	/*position: absolute !important;
  border: 2px solid green !important;
  width: 100% !important;*/
	position: relative !important;
	height: 2px;
}

#readspeaker_button.rsexpanded {
	top: 30% !important;
	position: fixed;
}

.rsbtn_play {
	width: 38px !important;
	height: 34px !important;
	border: 1px solid #999 !important;
	border-right: 0 none !important;
	position: absolute !important;
	right: 0%;
	z-index: 50;
	opacity: .75;
	border-radius: 8px 0 0 8px;
	background: #fff url(/images/articles/readSpeaker/rsMobileTransport.png) -6px -6px no-repeat !important;
	margin-top: -36px !important;
}

.rspart {
}

.rsbutton {
	border: none !important;
	cursor: pointer;
}

.rsbtn_btnlabel, .rsbtn_text {
	font-size: 0 !important;
}

.rsbtn_play .rsbtn_text {
	font-size: 10px !important;
}

.rsexpanded button.rsbtn_pause {
	width: 38px !important;
	height: 34px !important;
	border: 1px solid #666 !important;
	border-right: 0 none !important;
	position: fixed !important;
	right: 0;
	z-index: 500;
	opacity: .75;
	border-radius: 0px 0 0 0px !important;
	background: #efefef url(/images/articles/readSpeaker/rsMobileTransport.png) !important;
	margin-top: 24px !important;
	z-index: 50;
}

.rsexpanded .rsbtn_play {
	display: none !important;
}

.rsplaying button.rsbtn_pause {
	background-position: -6px -97px !important;
}

.rspaused button.rsbtn_pause {
	background-position: -5px -51px !important;
}

.rsexpanded button.rsbtn_closer {
	width: 38px !important;
	height: 34px !important;
	border: 1px solid #999 !important;
	border-right: 0 none !important;
	position: fixed !important;
	right: 0;
	z-index: 50;
	opacity: .75;
	border-radius: 8px 0 0 0px;
	background: #fff url(/images/articles/readSpeaker/rsMobileTransport.png) -6px -191px no-repeat !important;
	margin-top: -10px !important
}

.rsexpanded a.rsbtn_dl, .rsexpanded a.kh_rs_download {
	width: 18px !important;
	height: 16px !important;
	background: #efefef url(/images/articles/readSpeaker/rsMobileTransport.png) -5px -235px no-repeat!important;
	opacity: .9;
	display: inline-block;
	position: fixed !important;
	margin-top: 59px !important;
	right: 0px;
	border: 1px solid #666 !important;
	border-right: 0 none !important;
	border-radius: 0px 0 0px 8px !important;
	padding: 10px
}

.rsexpanded a.rsbtn_dl:hover {
}

.rsexpanded .rsbtn_progress_container {
	display: none !important;
}

.rsexpanded .rsbtn_progress_played {
	display: none !important;
}

.rsexpanded .rsbtn_progress_handle {
	display: none !important;
}

/*
.sync_word:active {
	background: #f00 !important;
}

*/
.rsbtn_stop {
	display: none !important;
}

.rsbtn button.rsimg, .rsbtn button.rsimg:hover {
	border: none !important;
}

.rsexpanded .rsloading {
	width: 20px !important;
	height: 10px !important;
	background: #efefef url(/images/articles/readSpeaker/rsMobileLoading.gif) 9px 8px no-repeat!important;
	opacity: .75;
	display: block !important;
	position: fixed !important;
	z-index: 100 !important;
	right: -5px !important;
	margin-top: 26px !important;
	border: 0 none !important;
	border-right: 0 none !important;
	border-radius: 0px 0 0px 0px !important;
	padding: 10px;
}

/* landscape override later in the cascade */
@media screen and (orientation: landscape) {

#languagePairLink a {
	width: 150px;
	line-height: 18px !important;
	margin-top: 11px;
	margin-left: 30px;
}

#languagePairLink a span.pairedURLHead {
	line-height: 15px;
	font-size: 16px !important;
	width: 150px !important;
}

#languagePairLink a img {
	margin-left: 5px;
	margin-bottom: -2px;
}

#languagePairLink a span.pairedURLBody {
	font-size: 14px !important;
}

.readspeaker_container {
	position: relative !important;
}

#readspeaker_button.rsexpanded {
	position: fixed !important;
	display: block !important;
	background: transparent !important;
	width: 34px !important;
	height: 100px !important;
	top: 20% !important;
	right: 0;
}

.rsbtn_exp.rsimg.rspart {
}

button.rsbtn_play {
	right: 0% !important;
	position: absolute !important;
}

.rsexpanded button.rsbtn_pause {
	position: fixed !important;
}

.rsexpanded button.rsbtn_play {
	display: none !important
}

.rsexpanded button.rsbtn_closer {
}

.rsexpanded a.rsbtn_dl {
}

.rsexpanded .rsloading {
}
}

/*.subCatClosed a:after {
	content: " see more [+]";
	float: right;
	margin-right: 10px;
	color: #abc;
	font-weight: normal;
}

.subCatOpen a:after {
	content: " see less [-]";
	float: right;
	margin-right: 10px;
	color: #abc;
	font-weight: normal;
}

.kh_es_content .subCatOpen a:after {
	content: "menos [-]" !important;
}

.kh_es_content .subCatClosed a:after {
	content: "más [+]" !important;
}*/

/* Specific to personality quizzes */
@media screen and (orientation: landscape) {

.kh-personality-quiz-title {
	border-bottom: .75em solid #fff !important;
}

.kh-personality-quiz-question-number {
	font-size: 1em !important;
	top: 0em !important;
	float: left;
	position: relative !important;
	line-height: 1.5em;
}

.kh-personality-quiz-question-text {
	top: 0em !important;
	position: relative !important;
	margin-left: 60px !important;
	margin-top: 5px;
	line-height: 1.5em;
}

.kh-personality-quiz-title {
	font-size: 1.25em !important;
	line-height: 1em !important;
	padding: .25em .5em !important;
}

.kh-personality-quiz-answers {
	display: block !important;
	margin: 0 !important;
	top: 1em !important;
	position: relative;
	margin-bottom: 1.25em !important;
}

.kh-personality-quiz-answers .kh-personality-quiz-answer input[type='radio'] {
	margin: 7px 0 -22px 0px !important;
	height: 20px !important;
	width: 40px !important;
}

.kh-personality-quiz-answer label {
	margin-left: 60px;
}
}

@media screen and (orientation: portrait) {

.kh-personality-quiz-title {
	border-bottom: 1em solid #fff !important;
}

.kh-personality-quiz-question-number {
	font-size: 1em !important;
	top: 0em !important;
	float: left;
	position: relative !important;
	line-height: 1.25em;
	padding: 0 !important;
	width: auto !important;
	display: block !important;
}

.kh-personality-quiz-question-text {
	top: 0em !important;
	position: relative !important;
	margin-left: 36px !important;
	line-height: 1.25em;
	font-size: 1em !important;
	padding: 0 !important;
}

.kh-personality-quiz-title {
	font-size: 1.25em !important;
	line-height: 1.25em !important;
	padding: .25em .5em !important;
}

.kh-personality-quiz-answers {
	display: block !important;
	margin: 0 !important;
	top: 1em !important;
	position: relative;
	margin-bottom: 1.25em !important;
	line-height: 1.25em;
}

.kh-personality-quiz-answers .kh-personality-quiz-answer input[type='radio'] {
	margin: 7px 0 -22px 0px !important;
	height: 16px !important;
	width: 20px !important;
}

.kh-personality-quiz-answer label {
	margin-left: 36px;
	font-size: 0.8em !important;
}

.kh-personality-quiz-result {
	font-size: 1.0em !important;
}

.kh-personality-quiz-conclusion-bucket {
	margin-bottom: 1.25em !important;
	font-size: 1em !important;
}
}

/* Area J fix */
#KH_WC_Area_J img {
	width: 90%;
	max-width: 424px;
}

#KH_CCTable td, #KH_TableToTop td {
	vertical-align: top !important;
}

/* Search fix */
#searchResults li p {
	margin-top: 0;
}

/* Hider classes*/
/* show print hider when on screen */
.hideFromPrinter {
	display: block;
}

/* Hide off-screen, maintaining visibility to screen readers */
.hideOffScreen {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Hide entirely, even from screen readers */
.hider {
	display: none;
}

/* Not sure why this was separated but don't want to remove, looks to just replicate hide entirely */
#KH_licNav .hider {
	display: none;
}


/* Fusion Autocomplete */
div.easy-autocomplete {
	width: 100% !important;
	box-sizing: border-box;
	z-index: 1000;
}

div.easy-autocomplete ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 10px 0 10px 0;
	position: absolute;
	right: 0px;
	top: 34px;
	border: 1px solid #777;
	border-radius: 0px;
	box-sizing: border-box;
	display: none; /* display none is inline, block when active, but this prevents a single false showing on first load */
	z-index: 2000;
	width: 100%;
	-webkit-box-shadow: 0px 2px 3px 1px #555555;
	box-shadow: 0px 2px 3px 1px #555555;


}

div.easy-autocomplete ul li {
	width: 100%;
	padding: 2px 10px 3px 12px;
	border: 0 none;
	box-sizing: border-box;
	margin: 0px 0 6px 0;
	text-align: left;
	font-size: .75em !important;
}

div.easy-autocomplete ul li div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.easy-autocomplete ul li.selected {
	background: #def !important;
	cursor: pointer;
}


div#kh-search-area div.easy-autocomplete ul {
	top: 48px;
	text-align: left;
	width: 400px;
}

div#kh-search-area div.easy-autocomplete ul li {
	width: 398px !important;
}


#kh_searched_for, #didYouMean {
	width: 94%;
	margin: 0 auto;
	
}





@keyframes focusAnywhere {
	from {
		outline: 1px solid black;
		box-shadow: 0 0 2px 6px #78aeda, 0 0 2px 3px #fff inset;
		aoutline: 3px dotted white;
	}
	to {
		outline: 1px solid black;
		box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset;
		aoutline: 1px dotted white;
	}
}
/*
.keyboardUser :focus {
	animation: focusOnLight .75s;
	outline: 1px dotted auto; 
	box-shadow: 0px 0px 7px 3px rgba(0,51,153,0.75);
}

.keyboardUser header :focus, .keyboardUser footer :focus, .keyboardUser #skippy:focus {
	animation: focusOnDark .75s;
	outline: 1px dotted auto;
	box-shadow: 0px 0px 7px 0px #fff;
}*/

.keyboardUser div#thelou:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	animation: none;
}
.keyboardUser :focus {
	animation: focusAnywhere .4s;
	outline: 1px solid black !important;
	box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset	;
	border-radius: 2px;

}

.keyboardUser #khcontent_article a:focus {
	display: inline-block;

		animation: focusAnywhere .4s;
	outline: 1px solid black !important;
	box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset	;
	border-radius: 2px;

	position: relative;

}

.keyboardUser #KH_WellnessCenter map :focus {
	display: none
}

.keyboardUser #KH_WellnessCenter a:focus, .keyboardUser #KH_WellnessCenter a#areaKimage :focus {
	animation: focusAnywhere .4s;
	outline: 1px solid black !important;
	box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset	;
	border-radius: 2px;
	aposition: absolute !important;
	display: block !important;


}

.keyboardUser #KH_WellnessCenter {
	position: relative;
	min-height: 609px
}

.keyboardUser #KH_WellnessCenter #KH_WC_Area_A a:focus {
		animation: focusAnywhere .4s;
		outline: 1px solid black !important;
		box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset;
		border-radius: 2px;
		position: relative !important;
		display: block !important;
		amax-width: 96%;
		left: 2px;

}


.keyboardUser #KH_WellnessCenter #KH_WC_Area_K a:focus {
	margin-bottom: 30px;
	display: block;
	outline: 4px solid black;
	width: 100%;
}
.keyboardUser #skipnavigation a:focus {
	animation: focusAnywhere .4s;
	outline: 1px solid black !important;
	box-shadow: 0 0 2px 4px #78aeda, 0 0 2px 1px #fff inset	;
	border-radius: 2px;
	background: black !important;
	color: white;
}

.mouseUser :focus {
	outline: none;
	box-shadow: 0px 0px 0px 0px;
}

.mouseUser header :focus, .mouseUser footer :focus, .mouseUser #skippy:focus {
	outline: none;
	box-shadow: 0px 0px 0px 0px;
}

/* hiding search clear because mobile browsers have by default */
#clearSearch { display: none !important;}


#kh_search_results p {
	margin-top: -1.15em !important;
	margin-bottom: 2em !important;
}

#kh_search_results h2 a {
	acolor: red !important;
	line-height: 1.2;
	margin-bottom: 0 !important;
}