﻿/* Browser Reset
------------------------------------------*/
html{color:#000;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-style:inherit;font-weight:inherit;}
del,ins {text-decoration:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
legend {color:#000;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select {*font-size:100%;}

/* Global
-------------------------------------------*/
html {background:#6699cc url(../Images/body_bg.gif) repeat-y top center;}
body {background:url(../Images/bg_top_curve.gif) no-repeat top center; font:normal 1em Arial, Helvetica, Verdana, Sans-Serif; margin:0; padding:0; padding-top:46px;}

a img {border:none;}
a {outline: none; cursor:pointer;}

.text_center { text-align:center;}
.text_left {text-align:left;}
.text_right {text-align:right;}

.clear_left {clear:left;}
.clear_right {clear:right;}
.clear {clear:both;}

.float_left {float:left;}
.float_right {float:right;}
.clear_float {float:none;}

.masterWrap {margin:0; padding:0; float:left; width:100%; font-size:1em;}
.subWrap {width:920px; margin:0 auto; position:relative; z-index:4;}

table {font-size:inherit;}

.printOnly {display:none;}

/* Text
-------------------------------------------*/
.header1Container h1 {font-size:1.188em; font-weight:bold; font-family: Helvetica Neue Arial, Helvetica, Sans-Serif; color:#ff9900; /*height:57px; line-height:57px; DS*/ text-transform:uppercase; padding:15px 32px 20px 32px;}
.contentMiddle h1 {font-size:1.625em; font-weight:bold; font-family: Helvetica Neue Arial, Helvetica, Sans-Serif; color:#ff9900; text-transform:none; padding:0;}
.contentMiddle h1 span {font-size:0.846em; font-weight:normal; color:#4a4a4a;}
h2 {font-size:1.2em; font-weight:bold; color:#0066cc; margin:5px 0;}
h3 {font-size:1em; font-weight:bold; color:#1c2278; margin:15px 0;}
h4 {font-size:0.923em; font-weight:bold; color:#1c2278; margin:15px 0;}
h5 {font-size:0.923em; font-weight:bold; color:#171717; margin:15px 0;}

a {color:#ff9900; text-decoration:underline;}
a:hover {text-decoration:none;}

p {margin:10px 0;}

/* Banner
-------------------------------------------*/
.topBanner {float:left; position:absolute; z-index:9999; height:142px; width:100%;}
.topBanner ul {margin:0; padding:0;}
.topBanner ul li {list-style:none; float:left;}

.subNavWrap {height:91px; width:100%; background:url(../Images/top_banner_tile.gif) repeat-y top center;}
.subNavWrap .float_left {width:143px;}
.subNavWrap .float_left a img {margin:0 0 0 31px;}

.subNavWrap .float_right {width:126px;}
.subNavWrap .float_right a img {margin:5px 22px 0 0;}

ul.subNav {position:absolute; top:65px; left:455px; margin:0; font-family:Myriad Pro, Arial, Helvetica, Sans-Serif; height:25px;}
ul.subNav li {font-size:13px; }
ul.subNav li a {color:#6699cc; background:url(../Images/arrow.gif) no-repeat 0 50%; text-decoration:none; padding:0 15px 0 15px;}
ul.subNav li a:hover {text-decoration:underline;}

.Navigation {width:100%;height:51px; background:url(../Images/nav_bg.gif) no-repeat;}

.searchWrap {float:right; display:inline; width:170px; margin-right:33px; margin-top:20px; background:url(../Images/search_bg.jpg) no-repeat 10px 0; }
.searchWrap input.searchbox {float:left; display:inline;  font-family:HelveNeue, Arial, Sans-Serif; font-size:10px; color:#777777; background:none; border:none; width:115px; margin:0 0 0 10px; padding:5px 0 0 3px;}
.searchWrap input.searchbutton {float:right; display:inline; margin-right:10px; }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {float:left; display:inline; margin:0 0 0 117px; border:0 none; padding:0; width:596px; _width:599px; /*For KHTML*/ list-style:none; height: 51px; position:relative;}
ul#navmenu li {margin:0; border: 0 none; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:51px;}
ul#navmenu ul {margin:0; border:0 none; padding:0; width:224px; list-style:none; display:none; position:absolute; top:51px; left:0; z-index:2; margin-top:-10px; }
ul#navmenu ul:after /*For IE 7*/{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}
ul#navmenu ul li {width:194px; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/
 font-weight:bold; font-size:11px; height:auto; padding:0 15px;}

/* Root Menu */
ul#navmenu a {padding:0; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; text-decoration:none; height:auto !important; height:1%; /*For IE*/ position:relative; z-index:1; font-family: Arial, Helvetica, Sans-Serif;}

ul#navmenu a.bn_nav01 {background:url(../Images/bn_nav.png) no-repeat; height:51px !important; width:151px; background-position:0 0; display:block; text-indent:-9999px;}
ul#navmenu a.bn_nav02 {background:url(../Images/bn_nav.png) no-repeat; height:51px !important; width:147px; background-position:-151px 0; display:block; text-indent:-9999px;}
ul#navmenu a.bn_nav03 {background:url(../Images/bn_nav.png) no-repeat; height:51px !important; width:134px; background-position:-299px 0; display:block; text-indent:-9999px;}
ul#navmenu a.bn_nav04 {background:url(../Images/bn_nav.png) no-repeat; height:51px !important; width:163px; background-position:-432px 0; display:block; text-indent:-9999px;}
ul#navmenu li.bn_nav01 ul {left:8px;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { z-index:9999;}

ul#navmenu li.bn_nav01 a.active {background-position:0 -102px;}
ul#navmenu li.bn_nav02 a.active {background-position:-151px -102px;}
ul#navmenu li.bn_nav03 a.active {background-position:-299px -102px;}
ul#navmenu li.bn_nav04 a.active {background-position:-432px -102px;}

ul#navmenu a.bn_nav01:hover,
ul#navmenu li:hover a.bn_nav01,
ul#navmenu li.iehover a.bn_nav01 {width:151px; background-position:0 -51px;}
ul#navmenu a.bn_nav02:hover,
ul#navmenu li:hover a.bn_nav02,
ul#navmenu li.iehover a.bn_nav02 {width:147px; background-position:-151px -51px;}
ul#navmenu a.bn_nav03:hover,
ul#navmenu li:hover a.bn_nav03,
ul#navmenu li.iehover a.bn_nav03 {width:134px; background-position:-299px -51px;}
ul#navmenu a.bn_nav04:hover,
ul#navmenu li:hover a.bn_nav04,
ul#navmenu li.iehover a.bn_nav04 {width:163px; background-position:-432px -51px;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {float:none; color:#fff; line-height:22px;}

ul#navmenu li li {background:url(../Images/dd_navbg.png) repeat-y top left;}
ul#navmenu li li.nav_top {background:url(../Images/dd_navbg_top.png) no-repeat top left; height:19px;}
ul#navmenu li li.nav_btm {background:url(../Images/dd_navbg_foot.png) no-repeat top left; height:27px;}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {color:#fff; text-decoration:underline; }

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {color:#fff;}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {background:#CCC; color:#FFF;}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {background:#EEE; color:#666;}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {background:#CCC; color:#FFF;}

ul#navmenu ul ul,
ul#navmenu ul ul ul {display:none; position:absolute; top:0; left:160px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {display:none;}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {display:block;}

/* Sub Banner
-------------------------------------------*/
.topSubBanner {height:115px; width:100%; position:absolute; left:0; top:142px; z-index:2; background:url(../Images/nav_bg.gif) no-repeat center -50px;}
.surveyWrap {padding:20px 0 0 30px;}
.topSubBannerOverlay {height:2000px; width:894px; position:absolute; z-index:-1; top:0; left:13px; display:none; background: url(../Images/survey_overlay.png) top left no-repeat transparent;} 
.topSubBannerOverlayNoFlash {height:2000px; width:894px; position:absolute; z-index:-1; top:0; left:13px; display:none; background: url(../Images/survey_overlay.png) top left no-repeat transparent; color:#fff;}
.topSubBannerOverlayNoFlash p {}
.surveyNoFlashdiv {background:url(../Images/survey_bg_top.gif) no-repeat top left; width:793px; margin-top:30px; margin-left:50px; padding-top:10px; font-size:14px;}
.surveyNoFlashWrap {background:url(../Images/survey_bg_btm.gif) no-repeat bottom left; padding-bottom:10px;}
.surveyNoSubWrap {background:url(../Images/survey_bg_tile.gif) repeat-y top left;}
.surveyNoFlashdiv table {margin:10px 17px 29px 41px;}
.surveyNoFlashdiv a.surveyclose {color:#fff; font-size:11px; float:right;}
.surveyNoFlashdiv ol.question {margin-left:20px; padding-left:0;}
.surveyNoFlashdiv ol.question li {font-size:18px; color:#ffcc00;}
.surveyNoFlashdiv ol.question table {margin:10px 0; font-size:14px; color:#fff; font-weight:normal;}
.surveyNoFlashdiv ol.question table label {margin-left:5px;}

.surveyResults {}
.surveyResults .orange {color:#ffcc00; font-size:18px; font-weight:bold;}
.surveyResults p.question {font-size:18px; font-weight:bold;}
.surveyResults .resultsBoxWrap {background:#e0f0ff url(../Images/survey_result_top.gif) no-repeat top left; color:#333333; padding-top:10px;}.surveyResults .resultsBox {background:url(../Images/survey_result_btm.gif) no-repeat bottom left; padding-bottom:10px;}
.surveyResults .resultsBox p {padding:0 14px;}
.surveyNoFlashdiv table.surveyResults  {margin:10px 17px 19px 26px; width:740px;}
.surveyResults .action {background:#e0f0ff url(../Images/results_action_bg.gif) no-repeat top left; height:170px; width:740px; position:relative; margin-top:15px;}.surveyResults .printAnswers {background:url(../Images/survey_print_bg.jpg); height:147px; width:211px; position:absolute; top:13px; left:265px;}.surveyResults .printAnswers a {position:absolute; bottom:11px; right:11px;}
.surveyResults .trackPsoriasis {background:url(../Images/survey_track_bg.jpg); height:147px; width:211px; position:absolute; top:13px; left:499px;}
.surveyResults .trackPsoriasis .trackPsoriasisBtn {position:absolute; bottom:11px; right:12px; height:23px;}
.surveyResults .trackPsoriasis a {}
   
/* Content
-------------------------------------------*/
.contentWrap {width:100%; color:#4a4a4a; font-size:0.938em; position:absolute; margin:260px 0 0; z-index:9;}
.header1Container {width:100%; /*height:57px; DS*/}

/* Content Middle ------*/
.contentMiddle {float:left; display:inline; margin-left:28px; width:588px;}

/*white bg on content*/
.contentInnerWrap {background:url(../Images/body_tile.gif) repeat-y top left;}
.contentInner {background:url(../Images/body_top_curve.gif) no-repeat top left;}
.contentInnerSub {background:url(../Images/body_btm_curve.gif) no-repeat bottom left;}
.contentPad {padding:20px;}

/*blue bg on content*/
.noInnerBg,
.noInnerBg .contentInner,
.noInnerBg .contentInnerSub {background:none;}
.noInnerBg .contentPad {padding:0 20px 20px 4px;}

/*blue bg on content, no right column*/
.noRight {margin-left:28px; width:859px;}
.noRight .float_left {width:564px;}
.noRight .float_right {width:244px; text-align:right;}
.noRight .contentPad {padding:0;}

/*white bg wide on content*/
.InnerBgWide {background:url(../Images/nocol_white_tile.gif) repeat-y top center;}
.InnerBgWide .contentInner {background:url(../Images/nocol_white_top.gif) no-repeat top center;}
.InnerBgWide .contentInnerSub {background:url(../Images/nocol_white_btm.gif) no-repeat bottom center;}
.InnerBgWide .contentPad {padding:20px;}
.InnerBgWide .float_left {width:500px;}
.InnerBgWide .float_right {width:300px; text-align:left;}

/* register */
.register {}
.register table.form1 {}
.register table.form1 td {padding-left:15px;}
.register label {padding-left:15px;}
.register h3 {color:#4a4a4a; font-weight:normal;}
.registerForm {/*font-size:12px; DS*/ font-size:0.8em}

.register table.styledTable {/*font-size:11px; DS*/}
.register table.styledTable thead th {background:#FF7519 url(../Images/reg_th_tile.gif) repeat-x; color:#fff; font-weight:bold; padding-left:10px; padding:4px 11px;}
.register table.styledTable tbody tr.td_odd {background-color:#dce8f4;}
.register table.styledTable tbody tr {}
.register table.styledTable tbody th,
.register table.styledTable tbody td {padding:2px 11px;}

/* content Middle - 2col sub template */
.splitContent .float_left {width:305px;}
.splitContent .float_right {width:225px; text-align:right;}

/* blue table*/
.blueBox {width:213px; float:right; clear:both;}
.blueBox td.topCell {background:url(../Images/table_blue_top.gif) no-repeat top left; height:9px}
.blueBox td.midCell {background:url(../Images/table_blue_tile.gif) repeat-y top left; padding:0 10px; font-size:0.733em;}
.blueBox td.btmCell {background:url(../Images/table_blue_btm.gif) no-repeat bottom left; height:10px;}
table.blueBox td.midCell ul {padding-left:8px; margin:0;}
table.blueBox td.midCell ul li {padding:0px; margin-left:8px;}

/* misc pages */
.map {margin:20px 0 0 40px;}
.map a {color:#4a4a4a;}
.resultHeader {text-indent:25px; font-weight:bold; color:#fff; background:#ff9900; height:42px; width:459px; line-height:42px;}
.resultInfo {}
.resultInfo table {font-size:0.8em; margin-top:24px;}
.resultInfo table td {vertical-align:top;}
.resultRank {background:url(../Images/derm_locator_item.gif) no-repeat; margin:0 22px 29px 0; text-align:center; font-weight:normal; text-transform:uppercase; color:#fff; width:40px; height:33px; padding-top:4px; font-size:17px;} 
.transcript {display:block; clear:both; text-align:right;  font-size:10px; color:#4a4a4a; padding:3px 8px 0 0;}

.flashWrap {padding:10px;}

/* symptoms */
.videolink {color:#fff; font-size:11px; margin:-35px 10px 0 115px; background:url(../Images/3d_arrow_blue.gif) no-repeat top right; height:16px; position:relative;}
.pageheader {padding:6px 0 0 7px;}
.symptoms table td {vertical-align:top;}

/* symptoms - common questions */
.PA_answers {background:url(../Images/common_questions.jpg) no-repeat; width:576px; height:568px; position:relative;}
.PA_answers h3 {padding:0; margin:0; text-indent:-9999px;}

.accordion1 {position:absolute; left:284px; top:30px;}
.accordion1 .accordion {width:236px;}
.accordion1 h3 {height:59px; cursor:pointer; background:url(../Images/QA_slider_top01.png) no-repeat top left;}
.accordion1 h3.active { background:url(../Images/QA_slider_top01_active.png) no-repeat top left; position:relative; z-index:2; height:167px; margin-bottom:-108px;}
.accordion1 .questionWrap {background:url(../Images/QA_slider_btm01.png) no-repeat bottom left;}
.accordion1 .answer {background:url(../Images/QA_slider_answer01.png) no-repeat top left; height:108px; position:relative; z-index:1;}
.accordion1 .answerfooter {background:url(../Images/QA_slider_btm01.png) no-repeat top left;height:16px;}
.accordion2 {position:absolute; left:87px; top:93px;}
.accordion2 .accordion {width:206px;}
.accordion2 h3 {height:36px; cursor:pointer; background:url(../Images/QA_slider_top02.png) no-repeat top left;}
.accordion2 h3.active { background:url(../Images/QA_slider_top02_active.png) no-repeat top left; position:relative; z-index:2; height:71px; margin-bottom:-35px;}
.accordion2 .questionWrap {background:url(../Images/QA_slider_btm02.png) no-repeat bottom left;}
.accordion2 .answer {background:url(../Images/QA_slider_answer02.png) no-repeat top left; height:35px; position:relative; z-index:1;}
.accordion2 .answerfooter {background:url(../Images/QA_slider_btm02.png) no-repeat top left; height:38px;}
.accordion3 {position:absolute; left:7px; top:186px;}
.accordion3 .accordion {width:214px;}
.accordion3 h3 {height:58px; cursor:pointer; background:url(../Images/QA_slider_top03.png) no-repeat top left;}
.accordion3 h3.active { background:url(../Images/QA_slider_top03_active.png) no-repeat top left; position:relative; z-index:2; height:124px; margin-bottom:-66px;}
.accordion3 .questionWrap {background:url(../Images/QA_slider_btm03.png) no-repeat bottom left;}
.accordion3 .answer {background:url(../Images/QA_slider_answer03.png) no-repeat top left; height:66px; position:relative; z-index:1;}
.accordion3 .answerfooter {background:url(../Images/QA_slider_btm03.png) no-repeat top left; height:16px;}
.accordion4 {position:absolute; left:308px; top:226px;}
.accordion4 .accordion {width:253px;}
.accordion4 h3 {height:45px; cursor:pointer; background:url(../Images/QA_slider_top04.png) no-repeat top left;}
.accordion4 h3.active { background:url(../Images/QA_slider_top04_active.png) no-repeat top left; position:relative; z-index:2; height:109px; margin-bottom:-64px;}
.accordion4 .questionWrap {background:url(../Images/QA_slider_btm04.png) no-repeat bottom left;}
.accordion4 .answer {background:url(../Images/QA_slider_answer04.png) no-repeat top left; height:64px; position:relative; z-index:1;}
.accordion4 .answerfooter {background:url(../Images/QA_slider_btm04.png) no-repeat top left; height:18px;}
.accordion5 {position:absolute; left:20px; top:309px;}
.accordion5 .accordion {width:248px;}
.accordion5 h3 {height:58px; cursor:pointer; background:url(../Images/QA_slider_top05.png) no-repeat top left;}
.accordion5 h3.active { background:url(../Images/QA_slider_top05_active.png) no-repeat top left; position:relative; z-index:2; height:122px; margin-bottom:-64px;}
.accordion5 .questionWrap {background:url(../Images/QA_slider_btm05.png) no-repeat bottom left;}
.accordion5 .answer {background:url(../Images/QA_slider_answer05.png) no-repeat top left; height:64px; position:relative; z-index:1;}
.accordion5 .answerfooter {background:url(../Images/QA_slider_btm05.png) no-repeat top left; height:13px;}
.accordion6 {position:absolute; left:289px; top:342px;}
.accordion6 .accordion {width:260px;}
.accordion6 h3 {height:41px; cursor:pointer; background:url(../Images/QA_slider_top06.png) no-repeat top left;}
.accordion6 h3.active { background:url(../Images/QA_slider_top06_active.png) no-repeat top left; position:relative; z-index:2; height:109px; margin-bottom:-68px;}
.accordion6 .questionWrap {background:url(../Images/QA_slider_btm06.png) no-repeat bottom left;}
.accordion6 .answer {background:url(../Images/QA_slider_answer06.png) no-repeat top left; height:68px; position:relative; z-index:1;}
.accordion6 .answerfooter {background:url(../Images/QA_slider_btm06.png) no-repeat top left; height:16px;}
.accordion7 {position:absolute; left:40px; top:429px;}
.accordion7 .accordion {width:229px;}
.accordion7 h3 {height:44px; cursor:pointer; background:url(../Images/QA_slider_top07.png) no-repeat top left;}
.accordion7 h3.active { background:url(../Images/QA_slider_top07_active.png) no-repeat top left; position:relative; z-index:2; height:105px; margin-bottom:-61px;}
.accordion7 .questionWrap {background:url(../Images/QA_slider_btm07.png) no-repeat bottom left;}
.accordion7 .answer {background:url(../Images/QA_slider_answer07.png) no-repeat top left; height:61px; position:relative; z-index:1;}
.accordion7 .answerfooter {background:url(../Images/QA_slider_btm07.png) no-repeat top left; height:17px;}
.accordion8 {position:absolute; left:308px; top:468px;}
.accordion8 .accordion {width:215px;}
.accordion8 h3 {height:41px; cursor:pointer; background:url(../Images/QA_slider_top08.png) no-repeat top left;}
.accordion8 h3.active { background:url(../Images/QA_slider_top08_active.png) no-repeat top left; position:relative; z-index:2; height:75px; margin-bottom:-34px;}
.accordion8 .questionWrap {background:url(../Images/QA_slider_btm08.png) no-repeat bottom left;}
.accordion8 .answer {background:url(../Images/QA_slider_answer08.png) no-repeat top left; height:34px; position:relative; z-index:1;}
.accordion8 .answerfooter {background:url(../Images/QA_slider_btm08.png) no-repeat top left; height:17px;}

/* symptoms - joint pain */
.jointpain {width:600px;}
.jointpain .noInnerBg .contentPad {padding:0;}
a.joint_question_01 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_01.gif) no-repeat; width:295px; height:190px;}
a.joint_question_01:hover {background:url(../Images/joint_question_01_active.gif);}
a.joint_question_02 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_02.gif) no-repeat; width:296px; height:171px;}
a.joint_question_02:hover {background:url(../Images/joint_question_02_active.gif);}
a.joint_question_03 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_03.gif) no-repeat; width:295px; height:223px;}
a.joint_question_03:hover {background:url(../Images/joint_question_03_active.gif);}
a.joint_question_04 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_04.gif) no-repeat; width:295px; height:167px;}
a.joint_question_04:hover {background:url(../Images/joint_question_04_active.gif);}
a.joint_question_05 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_05.gif) no-repeat; width:295px; height:168px;}
a.joint_question_05:hover {background:url(../Images/joint_question_05_active.gif);}
a.joint_question_06 {text-indent:-9999px; margin-bottom:15px; display:block; background:url(../Images/joint_question_06.gif) no-repeat; width:295px; height:420px;}
a.joint_question_06:hover {background:url(../Images/joint_question_06_active.gif);}

/* life with psoriasis */
.livingPsoriasis a {float:left; display:block; width:262px; height:210px; text-indent:-9999px; margin-bottom:14px;}
a.tipsSkinCare {background:url(../Images/lwp_01Skin.gif) no-repeat; margin-right:14px;}
a.tipsLiving {background:url(../Images/lwp_02Living.gif) no-repeat;}
a.tipsStress {background:url(../Images/lwp_03Stress.gif) no-repeat; margin-right:14px;}
a.tipsSuppot {background:url(../Images/lwp_04Support.gif) no-repeat;}

a:hover.tipsSkinCare {background:url(../Images/lwp_01Skin_active.gif) no-repeat;}
a:hover.tipsLiving {background:url(../Images/lwp_02Living_active.gif) no-repeat;}
a:hover.tipsStress {background:url(../Images/lwp_03Stress_active.gif) no-repeat;}
a:hover.tipsSuppot {background:url(../Images/lwp_04Support_active.gif) no-repeat;}

/* life with psoriasis tabbed pages */
.lifewithpsoriasis #tabs {}
.lifewithpsoriasis #tabs ul.tabNav {float:left; margin:0 0 -3px 10px; padding:0; height:41px;}
.lifewithpsoriasis #tabs ul.tabNav li {list-style:none; float:left;}
.lifewithpsoriasis #tabs ul.tabNav li a {display:block; height:41px; text-indent:-9999px;}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Skin01 a {width:208px; height:41px; background:url(../Images/tab_skinCare01.gif) no-repeat left top;}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Living02 a {width:209px; height:41px; background:url(../Images/tab_living02.gif) no-repeat left top;}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Stress03 a {width:208px; height:41px; background:url(../Images/tab_managing03.gif) no-repeat left top;}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Support04 a {width:208px; height:41px; background:url(../Images/tab_support04.gif) no-repeat left top;}

.lifewithpsoriasis #tabs ul.tabNav li.tab_Skin01 a.active,
.lifewithpsoriasis #tabs ul.tabNav li.tab_Skin01 a:hover {background:url(../Images/tab_skinCare01_active.gif);}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Living02 a.active,
.lifewithpsoriasis #tabs ul.tabNav li.tab_Living02 a:hover {background:url(../Images/tab_living02_active.gif);}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Stress03 a.active,
.lifewithpsoriasis #tabs ul.tabNav li.tab_Stress03 a:hover {background:url(../Images/tab_managing03_active.gif);}
.lifewithpsoriasis #tabs ul.tabNav li.tab_Support04 a.active, 
.lifewithpsoriasis #tabs ul.tabNav li.tab_Support04 a:hover {background:url(../Images/tab_support04_active.gif);}

#tabs-1 {clear:both; background:url(../Images/tabber_bg_tile.gif) repeat-y top left; margin-top:-2px;}
.outterTabWrap {background:url(../Images/tabber_bg_top.gif) no-repeat top left; width:100%; height:auto;}
.innerTabWrap {background:url(../Images/tabber_bg_btm.gif) no-repeat bottom left; width:100%; height:auto;}
.tabPad {padding:56px 32px;}
.tabContentWrap {width:100%; height:auto;}
.tabPad .float_left {width:505px;}
.tabPad .float_right {width:250px;}

.lifewithpsoriasis .ui-tabs .ui-tabs-nav {margin-left:10px;}

.lifeQuestion {background:url(../Images/q_icon.gif) no-repeat; width:46px; height:37px; margin:0 15px 15px 0;}
.lifeAnswer {background:url(../Images/a_icon.gif) no-repeat; width:47px; height:37px;}
.tabTable {background:url(../Images/tab_table_ft.gif) no-repeat top left;}
.tabTable td {vertical-align:top;}
.tabTable ul {margin-top:8px; padding-left:20px;}
.tabTable ul li {list-style-image:url(../Images/arrow-orange.gif); margin-bottom:10px;}
.tabTable strong {color:#ff9900; font-size:1.063em;}

/* people like you */
.people .accordion {width: 515px;}
.people .accordion h3 {background: url(../Images/arrow-orange.gif) no-repeat 0 50%; cursor: pointer; padding-left:15px; margin:2px 0; font-weight:normal; color:#4a4a4a;}
.people .accordion h3:hover {}
.people .accordion h3.active {background: url(../Images/arrow-orange-active.gif) no-repeat 0 50%;}
.people .accordion p {margin: 0; padding:4px 15px;}

/* understanding psoriasis */
.understanding .accordion {width: 515px;}
.understanding .accordion h3 {background: url(../Images/arrow-orange.gif) no-repeat 0 50%; cursor: pointer; padding-left:15px; margin:2px 0; font-weight:normal; color:#4a4a4a;}
.understanding .accordion h3:hover {}
.understanding .accordion h3.active {background: url(../Images/arrow-orange-active.gif) no-repeat 0 50%;}
.understanding .accordion p {margin: 0; padding:4px 15px;}

/* derm discussion guide */
.outterDermWrap {background:url(../Images/derm_guide_tile.gif) repeat-y top left; width:864px; }
.innerDermWrap {background:url(../Images/derm_guide_ftr.gif) no-repeat bottom left; width:864px; }

.dermHearder {width:864px; height:48px; background:url(../Images/derm_guide_header.gif) no-repeat top left; color:#fff; line-height:48px; font-size:20px; text-indent:30px;}
.pagination {float:right; margin:0 20px 0 0; display:inline;}
.pagination span {color:#fff; font-size:16px; line-height:52px; font-weight:bold; padding:0 5px;}
.pagination span.active {color:#ff9900; font-size:27px; padding-bottom:-15px; background-image:none;}
.dermPad {padding:33px 60px;}

.rateSymptoms {width:744px; height:149px; background:url(../Images/rate_bg.gif) no-repeat; position:relative;}

.rateSymptoms .rate0,
.rateSymptoms .rate2,
.rateSymptoms .rate4,
.rateSymptoms .rate6,
.rateSymptoms .rate8,
.rateSymptoms .rate10 {width:57px; height:80px; float:left; position:absolute; top:51px;}

.rate0 {background:url(../Images/rate_0.gif) no-repeat; left:20px;}
.rate2 {background:url(../Images/rate_2.gif) no-repeat; left:153px;}
.rate4 {background:url(../Images/rate_4.gif) no-repeat; left:281px;}
.rate6 {background:url(../Images/rate_6.gif) no-repeat; left:409px;}
.rate8 {background:url(../Images/rate_8.gif) no-repeat; left:535px;}
.rate10 {background:url(../Images/rate_10.gif) no-repeat; left:663px;}

#rate0.active {background:url(../Images/rate_0_active.gif);}
#rate2.active {background:url(../Images/rate_2_active.gif);}
#rate4.active {background:url(../Images/rate_4_active.gif);}
#rate6.active {background:url(../Images/rate_6_active.gif);}
#rate8.active {background:url(../Images/rate_8_active.gif);}
#rate10.active {background:url(../Images/rate_10_active.gif)}

.dermTable {width:100%;}
.dermTable table {margin:10px 0 24px 0;}
.dermTable table td {width:180px; color:#ff9900; font-weight:bold;}
.dermTable table td input {}
.dermTable table td label {margin-left:10px;}
.dermTable .dermTableQ3 td {width:auto; color:#ff9900; font-weight:bold; white-space:nowrap;}
.dermTable .dermTableQ3 td label {margin-left:10px;margin-right:20px; white-space:nowrap;}
.dermTable .dermTableQ3 td input {float:left;}

.discussionButtons {margin:0 50px 0 40px;width:86%;}
.discussionButtons input {text-indent:0; height:26px; border:0; background:none; cursor:pointer; margin-bottom:15px;}
input.btn_next {width:93px; background:url(../Images/btn_next.gif) no-repeat left top; float:right;}
input.btn_previous {width:93px; background:url(../Images/btn_previous.gif) no-repeat left top; float:left;}
input.btn_print {width:97px; background:url(../Images/btn_print.gif) no-repeat left top; float:right;}

/* take action offer */
.contentMiddle .trackingOffer h1 {font-size:1.75em; text-transform:uppercase;}
.contentMiddle .trackingOffer h1 span.black {font-size:0.846em; text-transform:none;}
.trackingOffer .float_left,
.trackingOffer .float_right {width:375px;}
.trackingOffer strong {color:#ff9900;}

/* search results */
.searchresult .numberResult {color:#536276; font-size:15px;}
.searchresult .numberResult p span {color:#ff9900;}
.searchresult .searchLink {margin-bottom:25px; clear:both; padding:15px 0 0 0;}
.searchresult .searchLink p {margin:5px 0;}
.searchresult .searchLink a {font-size:16px; font-weight:bold;}
.searchresult input {float:left; margin-right:5px;}
.searchresult input.searchbox {margin-top:4px;}

/* Right Column ------ */
.rightColumn {float:right; display:inline; width:244px; margin:0 32px 0 0;}
.rightColumn img {margin-bottom:5px;}
.callout_track {background:url(../Images/rc_callout_track.gif) no-repeat; width:244px; height:207px;}
.callout_answers {background:url(../Images/rc_callout_answers.gif) no-repeat; width:244px; height:195px;}

.utilities {display:block; background:url(../Images/utilities_bg.gif) no-repeat; width:244px; height:29px; font-size:12px; color:#fff; padding-top:5px;}
.utilities a {color:#fff; text-decoration:none; float:left;}
.utilities a:hover {text-decoration:underline;}
.utilities a.print {background:url(../Images/icon_print.gif) no-repeat; padding-left:28px; margin-left:24px; height:20px;}
.utilities a.share {background:url(../Images/icon_share.gif) no-repeat; padding-left:26px; margin-left:10px; height:20px;}

.textSizer {float:left; margin-left:10px; width:60px;}
/*.textSizer a {color:#f00;}
.textSizer a:hover img {border-bottom:1px solid #fff;}*/
#textsize1 img,
#textsize3 img {display:none;}
#textsize1 a {background:url(../Images/small_icon.gif) no-repeat; height:19px; width:16px;}
#textsize3 a {background:url(../Images/large_icon.gif) no-repeat; height:19px; width:16px;}
#textsize1 a:hover {background:url(../Images/small_icon_hover.gif) no-repeat;}
#textsize3 a:hover {background:url(../Images/large_icon_hover.gif) no-repeat;}

/* Footer 
-------------------------------------------*/
.Footer {clear:both; color:#666666; font-size:10px; padding:15px 33px;}
.Footer ul {margin:0; padding:0;}
.Footer ul li {list-style:none; display:inline;}
.Footer p {padding:0 5px;}
.Footer a {color:#666666; text-decoration:none; padding:0 5px;}
.Footer a:hover {text-decoration:underline;}


/* Landing Master Page Exceptions
-------------------------------------------*/
.Landing .subNav,
.Landing #navmenu,
.Landing .searchWrap {display:none;}
.Landing .Navigation {background:url(../Images/no_nav_bg.gif) no-repeat 0 -40px; height:25px;}
.Landing .topBanner  {height:120px;}
.Landing .contentWrap {margin:120px 0 0;}
.Landing .contentMiddle h1 {font-size:1.75em; text-transform:uppercase;}
.Landing .contentMiddle h1 span.black {font-size:0.846em; text-transform:none;}
.Landing .contentMiddle strong {color:#FF9900;}

/* derm kit offer */
.Landing .DMKitInfo .float_left,
.Landing .DMKitInfo .float_right {width:340px;}
.Landing .DMKitInfo .contentPad {padding:40px;}

/* derm widget offer */
.Landing .DMWidgetInfo .float_left {width:370px;}
.Landing .DMWidgetInfo .float_right {width:415px;}