/*
All non-section-specific styles are in the general stylesheet:
general.css

All font-size and line-height attributes are in the text size stylesheets:
text1default.css, text2bigger.css, text3biggest.css

TABLE OF CONTENTS
Main content background
Long content boxes
Long content box connectors
Text styles
4.0 Search results
4.1 Site map
5.0 Sign up form
5.2 Symptom Discussion Tool
5.3-5.3.1 Derm locator search and results
5.3.1 Derm locator results
5.3.1.1 Derm locator result details
5.4 and 5.5 Glossary and Resource library
5.4 Glossary
5.5 Resource library
*/

/* GLOBAL PAGES */

/* ##### Main content background ##### */

#globalpgContent, #globalpgContent.popup {
	width:702px; /* based on image dimensions */
	z-index:1;
	margin:0 0 0 20px;
}
#globalpgContent .content, #globalpgContent .t, #globalpgContent .b, #globalpgContent .b div {
	background:transparent url(../../media/images/globalpages/content_main.gif) no-repeat top right;

}
#globalpgContent.popup .content, #globalpgContent.popup .t, #globalpgContent.popup .b, #globalpgContent.popup .b div {
	background:transparent url(../../media/images/globalpages/content_main_popup.gif) no-repeat top right;
}
#globalpgContent .content, #globalpgContent.popup .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top:20px;
}
#globalpgContent .t, #globalpgContent.popup .t {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:5000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#globalpgContent .b, #globalpgContent.popup .b {
	/* bottom */
	position:relative;
	width:100%;
}
#globalpgContent .b, #globalpgContent .b div, #globalpgContent.popup .b, #globalpgContent.popup .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#globalpgContent .b, #globalpgContent.popup .b {
	background-position:bottom right;
	margin-left:0;
}
#globalpgContent .b div, #globalpgContent.popup .b div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#globalpgContent .hd, #globalpgContent .bd, #globalpgContent .ft, #globalpgContent.popup .hd, #globalpgContent.popup .bd, #globalpgContent.popup .ft {
	position:relative;
}
#globalpgContent .wrapper, #globalpgContent.popup .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:7000px;
	overflow:auto;
}

/* ##### Long content boxes ##### */

#globalpgContent .contentBoxLong {
	width:662px; /* based on image dimensions */
	z-index:1;
	margin:0 20px 0 20px;
}
#globalpgContent .contentBoxLong .cbContent, #globalpgContent .contentBoxLong .cbT, #globalpgContent .contentBoxLong .cbB, #globalpgContent .contentBoxLong .cbB div {
	background:transparent url(../../media/images/globalpages/content_box.gif) no-repeat top right;
}
#globalpgContent .contentBoxLong .cbContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-bottom:1px;
}
#globalpgContent .contentBoxLong .cbContent.noGap {
	padding-bottom:0;
}
#globalpgContent .contentBoxLong .cbT {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:5000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#globalpgContent .contentBoxLong .cbB {
	/* bottom */
	position:relative;
	width:100%;
}
#globalpgContent .contentBoxLong .cbB, #globalpgContent .contentBoxLong .cbB div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#globalpgContent .contentBoxLong .cbB {
	background-position:bottom right;
	margin-left:0;
}
#globalpgContent .contentBoxLong .cbB div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#globalpgContent .contentBoxLong .cbWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:5000px;
	overflow:auto;
	padding-right:20px;
}
#globalpgContent .cbWrapper4900 {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	/* height:4900px; */
	overflow:auto;
	padding-right:20px;
}
/* ##### Long content box connectors ##### */

#globalpgContent .connectorLong {
	width:656px;
	margin-left:15px;
	_margin-bottom:-1px;
}
#globalpgContent .connectorLongL {
	width:7px;
	background:transparent url(../../media/images/globalpages/connect_l.gif) no-repeat left 0;
	float:left;
}
#globalpgContent .connectorLongM {
	width:638px;
	background:transparent url(../../media/images/globalpages/connect_m.gif) repeat-x left 0;
	float:left;
}
#globalpgContent .connectorLongR {
	width:7px;
	background:transparent url(../../media/images/globalpages/connect_r.gif) no-repeat left 0;
	float:left;
}

/* ##### Text styles ##### */

#globalpgContent h1, #globalpgContent h2, #globalpgContent h3, #globalpgContent .h3Inline {
	color:#6aa8cc;
}

/* Link styles */

#globalpgContent p a:link, #globalpgContent p a:hover, #globalpgContent p a:visited, #globalpgContent p a:active,
#globalpgContent .resourceItem a:link, #globalpgContent .resourceItem a:hover, #globalpgContent .resourceItem a:visited, #globalpgContent .resourceItem a:active,
#globalpgContent h2 a:link, #globalpgContent h2 a:hover, #globalpgContent h2 a:visited, #globalpgContent h2 a:active,
#globalpgContent label a:link, #globalpgContent label a:hover, #globalpgContent label a:visited, #globalpgContent label a:active,
#globalpgContent li a:link, #globalpgContent li a:hover, #globalpgContent li a:visited, #globalpgContent li a:active {
	color:#6aa8cc;
}

/* ##### 4.0 Search results ##### */

#searchSubmit {
	 width:80px;
	 height:25px;
	 padding-top:13px;
}
/* text styles to override inline styles generated by Google Search Appliance */
#searchResults table tr td, #searchResults table tr td span, #searchResults span, #searchResults span font {
    font-family:Helvetica, Arial, sans-serif !important;
	color:#09263a !important;
}
#searchResults a:link, #searchResults a:hover, #searchResults a:visited, #searchResults a:active {
    font-family:Helvetica, Arial, sans-serif !important;
	color:#6aa8cc !important;
}

/* ###### 4.1 Site map ###### */

#globalpgContent h2.secName {
	font-weight:bold;
	margin-top:30px;
}
#globalpgContent .secContent {
}
#globalpgContent .secContentL {
	float:left;
	width:310px;
}
#globalpgContent .secContentR {
	float:left;
}

/* ###### 4.5 Privacy policy ###### */

.indent {
	margin-left:23px;
}


/* ###### 5.0 Sign up form ###### */

.leadImageSignupBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/globalpages/lead_bottom_signup.gif) no-repeat;
	background-position:0 0;
	margin-top:-1px;
}
#leadImageSignup {
	position:absolute;
	left:444px;
	bottom:0;
	height:235px;
	width:150px;
	margin:0 0 0 0;
	padding:0 40px 0 27px;
	background:url(../../media/images/globalpages/lead_signup.gif) no-repeat;
	background-position:left bottom;
}
#errorMessages p {
	padding-top:20px;
}
.question {
	font-weight:bold;
}
.questionNote {
	font-style:italic;
}
#TnC {
	margin-bottom:20px;
	vertical-align:middle;
}

/* Checkboxes and radio buttons
<!---amber added 3 new radio buttons--->
#frm_condition1, #frm_condition2, #frm_condition3, #frm_physician1, #frm_physician2, #frm_physician3, #frm_physician4, #frm_takingMedsNonRxCreams, #frm_takingMedsRxCreams, #frm_takingMedsPhototherapy, #frm_takingMedsOralSystemics, #frm_takingMedsBiologics, #frm_takenMedsNonRxCreams, #frm_takenMedsRxCreams, #frm_takenMedsPhototherapy, #frm_takenMedsOralSystemics, #frm_takenMedsBiologics, #frm_satisfaction1, #frm_satisfaction2, #frm_satisfaction3, #frm_satisfaction4, #frm_satisfaction5, #frm_frequency1, #frm_frequency2, #frm_frequency3, #frm_frequency4, #frm_recInfo1, #frm_recInfo2, #frm_recInfo3 {
	margin-left:9px;
} */

/* Radio buttons for horizontal rating scale */

.scaleItem {
	width:6%;
	float:left;
	text-align:center;
}

/* ###### 5.2 Symptom Discussion Tool ###### */

.leadImageEvalSympBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/globalpages/lead_bottom_eval_symp.gif) no-repeat;
	background-position:0 0;
}
#leadImageEvalSymp {
	position:absolute;
	left:444px;
	bottom:0;
	height:316px;
	width:150px;
	margin:0 0 0 0;
	padding:0 40px 0 27px;
	background:url(../../media/images/globalpages/lead_eval_symp.gif) no-repeat;
	background-position:left bottom;
}
#globalpgContent .btnSympAssess {
	position:relative;
	margin:0 0 -22px -19px;
	z-index:5000;
}

/* ###### 5.3-5.3.3 Derm locator ###### */

/* ##### 5.3-5.3.1 Derm locator search and results ##### */

#searchTypeZip, #searchTypeCityState {
	display:none;
	filter:alpha(opacity=100);
    opacity:1.0;
    background-color:white; /*corrects IE's ugly display of bold text*/
}
.dermLocDistance, #dermLocZip, .dermLocTnC, .dermLocReq, .dermLocDisc {
	padding-left:20px;
}
.dermLocDistance {
	float:left;
}
#dermLocZip {
	float:left;
	padding-right:100px;
}
.dermLocTnC {
	padding-top:10px;
	clear:both;
}
.dermLocSubmit {
	padding:10px 0 10px 20px;
	clear:both;
}
.dermLocReq {
	padding-bottom:10px;
}
.dermLocDisc {
	padding-bottom:10px;
	color:#666;
	font-style:italic;
}
#dermLocStreet {
	padding-left:20px;
}
#dermLocStreet, #dermLocCity, #dermLocState {
	float:left;
}
#dermLocStreet, #dermLocCity {
	padding-right:75px;
}
#dermLocMQ {
	width:640px;
	text-align:right;
	margin-top:-10px;
	padding-bottom:5px;
}
a.TnClink {
	text-decoration:underline;
}

/* ##### 5.3.1 Derm locator results ##### */

#dermLocResults {
	border:1px solid #4B7E36;
	margin-bottom:12px;
}
#dermLocResults a:link, #dermLocResults a:hover, #dermLocResults a:visited, #dermLocResults a:active {
	color:#598d42;
}
.resultsNumbers {
	background-color:#ADC7A3;
	border:1px solid #fff;
	height:31px;
	padding:0 10px;
}
.numbersTotals {
	width:445px;
	float:left;
	padding:9px 0;
}
.numbersNav {
	float:left;
	width:170px;
	text-align:right;
	vertical-align:middle;
	padding-top:4px;
}
.numbersNav a {
	text-decoration:none;
}
.numbersNav a .text {
	text-decoration:underline;
}
.numbersNav a .arrow {
	font-weight:bold;
}
.resultsHeader, .resultsRow {
	padding:8px;
}
.resultsRow {
	vertical-align:top;
	border-top:1px solid #D3E1CC;
}
.resultsHeader {
	background-color:#D3E1CC;
	border-left:1px solid #fff;
}

/* ##### 5.3.1.1 Derm locator result details ##### */

/* Derm information */
#dermLocDetailContainer {
	background-image: url(../../media/images/globalpages/lead_line_wide.gif);
}
#dermLocDetailList {
	position:absolute;
	top:20px;
	left:322px;
	height:400px;
	width:299px;
	margin:25px 0 0 0;
	padding:0 20px 0 0;
}
#dermLocDetailList form {
	margin:0;
	padding:0;
}
#dermLocDetail {
	width:300px;
	padding:0 10px 5px 0;
}
#dermLocDetailBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/globalpages/lead_bottom_gate.gif) no-repeat;
	background-position:0px 0px;
}
#dermInfo {
	margin-bottom:35px;
}
#dermInfo a {
	color:#598d42;
}
#dermName {
	color:#598d42;
	font-weight:bold;
}
#dermPhone {
	margin:10px 0;
}

/* Symptoms checklist */

.listRow {
	border-top:1px solid #dbe6d5;
	clear:both;
	padding-top: 7px;
}
.listRow.firstRow {
	border-top:0 solid #dbe6d5;
	padding-top: 0px;
}
.listHeader {
	float:left;
	font-weight:bold;
	padding-right:6px;
}
.listDesc {
	float:left;
	width:550px;
	margin-right:15px;
	padding-bottom:8px;
}
.listDescDetails {
	float:left;
	width:230px;
	margin-right:15px;
	padding-bottom:8px;
}
.listBtn {
	float:left;
	padding-right:6px;
}
.listBtn input {
}

/* ###### 5.4 and 5.5 Glossary and Resource library ###### */

.prevNextLinks {
	float:right;
	padding:0 2px 5px 0;
	color:#636466;
}
.prevNextLinks a {
	color:#636466;
	text-decoration:none;
}
.prevNextLinks a .arrow {
	font-weight:bold;
	vertical-align:-5%;
}

/* ###### 5.4 Glossary ###### */

#glossaryTOC {
	text-align:center;
	padding-bottom:8px;
	font-weight:bold;
}
.glossaryItem, .resourceItem {
	margin-bottom:13px;
}
.glossaryItem .term {
	font-weight:bold;
}
.atozlink {
	color:#6aa8cc;
	text-decoration:none;
}
.glossDisclaimer {
	color:#666666;
	padding:8px 0 12px 0;
}

/* ##### 5.5 Resource library ##### */

.resourceItem a {
	font-weight:bold;
}
