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

			Journal Watch CSS for Archives Section

			Created: 	3.23.06
 
			By:		Shali Cheng, Mindseye Inc.
			
			notes:	-> This is the style sheet for Archives section
			
			Editted 5/18/2010 for pfw archive colors
			edit 4/4/2011 to remove caps from article heads ajp
								
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

div#archivesArea {margin: 10px; padding: 10px 7.5px;}
div#archivesArea div.narrowArchiveArea {padding: 0 3px;}
div#archivesArea h2{
	line-height:1.2em; 
	font-size:1.4em;
	padding-top:10px;
	padding-left: 12px;
	text-transform:uppercase;}

/* no caps, ajp 4/4/2011 */
div#archivesArea h3 {font-size: 1.4em; padding-bottom: 10px;}
div#archivesArea h4 {font-size: 1.3em; margin: 10px 0 0px 10px; *padding: 5px 0 0px 10px;  _padding: 5px 0 0px 10px;} 

/*fixing archive link color issue, ajp 5/18/2010 */
.fwArchive {color: #0054a6;}
.fwArchive a, .fwArchive a:visited {color: #0054a6; text-decoration: none;}
.fwArchive a:hover {color: #0054a6; text-decoration: underline;}

div#archivesArea ul.articleList {font-size:11px; line-height:1.2em; list-style: disc; margin: 10px 20px 10px 35px;}
div#archivesArea ul.articleList li {list-style: disc; margin-bottom: 5px;}

div#archivesArea h5{font-size:1.1em; line-height:1.2em; padding-left: 12px;}
div#archivesArea p {clear: left; font-size: 1.2em;}

div#archivesArea dl {clear: left; margin-bottom: 20px;  margin-top: 5px;}
div#archivesArea dt {float: left; height: 1.2em; line-height: 2em; padding-right: .5em; font-size: 1.2em; width: 250px; }
div#archivesArea dt a {color: #003366;}
div#archivesArea dd {line-height: 2em; font-size: 1.2em; width: auto;}




/*archive body*/
div#archives {clear:both; margin-top: 20px; margin-bottom: 20px; padding-left: 1px;}
div#archives div.archivesBody {background: url(../images/bg_topicemailalerts_border_sides.gif) repeat-y; padding: 10px; margin-bottom: 20px; _margin-bottom: 10px;   margin-top: -3px;}
div#archives span.sortBy {position:absolute; left: 620px;margin-top:4px;width:auto;}
div#archives span.sortBy label{width:300px; _padding-bottom: 10px;} 
div#archives span.sortBy select{position:relative;}

div#archives div.archivesBody p {padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
div#archives div.archivesBody p.archiveDescription {padding-left: 0; font-size: 1.2em;}
div#archives div.archivesBody p.date {font-size: 1em;}
div#archives div.archivesBody p.guideLink {font-size: 1.1em; padding-bottom: 30px;}
div#archives div.archivesBody p.guideLink a {color: #bf5600;}

.moreMargin {margin-left: 10px; _margin-left: 0px;}

div#archiveList {padding: 10px 25px; margin-bottom: 15px;}


div#archiveList div.archiveCheckBox input {float: left; clear: left; position:relative; left: -25px; right:auto; top: 17px;}
div#archiveList div.archiveCheckBox label span {left: -10000px; position:absolute;}


ul.archiveCitations {padding-left: 1px; position: relative; left: 5em; width: 460px; top: -1.2em;}

div#archives div.formLine {_padding-bottom: 10px;}


/*~~~~~~~~~~~~~~~~~~~~~editing to make date range pulldowns one line, 3/21/08 ajp*/
div.formLineTime {}
div.formLineTime input#buttonSubmitWide {position: absolute; margin: 0px; padding: 0px;}

div.formLineTime input#buttonSubmit, div.formLineTime input#FWbuttonSubmit {float: left; left: 160px; margin-top: -30px; position: relative;}
div.formLineTime input#FWbuttonSubmit {left: 208px;}



/*page number area*/
div#pageNo { position:relative;font-size: 1em; line-height:2.1em; color: #000; background: url(../images/bg_topicemailalerts_border_top.gif) top no-repeat; height: 27px; padding-top: 3px;}

div#pageNoBottom {position:relative;font-size: 1em; line-height:2.1em; color: #000;  background: url(../images/bg_fwarchive_border_bottom.gif) top no-repeat; height: 27px; padding-top: 3px; margin-top: -20px; _padding-bottom: 10px;}

div#pageNo ul, div#pageNoBottom ul {display: inline;}
div#pageNo ul li, div#pageNoBottom ul li {float: left; list-style: none; padding: 0 .8em 0 0; font-size: 1.1em; display: inline;}
div#pageNo ul li.first, div#pageNoBottom ul li.first {margin-left: 8px;}
div#pageNo span, div#pageNoBottom span {font-size: 1.1em;}

div.showResults {position: absolute; right: 10px; top: 4px; font-size: 1.1em;}
div.sortBy {font-size: 1.1em; float: right; margin-top: -20px; _padding-bottom: 10px;}
div.showResults select, div.sortBy select {font-size: 1.1em;}
div.showResults p {display: inline;}




/*search area*/
div#searchArea {position:relative; background: url(../images/bg_searchpage_border_bottom.gif) bottom no-repeat; width: 585px; margin: 0px 0px 0px 15px;}
div#searchArea div.holder {background: url(../images/bg_searchpage_border_top.gif) top no-repeat; padding: 10px 0;}
div#searchArea div.searchAreaBody {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 {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;}
div#searchArea input#buttonAdvanceSearch {left: 360px; display: inline; position:absolute; clear: left;}
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#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.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.1em; }
div#searchArea form div.radioButton input {display:inline; position:static; width:auto; }


div.searchAreaColumn{ width: 250px; float:left; padding-right:25px; margin-bottom: 10px;}
div#searchArea div.searchAreaColumn label {display:inline; font-size: 1.1em; text-align:left; left:2px; position:relative; width: auto;}
div.formArea form div.searchAreaColumn input {left:5px; width: auto; display:inline; margin-top: 5px;}
div#searchArea div.searchAreaColumn div.columnsectionheaders{margin-top: 20px;}



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

/*ie rendering bugs */
ul.articleAttributes li, ul.archiveCitations li, p.articleBody, p.archiveDescription {_position: relative;}

