/*  -Reset Styles ---------------------------------------------------------- */
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, sub, sup, tt, var,
    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-family:inherit; vertical-align:baseline; }

/* remember to define focus styles! */
/*:focus {
        outline:0;
    }*/
body { background:white; color:black; font-size:100.01%; line-height:1; }
ol, ul { list-style:none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after,
    q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
.underline { text-decoration:underline!important; }

/*  -Redifine Tag ---------------------------------------------------------- */
html, body { height:100%; }
body { background-color:#efeff0; font-family:Arial, Helvetica, sans-serif; }
#intro h2 { background:no-repeat left top; height:0px; overflow:hidden; padding:18px 0 0 0; }
#submain h2 { color:#4c3828; margin-top:2em; margin-bottom:0.7em; font:normal 2em Helvetica; }
	#submain h2.first { margin-top:0; }
h3 { color:#4e6271; font-size:18px; font-weight:normal; line-height:1.24em; margin:0 0 0.3em; }
a:link { color:#675344; }
a:visited { color:#797D3F; }
p { margin-bottom:1em; }
#content ul { margin-bottom:1em; }
	#content ul li { background:url(/local/images/i_arrow_r.png) no-repeat left 8px; padding-left:12px; margin-bottom:0.3em; }
*html #content ul li { zoom:1; }

/* IE6 */
#content ul ul { margin:0.3em 0; }
#content ol li { font-weight:normal; list-style:decimal; list-style-position:inside; margin-bottom:0.3em; }
#content ol p, #content ol label { font-weight:normal; margin-top:0; }
#toggle p { border:1px solid #E0E0E2; margin-top:10px; padding:15px; border-left:11px solid #4e6271; }
.btn { background-color:#43596a; background-position:bottom; display:block; height:43px; overflow:hidden; text-indent:-999px; }
	.btn:hover, .btn:focus { background-position:top; }
a span { cursor:pointer; }
/*    strong {color:#4e6271;}*/

/*  -Shell ----------------------------------------------------------------- */
#wrap { background:#fff url(/local/images/bg_wrap.png); height:auto !important; height:100%; min-height:100%; margin:0 auto; position:relative; width:1005px; }
#header { background:#4c3828 url(/local/images/bg_header.png); height:65px; }
#sidebar { display:inline; float:right; margin-left:-200px; width:200px; }
#main { margin:0 0 0 4px; width:801px; position:relative; }
#intro { background:url(/local/images/bg_man.jpg) no-repeat top right; width:801px; height:326px; }
#man #intro { background-image:url(/local/images/bg_man.jpg); }
#woman #intro { background-image:url(/local/images/bg_woman.jpg); }
#dr  #intro { background-image:url(/local/images/bg_doctor.jpg); }
.noBg { background:none!important; }
#intro_content { position:absolute; top:0; left:0; }
	#intro_content p { color:#4c3828; font-size:18px; line-height:30px; padding:134px 0 0 67px; width:390px; letter-spacing:0.5px; }
#submain { border-left:1px solid #c6c6c8; color:#675344; font-size:13px; line-height:1.5em; margin:0 0 0 13px; width:787px; }
#content { position:relative; }
#footer { clear:both; color:#675344; font-size:11px; line-height:1.3em; }
	#footer .padding { padding:37px 0 50px 40px; }

/*  -Header ---------------------------------------------------------------- */
#header h1 { position:relative; left:20px; top:18px; overflow:hidden; text-transform:uppercase; font-size:11px; }
	#header h1 a { line-height:1.4em; color:#fff; font-weight:normal; display:block; height:36px; padding:6px 0 0; text-decoration:none; }
#header img { font-size:24px; float:left; font-weight:bold; margin:8px 10px 0 0; }
#header h1 span { background:no-repeat top left; position:absolute; left:0; top:0; width:100%; }
#infoline { height:27px; width:131px; position:absolute; right:14px; top:24px; overflow:hidden; color:#a88f7b; font-size:10px; }
	#infoline span { color:#fff; font-size:18px; }
		#infoline span.bg { position:absolute; left:0; top:0; width:131px; height:38px; }

/*  -SideBar --------------------------------------------------------------- */
#sidebar { border-top:11px solid #4c3828; line-height:15px; }
	#sidebar h2 { background:#546979 url(/local/images/bg_h2.jpg) repeat-y top right; ; color:#fff; font-size:15px; font-weight:normal; height:21px; padding:12px 0 0 3px; position:relative; }
		#sidebar h2 span { display:none; position:absolute; top:0; left:0; width:100%; height:33px; }
#nav { margin-bottom:77px; width:200px; }
	#nav li { display:inline; }
	#nav a { background-position:left; color:#b6b1ad; display:block; font-size:14px; height:78px; padding:14px 20px 0 20px; position:relative; text-decoration:none; }
	#nav strong, #signup strong { color:#fff; font-size:16px; font-weight:normal; }
	#nav span, #signup span { display:block; font-size:13px; position:absolute; top:0; left:0; width:200px; height:96px; }
	#nav .man a { background:#8a7360; z-index:3; height:77px; }
	#nav .woman a { background:#785d46; z-index:2; }
	#nav .dr a { background:#654b37; z-index:1; }
	#nav .man span { background-position:left top; height:95px; }
	#nav .woman span { background-position:left -95px; }
	#nav .dr span { background-position:left -191px; }
	#nav .man a:hover { background:#9a836f; }
	#nav .woman a:hover { background:#896d54; }
	#nav .dr a:hover { background:#775c47; }
	#nav .man a:hover span { background-position:center top; }
	#nav .woman a:hover span { background-position:center -95px; }
	#nav .dr a:hover span { background-position:center -191px; }
#man .man span, #nav .man.active span { background-position:right top!important; }
#woman .woman span, #nav .woman.active span { background-position:right -95px!important; }
#dr .dr span, #nav .dr.active span { background-position:right -191px!important; }
#signup { background:#4e6271; color:#adb175; display:none; font-size:14px; height:168px; padding:25px 20px 0 20px; position:relative; text-decoration:none; }
	#signup span { background-position:left -294px; color:#a7b1b8; padding:50px 40px 0 20px; position:absolute; top:0; left:0; width:140px; height:147px; }
a#signup:hover { background:#53697b; }
	a#signup:hover span { background-position:center -294px; }
*html #nav span { height:92px; }
/*IE6*/
*html #nav .man span { height:91px; }
/*IE6*/
*html #signup span { height:143px; }
/*IE6*/

/*  -Footer ---------------------------------------------------------------- */
#footer h4 { font-size:12px; margin-top:20px; }
#footer p { text-align:justify; width:695px; }
#footer img.flag { padding-left:6px; vertical-align:middle; }
#footer img.fright { float:right; margin:5px 38px 0 0; }
.footernav { height:1em; padding:1em 0 0; }
	.footernav li { border-right:1px solid #c6c6c8; height:7px; float:left; display:inline; padding-right:8px; margin-right:8px; }
		.footernav li.last { border:0; }
	.footernav a, .footernav span { display:block; margin-top:-3px; text-decoration:none; }
	.footernav a { color:#4e6271; }
		.footernav a:hover, .footernav a:focus { text-decoration:underline; }

/*  -Content --------------------------------------------------------------- */
#intro h3 { width:600px; }
#content a { text-decoration:underline; }
	#content a:hover, #content a:focus { text-decoration:none; }
.lite { color:#bcaca0; }
sup { vertical-align:top; font-size:0.8em; font-weight:normal; }
h3 sup { font-size:11px; }
sub { position:relative; top:0.2em; font-size:1.1em; }
small { font-size:11px; }

/*  -Forms --------------------------------------------------------------- */
form { margin:20px; padding:20px 20px 16px; position:relative; }
	form.quiz p { font-size:14px; }
		form.quiz p small { font-size:12px; }
label.cssRadio { background:url(/local/images/bg_radio.png) left top no-repeat; cursor:pointer; display:block; height:auto!important; height:15px; min-height:15px; line-height:15px; padding-left:20px; }
.quiz label.cssRadio { display:inline; float:left; margin:0 20px .6em 0; }
label.selected.focus, label.selected.over { background-position:left -65px; }
label:hover, label.over, label.focus { background-position:left -130px; }
label.selected { background-position:left -195px; }
fieldset div { width:326px; }
label.cssRadio input { position:absolute; left:-9999px; }
.actions { position:relative; }
form .actions input { position:absolute; top:-38px; right:0px; }
/*  SHIM ------------------------------------------------------------------ */
.shim label.cssRadio { margin-bottom:-1em; }
.shim ol li { margin:0 0 4em; }
#content .shim label { display:block; margin:.8em 0 -1.7em; }
.shim ol span { font-weight:normal; padding-bottom:20px; }
p.form-instructions { font-weight:bold; font-size:13px; }

/*  -Utilities ------------------------------------------------------------- */
#utilities { display:none; position:absolute; top:20px; right:40px; }
	#utilities a { background:url(/local/images/i_arrow_r.png) no-repeat 0 6px; padding-left:12px; text-decoration:none; }
		#utilities a:hover { text-decoration:underline; }

/*  -Page Specific --------------------------------------------------------- */
/*  Home ------------------------------------------------------------------ */
#p_home #wrap { background:#fff url(/local/images/bg_wrap_home.png) repeat-y left top; }
#p_home #main { background:url(/local/images/bg_home.jpg) no-repeat top left; border-top:11px solid #4c3828; overflow:hidden; width:720px; height:656px; }
#swf_home { margin-top:34px; margin-left:15px; overflow:hidden; position:relative; }
#p_home #sidebar { margin-left:-281px; width:281px; }
	#p_home #sidebar .padding { padding:20px 20px 0 20px; }
	#p_home #sidebar p, #p_home #sidebar li { font-size:13px; }
	#p_home #sidebar .content { background:#dedede; border-bottom:1px solid #C6C6C8; color:#4e6271; height:492px; margin:0 4px; overflow:auto; }
		#p_home #sidebar .content li { list-style:square; margin-left:18px; margin-bottom:.8em; }
	#p_home #sidebar .quiz { border:none; color:#675344; margin:0 4px; padding:15px 18px 0 20px; }
		#p_home #sidebar .quiz label.cssRadio { margin:0 6px .6em 0; font-size:12px; }
#p_home #intro { background:none!important; height:486px; width:669px; position:relative; }
	#p_home #intro p { margin-right:70px; }
/* Title */
#p_home .sIFR-replaced { margin-left:0; }
#p_home #intro h2 { background:none; color:#473425; font-size:32px; line-height:38px; padding:0; position:absolute; top:50px; left:70px; height:auto; }
/* Choice */
#choice { height:110px; }
	#choice ul { margin:0 0 0 5px; padding:0; }
	#choice li { float:left; }
	#choice a { color:#d6c0ad; display:block; float:left; padding-left:50px; text-align:center; text-decoration:none; width:181px; height:125px; }
	#choice .dr { width:180px; }
	#choice strong { color:#fff; float:left; font-size:20px; font-weight:normal; line-height:24px; margin-top:18px; }
	#choice a span { clear:both; color:#d6c0ad; float:left; font-size:16px; text-align:left; width:140px; }
	#choice a:hover, #choice a:hover strong, #choice a:hover span { color:#A4968B; }
/* Footer */
#p_home #footer { background:#fff; border-left:1px solid #c6c6c8; border-top:1px solid #c6c6c8; margin-left:17px; margin-right:3px; }
	#p_home #footer .padding { padding:27px 30px 50px 30px; }
	#p_home #footer p { width:100%; }
/*  Question / Answer ----------------------------------------------------- */
#submain { background:url(/local/images/bg_vbar.png) repeat-y 186px 0; }
#subnav { background:no-repeat 13px 0; border-bottom:1px solid #e0e0e2; float:left; margin:0 0 30px 0; padding:68px 0 0; width:186px; }
	#subnav li { background:url(/local/images/bg_vbar.gif) repeat-y 0 0; overflow:hidden; }
		#subnav li.current { background:url(/local/images/bg_vbar_s.gif) repeat-y 0 0; zoom:1; }
	#subnav a { background:url(/local/images/i_arrow_r.png) no-repeat 4px 14px; border-top:1px solid #e0e0e2; color:#4c3828; display:block; padding:8px 26px; line-height:1.3em; text-decoration:none; width:134px; }
		#subnav a:visited { }
		#subnav a:hover, #subnav a:focus { color:#a7b1b8; }
		#subnav a:active, #subnav li.current a.active { background:none!important; color:#4e6271; }
	/*Second Level*/
#subnav ul { display:none; padding-bottom:10px; }
	#subnav li.current ul { display:block; }
	#subnav ul li { background:none!important; }
		#subnav ul li a { background-position:15px 10px; border-top:0; margin-left:20px; padding:4px 0 4px 24px; }
div#content.answer { background:no-repeat -174px 0; float:right; min-height:100px; padding:63px 58px 30px 55px; width:485px; }
#footer { background:#fff url(/local/images/bg_footer.png) no-repeat 13px 0; }
form.quiz, form.shim, div.block { border:6px solid #e2ddd9; margin:20px; padding:20px 20px 16px; position:relative; }
.quiz .answer { border:1px solid #e2ddd9; cursor:help; font-weight:bold; margin-top:10px; padding:8px; }
	.quiz .answer span { color:#fff; font-weight:normal; }
.controls { height:43px; }
/*  SHIM form ------------------------------------------------------------ */
#b_take { background-position:-374px top; float:right; width:183px; }
	#b_take:hover, #b_take:focus { background-position:-374px bottom; }
#b_back { background-position:-299px top; float:left; width:75px; }
	#b_back:hover, #b_back:focus { background-position:-299px bottom; }
/*  Sign Up -------------------------------------------------------------- */
iframe { border:6px solid #e2ddd9; margin:0 60px 0 20px; width:435px; height:25em; /* height must be in em for support text resizing*/ }
.page-signup #content, .page-shim #content, .page-content #content { background:url(/local/images/bg_signup.png) no-repeat top left; min-height:100px; padding:50px 58px 30px 245px; width:auto; }
#img_brochure { float:right; position:relative; top:-40px; }
#page-signup #signup { display:none; }

/*  -Sifr Titles ----------------------------------------------------------- */
.sIFR-flash { visibility:visible !important; margin:0; }
.sIFR-replaced { margin-left:-7px; padding-left:5px; visibility:visible !important; }
span.sIFR-alternate { display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; }
/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display:none !important; }

/*  -Hack ------------------------------------------------------------------ */
.clear { clear:both; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.hide { display:none !important; }
.moved, .skip { display:block; height:0; position:absolute; top:-999px; }
.show { display:block; }


/*  -English --------------------------------------------------------------- */
#header h1 { width:338px; height:42px; }
#header h1 span { background-image:url(/local/images/en/l_edhelp.png); height:42px; }
#subnav, div#content.answer { background-image:url(/local/images/en/bg_qa.png); }
#nav span, #signup span { background-image:url(/local/images/en/b_sidebar.png); }
.btn { background-image:url(/local/images/en/b_buttons.png); }
#b_next { background-position:-162px top; float:right; width:137px;}
#b_previous { background-position:top left; float:left; width:162px; }
#b_next:hover, #b_next:focus { background-position:-162px bottom; }
#b_previous:hover, #b_previous:focus { background-position:left bottom; }


/*  -French ---------------------------------------------------------------- */
.fr #header h1 { width:504px; height:45px; }
.fr #header h1 span { background-image:url(/local/images/fr/l_edhelp.png); height:45px; }
.fr #subnav, .fr div#content.answer { background-image:url(/local/images/fr/bg_qa.png); }
.fr #nav span, .fr #signup span { background-image:url(/local/images/fr/b_sidebar.png); }
.fr .actions.fixPos input { float:right; position:relative; top:0; left:0; } /*FIX: Vote btn under the radio on some quiz*/
.fr .btn { background-image:url(/local/images/fr/b_buttons.png); }
.fr #b_next { background-position:-178px top; width:161px; }
.fr #b_previous { width:178px; }
.fr #b_next:hover, .fr #b_next:focus { background-position:-178px bottom; }
.fr #b_previous:hover, .fr #b_previous:focus { background-position:left bottom; }

/*        
.fr #p_home #sidebar .content { padding:1em 10px 0 1em; overflow:hidden; height:auto; }
.fr #p_home #sidebar .quiz { padding:1em 10px 6px 1em; }
*/