﻿/*-----------------------------------------------------------------------
Template105_Directory
-----------------------------------------------------------------------*/
*,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,p,pre,blockquote,dl,dt,dd,th,td,form,input,fieldset,address {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0}
ul {list-style:none}
img {border:0}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
.clearfix {display:block}
* html .clearfix {height:1px}
.hdrR,.pg1 #twoColLayout,.pg2 #oneColLayout,#threeColLayout {display:none}
#container {width:600px;text-align:left;margin:0 auto}
.pg2 #container {width:100%;background:url('/images/bkg-wrap2.gif') repeat-x 0 15px;margin-top:-20px}
#twoColLayout {margin-top:35px}
.twoColL,.twoColR {vertical-align:top}
body {color:#000;font:13px Arial,Helvetica,sans-serif;text-align:center}
body.pg1 {background:#fff url('/images/bkg-wrap2.jpg') repeat-x top}
a:link,a:visited {color:#11369f}
.search {width:800px;height:53px;background:url('images/SearchBkg.gif') repeat-x;margin-top:5px}
.pg2 .search {margin:0 0 0 15px}
.search table {position:relative;top:12px;left:20px}
.search .search_hdrTxt {font-size:120%;color:#19466e;font-weight:700;margin:0}
input.SearchBoxText {width:500px;height:18px;background:#fff url('images/SearchArw.gif') no-repeat 1px center;margin:0 0 0 5px;padding:2px 4px 2px 12px }
input.sb_btn {width:46px;height:24px;background:transparent url('images/SearchBtn.gif') no-repeat;margin-left:5px}
.ftr {font:100 85% Tahoma;text-align:center}
.book-set {padding:35px 0 10px}
.copyr {color:#666}
.popularGrp {width:600px;height:10px;background:transparent url('images/icons-directory.gif') no-repeat center center;position:relative;top:-23px} /* 1pixel off FF */ 
.popularGrp ul#brand {list-style:none}
.popularGrp li {margin:0 auto;text-align:center;float:left;position:relative;left:56px;top:20px}
.popularGrp a {float:left;display:block;width:80px;height:60px;text-decoration:none}
.directory {background:#f6fafe;border:1px solid #8cb7df;margin-top:20px;padding:10px;text-align:left}
.directory table {margin:0 auto}
.directory td {text-indent:10px;padding:0 10px 2px}
.directory a:link,.directory a:visited {text-decoration:none;display:block}
.directory a:hover {text-decoration:underline}
.directory a.undr:link,.directory a.undr:visited {text-decoration:underline;font-weight:700}
.searchText h4 {color:#15476d;font-size:12px;padding:17px 0 0 15px;margin:0}

.sponsorMain {background:#ebf4f9;font:normal 12px Arial,sans-serif;margin:0 15px;padding:0 10px;border:1px solid #ebf4f9}
.sponsorMain h2,.resMain h2 {float:right;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-top:5px}
.sponsorMain li {margin:15px 15px 15px 0}
.sponsorMain li span,.resMain li span,.sponsorSide li span {cursor:pointer}

.alsoTry {margin:0 0 5px 15px;font-size:12px}
.alsoTry_Hdr {float:left}
.alsoTry ul {float:left;display:inline}
.alsoTry li {display:inline;margin:0 5px;font-weight:700}
/* JS DISPLAY */
.alsoTry span.outer {color:#11369f;text-decoration:underline;cursor:pointer}
.resMain {font:normal 12px Arial,sans-serif;margin:0 15px}
.resMain h2 {margin:0 10px 0 0}
.resMain li {margin:15px 15px 15px 0}

.title,a.title:link,a.title:visited,.titleJS {display:inline-block;color:#11369f;font-size:14px;text-decoration:underline}
.abstract,a.abstract:link,a.abstract:visited {color:#000;text-decoration:none}
.abstractNoClick,.sponsorMain .abstractNoClick,.resMain .abstractNoClick,.sponsorSide .abstractNoClick {color:#000;text-decoration:none;cursor:default}
.url,a.url:link,a.url:visited {color:#090;text-decoration:none}

.prev {display:block;float:left;padding-left:15px;background:transparent url('/*Akamai:HostingURL*//Images/Misc/prev.gif') no-repeat 0 50%;text-transform:capitalize}
.next {display:block;text-align:right;margin:0 15px 10px 0;padding-right:15px;background:transparent url('/*Akamai:HostingURL*//Images/Misc/next.gif') no-repeat right 50%;text-transform:capitalize}
.nextDisable {float:right;padding-right:15px;background:transparent url('/*Akamai:HostingURL*//Images/Misc/next.gif') no-repeat right 50%;color:#ccc;text-transform:capitalize}
.prevDisable {float:left;padding-left:15px;background:transparent url('/*Akamai:HostingURL*//Images/Misc/prev.gif') no-repeat 0 50%;color:#ccc;text-transform:capitalize}

.twoColR {width:200px;padding:15px 0}
.sponsorSide,.relatedSide_Hdr,.relatedSide_Col1 {border-left:1px solid #999;padding-left:15px}
.sponsorSide h2,.relatedSide_Hdr {color:#999;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.1em;text-align:center;padding:5px 0}
.relatedSide_Hdr {padding-top:15px}
/* JS DISPLAY */
.relatedSide span.outer {color:#11369f;text-decoration:underline;cursor:pointer}


h2 {
	/* optional styling, you can use whatever you wish */
	font-size:220%;
	color:#0079b6;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.6em 0;
	/* now, this is important */
	position:relative;	
}

h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(gradient_1.png) repeat-x;
}