/* Cleveland Clinic Med Ed Stylesheet */
/* Handheld (mobile) Master Stylesheet */
/* This sheet contains the structure for all pages in the site. This sheet is adapted from ccf.org global_master.css. */

/* February 11, 2010 - created by BASI */

/*  -----------------------------
	GLOBAL RESET
	----------------------------- */

html, body { margin: 0; padding: 0; color: #000; background: #fff;}
a img { border: none;}
.hidden { display:none;}
* { float: none}

/* text tag styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
#content p, #content ul, #content ol, #content td, #content th { font-weight: normal;}
#content table td ol, #content table td ul { font-weight: normal;}
#content ul li p, #content ol li p, #content td p, #content th p,
#content ul ul, #content ol ol, #content ul ol, #content ol ul { font-weight: normal;}
#content td h4 {font: bold 1.25em/1em  "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;}

#content p.smallitalic { font: italic .7em "News Gothic Std", Arial, Helvetica, sans-serif; line-height: 1.4em;}
#content td.smallcontent { font: .7em "News Gothic Std", Arial, Helvetica, sans-serif; line-height: 1.4em;}

a { color: #365ea4; text-decoration: underline;}
a:active { color: #365ea4; text-decoration: underline;}
a:hover { color: #1e702e; text-decoration: underline;}
a.more { font-weight: bold; padding-right: 1.5em; background: url("/images/elements/grayarrow.jpg") no-repeat 100% .05em;}	
a:hover.more { background-image: url("/images/elements/grayarrow_down.jpg");}

#index table { border: none;}
#index td { border-bottom: 1px solid #CCCCCC; padding-bottom: 7px; padding-top: 7px;}
#index td.indextop { border-bottom: none; }

div.PageToolsEmailPrint { float: right; margin-right: 1em; margin-bottom: .5em; margin-left: 1em;}
div.PageToolsEmailPrint img, .PageToolsEmailPrint a { margin: 0; padding: 0;}

/* for Healthday News pages only */
.subhead { font: bold 1.2em Arial, Helvetica, sans-serif;}

/*  -----------------------------
	WRAPPERS & SHADOWS
    ----------------------------- */

#wrapper-page { }

#shadow-outer1 { }
#shadow-outer2 { }
#shadow-outer3 { }

#shadow-inner1 { }
#shadow-inner2 { }

/*  -----------------------------
	Content Structure
    ----------------------------- */
#header-wrap { display: none; visibility: hidden;}
#header { display: none;}
#header-inner { display: none;}
#logo {	display: none;}
#gasMini {	display: none;}
#printHeading { display: none;}
#mobileHeading { display: inline;}

#nav-top { display: none;}
#nav-top li { display: none;}
#nav-top li a { display: none;}
#nav-top li a.smaller { display: none;}
#nav-top li a.normal { display: none;}
#nav-top li a.larger { display: none;}
#nav-top li a:hover { display: none;}

/* section headers */
#section-inner { height: 45px; width: 100%; margin: 0 auto; padding: 0 0 0 15px;}

/* main navigation */
#nav-main { display: none; visibility: hidden;}
#nav-main-inner { display: none;}
#nav-main-inner ul { display: none;}
#nav-main-inner ul li { display: none;}
#nav-main-inner ul img { border: 0;}

/* left side nav styles */
#nav-page, #nav-page-online, #nav-page-news { display: none;}
#nav-page ul, #nav-page-online ul, #nav-page-news ul { display: none;}
#nav-page ul li, #nav-page-online ul li, #nav-page-news ul li { display: none;}
#nav-page ul li ul, #nav-page-online li ul, #nav-page-news li ul { display: none;}
#nav-page ul li ul li, #nav-page-online ul li ul li, #nav-page-news ul li ul li { display: none;}
#nav-page a, #nav-page a:visited, #nav-page-online, #nav-page-news { display: none;}
#nav-page a:hover, #nav-page-online, #nav-page-news { display: none;}
#nav-page a.current, #nav-page-online, #nav-page-news { display: none;}

/* main content area */
#mainContent { margin: 0; padding: 0; float: none !important;}
#content { top: 0; padding: 0 10px; width: 100%; float: none !important}
#contentArticle { }
#mobile-directions { width: 100%;}
#mobile-heading { display: inline;}
#mobileFooter { display: inline;}

#breadcrumb { }
#sectionBrand { display: none;}
#left_column { display: none;}

/*  -----------------------------
	Site-wide styles
    ----------------------------- */
#index table { border: none;}
#index td { border-bottom: 1pt solid #CCCCCC; padding-bottom: 10px;}


/*  -----------------------------
	FOOTER
	=footer
    ----------------------------- */

#footer { display: none;}
#upperFooterContainer { display: none;}
#footerPad { display: none;}
#upperFooterLinks { display: none;}
.textNavFooter ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; font-size: .75em;}
.textNavFooter ul li { margin-right: 1em;margin-top: .25em; white-space: nowrap;}
.textNavFooter p { margin: 0; padding: 0; font-size: .675em; color: #666;}

#lowerFooterContainer { display: none;}
#pageTools { display: none;}
#lowerFooterLinks { display: none;}

/* print copyright statement */
#printFooter { display: none;}

/* Mobile Footer */
#mobileFooter { display: inline; width: 100%}
#copyStatement { width: 80%; padding: 0; background-color: #fff; color: #4a4948; font-size: .70em;}

/*  -----------------------------
	SELF-CLEARING FLOATS
	=selfclearing
    ----------------------------- */

.clearthis:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

	/* Put this into IE.css later */
	/* trigger hasLayout and target ie5+6/win only */
<!--[if !IE 6]>-->
	* html .clearthis,
	* html #nav ul li a {
		height: 1%;
		}
<!--<![endif]-->

<!--[if !IE 7]>-->
	/* trigger hasLayout and target ie7/win only */
	*:first-child+html .clearthis {
		min-height: 1px;
		}

	* html #nav ul li a {
		display: inline;
		}
<!--<![endif]-->

/* (6) Reuseable Tricks */
/* doublecolumn class - puts two divs containing text side by side */
div.doublecolumn {
	width: 100%;
	height:auto;
	margin: auto;
	margin-bottom: 0px;
	padding:0;
	clear:both;
	display:block;
	overflow: auto;
}
div.doublecolumn div.doublecolumn_one {
	width: 45%;
	height:auto;
	float:left;
	margin-bottom: none;
	padding-bottom: none;
}
div.doublecolumn div.doublecolumn_two {
	width: 45%;
	height:auto;
	float:left;
	margin:0 0 0 0.875em;
}
/* Doublecolumn - IE 6 corrections */
* html div.doublecolumn {
	margin:.9375em 0 0 0;
	padding: none;
}
/* Doublecolumn - IE 7 corrections */
*:first-child+html div.doublecolumn {
	margin:.9375em 0 0 0;
}
#chapter_links { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 20px 0; padding-top: 10px; padding-bottom: 10px;}
#chapter_links ul {  margin: 0 .9375em;}
#chapter_links ul li { padding-bottom: .35em; list-style-image:url(/images/elements/bluearrow.jpg);}
#chapter_links a { color: #365ea4; text-decoration: underline; font-size: 1em;}
#chapter_links a:active { color: #365ea4; text-decoration: underline; font-size: 1em;}
#chapter_links a:hover { color: #1e702e; text-decoration: underline; font-size: 1em;}

/* iPhone only */
@media only screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none;}
}