/*This file is required in every directory and in every individual page that has a list of something (either blog posts, recommendations or solutions)*/
/* sorting form
----------------------------------*/
form#sort {
	margin: 10px 10px 10px 18px;
	float:right;
	display:inline;
	width: auto;
	}
form#sort label {
	color: #868D99;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
	margin-right: 8px;
	float: right;
	width: 70px;
	}
form#sort select {
	vertical-align: middle;
	float:right;
	}
/*BOTTOM-BORDERED visible in DIRECTORIES-----------------------------------*/
/*div with bottom border (and blog entry div)*/
.bottom-bordered {
	margin: 5px 15px;
	border-bottom: 1px solid #ddd;
	position: relative;
	height: 1%;
	padding: 5px 0;
	}
form .bottom-bordered {
	margin: 0;
	}
#content .bottom-bordered h2,
#content .bottom-bordered h3,
#content .bottom-bordered h4,
#content .bottom-bordered p {
	margin: 0 0 5px;
	}
	#content .bottom-bordered h4 span {
		font-weight: normal;
		}
#content .bottom-bordered ul.profile-details { /*recommendations - to be changed*/
	margin: 5px 0;
	}
/*sections in bottom-bordered div - for photo, description text and control icons*/
div.description {
	float: left;
	width: 234px;
	overflow: hidden;
	margin:5px 0 0 0;
	}
	#summaryRecommendationsdiv .description,
	#recommendationsdiv .description {
		width: 352px;
		}
	div.description h2 {
		overflow: hidden;
		width: 234px;
		}
	div.description p span {
		color: #777;
		font-weight: bold;
		}
		div.description p span span {
			font-weight: normal;
			}
	#content .description ul {
		margin: 0;
		}
		#content .description ul li {
			line-height: 1.4em;
			margin: 0 0 5px;
			}
			#content .description li strong {
				color: #888;
				float: left;
				width: 65px;
				}
			#content .description li span a {
				font-weight: bold;
				}
	#content p.number-of-contacts {
		white-space:nowrap; /*IE*/
		}
/*directory shadowed -just add class 'shadowed' next to 'bottom-bordered'*/
.bottom-bordered.shadowed {
	background: transparent url(/images/bg-h2-directory.gif) repeat-x 0 0;
	border: none;
	height: 1%;
	}
.bottom-bordered.shadowed .photo {
	margin-left: 5px;
	width: 75px;
	}
	* html .bottom-bordered.shadowed .photo {
		height: 120px; /*cause IE6 doesnt read the min-height in div-photo above*/
		}
.bottom-bordered.shadowed .description.bottom {
	background-color: transparent !important;
	border-top: 1px solid #ddd;
	padding-top:5px;
	width: 345px;
	}
.bottom-bordered.shadowed h2 {
	background-color: transparent !important;
	}
.bottom-bordered.shadowed ul.subheader {
	width: 100%;
	}
.bottom-bordered.shadowed ul.subheader li {
	float: left;
	width: 49%;
	}
.bottom-bordered.shadowed .controls {
	margin-right: 5px;
	width: 98px;
	}

/*--*/
#wrap.twocols #content .bottom-bordered h2 {
	color: #001A82;
	font-size: 1.3em;
	font-weight: bold;
	margin:  0 0 3px;
	/* Ryan 28 april add this rule */
	margin-left:5px;	
	border: 0;
	padding: 0;
	background-image: none;
	background-color: #FFFFFF;
	text-transform: capitalize;
	}
	#wrap.twocols #content .bottom-bordered h2 small {
		font-size: 0.85em;
		font-weight: normal;
		}
			#wrap.twocols #content .bottom-bordered h2.enterpreneurs {
				padding-left: 25px;
				background: url(../images/icon-enterpreneurs-20.gif) no-repeat 0 5px;
				}
			#wrap.twocols #content .bottom-bordered h2.investors {
				padding-left: 25px;
				background: url(../images/icon-investors-20.gif) no-repeat 0 5px;
				}
			#wrap.twocols #content .bottom-bordered h2.professionals {
				padding-left: 25px;
				background: url(../images/icon-professionals-20.gif) no-repeat 0 2px;
				}
			#wrap.twocols #content .bottom-bordered h2.executives {
				padding-left: 25px;
				background: url(../images/icon-executives-20.gif) no-repeat 0 5px;
				}
			#wrap.twocols #content .bottom-bordered h2.researchers {
				padding-left: 25px;
				background: url(../images/icon-researchers-20.gif) no-repeat 0 5px;
				}

/*bottom bordered div with 36px icons
----------------------------------------------------*/
div.websites {
	background: url(../images/prev-website-w45.gif) no-repeat 15px 6px;
	}
div.books {
	background: url(../images/prev-book-w45.gif) no-repeat 15px 6px;
	}
div.slides {
	background: url(../images/prev-slide-w45.gif) no-repeat 15px 6px;
	}
div.videos {
	background: url(../images/prev-video-w45.gif) no-repeat 15px 6px;
	}
/*adaptations to full width in General Search Results*/
.gralsearch_results .description {
	margin-left: 15px;
	width: 420px;
	}
#content .gralsearch_results .description h2 {
	background: none;
	font-size: 1.3em;
	padding: 0;
	width: auto;
	}
.gralsearch_results .bottom-bordered.shadowed .description.bottom {
	margin-left: 0;
	width: 535px;
	}

/*bottom-bordered ends------------------------------*/

/*DIRECTORIES LEFT COLUMN
-----------------------------------------------*/
.expand {
	background: url(../images/bg-minimize-exp.gif) no-repeat 0 0;
	color: transparent !important;
	float: left;
	}
/* tag list*/
#content #content-left ul.tags-list {
    color: #777;
    font-size: 1.2em;
    list-style: disc inside;
    margin: 10px 12px;
    padding-bottom: 0;
    }
    #content #content-left ul.tags-list a,
    #content #content-left ul.tags-list strong {
    	font-weight: normal;
	}
#content #content-left .tags-list-more {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.2em 1em;
    padding: 0;
    }
/*News-dir and KC-dir*/
#content #content-left.directory div.divtohide {
	display: block;
	}
#content form.grid .expand,
#content #content-left.directory .expand {
	background-position: 100% 4px;
	color: #777 !important;
	float: none;
	padding-right: 15px;
	}
#content-left.directory ul {
	font-size: 1.2em;
	}
#content-left.directory ul.search {
	padding-left: 15px;
	}
	#content-left.directory ul.search li {
		font-weight: bold;
		list-style: disc outside;
		margin-bottom: 3px;
		width:150px;
		vertical-align:top; /*ie*/
		}
		#content-left.directory ul.search li a {
			font-weight: normal !important;
			}
#content-left.directory ul.searchic li div ul,
#content-left.directory ul.search li div ul {
	margin: 0 0 10px 15px;
	}
	#content #content-left.directory ul.searchic li div ul li,
	#content-left.directory ul.search li div ul li {
		font-size: 0.75em;
		list-style-type: circle;
		margin-bottom: 3px;
		min-height: 0;
		padding-left: 0;
		}
	#content #content-left.directory ul.searchic li a {
		font-weight: normal;
		}
#options p {
	color: #868D99;
	margin-bottom: 5px; 
	}
	#options p.filters {
		font-weight: bold;
		margin: 0 30px;
		}
		#options p.filters span a {
			background: url(../images/actions/deletex-10.gif) 100% 2px no-repeat;
			margin-left: 5px;
	    		padding-right: 16px;
			}
			#options p.filters span a:hover {
				    background-position: 100% -13px;
				    }
.emptymessage {
	background: #FAFAFA;
	border: 1px solid #eeeeee;
	color: #868D99;
	font-weight: bold;
	padding: 10px 15px;
	}
#content #content-left.directory ul.searchic li {
	border: none;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 3px;
	min-height: 18px;
	padding: 0 0 0 24px;
	}
	* html #content #content-left.directory ul.searchic li {
		height: auto;
		}
	#content #content-left.directory ul.searchic li.books {
		background: url(../images/icon-books-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.websites {
		background: url(../images/icon-websites-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.videos {
		background: url(../images/icon-videos-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.screens {
		background: url(../images/icon-screens-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.renewable {
		background: url(../images/iconscl/icon-cl-renewables-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.efficiency {
		background: url(../images/iconscl/icon-cl-efficiency-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.production {
		background: url(../images/iconscl/icon-cl-products-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.waste {
		background: url(../images/iconscl/icon-cl-waste-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.water {
		background: url(../images/iconscl/icon-cl-water-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.support {
		background: url(../images/iconscl/icon-cl-support-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.broadtopics {
		background: url(../images/iconscl/icon-cl-broad-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.economy {
		background: url(../images/iconscl/icon-ca-economy-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.policy {
		background: url(../images/iconscl/icon-ca-policy-16.gif) no-repeat 0 0;
		}
	#content #content-left.directory ul.searchic li.science {
		background: url(../images/iconscl/icon-ca-science-16.gif) no-repeat 0 0;
		}

/*left nice button in Grants Directory*/
a.button_left {
	background: url(../images/button-left.png) no-repeat scroll 0 0;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	margin: 15px 10px;
	padding: 12px 5px 5px 38px;
	width: 150px
	}
	a.button_left:hover {
		background-position: 0 -54px; 
		}
/* Emerging menus*/
.fixed-tabs ul.tabs li a {
	width: 78px;
	}
.sub_menu {
	margin-top: -1px;
	position: absolute;
	z-index:10;
	}
	#content .sub_menu a {
			background: #a0a7b1 url(../images/bg-li-tabs.gif) no-repeat scroll 0 0;
			color: #000;
			display:block;
			font-size: 1.1em;
			font-weight: normal;
			height: auto;
			margin-top: 0;
			padding: 5px;
			text-align: center;
			vertical-align: middle;
			width: 100px;
			}
	#content .sub_menu a:hover {
			background-color: #001f85;
			background-position: 100% 0;
			color: #fff;
			}
	#sub_menu_0 {
		margin-left: 10px;
		}
		* html #sub_menu_0 {
			margin-left: -190px;
			}
		*:first-child+html #sub_menu_0 {
			margin-left: -190px;
			}
	#sub_menu_1 {
		margin-left: 118px;
		}
	#sub_menu_2 {
		margin-left: 227px;
		}
	#sub_menu_3 {
		margin-left: 336px;
		}
	#sub_menu_4 {
		margin-left: 445px;
		}
	#sub_menu_5 {
		margin-left: 554px;
		}
/*grants grid sub menu*/
table .sub_menu {
	margin-left: 0 !important;
	margin-top: 6px;
	width:110px;
	}
	*html table .sub_menu {
		margin-left: -44px !important;
		}
	*:first-child+html table .sub_menu {
		margin-left: -44px !important;
		}
	#content table .sub_menu a {
		width: 128px;
		}
/*end of Directories--------------------*/