@charset "UTF-8";
/* CSS Document */

#body {background:#fafafa; color:#333;}

#www-content-wrap {background:#61b5e5 url(/www/img/bg_resources.jpg) 0 0 repeat-x scroll;}

/*Overwrite shared css from www.css*/
#www-base.search #share-bar {position:absolute;right:20px;top:10px;}
#www-base.search li.share-this-page {color:#fff; font-size:10px; padding:0; display:block; width:105px; text-shadow:0 0.5px 1px #555;}
#www-base.search #share-bar ul li a {text-indent:-5000px; padding:0; margin:0 4px 0 0; height:18px; width:18px; }
#share-bar ul li {padding-left:4px;}

.search-top {background:url(/www/img/search/bg_top.png) no-repeat; height:24px; width:980px;}
.search #www-stage {background:url(/www/img/search/bg_content.png) repeat-y;}

#search-left {width:790px; float:left; padding:0 0 0 18px}
#search-tower {width:160px; float:right; padding:0 10px 0 0;}


.search h1 {font-size:22px; height:31px; padding:9px 0 0 20px; margin-bottom:20px; font-weight:bold; color:#fff; line-height:20px; background:url(/www/img/search/bg_head.png) no-repeat;text-shadow: 0 1px 2px #333;
}
.search h1 span {color:#b3e4ff;}
.head-wrap {position:relative;}


/*base admin styles -- *note: these may end up as www defaults, as design outside of the admin section is currently in review*/
#www-base.search {color:#333; font-size:12px; line-height:17px; padding-top:30px;}
.search a {color:#2d97d1;}

#search-filters-wrap {width:177px; float:left;}
#search-results {width:586px; float:left; padding:0 0 20px 7px;}
h3#refineResults {background:url(/www/img/search/head_refine.png) no-repeat; text-indent:-5000px; height:30px;}
#search-results div.top {background:url(/www/img/search/head_results.png) no-repeat; height:30px; position:relative;}
#search-results div.btm {height:30px; background:url(/www/img/search/btm_results.png) repeat-x; display:block; position:relative;}

.results-count, .paging {position:absolute; top:7px; font-size:12px; text-shadow: 0 .5px 1px #555; text-decoration:none;color:#fff; }
.results-count {left:16px; padding:0;}
.paging {right:16px;}
.paging a, .paging span, .paging b {text-decoration:underline; float:left; display:block; padding:0 2px; color:#FFF;}
.paging a:hover {color:#d5d5d5; text-decoration:none;}
.paging span, .paging b {text-decoration:none;}


#search-filters {}

#refinedByList, #filterList, .top_filterList, .btm_filterList, .btm_refinedBy {background:url(/www/img/search/sprite_search.jpg) repeat-y;}
	#filterList {padding:0 8px 8px;}
	#refinedByList {padding:0px 14px 8px;}
	.btm_refinedBy {height:6px; background:url(/www/img/search/sprite_search.jpg) -177px 0 no-repeat; margin-bottom:6px;}
	#filterList {background-position:-708px 0; background-repeat:repeat-y;}	
	.top_filterList, .btm_filterList {background-position:-354px 0; height:6px; background-repeat:no-repeat;}
	.btm_filterList {background-position:-531px 0;}

#search-filters h4, #search-filters #filterList h4 a {font-size:12px; font-weight:bold; padding-top:8px;}



#refinedByList div.filter {color:#144372; font-size:11px; font-weight:bold; padding:2px 18px 2px 5px; margin:4px 0 0 0; position:relative; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#refinedByList div.filter div.filter {background:url(/www/img/search/sub-bullet.jpg) 3px 7px no-repeat; padding:0 0 0 12px; margin-top:1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
div.filter a {position:absolute; top:1px; right:5px; font-size:12px; color:#f54523; font-weight:bold;}
div.filter a:hover {background-position:0 -12px;}
div.filter div.filter a {right:-14px; top:2px;}

#search-filters #filterList h4 {padding:8px 0 2px;}
#search-filters #filterList h4 a {padding:0 0 0 20px; display:block; position:relative; color:#333;}
#search-filters #filterList h4 a span {background:url(/www/img/search/aros.jpg) no-repeat; position:absolute; left:2px; top:3px; height:11px; width:11px;}

#search-filters #filterList h4 a.closed span {background-position:0 -22px;}
#search-filters #filterList h4 a.closed:hover span {background-position:0 -33px;}
#search-filters #filterList h4 a.open span {background-position:0 0px;}
#search-filters #filterList h4 a.open:hover span {background-position:0 -11px;}

#search-filters #filterList ul {padding-left:21px;}
#search-filters #filterList ul li a {font-size:11px; padding:1px 0 2px; display:block;}
#search-filters #filterList ul li a span {color:#898989;}


#results-wrap {}

/*LIST SPECIFIC STYLES*/
#results-wrap.list {background:url(/www/img/search/bg_results.jpg) repeat-y; padding:0 4px;}
#results-wrap.list .results-left-wrap {float:left; }
#results-wrap.list .results-thumb-wrap {}
#results-wrap.list .results-body-wrap {float:right; width:414px;}
#results-wrap.list .result {padding:15px 20px 15px 15px; background:#fefefe url(/www/img/search/bg-results-grad.jpg) top repeat-x; position:relative;}
#results-wrap.list ul.grade-band-wrap {padding-top:5px;}

/*LIST SPECIFIC STYLES*/
ul.grade-band-wrap li {padding:2px 0px; margin-right:4px; float:left; width:32px; font-size:11px; line-height:11px; border:1px #e9e9e9 solid; text-align:center; 
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
}
.g-k5 {color:#e19300;}
.g-68 {color:#82ae3d;}
.g-912 {color:#00aec5;}

.result {position:relative;}
.result h2 {padding-bottom:6px;}
.result h2 a {font-size:16px; font-weight:bold; color:#0976b7;}
.result p {padding-bottom:9px; line-height:20px;}

.results-thumb-wrap {border:3px solid #d5d5d5;height:70px;margin:auto;position:relative;width:105px;}
.results-thumb-frame {background:none repeat scroll 0 0 #FFFFFF;height:70px;overflow:hidden;width:105px; display:block;}
.results-thumb {border:medium none;margin:0;padding:0;}
.assetType {background:url("/www/img/search/aro-gray.jpg") no-repeat 1px 9px; color:#A8A8A8; font-size:11px; font-weight:bold; padding:4px 0 0 10px; width:104px;}



/*related materials dropdown*/
.related-wrap {/*position:absolute; bottom:14px; right:14px;*/}
.related-wrap h6 a {background:url(/www/img/search/aro-gray.jpg) 0 7px no-repeat; padding:0 0 7px 10px; font-size:12px; display:block; font-weight:bold;}
.related-wrap h6.open a {background:url(/www/img/search/aro-gray.jpg) 0 -24px no-repeat;}

.related-wrap h6 a:hover {text-decoration:none; color:#3faeeb;}
.related-wrap h6.single a {background:none; display:inline; font-size:12px; font-weight:bold; padding:0;}


.related-wrap ul {background:#f7f7f7; }
.related-wrap ul li {border-top:1px dashed #dcdbdb;list-style:none outside none;margin:0;padding:0;}
.related-wrap ul li a {padding:5px 0 5px 10px; display:block;}
.related-wrap ul li a:hover {background-color:#fff; text-decoration:none;}

/*OPEN SEARCH STYLES*/
.open-search #refinedByList div.filter {margin:0;}