/* 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

			Journal Watch Tertiary CSS

			Created: 	3.23.06
 
			By:		Brandon Goldsworthy, Mindseye Inc.
			
			notes:	-> This is the style sheet for tertiary pages
								
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


/* 
wierd background shifting in IE.
clear margin and padding in all the containers to fix it

dirty!
*/
div.contentHold {
    width:100%;
	background: url(../images/bg_content_border_sides_wide.gif) repeat-y;
	margin:0;
	padding:0;		
}

div#primaryContent {
    width:615px;
    margin:0;
	padding:0;
	background:  url(../images/bg_article_border_top_wide.gif) top no-repeat;
}


div#secondaryContent {    
    width:160px;
    margin:0;
	padding:0;
	margin-left:10px;
	margin-bottom:-20px;
	height:auto; 
}

div#contentAbout div.aboutContent {width: 575px; float: left;}
div#contentAbout div.aboutContent .topicsListColumn {padding-left: 0px; padding-right: 25px; width: 260px;}
div#contentAbout div.aboutContent p.topicDescriptionLong {height:4em; margin-bottom: 15px;}
div#contentAbout h2 {margin-top: 10px; }
div.mastheadBoard {margin: 0 150px; text-align: center;}
div#contentAbout div.aboutContent h3, div.mastheadBoard h3 {font-size:1.4em; margin:10px 0; text-transform:uppercase;}
div.mastheadBoard h3 {text-align: center;}
div.aboutContent ul, div#contentAbout .topicsListColumn ul {padding: 0px 0px 20px 0px; font-size: 1.2em;}
div.aboutContent div.mastheadBoard ul li, div#contentAbout .topicsListColumn ul li {margin-bottom:0px; text-align:center; list-style: none;} 
div.aboutContent ul li, div#contentAbout .topicsListColumn ul li {text-align: left; margin-top: 0;}
div.aboutContent ul li.name, div#contentAbout .topicsListColumn ul li.name {padding-bottom: 5px; font-weight: bold; }
div.aboutContent ul li span {font-weight: normal;}

.topicsListColumn{ width: 250px; float:left; padding:0 20px; }
.topicsListColumn h2, div#contentAbout h2, .topicsListOneColumn h2 { font-size: 1.6em; margin-bottom:10px; }
.topicsListColumn ul {font-size: 1.1em; padding-left: 20px;}
.topicsListColumn li {list-style-type: disc; list-style: outside; padding-right: 5px; margin-top: .5em; margin-bottom: .5em; margin-right: 4px;}
.topicsListOneColumn{ width: 560px; float:left; padding:0 20px; }
.topicsListOneColumn h2 {margin-bottom: 2px;}

.topicsListOneColumn ul.bulletList, .topicsListOneColumn ul.numList {padding-left: 20px;}
.topicsListOneColumn ul.bulletList li{font-size: 1.2em;}
.topicsListOneColumn ul.bulletList li ul.bulletList li{font-size: 1em;}
.topicsListOneColumn ul.bulletCopyList {padding-left: 20px;}
.topicsListOneColumn ul.bulletCopyList li {font-size: 1.2em;}
.topicsListOneColumn ul.bulletList li, .topicsListOneColumn ul.bulletCopyList li {list-style-type: disc; list-style: outside; padding-right: 5px; margin-top: .5em; margin-bottom: .5em; margin-right: 4px;}

.topicsListOneColumn ul.numList li {list-style-type:decimal; padding: 0 5px 0 0; margin:.5em 4px .5em 5px;}

.topicsListOneColumn ul.bulletList li.lastItem, .topicsListOneColumn ul.numList li.lastItem, .topicsListOneColumn ul.bulletCopyList li.lastItem {margin-bottom:25px;}
ul.bulletCopyList ul.bulletCopyList li {font-size: 1em; }
topicsListOneColumn ul.bulletList li span, .topicsListOneColumn ul.numList li span {display:block; text-transform:uppercase; padding: 5px 10px;}
h3.topicTitle { font-size: 1.4em; font-weight: bold; padding-bottom: 0px;}
h3.topicTitle a {color: #0054A6; text-decoration: none;}
h3.topicTitle a:hover {text-decoration: underline;}

p.topicDescription {
	clear: left;
	font-size: 1.2em;	
	overflow:hidden;
	margin-bottom:15px;
}

p.topicDescription span.copyAddress {display:block; position:relative; left:140px; text-align:center; width:300px;}

p.topicDescriptionLong {
	clear: left;
	font-size: 1.2em;	
	height:14em;
	overflow:hidden;
	margin-bottom:20px;
}

div#footerContent {
	background: url(../images/bg_content_border_bottom_wide.gif) top no-repeat;
}

div#searchSite {
    position: relative;
    top:0px;
}

div#membersArea {
    position: relative;
    top:0px;
}

div#adBanners {
    position: relative;
    top:0px;
}
div.articleUtilities {width: 160px;}
div#internalAds {width: 160px; }

div#emailAlerts {width: 160px; }
div#emailAlerts a {width: 160px;height: 102px;}
div.alertsDefault { background:url(../images/banner_local_emailalerts160.jpg);}
div.alertsAging { background:url(../images/emailalerts_aging_sm.jpg);}
div.alertsAging { background:url(../images/emailalerts_aging_sm.jpg);}
div.alertsAllergy { background:url(../images/emailalerts_allergy_sm.jpg);}
div.alertsBoneDisease { background:url(../images/emailalerts_bone_sm.jpg); }
div.alertsBreastCancer { background:url(../images/emailalerts_breast_sm.jpg); }
div.alertsCME { background:url(../images/emailalerts_cme_sm.jpg); }
div.alertsDepression { background:url(../images/emailalerts_depression_sm.jpg);}
div.alertsDiabetes {background:url(../images/emailalerts_diabetes_sm.jpg);}
div.alertsGERD {background:url(../images/emailalerts_gerd_sm.jpg); }
div.alertsGynecology { background:url(../images/emailalerts_gynecology_sm.jpg);}
div.alertsHepatitis { background:url(../images/emailalerts_hepatitis_sm.jpg);}
div.alertsHypertension { background:url(../images/emailalerts_hypertension_sm.jpg); }
div.alertsLipid { background:url(../images/emailalerts_lipid_sm.jpg);}
div.alertsNutrition { background:url(../images/emailalerts_nutrition_sm.jpg);}
div.alertsPediatric { background:url(../images/emailalerts_pediatric_sm.jpg);}
div.alertsPeptic { background:url(../images/emailalerts_peptic_sm.jpg); }
div.alertsPregnancy { background:url(../images/emailalerts_pregnancy_sm.jpg); }
div.alertsRespiratory { background:url(../images/emailalerts_respiratory_sm.jpg); }
div.alertsSkinCancer { background:url(../images/emailalerts_skincancer_sm.jpg); }
div.alertsSTD { background:url(../images/emailalerts_std_sm.jpg); }
div.alertsStroke { background:url(../images/emailalerts_stroke_sm.jpg);}
div.alertsSubstance { background:url(../images/emailalerts_substance_sm.jpg); }





div#newsLetters { width: 160px;}
div#newsLetters a { width: 160px; height: 130px;}

div.newsDefault { background:url(../images/banner_local_newsletters160.jpg);}
div.newsCard { background:url(../images/newsletters_cardio_sm.jpg);}
div.newsDerm { background:url(../images/newsletters_derm_sm.jpg);}
div.newsEmerg { background:url(../images/newsletters_emerg_sm.jpg);}
div.newsGastro { background:url(../images/newsletters_gastro_sm.jpg);}
div.newsGenMed { background:url(../images/newsletters_genmed_sm.jpg);}
div.newsHIV { background:url(../images/newsletters_hiv_sm.jpg);}
div.newsInfectDis { background:url(../images/newsletters_infectdis_sm.jpg);}
div.newsNeuro { background:url(../images/newsletters_neuro_sm.jpg); }
div.newsPeds { background:url(../images/newsletters_peds_sm.jpg);}
div.newsPsych { background:url(../images/newsletters_psych_sm.jpg);}
div.newsWomen { background:url(../images/newsletters_women_sm.jpg);}

div#emailAlertsReminder {
    clear:both;
    margin:11px;
	background: url(../images/bg_topicemailalerts_border_bottom.gif) bottom no-repeat;
	padding-bottom: 10px;	
}
div#emailAlertsReminder h3 {
	font-size: 1.4em;
	line-height:1.8em;
	padding-left: 15px;	
	color: #000;
	font-weight: bold;
	background: url(../images/bg_topicemailalerts_border_top.gif) top no-repeat;
}

div.alertBody {
	background: url(../images/bg_topicemailalerts_border_sides.gif) repeat-y;
	margin-left:7px;
	padding: 10px 10px 0 10px;
}

div#emailAlertsReminder p {
	padding-top: .5em;
}

div#firstWatch{clear:left; float:left; margin-left:5px; position:relative;}

div#alertsReminderShort {float:left; margin-bottom:20px; position:relative; width:375px; margin-left: 0px; background: url(../images/bg_edpicks_border_bottom.gif) bottom no-repeat; padding-bottom: 10px;} 
div#alertsReminderShort h3 {font-size: 1.4em; line-height: 27px; padding-left: 10px; color: #000; font-weight: bold; background: url(../images/bg_edpicks_border_top.gif) top no-repeat;}
div.alertBodyShort {background: url(../images/bg_edpicks_border_sides.gif) repeat-y; padding: 10px 10px 0 10px;}
div#alertsReminderShort p { padding-top: .5em;}

/* about */ 
#contentAreaFAQ ul.aboutAttributes {float: none; padding-top: 0px; line-height: 1.2em; padding-left: 0px; padding-bottom: 20px;} 
ul.aboutAttributes li {float: left; list-style: none; padding: 0 .5em 0 .5em;line-height: 1.1em; font-size: 1.1em; border-right: 1px solid #999;} 
ul.aboutAttributes li.last {border-right: none; padding-right: 0;} 
ul.aboutAttributes li.first {padding-left: 0;} 
ul.aboutAttributes li a {color: #003366; text-decoration: underline; display: block;}



/* Forms in the tertiary template */
/*search area*/
div#searchArea, div#emailArticle {position:relative; background: url(../images/bg_searchpage_border_bottom.gif) bottom no-repeat; width: 585px; margin: 0px 0px 0px 15px;}
div#searchArea div.holder, div#emailArticle div.holder {background: url(../images/bg_searchpage_border_top.gif) top no-repeat; padding: 10px 0;}
div#searchArea div.searchAreaBody, div#emailArticle div.emailArticleBody {background: url(../images/bg_searchpage_border_sides.gif) repeat-y; padding: 0 ; position: relative;}
div#searchArea div.searchAreaBody a {margin-left: 330px; color: #003366}
div#searchArea div.searchAreaBody label span {left: -10000px; position:absolute;}
div#searchArea fieldset.advanceSearch, div#emailArticle fieldset {padding: 5px 0 15px 15px;}
div#searchArea fieldset.advanceSearch span {font-size: 1.2em;position: relative; left: 3px; }
div#searchArea fieldset label.headerLabel {margin-top: 5px; margin-left: 0px; color: #000; font-size: 1.2em; font-weight: bold;}
div#searchArea input#txtKeywordSearch, div#searchArea input#txtCitationSearch  {width: 200px; position:absolute; left:140px; margin-top: 0px;}

/*advanced search fix 11/24/08 AJP */
div#searchArea input#buttonAdvanceSearch {clear:left; display:inline; left:360px; position:absolute;}
div#searchArea input#buttonAdvanceSearch2 {clear: left; display: inline; left: 70px; *left: 50px; position: relative; margin-top: 15px;}
div#searchArea input#buttonAdvanceSearch3 {margin-left: 380px; display: block; position: static; clear: both;}

div#searchArea form.dateSearch legend, div#searchArea form fieldset.dateSearch legend {margin-top: 10px; margin-left: 0px; margin-bottom: 0px; color: #000; font-size: 1.2em; font-weight: bold;}
div#searchArea select {font-size: 1.1em;}
div#searchArea form, div#searchArea fieldset {width: auto; border: none; position: relative;}
div#searchArea h3 span {position: absolute; left: -10000px;}
div#searchArea input#buttonSearch {position: absolute; left: 235px; top: 24px;}

div#emailArticle div.holder legend, div#emailArticle div.holder h2 {font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #000; _margin-left: -7px;}
div#emailArticle div.holder ul, div#emailArticle div.holder h2 {padding: 0 15px 1em 15px;}
div#emailArticle div.holder h2.emailAFriend {padding: 0 0 1em 0;}
div#emailArticle div.holder ul li {display: inline; padding-right: .5em; margin-right: .5em; font-size: 1.1em; border-right: 1px solid #000;}
div#emailArticle div.holder div.emailArticleBody ul li.block {display: block; padding-right: .5em; margin-right: .5em; font-size: 1.0em; border-right: none;}
div#emailArticle div.holder ul li.last {border: none;}

/*trying to fix emailafriend 3/21/08 ajp*/
div#emailArticle div.holder form p {font-size: 1.2em;}
div#emailArticle div.holder form ol  {margin: 2em 0;}
div#emailArticle div.holder form li {clear: left; height: 3em;}

/*highwire added for capcha filter*/
div#emailArticle div.holder form li.bigger {clear: left; height: 5em;}
div#emailArticle div.holder form li.txtArea {clear: left; height: 25em;}

div#emailArticle div.holder form li.formButtons {padding-left: 335px; padding-top: 2em;}
div#emailArticle div.holder form label {display: block; width: 160px; text-align: right; padding-right: 20px; font-size: 1.2em; float: left; font-weight: bold;}
div#emailArticle div.holder form input.wide, div#emailArticle div.holder form textarea {display: block; width: 300px; float: left;}
div#emailArticle div.holder form textarea {overflow: auto;}
div#emailArticle div.holder form input#email {margin: 0; }


div#searchArea form.keywordSearch label {visibility: visible; font-size: 1.2em; margin-top:0px; position:static; width:120px; padding-right: 5px; font-weight: bold; }
div#searchArea form.keywordSearch fieldset.dateSearch label {font-weight: normal;}
div#searchArea form.dateSearch select, div#searchArea form fieldset.dateSearch select {position: relative; left: 3px; }
div#searchArea form legend {color: #000; font-size: 1.2em; font-weight: bold; margin-left: -6px; margin-top: 5px; margin-bottom: 5px;}
div#searchArea form legend.oneLilne {margin-bottom: 5px; margin-top: 0px; margin-left:: 0;}
div#searchArea input#txtSearch {width: 200px; margin-top: 4px; margin-left: 15px; display: inline;}
div#searchArea select.last {margin-right: 10px;}
div#searchArea h4 {font-size: 1.2em; font-weight: normal; margin-bottom: 5px;}
div#searchArea p {font-size: 1.2em; position: absolute; left: 305px; top: 7px;}
div#searchArea div.searchAreaBody p a {color: #003366; margin: 0px;}
div#searchArea form div.radioGroup {width: 300px; float: left; display: inline;}
div#searchArea form div.radioGroup2 {width: 250px; float: left; display: inline;}
div#searchArea form div.radioButton {position:relative; float:left; margin-right:20px; left:0;}
div#searchArea form div.radioButton label {display:inline; position:static; width:auto; font-size: 1.2em; font-weight: normal; }
div#searchArea form div.radioButton input {display:inline; position:static; width:auto; }


/*advanced search fix 11/24/08 AJP */
div.searchAreaColumn {width: 250px; float:left; padding-right:25px; margin-bottom: 10px;}
div.searchAreaColumn2 {width: 250px; float:left; padding-right:0px; margin:-34px 0px 10px 0px; _margin:-34px 0px 10px 0px; *margin:-30px 0px 10px 0px;}

div#searchArea div.searchAreaColumn label {display:inline; font-size: 1.2em; text-align:left; left:2px; position:relative; width: auto; font-weight: normal;}
div.formArea form div.searchAreaColumn input {left:5px; width: auto; display:inline; margin-top: 5px;}
div#searchArea div.searchAreaColumn div.columnsectionheaders{margin-top: 20px;}

div#searchArea div.checkBoxGroup label {display: inline; font-size: 1.2em; font-weight: normal; left: 2px; width: auto; position: relative; text-align: left}

/* ie hackin */
div#searchArea form legend.oneLilne {_margin-left: -6px; *margin-left: -6px;}
div#searchArea fieldset.advanceSearch legend {_margin-left: -6px; *margin-left: -6px;_margin-bottom: 5px;}

div#secondaryContent {_padding-bottom: 15px;}