@charset "UTF-8";
/* CSS Document */
/* CSS For APA Website Redesign 07/09 by David Wilbanks http://www.willodesign.com */



/*-----------     Eric Meyer's CSS Reset code     ------------------------------------------------------- */


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
	color:#444;
	font-size: 12px;
	font-family:Helvetica, Arial, sans-serif;
	padding-top: 20px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------    End  CSS Reset code     ------------------------------------------------------- */

	
/*-----------    Main Element layout / Framework   ------------------------------------------------------- */

body { background: #cfd3b4 url(/css/images/apa-gradient.jpg) 0 -90px repeat-x; text-align: center;}

#banner-ad { 
	margin: 10px auto;
	padding: 0 10px; 
	background: url(/css/images/vertical-ad-tag.gif) no-repeat 0 0; 
	width: 728px;
	position: relative;
	z-index: 1;
	 }
#banner-ad embed { z-index: -1}
	
#main {  
	width: 990px; margin: 10px auto; 
	}
	
#phead { 
	display: none;
	}
	
#header { 
	position: relative;  
	background: url(/css/images/shadowbackgrounds/header.png) top center no-repeat;
	height: 129px;
	padding-top: 5px;
	z-index: 100; /* IE 7 fix for submenus to be above following content.  */
	}

#logo { 
	background: url(/css/images/apa-logo.png) 0 0px no-repeat; 
	width: 230px; height: 97px; margin: 1px 0 2px 345px; 
	font-size: 9px; line-height: 1;  
	text-indent: -9000px;
	} 
	#logo a { display: block; outline: none; width:230px; height:97px; overflow:hidden;}
#tag { display: none;}

#search  { 
	width: 276px; 
	height: 34px; 
	position: absolute; 
	top: 66px; 
	/* New search box */
	top: 50px;
	right: 38px;
	}
	
#member_login {
	/*background: url(/css/images/login.jpg) 0 -8px no-repeat;   moved to top of viewport with new image */
	background: url(/css/images/login.png) no-repeat; 
	width: 90px; 
	height: 36px; 
	position: absolute; 
	/*top: 5px; moved login to top corner of viewport 
	right: 36px; */
	right: 8px;
	top: 0px;
	} 

#member_info {
	height: 36px; 
	position: absolute; 
	top: 5px; 
	right: 36px; 
	} 


#content { 
	background: url(/css/images/shadowbackgrounds/main.png) repeat-y; 
	border-top: 0; 
	border-bottom: 0;  
	width: 985px; 
	overflow: auto; 
	padding-bottom: 1.5em; 
	padding: 0 0 1.5em 6px;
	}
	
#sidemenu { 
	width: 156px; 
	float: left; 
	list-style: none;
	}
	
#sidemenu ul { list-style: none;}

#article, #podcontent, #submenu { 
	width: 502px;
	margin-left: 1px;
	float: left; 
	}
		#art_top { 
			height: 88px; 
			position: relative; 
			}
		#article #art_top p#breadcrumb { 
			position: absolute; 
			bottom: 6px; 
			right: 12px; 
			padding: 0;
			margin-bottom: 0;
			height: 1em;
			}
	 #submenu #art_top p#breadcrumb,
	 #article.wideimage #art_top p#breadcrumb 
	 	{ position: absolute; top: 0; right: 12px; padding: 0; margin: 0;}		
#sidebar { 
		width: 320px; 
		float: left;
		overflow: hidden;
		}
		
#footer {  clear: both; background:url(/css/images/shadowbackgrounds/footer.png) bottom right no-repeat;}
	
	
	
	
/*---------------------------------    Styles and Typography    ------------------------------------------------------- */

a {  color:#653161; text-decoration: none;}
a:visited { color:#755171; text-decoration: none;}
a:hover { color: #CB9A42; text-decoration: underline;}
a:active { color:#666633;}
/*  These are the new ones  we might want to use in the sidebars  -----
a { text-decoration: none; color: #595e40;}
a:hover { color: #9c9f77;}	*/

#sidebar a, #sidemenu a { text-decoration: none; color: #595e40;}
#sidebar a:hover, #sidemenu a:hover { color: #9c9f77; text-decoration: none;}

body { font: 12px/1.5 "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif; color: #444;}


#content ul, #content dl, #content ol, #content p, #content h1, #content h2, #content h3, #content h4, #footer p { 
	padding: 0 12px; margin-bottom: 18px;
	}

#article h1 { font-size: 20px; }
#article h2 { font: 18px/1 Georgia, "Times New Roman", Times, serif; color: #5d5e3c; font-weight: normal; line-height: 18px; margin-top: 18px; margin-bottom: 0; padding-bottom: 0;}
#article h3 { font-size: 14px; margin-bottom: 0;}
#article h4 { font-size: 12px; font-weight: normal; text-transform: uppercase;  letter-spacing: 2px; margin-bottom: 0;}


#main { text-align: left; }

input#fdse_TermsEx { 
	background:#fff url(/css/images/input-bck2.png) top repeat-x; 
	border: 1px solid #8C8C65; 
	height: 20px; 
	width: 180px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 16px; 
	line-height: 20px; 
	color: #5c5c5b; 
	position: absolute; 
	top: 2px; 
	left: 0;
	/* new search */ left: 22px;
	}
	
input#srch-submit {
	width: 88px; 
	height: 28px; 
	border: none; 
	margin-left: 10px; 
	position: absolute; 
	top: 0; 
	right: 0;
	}
	
	/* new search button */
	input#srch-submit {
	width: 66px; 
	height: 29px;
	right: -2px;
	}

#member_login a { 
	color: #3c3c3b; 
	text-decoration: none; 
	display: block; 
	margin: 2px auto; 
	text-align: center; 
	line-height: 1.2;
	}
	
#member_login a:hover { color: #fff;}

#footer {
	 
	color: #74744e; 
	font-size: 10px; 
	padding: 24px; 
	text-align: center;
	background: url(/css/images/shadowbackgrounds/footer.png) bottom left no-repeat;
	height: 86px;
	width: 942px;
	}

#footer p#legal { text-align: justify;}


/* ---------------------  GlobalNav Bar   -------------------------------------------------------------*/


#globalnavbar { 
	height: 36px;  /*test for dropdowns */
	list-style: none; 
	margin: 0 auto; 
	background: url(/css/images/shadowbackgrounds/topnav.png) 0 0 no-repeat; 
	padding: 0 5px;
	 position: relative;
 	z-index: 10;
}
	
#globalnavbar li {
	float: left; 
	line-height: 28px;  
	background: url(/css/images/topnav-div.gif) top right no-repeat; 
	height: 28px; 
	padding-right: 1px;
	position:relative;
	z-index: 597;
	}
	
#globalnavbar li#blog { background-image: none;  }

/* turn off for testing: #globalnavbar li li {display: none; } */

#globalnavbar li a { 
	display: block; 
	height: 28px; 
	width: 158px; 
	color: #74744e; 
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	}
#globalnavbar li.first a { padding-left: 13px;}
#globalnavbar li.last a { padding-right: 13px;}
#globalnavbar li a:hover { background:url(/css/images/topnav-hover.png) -15px 0; text-decoration: none; color: #46472d}
#globalnavbar li.first a:hover { background:url(/css/images/topnav-hover.png) 1px 0; text-decoration: none;}
#globalnavbar li.last a:hover { background:url(/css/images/topnav-hover.png) bottom right; text-decoration: none;}




#globalnavbar li.hover,
#globalnavbar li:hover {
 position: relative;
 z-index: 899;
 cursor: default;
}

#globalnavbar ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 898;
 width: 100%;
}

#globalnavbar ul li {
 float: none;
 background: #AFB08E;
 color: #333;
 
}

#globalnavbar li.dir ul li a { color:#46472d; text-align: left; padding-left: 12px; border-bottom: 1px solid #DCDDCA;}
#globalnavbar ul li a:hover { color: #444;}
#globalnavbar ul ul {
 top: 1px;
 left: 99%;
}

#globalnavbar li:hover > ul {
 visibility: visible;
 
}


#globalnavbar ul {
	 width: 170px;
	 margin-top: -1px;
	}

		#globalnavbar ul li {
		 font-weight: normal;
		}









/* -------------------          Article Styles        ----------------------------------------------------  */

#art_top { 
	background: url(/css/images/color-schemes/teal.png)  no-repeat; 
	padding: 1px 0 0 ;
	position: relative;
	z-index: 1;
	}

#breadcrumb a { 
	color: #ccc !important; 
	font-size: 9px; 
	text-transform: uppercase;
	}
#breadcrumb a:hover { 
	color: #fff !important; 
	text-decoration: underline;
}

#art_top h1 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px; 
	line-height: 1; 
	font-style: italic; 
	color: #fff; 
	font-weight: normal; 
	margin: 0 0 0 15px;
	padding-top: 22px;
	}

#art_body { position: relative; padding-top: 9px;}

#article img, #submenu img {	
	border: 1px solid #ddd; 
	float: left; 
	margin: -30px 12px 12px;  
	position: relative; 
	z-index: 5;
	}
#submenu img { float: none; display:block; margin: -42px auto 18px;}
#article.wideimage img { margint-top: -30px auto 18px;}
#article img.nofirst {margin-top: 10px;}
#article img.floatrt {float: right; margin-top: 10px; padding: 0 0 12px 12px}
#article img.nofloat { float: none; display: block;}

#content #art_body p { 
	padding: 0 24px 0 12px; 
	margin-bottom: 18px;
	}

/* Old Article Styles copied from apastyle.css --*/
#art_body dl, #srch_body dl { border: 0;}
#article  dt, #submenu #shopping dt { height: 20px;
	font-size: 13px; 
	font-weight: bold; 
	color: #8a8d63; 
	background: #EEECDD; 
	margin-bottom: 10px; 
	margin-top: 30px; 
	padding-left: 8px;
	font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,sans-serif;
	/*clear: both;*/
	}
#article dd { font-size: 12px; padding:0 15px; margin: 0; line-height:18px;}
#article ul { margin-left: 30px; padding-left: 0; clear: left;}
#article ul ul { margin-left: 12px;}

#article ul li { list-style-type: none; background: url(/css/images/color-schemes/teal.png) -487px -127px no-repeat; padding-left: 22px; margin: 6px;}
#article #art_body ul ul li { list-style-image:none; list-style-type: square; background-image: none; padding-left: 0;}
#article #art_body ul.col { float: left; clear: none; list-style-type: none; width: 150px; margin: 0 0 2em;}
#article #art_body ul.col li { list-style-image: none ; margin: 0 6px; }

.mac { 
	font-size: 8px; 
	color: #999; 
	text-align: right; 
	padding-right: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	}

#article #art_body p.highlight, #sub_body #shopping .partner { border: 1px solid #ceccb8; padding: .5em 1em .5em 1em; margin: 0 12px 12px; }

#article #art_body p.highlight a, #sub_body #shopping .partner a { background: #f9f9f5 url(/css/images/color-schemes/green.png) -485px -128px no-repeat; padding-left: 22px}
/* Article Print and Email Tools */

#article-tools {
	position: absolute;		/* Position div so it doesn't affect document flow, but don't use coordinates */
	text-align: right;
	width: 450px;
	height: 25px;
	right: 5px;
}

#article-tools a {
	text-indent: 3000em;
	display: block;
	float: right;
	overflow: hidden;
    width: 16px;
	height: 16px;
	background: url(/images/email-icon.gif) no-repeat;
	clear: none;
	margin-left: 4px;
	}
	
#article-tools a#article-print { background: url(/images/printer-icon.gif) no-repeat;}
#article-tools a#article-email:hover, #article-tools a#article-print:hover { background-position: -16px 0; }

/**
 * Error and user message styles
 */
#art_body .msg {
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	color: #F00;
	border: 1px solid #8A8D73;
	background: #FFC;
}
#art_body ul {
	text-align: left;
}


#art_body p.footnote {
	padding-top: 0.7em;
	font-size: 0.8em;
	border-top: 1px solid #E2E2D2;
}
address.donate {
	margin: 0.3em 0 1em;
	font-style: normal;
	text-align: left;
	white-space: pre;
}

/* Checklist type lists */
#article ul.checklist li { list-style-type: none; list-style-image: none;}
ul.checklist input {float: left; margin-left: -2em;}


/**
 * 40weeks articles image styles
 */
#art_body img.fortyWeeks {
	margin: 0.3em 0.7em 0.7em 0;
	padding: 0;
	float: left;
	display: inline; /* IE double margin fix */
	clear: left;
}



/* =404 Error Page
------------------------------------- */
#error404 div#error-container {
	margin: 78px auto 0;
	padding: 0 25px;
	width: 550px;
	text-align: left;
	font: 12px/1.5 "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif;
	color: #353533;
	background: #FFF;
	border: 3px solid #8A8D63;
	position: relative;
}
#error404 h1 {
	margin: 0;
	padding: 0;
}
#error404 h1 a {
	display: block;
	position: absolute;
	top: -79px;
	left: 7px;
    width: 244px;
    height: 76px;
	text-indent: -5000px;
	text-decoration: none;
	outline: none;
	background: url(/images/apa_03.jpg) no-repeat;
}
#error404 h2 {
	margin: 0.5em 0;
	position: static;
	font: italic 24px/1.1 Georgia,"Times New Roman", Times, serif;
	color: #726A3B;
}
#error404 h3 {
	font: normal 16px/1.2 "Arial Black", Arial, Helvetica, sans-serif;
	color: #8A8D63;
}
#error404 ul {
	margin: 1em 20px;
	padding: 0;
}
#error404 ul li {
	margin: 1.2em 0;
/*	list-style: square url(../images/dd_bulet.gif) outside;*/
	list-style: none;
	padding-left: 25px;
	background: url(/images/dd_bulet.gif) 0 8px no-repeat;
	width: 95%;
}
#error404 #referrer {
	width: 27em;
}
#error404 #popular, #error404 #popular dt {
	border: none;
	padding: 0;
}
#error404 #popular dt {
	padding-top: 5px;
	font-size: 1em;
	font-weight: normal;
	color: #353533;
}
#error404 form {
	margin: 0;
	padding: 0;
}

/* =Last updated paragraph
---------------------------------- */
p.last-updated {
	clear: both;

}


/*
----------------------------------------------
Hide memberInfo div on screen
---------------------------------------------- */
body.memberLogin #memberInfo {
	display: none;
}

/* ----------------------------------------           Sidebar Styles             -----------------------------*/


#side-ad { 
	padding-top: 10px; 
	background: url(/css/images/add-tag-top.gif) top center no-repeat;
	postition: relative;
	z-index: 1;
	z-index: -1;
	}
	#side-ad embed { z-index: 1;}
	
#sidebar div { margin: 12px 10px;}
#sidebar div div { margin: 0;} /*fix for ads */

/* list box styles */

div.listbox { 
	width: 298px;  
	border: 1px solid #9c9f77; 
	position: relative; 
	overflow: visible; 
	}
	
#content div.listbox dl { 
	position: relative; 
	width: 274px; 
	top: -1px; 
	left: -1px; 
	z-index: 2;
	padding-top: 39px;
	}
	
div.listbox dt { 
	height: 29px; 
	color: #fff; 
	font: 16px/29px Georgia, "Times New Roman", Times, serif; font-weight: normal; 
	font-style: italic; 
	position: absolute; 
	width: 295px; 
	top: 0px;
	left: 0px;
	z-index: 3;
	background: #f6f6ef url(/css/images/color-schemes/dkgreen.png) 0px -122px no-repeat;
	padding-left: 5px;
	}
	
div.listbox dd { 
	padding-left: 18px; 
	background:url(/css/images/color-schemes/dkgreen.png) -467px -170px no-repeat;
	}


div.listbox dt span { display: block; width: 295px; height: 100%; background: #f6f6ef url(/css/images/color-schemes/dkgreen.png) -186px -122px no-repeat; }
div.listbox dt em { display: block; position:absolute; width: 275px; height: 40px; top: 0px; right: 10px;}

#popular dt em { background: url(/css/images/favs-icon.png) bottom right no-repeat; }
#related dt em { background: url(/css/images/pointer-icon.png) bottom right no-repeat;}

body.home #related {display: none;} /* turn off related articles on the home page */

/*------------------------- ------------   side menu styles  -------------------------------------------------------------*/

#content #sidemenu ul { padding: 0 0 8px; margin: 0;}

#sidemenu ul { background: #e5e6d6; font: 11px/1.2 Helvetica, Arial, sans-serif;}

#sidemenu ul#date { margin-top: 6px;}

#sidemenu ul#date li { 
	color: #888; 
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	font-size: 9px; 
	padding: 12px 0;
	}
	
#sidemenu ul li {
	background: url(/css/images/sidemenu-bkgrd.png) repeat-y; 
	}
	
#sidemenu ul li a { 
	background: url(/css/images/sidemenu-bullet.gif) -3px 50% no-repeat; 
	display: block; 
	height: 28px; 
	width: 142px; 
	line-height: 28px; 
	padding-left: 13px; 
	border-bottom:1px dotted #9c9f77;
	}

#sidemenu ul li.last a, #sidemenu ul li.only a { border-bottom: 0; }

#sidemenu ul li a:hover {background: #fff;}



/*  ----------------------           Misc Class and Element Styles                -------------------*/


/*--------------------------          Home page Styles       -----------------------------------------------------*/


div.pod, dl.pod {
	float:left;
	display: inline; 
	margin: 12px 0 0 10px;
	font: 11px/1.2em "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif;
	width: 235px;
	height: 118px;
	border: 1px solid #9da078;
	position: relative;
	padding-top: 28px;
	z-index: 4;
	}
	
#content div.pod h2, #content dl.pod dt { 
	margin: 0;
	padding: 0 0 0 25px;
	width: 212px; 
	height: 29px; 
	position: absolute; 
	display: block;
	top: -1px; left: -1px;
	font: italic normal 14px/29px Georgia,"Times New Roman", Times, serif; 
	z-index: 10;
	color: #fff;
	}

#content div.pod h2 a, #content div.pod h2 span { color: #fff;  display: block;  }  /*h2 need to be wrapped in another tag.  Use span if h2 not linked with an a tag! */

#content div.pod h2 a:hover { color: #ddd; text-decoration: none;}

/*-----  Home pod Pod Header background graphis:  Uses sliding doors technique  ----------*/

.pod#a1 h2 { background: #fff url(/css/images/color-schemes/green.png) 0 -122px no-repeat; } .pod#a1 h2 a { background: #fff url(/css/images/color-schemes/green.png) -269px -122px no-repeat; } 

.pod#a2 h2 { background: #fff url(/css/images/color-schemes/brown.png) 0 -122px no-repeat;} .pod#a2 h2 a { background: #fff url(/css/images/color-schemes/brown.png) -269px -122px no-repeat;}
.pod#b1 h2 { background: #fff url(/css/images/color-schemes/gold.png) 0 -122px no-repeat;} .pod#b1 h2 a { background: #fff url(/css/images/color-schemes/gold.png) -269px -122px no-repeat;}
.pod#b2 h2 { background: #fff url(/css/images/color-schemes/teal.png) 0 -122px no-repeat;} .pod#b2 h2 a { background: #fff url(/css/images/color-schemes/teal.png) -269px -122px no-repeat;}
.pod#c1 h2 { background: #fff url(/css/images/color-schemes/red.png) 0 -122px no-repeat;} .pod#c1 h2 a { background: #fff url(/css/images/color-schemes/red.png) -269px -122px no-repeat;}
.pod#c2 h2 { background: #fff url(/css/images/color-schemes/blue.png) 0 -122px no-repeat;} .pod#c2 h2 a { background: #fff url(/css/images/color-schemes/blue.png) -269px -122px no-repeat;}
	
	
/* ---- Pod  body elements ------- */
div.pod img {float:left; display: inline; margin-top: -1px;}
#content div.pod p { /*margin: 12px 0 0 90px;*/ padding: 0; margin: 0;}
div.pod p a:hover { text-decoration: none;}

/* Pod Hover Actions */
#podcontent div.pod p a {
	position: absolute;
	display: block;
	width: 123px;
	height: 96px;
	margin: 0;
	top: 36px;
	left: 0px;
	text-decoration: none;
	color: #333; 
	z-index: 6;
	padding: 0px 12px 12px 100px;
	
	} 
#podcontent div.pod p a:hover {
	text-decoration: none;
	color: #74764F;
}

#podcontent div.pod p span { display: block; color: #CB9A42; margin-top: 1em; text-align: right;}
#podcontent div.pod p a:hover span { color:#957992; text-decoration: underline;  }
#podcontent div.pod p span b {color: #CB9A42; font-weight:normal; font-size: 150%; }


/* Double wide Pod Styles
----------------------------------------------------------------------- */

#content .pod.double {
	clear: left;
	display: inline; /* IE double margin fix */
	padding: 28px 0 13px;
	width: 479px;
	height: auto;
	overflow: visible;
}
.pod.double h2 {background: #fff url(/css/images/color-schemes/ltblue.png) 0 -122px no-repeat;} .pod.douple h2 span { background: #fff url(/css/images/color-schemes/ltblue.png) -13px -122px no-repeat;}
#content div.pod.double h2, #content div.pod.double h2 a, #content div.pod.double h2 span, #content dl#professionals.pod.double dt { width: 456px; height: 29px; line-height: 29px;}

/* Proffessional Submenu Pods */
#professionals.pod.double { padding-top: 39px;}
#professionals.pod.double dt {background: #fff url(/css/images/color-schemes/purple.png) 0 -122px no-repeat;} 
#content dl#professionals.pod.double dd a { 
	width: 205px; 
	display: inline;/* IE double margin fix */
	float: left;
	background: transparent url(/css/images/color-schemes/purple.png) -467px -172px no-repeat;
	margin: 0 0 5px 12px;
	padding: 0 0 0 15px;
	font-size: 12px;
	}
/* Find a Health Care styles  or Double Pods with UL lists */

#content .pod.double ul {
	display: inline; /* IE double margin fix */
	float: left;
	margin: 8px 0 0 12px;
	list-style: none;
	padding: 0;
	width: 116px;
}
#content .pod.double li {
	clear: left;
	display: inline; /* IE double margin fix */
	float: left;
	width: 100%;
}
#content .pod.double a {
	background: transparent url(/css/images/color-schemes/ltblue.png) -467px -172px no-repeat;
	/*color: #646464 !important;*/
	display: block;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	zoom: 1;
}
#content .pod.double a:hover {
	/*color: #006DA9 !important;*/
	text-decoration: none;
}


/* webMD Newsfeed pod */


#podcontent #newsfeed-pod.pod.double ul { float: none; display: block; width: auto;}
	
#podcontent #newsfeed-pod.pod.double li { float: none; display: block; width:auto; }
	
#podcontent #newsfeed-pod.pod.double h3 { border-top: 1px dotted #9da078; border-bottom: 1px dotted #9da078; height: 2em; line-height: 2em;}

/* Health Professional Pod -----*/
#content #podcontent #hp-pod.pod.double h2 { background: #fff url(/css/images/color-schemes/purple.png) 0 -122px no-repeat; color:#000; } 

#podcontent #hp-pod.pod.double {font-size: 10px; padding-bottom: 0; }
	
#podcontent #hp-pod.pod.double p#hpsignup {
clear: both;
font: 14px/40px Helvetica, Arial, sans-serif;
width: 387px; height: 41px;
padding: 0 92px 0 0; margin-top: 12px;
position:relative;
bottom: 0;
right: 0;
color: #4b304a;
background: url(/css/images/hp-pod-bottom.png) bottom right no-repeat;
text-align: right;
}

#podcontent #hp-pod.pod.double p#hpsignup a { text-align: left; position: absolute; top: -10px; left: 398px; display: block; width: 82px; height: 52px; background: url(/css/images/sign-up-now.png) no-repeat; text-indent: -9000px;}
#podcontent #hp-pod.pod.double a {
	background: url(../../images/arrow-purple.gif) 0 0 no-repeat;
	padding-left: 15px;
	}

#podcontent #hp-pod.pod.double a:hover {
color: #977596 !important; 
text-decoration: none;

}
#podcontent #hp-pod.pod.double p a {
display: inline;
background: none;
margin: 0;
padding: 0;
text-decoration: underline;
color: #6c4d6c;
position: static;
}
#podcontent #hp-pod.pod.double p a:visited { color: #6c4d6c !important;}



/*---------------------------------------  Section Index Pages -------------------------------------------------- */
#submenu #index, #submenu #partner-ed { clear: both; overflow: hidden; width: 478px;}
#submenu #index dt, 
#submenu #partner-ed dt,
.videolibrary #submenu dl dt
{ float: left; display: inline; margin: 12px 0; font: 16px Georgia, "Times New Roman", Times, serif; border-bottom: 2px solid; width: 100%;}


#submenu #index dd, 
#submenu #partner-ed dd { 
	font-size: 11px; 
	background: url(/css/images/color-schemes/ltblue.png) -486px -127px no-repeat;  
	padding: 0 0 .5em 20px;
	margin: 0 0 0 5px;
	line-height:18px; 
	width: 212px; 
	float: left;
	
	}

#submenu #sub_body dd.perdisclaim {width: 100% !important; padding: 0 0 2em; line-height: 1.1em; color: #74764F; background: none !important; font-size: 9px; float: none; display: block;}



/*--  Amazon Article Book Links from old apastyle.css --*/

/* =Amazon affiliate ads imbedded in articles */
.amad { float:right; margin: 5px 12px 5px 8px; padding: 3px; background: #e2e2d2; border: 2px solid #d4d4bf; zoom: 1;}
#content #article .amad p { width: 120px; color:#999; margin: 2px 0; padding: 0; font-size: 9px; line-height: 1.1em; text-align: center;}
.amad iframe {margin-bottom: 3px; display: inline; float: left; width: 120px;}
.amadmulti { width: 380px; margin: 5px auto;}
.amadmulti p { text-align: center;}
.amadmulti iframe { margin-left: 3px;}
* html .amad { width: 1%;}




#amazon {
	margin: 1em 0 1em 10px;
    overflow: hidden;
	width:  478px;
}

#amazon dl {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    width: 33%;
	height: 100%;
}

#amazon dt, #amazon dd {
    background: none;
	height: auto;
	margin: 0; padding: 0 12px;
	color: #666;
}
#amazon dt img {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	border: 1px solid #DBD6B5;

}


#amazon dd {
    color: #555;
}


#content #amazon.pod.double dl a {
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
	background-image: none;
	color: #653161;
	margin: 0; padding: 0;
	
}
#content #article #amazon dl dd.title a { color:#653161;} 
#amazon dl dd.author { font: 9px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #777;}


/* -----------------------   video library    -----------------------------------------------------------   */

.videolibrary #sub_body dl dt,
#video-library dl.entry dt 
	{float: none; display:block; clear:both;}

.videolibrary #sub_body dl dd,
#video-library dl.entry dt 
	{ float: none; }

.videolibrary #sub_body dl dl,
#video-library dl.entry  
	{ position: relative; padding: 0 0 0 102px; line-height:1.2, clear: both; margin-top: 12px; zoom: 1;}
#video-library dl.entry { margin: 12px 0 0;}

.videolibrary #sub_body dl dl dd.thumb,
#video-library dl.entry dd.thumb
	{ position: absolute; top:0; left: 0; margin: 0; padding: 0; width: 90px; height: 65px;}
#video-library dl.entry dd.thumb { left: 12px;}


.videolibrary #sub_body dl dl dd.thumb img, 
#video-library dl.entry dd.thumb img
	{ margin: 0; padding: 0; position: absolute; z-index: 200; padding: 3px; border: 1px solid #aaa;}


.videolibrary #sub_body dl dl dt.title,
#video-library dl.entry dt.title 
	{ border: 0; margin: 0; padding: 0; font: 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif }


#video-library dl.entry dt.title a
			{color: #006DA9 }


#video-library dl.entry dt.title a:hover
			{color: #CB9A42; text-decoration: underline; }

.videolibrary #sub_body dl dl dd.description,
#video-library dl.entry dd.description 
	{ font-size: 10px; line-height: 15px;}

#video-library.pod.double dl.entry { padding-left: 114px; padding-right: 12px;}

#video-library.pod.double dl.entry a { background-image: none; padding: 0; margin: 0;}

.videolibrary #sub_body dd.more,
#video-library p.more 
	{ float: right; }
#content #video-library p.more { margin-right: 12px; display: inline; line-height: 2em; height: 2em; width: 100px;}

.videolibrary #sub_body dd.more a,
#content #video-library p.more a
	{ display: block; padding: 0 5px; color: white; background: #EDA21E; border: 1px solid #aaa;}

.videolibrary #sub_body dd.more a:hover,
#content #video-library.pod.double p.more a:hover
	{ color: #936; border: 1px solid #ddd; text-decoration: none; border-color: #888;}

.videolibrary #sub_body dd.thumb a span, 
#video-library dl.entry dd.thumb a span	
	{ text-indent: -9000px; position: absolute; z-index: 210;  display: block; width: 28px; height: 28px; bottom: 15px; right: 5px; background: url(/css/images/video_play.png) no-repeat; opacity: 0.65; -moz-opacity:0.65;}



.videolibrary #sub_body dd.thumb a:hover span,
#video-library dl.entry dd.thumb a:hover span
	{ background-position: 0 -28px; opacity: 0.9;
-moz-opacity:0.9;}

.videolibrary #sub_body dd.date,
#video-library dl.entry dd.date
	{ font: 9px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; letter-spacing: 1px; text-transform: uppercase;}



/* styles for popup video 
#videobody-content { padding: 10px; color: #ededdf; margin: 0 auto; width: 630px;}
#videobody-content #container_videoplayer { border: 1px solid #fff; margin: 10px 10px 10px 0; }
#videobody-content #compainiondiv { border: 1px solid #fff; margin: 10px 0 10px 10px; }


.videolibrary #video {
	position: absolute;
	width: 768px;
	height: 600px;
	z-index: 900;
	top: 50%;
	left: 50%
}

.videolibrary #video p {
	top: -10px;
	right: 0;
	position: absolute;
	background: #292929;
	color: #eeeeee;
	padding: .3em;
	font-size: .9em;
	cursor: pointer;
}

*/


/*--------   Pregnancy Calculator  and Ovulation Calender  ----------------- */


div#ui-datepicker-div { z-index: 9990000;}
input.large { width: 150px;}
input.medium { width: 128px;}
input.small  { width: 30px;}

#preg-calc { display: block; border: 1px solid #CECCB8; margin: 12px; clear: both; background: #f5f5ed; overflow: hidden; }
*:first-child+html #preg-calc.ie7fix { width: 474px; margin: 12 auto; display: inline; float: left; } /*nasty IE7 hack to set the margins and center the form, only on member-signup */
#preg-calc legend { font: 18px Georgia, "Times New Roman", Times, serif; border-bottom: 2px solid; width: 100%;  margin: 0 ; display: block; }
#preg-calc fieldset { margin: 12px 12px 24px; width: 448px; clear: left; overflow: hidden;}


#preg-calc label { clear: left; margin-top: 15px; font-size: 14px; display: inline; float: left; width: 275px;}
#preg-calc .ui-datepicker { z-index: 900;}
#preg-calc .hint { display: block; color:#aaa; font-size: 10px; line-height:1.4;}
#preg-calc .right { font-size: 10px; color: #aaa;}
#preg-calc input { border: 1px solid #CECCB8; padding: 5px; margin: 15px 0 0; font: 16px Georgia, "Times New Roman", Times, serif; float: left; color: #666; }

#preg-calc .required { font-weight:bold; color:#900;}
#preg-calc button, p.button a { display: block; color: white; text-align: center; font-size: 14px; line-height: 32px; background: #EDA21E; border: 1px solid #aaa; width: 126px; height: 32px; margin: 1em 1em 1em 287px; clear: both; outline: none; padding: 0;}
#preg-calc button:hover, #preg-calc input.button:hover, p.button a:hover {color: #936; border: 1px solid #ddd; background: #fbb228; text-decoration: none; border-color: #888; cursor: pointer;}

#ovul_cal { text-align: center; border: 1px solid #777; margin: 0 auto 1em; padding: 0;}

caption { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; color: #65727B; font-weight: bold; font-size: 150%;}
#ovul_cal td { background-color:/*#f2f2e2*/#fff; border: 1px solid #aaa;}
#ovul_cal .days td { background-color: #65727B; color: #fff; border: 1px solid #65727B;}
#ovul_cal .start { color:#691203; background-color:#f2f2e2; font-size: 150%;}
#ovul_cal .ovul { background-color: #fdf2ff; font-size: 150%; color:#65727B;}
tfoot tr { height: 2em; background-color: #ddd;}
tfoot td { border: 0; text-align: left; padding: 1em;}
tfoot span { padding: 0 0.5em; font-size: 14px !important;}
#ovul_calc caption { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; margin-top: 1em; line-height: 10px;}
#ovul_calc table td { border: 1px solid #65727B !important;}
#ovul_calc table td { padding: 5px;}
#ovul_calc table td p.right { text-align: right; clear: right; font-size:10px; color: #777; margin:0; padding: 0; width: 100%;}
#ovul_calc table { margin: 3px 0 8px; clear:right;}

#ovul_calc table th { text-align: right; border: 1px solid #65727B; padding:5px; }
#thru { text-align: center; font-size: 10px;}

#ovul_cal .days td.nonmonthdays {
	background: #E2E2D2;
	color: #979A73;
}
#ovul_cal thead { font-family: 16px Arial, Helvetica, sans-serif; text-transform: uppercase; background: #eee; height: 2em;}

/* signup forms   */
#preg-calc label input { margin-top: 0;}

#preg-calc label.select { width: 150px; margin-right: 15px; }
#preg-calc label.select a { font-size: 10px;}
#preg-calc select { margin-top: 15px; float: left;}
#preg-calc label.checkbox { width:300px; padding-left: 50px; }
#preg-calc label.checkbox input { float: left; margin: 4px 0 0 -26px;}
#preg-calc fieldset p {clear: both;}
#preg-calc fieldset.margin label { width: 125px; clear: left; margin-left: 0px; }
#preg-calc fieldset fieldset { margin-left:0; margin-right: 0;}
#preg-calc fieldset #first_name { width: 100px; } 
#preg-calc fieldset #last_name { width: 150px; margin-left: 15px;}
#preg-calc input.hint-value { color: #d1d1d1;} /* changes the color of values in input fields once users start typing */
#preg-calc fieldset.hide, #preg-calc fieldset#results.hide { display:none;} /* use javascript function 'unhide' to display rulsts */
#preg-calc input.button { color: white; font-size: 14px; background: #EDA21E; border: 1px solid #aaa; width: 126px; height: 32px; margin: 1em 1em 1em 275px; clear: both; outline: none; padding: 0;}
#preg-calc input.submit { margin: 15px 0 15px 224px; clear: both;}
#preg-calc input.submit:hover { cursor: pointer; background:#fff; border-color: #444;}
#preg-calc p#startover { clear: both; height: 18px; width: 70%;}
/*Donation Styles */
fieldset#donation {
margin: 12px;}

/*  Copied from old style sheet  the labels' id's were switched to the input boxes to add for attribs to the labels. Also label no longer wrap input boxes so JS code no longer works 
	
	
	.hasJs #license_number,
	.hasJs #credentials,
	.hasJs #certified_by,
	.hasJs #affiliations {
		display: none;
	}
	
	.license_number #license_number,
	.credentials #credentials,
	.certified_by #certified_by,
	.affiliations #affiliations {
		display: block;
	}
	
	
*/


/* Testing and debuggin Code  Delete when done!!!!  */

#related {display: none;}


#preg-calc fieldset ol, #preg-calc fieldset ol li { overflow: auto; zoom: 1;}


/* misc classes  */
p.small { font-size: 10px; color: #777; line-height: 1.5; margin-bottom: 15px;}
#article hr { border: 1px dotted #CECCB8; height: 1px; margin: 15px;}

dfn { font-weight:bold; font-style: normal; border-bottom: 1px dotted;}
acronym { border-bottom: 1px dotted;}




/* Turn off e-book ad in sections we don't want it */

.pregnancyloss .apa-ads,
.afterpregnancy .apa-ads,
.laborbirth .apa-ads,
.pregnancyoptions .apa-ads,
.adoption .apa-ads { display: none;}







