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

			Journal Watch CSS for Search Section; was archives.css; for SC search results
			Created: 	3.23.06; updated 4.19.07
 			By:		SFleming, Dan McDonough
			notes:	-> This is the style sheet for Search Results page (SC only)
			Edits for new search results formatting: A Parent 8/08, 12/08
			Edits for content short form formatting: A Parent 4/09
			Fixes for csf search swap number of results with sort toggle... 9/29/09 AP. 
								
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


h2.articleTitle {font-weight: bold}

/*archive body*/
div#archives {clear:both; margin-top: 20px; margin-bottom: 20px; padding-left: 1px;}
div#archives div.archivesBody { padding: 10px; margin: -6px 0px 20px 17px; *margin: -6px 0px 20px 0px;  _margin: -6px 0px 20px 0px; text-align: left; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; width: 558px; background-color: #fff; }
div#archiveList { padding: 0px 0px 15px 0px }

/*new Search Results keyword search box fixing FF3 bug 09-08-09*/
div.searchAreaBody form a { margin-left: 0px !important; }
div.searchAreaBody form ul { position: absolute; right: 0em; top: 3px; padding: 0; margin: 0px; min-width: 1px; width: 300px;}
div.searchAreaBody form li.first {
border-right:1px solid #999999;
float:left;
margin-right:0.5em;
padding-right:0.5em;
}
div.searchAreaBody form li a {
color:#003366;
text-decoration:underline;
display:inline-block;
}

div#searchArea div.searchAreaBody form input#txtSearchResults { float: left; width: 30%; margin: 0 6px 0 9px; }
div#searchArea div.searchAreaBody form input#buttonSearchResults { margin: 0 4px 0 0; }

/*page number area updated 9/30/2009*/
#pageNo, #pageNoBottom { font-size: 11px; line-height:2.1em; color: #000; background: url(/shared/images/bg_topicemailalerts_border_top.gif) top no-repeat; height: 27px; padding: 3px 25px 3px 25px }
#pageNoBottom { background: url(/shared/images/bg_fwarchive_border_bottom.GIF) top no-repeat; margin-top: -20px }
#pageNo div, #pageNoBottom div { float: right;}
#pageNo span, #pageNoBottom span, #pageNo b, #pageNoBottom b { float:left; font-size: 11px; font-weight: bold; color: #036; padding-right: 5px; }
#pageNo b, #pageNoBottom b { color: #000; width: 280px; height: 20px; overflow: hidden; line-height 13px; }
#pageNo .resultsItems, #pageNoBottom .resultsItems { float:right; font-weight: bold; color: #0054a6; }

div#pageNo .sortBy, #pageNoBottom .sortBy { float:left; padding-left: 5px; width:160px; text-align:left; font-weight: bold; }
div#pageNo .sortBy ul, #pageNoBottom .sortBy ul {margin-left: 3px;}
div#pageNo .sortBy ul, div#pageNo .sortBy ul li, #pageNoBottom .sortBy ul, #pageNoBottom .sortBy ul li { display:inline; color: #888; text-transform: none;}
div#pageNo .sortBy ul li, #pageNoBottom .sortBy ul li { border-right: 1px solid #333333; padding-right: 3px; margin-right: 0px;}
div#pageNo .sortBy ul li a:hover, #pageNoBottom .sortBy ul li a:hover {background-position: top left;}
div#pageNo .sortBy ul li.last, #pageNoBottom .sortBy ul li.last { border-right-width: 0px; margin-right:0; margin-left: 6px; _margin-left: 6px; *margin-left: 6px; padding-right:0;}

.searchTerm {margin-left: 10px; width: 535px;}



div#archives div.archivesBody .resultsNav { display: table; margin: 10px auto 5px auto; clear:both }
div#archives div.archivesBody .resultsNav ul { display: table-cell }
div#archives div.archivesBody .resultsNav li { display: inline; margin: 0px 3px }

div#archives div.archivesBody .resultsNav li a,
div#archives div.archivesBody .resultsNav li span { font-size: 11px; border: 1px solid #ccc; padding: 3px 7px;  font-weight: bold !important; text-decoration: none;  }

div#archives div.archivesBody .resultsNav li.pagePrevious,
div#archives div.archivesBody .resultsNav li.pageNext { margin: 0px 15px }
div#archives div.archivesBody .resultsNav li.pagePrevious span,
div#archives div.archivesBody .resultsNav li.pageNext span { border-color: #ccc; color: #ccc }
div#archives div.archivesBody .resultsNav li.pageCurrent * { background: #cedff0 }


/*TWEAKING FOR CSF 4/15/09*/
div#archives div.archivesBody ul#searchResults { padding: 5px 25px 5px 10px; clear: both }
div#archives div.archivesBody ul#searchResults li.searchBlock {padding: 10px 0px; width: 520px; float:left; }
div#archives div.archivesBody ul#searchResults li li { }
div#archives div.archivesBody ul#searchResults li li a { }
div#archives div.archivesBody ul#searchResults li h2 { font-weight: normal; margin-bottom: 0px;}
div#archives div.archivesBody ul#searchResults li .articleAttributes {}
div#archives div.archivesBody ul#searchResults li .articleMeta { clear:both; margin-bottom: 0px;}
ul.articleMeta li.articleCitation { float:left; width:88%; }
div#archives div.archivesBody ul#searchResults li div { font-size: 12px; padding-top: 5px }

/*style for new CME/Audio Icon links FIXES 8/24/09 */
div#archives div.archivesBody ul#searchResults li div.archiveDescription span {display: inline;}
div#archives div.archivesBody ul#searchResults li div.archiveDescription span a:link { font-size: 11px; }
div#archives div.archivesBody ul#searchResults li div.archiveDescription span a.cme { 
	background: url(../images/icon_cme.gif) no-repeat scroll 0 0 !important;
	margin: 0 6px 0 0px; 
	padding: 0 0 1px 16px; 
	*min-height: 1px;
	*min-width: 1px;}
	
div#archives div.archivesBody ul#searchResults li div.archiveDescription span a.audio { 
	background: url(../images/icon_audio.gif) no-repeat scroll 0 0; 
	margin: 0 6px 0 0px; 
	padding: 0 0 1px 16px;
	*min-height: 1px;
	*min-width: 1px;}



div#archives div.archivesBody ul/* #searchResults .articleMeta li { padding-right: 5px; margin-right: 5px } */
div#archives div.archivesBody ul#searchResults li li.articleInterview { padding-left: 17px; padding-right: 6px }
div#archives div.archivesBody ul#searchResults li li.articleCME { padding-left: 17px; padding-right: 6px }
/*div#archives div.archivesBody ul#searchResults li .articleMeta ul li {display: inline; }*/
div#archives div.archivesBody ul#searchResults li .articleMeta li.articleDate {padding-right: 6px; display: inline;}
div#archives div.archivesBody ul#searchResults li .articleMeta li.articleAuthor { border-left: 1px solid #ccc; display: inline; padding-left: 6px; }
div#archives div.archivesBody ul#searchResults li .articleMedia,
div#archives div.archivesBody ul#searchResults li .articleMedia li,
div#archives div.archivesBody ul#searchResults li .archiveCitations { position:relative; top: -1.3em; left: 5em; margin-bottom:-1em; width: 420px; }
div#archives div.archivesBody ul#searchResults li .archiveCitations li { display: block; padding-left:1px; }
div#archives div.archivesBody ul#searchResults li.relatedSearches { display: block; clear: both }


/* search result icons */
div#archives div.archivesBody ul#searchResults li .icons {display:inline;}
div#archives div.archivesBody ul#searchResults li .icons li{ display:inline; padding-left:16px; padding-right:10px;}
div#archives div.archivesBody ul#searchResults li .icons li.audio{background: url(../images/icon_audio.gif) left center no-repeat;}
div#archives div.archivesBody ul#searchResults li .icons li.exam{background: url(../images/icon_cme.gif) left center no-repeat;}
div#archives div.archivesBody ul#searchResults li li.audio a{ background:none; /*undoing audio a background from primary nav*/}