/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 0; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


body									{ font-size: 0.948em; line-height: 1.25 }
img, fieldset							{ border: none;  }

/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

h1										{ font: 200%/1.2 "Georgia"; margin-bottom:1em; font-style: italic; color: #000 }
h2,h3									{ font: 150%/1.2 "Georgia"; margin-bottom:1em; font-style: italic; color: #000  }
h4										{ font: 120%/1.2; margin-bottom:1em; color: #333  }
h1 em									{ color: #fff; font-size:85% }
h1 b									{ font-weight: normal }

p.image									{ border:1px solid #ccc; text-align: center; line-height:1.24em; padding:4px; font-size:80%; background: #eee }
p.image	img								{ display: block; margin:0 auto 4px auto}

.button									{ background: #AC3; padding:0.25em 0.9em; text-decoration: none; border:1px solid #690; -moz-border-radius: 7px; color :#333; font-size:90% }
.button:hover							{ background-color: #690; color: #fff }

img.left								{ float: left; margin: 0 35px 15px 0 }
img.right								{ float: right; margin: 0 0 15px 15px }
img.center								{ clear: both; margin: auto }

#content p								{ margin-bottom:1.5em }
#content b								{ color:#693 }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

dd										{ padding-bottom:0.5em;}
dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input,
 dd.passwordinput input					{ width:40% }
dd.textinput-tiny input					{ width:10% }



dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }


.inner									{ width:920px; margin: auto; overflow: hidden; }
.clear									{ clear:both; }

/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
#container								{ font: 90%/1.4 "Trebuchet MS"; min-width:940px; color:#333 }

#header									{ background: #ffffff url("images/head-back2.png") 50% 100% repeat-x; padding-bottom:10px; border-top:10px solid #8EB531; }
#header	p								{ float: left; padding:22px 0 10px 0 }
#header ul								{ clear: both; overflow: hidden; margin: 0; list-style:none }
#header li								{ float: left; background: #ccc url("images/tabs2.png") 100% 0 no-repeat; margin-right:2px }
#header li a							{ float: left; background: url("images/tabs2.png") 0 -96px no-repeat; padding: 8px 12px; color:#000; text-decoration: none; font-weight: bold }

#header li,
#header li a							{ _background-image:url("images/tabs.png") }


/*
#header ul li li						{ float:none; display:block; background:none; margin-right:0px; }
#header ul li li a						{ float:none; display:block; background:none; padding:4px 12px; color:#fff; font-weight:normal; font-size:90% }

#header ul li ul						{ width:180px; padding:10px; display: none; position: absolute; margin-top:35px; z-index:2000; overflow:visible; border:1px solid #eee; background:#9ABF33 }
#header ul li ul ul						{ margin-left:150px; margin-top:-30px}
#header ul li ul ul						{ display:none; }
#header ul li:hover>ul					{ display: block }
#header ul ul li:hover					{ background-color:#bAdF53 }*/
#header ul li:hover						{ background-color:#7A9F13 }


#header li.active						{ background-color:#7A9F13 }

#header #the-exchange					{ display:none; }

#navigation								{ background: #ccc }

#call-to-actions 						{ clear:both; background: #333 url("images/cta-back.png") bottom left repeat-x; padding:10px 0  }
#call-to-actions img					{ margin: 17px }
#call-to-actions .inner					{ width:936px }

#case-studies							{ padding:0 0 10px 0 }
#case-studies .inner					{ width:936px }
#case-studies .case-study-cta	 		{ margin: 10px; _margin-left:5px }
#case-studies h1						{ margin:0; background:url("images/icon-case-studies.png") 12px 0 no-repeat; padding: 0 0 4px 48px }

#contact .inner							{ width:900px; }

#contact fieldset						{ float: left }
#contact br								{ display: none }
#contact label input,
 #contact label textarea				{ display:block; width:83%; padding:2px; font-family: arial; font-size:110% }
#contact-details label					{ width: 230px; float: left; padding:5px 0 }

#contact address						{ float: right; width:200px }
#contact address br						{ display: block }


#contact #fld4							{ height: 80px }
#contact h2								{ font-size: 200% }
#contact fieldset						{ padding:0;margin:0 }

#contact #contact-details				{ width:465px }
#contact #contact-enquiry				{ width:232px }
#contact div							{ clear: both; padding-top:5px }

#contact .inner							{ width:100%; background:#fff }
#contact span							{ background: url("images/contact-tab.png") 50% 0 repeat-x; _background-image:url("images/contact-tab-ie.png"); display:block; width:100%; margin: -9px auto 0 auto ; height:44px; text-indent:-1000em}
#contact form							{ width:900px; margin: 0 auto 20px auto; padding:20px 0 }
#contact span:hover						{ background-position: 50% -45px}
#contact address						{ border-left:1px solid #ccc; padding-left:30px; width:170px; line-height:1.65 }

#content table							{ border: none }

#footer									{ background: #A6C933 url("images/footer-back.png") repeat-x 50% 100%; clear:both; padding: 15px 0; overflow: hidden; color: #fff; font-size:90%; }
#footer p.escape a						{ background: url("images/footer-credit.png") no-repeat; width:127px; height:25px; float: right; text-indent:-1000em; overflow:hidden}
#footer p.legal							{ background: url("images/footer-logo.png") no-repeat;  float: left; padding: 10px 0 0 100px }
#footer ul								{ color:#fff; padding:20px 0 10px 0; margin:0}
#footer	li								{ display: inline; margin-left: 1em }
#footer	li a							{ color:#fff }
#footer sponsors img					{ vertical-align:center  }									

#sponsors p								{ float: left; margin:1.5em 0; font: italic 120%/1.2 "Georgia";  }
#sponsors p	img							{ vertical-align: top; margin-left:10px; margin-right:20px }

#relevant-documents 					{ clear: both }
#relevant-documents .alt				{ margin:0 18px }

/*******************************************************************************
* CMS Controls                                                                 *
*******************************************************************************/

/*
.site-search							{ float: right; background: #666 url("images/search-back.png") no-repeat bottom left; padding:45px 20px 25px 20px ; width:269px; position: absolute;top:0; left:50%; margin-left:150px }
.site-search input						{ width:215px; padding:3px; border:none; -moz-border-radius: 5px }
.site-search input.button				{ width:34px; margin-left: 10px; background:#ce5  }
*/


.site-search							{ float: right; background: #666 url("images/search-back-small-2.png") no-repeat bottom left; padding:50px 10px 0px 10px ; width:217px; height:36px; margin-bottom:20px; margin-right:10px }
.site-search fieldset,
 .site-search form					{ padding:0; margin:0 }
.site-search input						{ width:170px; padding:1px; border:none; -moz-border-radius: 5px }
.site-search input.button				{ width:34px; margin-left: 6px; background:#ce5  }


.site-tags								{ text-align:center; width: 180px; padding: 10px; background: url("images/cloud-back.png") repeat-x #fc0; font-size:90%}
.site-tags a							{ padding:5px; color:#492; text-decoration:none ; line-height:1.65}
.site-tags a:hover						{ color:#000 }
.site-tags h2							{ text-align:left; background: url("images/icon-cloud.png") no-repeat; padding: 5px 0 5px 35px; font-size:130%}

.case-study-cta							{ position: relative; width:273px; float: left; background: url("images/case-study-cta-bottom.png") bottom left no-repeat; padding: 0 25px 55px 150px; margin:20px 0 }
.case-study-cta	h2						{ background: url("images/case-study-cta-top.png") no-repeat; margin:-0.25em -25px 0.4em -150px; padding:25px 25px 0 150px}
.case-study-cta img						{ position: absolute; top:20px; left:20px; border:1px solid #666 }
.case-study-cta a						{ position: absolute; bottom:15px; right:20px; width:120px; height:27px; text-indent:-1000em; overflow: hidden }


.uli-search-cta 						{ position: relative; width:347px; float: left; background: url("images/uli-search-cta-bottom.png") bottom left no-repeat; padding: 0 25px 35px 75px; margin:15px 0; color:#333; min-height:130px; _height:130px }
.uli-search-cta h2						{ background: url("images/case-study-cta-top.png") no-repeat; margin:-0.25em -25px 0.4em -75px; padding:25px 25px 0 75px; font-size:140%; color:#000 }
.uli-search-cta a						{ position: absolute; bottom:15px; right:20px; width:120px; height:27px; text-indent:-1000em; overflow: hidden }
.uli-search-cta .count					{ position: absolute; bottom:0; left:75px; margin: 0; color:#c00; }
.uli-search-cta img						{ position: absolute; top:20px; left:20px; }
.uli-search-cta.alt						{ float:right }


.uli-eert								{ float:left; width:878px; border:1px solid #e1e1e1; background: #e1e1e1 url("images/eert-back.png") repeat-x; clear: both; padding:20px; margin-bottom: 1.5em  }
.uli-eert .uli-eert-list				{ font: bold italic 110%/1.2 "Georgia"; width:225px; float:left; margin: 0 30px 0 0 }
.uli-eert .uli-eert-images				{ width:200px; float:right }
.uli-eert .uli-eert-images h3			{ margin: 1em 0 0 0 }
.uli-eert .uli-eert-content				{ width:360px; background:#ccc; float:left; padding:15px; border:1px solid #999 }
.uli-eert .uli-eert-content	img			{ vertical-align: middle; }

.uli-eert .uli-eert-list li				{ margin-bottom:1.2em; margin-left:30px }
.uli-eert .uli-eert-list a.active		{ color: #693 }
.uli-eert .uli-eert-list a:hover		{ color: #693 }
.uli-eert .uli-eert-list a				{ text-decoration: none; color:#333; }

#eert-tabs								{ font: bold italic 110%/1.2 "Georgia"; float:left;list-style:none; margin: 0 ; position: relative;top:1px}
#eert-tabs li							{ float:left; border:1px solid #ddd; background:#e6e6e6; margin-top:6px; margin-right:-1px  }
#eert-tabs a							{ background: no-repeat 10px 10px; color:#333; line-height: 44px; float:left; padding:5px 10px 5px 50px; text-decoration: none }
#eert-tabs li:hover						{ background: #eeeeee; margin-top:4px; padding:0px 0 2px 0 }
#eert-tabs li.active					{ background: #f8f8f8; border-bottom:1px solid #f8f8f8; margin-top:0; padding:3px 0 }
#eert-tabs li.eert-tab-0 a				{ background-image: url("images/icon-quickwins.png");}
#eert-tabs li.eert-tab-1 a				{ background-image: url("images/icon-quickwins.png");}
#eert-tabs li.eert-tab-2 a				{ background-image: url("images/icon-quickwins.png");}
/*
#eert-filters							{ float:right }
#eert-filters span						{ display: block; margin-left: 6px; margin-top:-1.5em; font-size:115% }
#eert-filters ul						{ float:right; list-style:none; margin: 6px 0 0 0 }
#eert-filters li						{ float:left; border:1px solid #ccc; background:#ddd; margin:1px 1px 1px 6px }
#eert-filters a							{ line-height: 36px; float:left; padding:5px 10px; text-decoration: none; color:#333 }
#eert-filters li.active					{ border: 2px solid #666;  margin:0 0 0 5px }

#eert-filters li:hover					{ border: 2px solid #666; margin:0 0 0 5px }
*/

#eert-filters							{ line-height: 20px; overflow: hidden; display: block; border:1px solid #e1e1e1; background: #e1e1e1 url("images/eert-back.png") repeat-x 50% -40px; padding:10px; margin-bottom:2em }
#eert-filters span						{ float:left; font-size:115%; margin-top:0.3em; margin-right:1em }
#eert-filters ul						{ list-style:none; margin: 0 }
#eert-filters li						{ float:left; border:1px solid #ddd; background:#e6e6e6; margin:1px 1px 1px 6px  }
#eert-filters a							{ float:left; padding:5px 10px; text-decoration: none; color:#333 }
#eert-filters li.climate-0				{ background: #6f3; }
#eert-filters li.climate-1				{ background: #ff0; }
#eert-filters li.climate-2				{ background: #3cf; }
#eert-filters li.active,
 #eert-filters li:hover					{ border: 2px solid #666; margin:0 0 0 5px }

.uli-eert h2							{ display: none }


#uli-eert-type-1 h2						{ background:url("images/icon-quickwins.png") no-repeat; }
#uli-eert-type-2 h2						{ background:url("images/icon-capital.png") no-repeat;}

/* Site Search */
/*
.lz-search-result li					{ position: relative; padding-left:54px ; background:#ccc ; padding-top:1.5em; min-height:120px; float: left; width:300px; margin-right:20px }
.lz-search-result h2					{ margin: 0 0 0.25em 0}
.lz-search-result li img				{ position: absolute; left:0; top: 1.5em }
*/

.lz-search-result						{ list-style: none; margin-left: 0 }
/*.lz-search-result li					{ clear:both; position: relative; width:265px; float: left; background: url("images/uli-search-cta-bottom.png") bottom left no-repeat; padding: 0 25px 35px 155px; margin:15px 0; color:#333; min-height:190px; _height:190px }
.lz-search-result h2					{ background: url("images/case-study-cta-top.png") no-repeat; margin:-0.25em -25px 0.4em -155px; padding:25px 25px 0 155px; font-size:140%; color:#000 }
*/.lz-search-result .alt					{ float: right; clear: right }
.lz-search-result img					{ position: absolute; top:20px; left:20px; }

a.view-more,
.lz-search-result a.more				{ position: absolute; top:0px; right:0px; width:430px; height:100%;  text-indent:-1000em; overflow: hidden; z-index:10 }

.lz-search-result li					{ clear:both; position: relative; width:275px; float: left; background: url("images/uli-search-cta-bottom.png") bottom left no-repeat; padding: 0 15px 35px 155px; margin:15px 0; color:#333; min-height:180px; _height:190px }
.lz-search-result h2					{ background: url("images/case-study-cta-top.png") no-repeat; margin:-0.15em -15px 0.4em -155px; padding:15px 15px 0 155px; font-size:140%; color:#000;  }
.lz-search-result li.cta-list			{ position:relative; }

.lz-search-result strong				{ background: url("images/case-study-cta-top.png") no-repeat; margin:-0.15em -15px 0.4em -155px; padding:15px 15px 0 155px; font-size:140%; color:#000; display:block; font: 150%/1.2 "Georgia"; margin-bottom:0em; font-style: italic; color: #000}



#content .lz-search-result p			{ margin:0 0 5px 0; }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

#header h1								{ margin: 0 }



#page									{ padding: 20px 0; overflow: auto; background:url("images/page-back.jpg") 50% 0 no-repeat }

#breadcrumbs							{ display: none }
#form-error								{ border:2px solid #caa; padding:20px; background:#fee; margin-bottom:1.5em }

dd.form-option-list	label				{ display:block; position: relative; padding-left:24px }
dd.form-option-list	label input			{ position:absolute;left:0 }

form.newsletter dd *					{ width:500px; }

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

body.home #content						{ float: left; width: 630px; padding:20px; margin:3px; font-size:120%; background: #F5FFF1; }
body.home #related						{ float: right;  margin:3px; width:200px; _width:190px; overflow:hidden}
body.home #page							{ background: #ACCE34 url("images/home-page-back.jpg") repeat-x 50% 100%; padding:30px 0 55px 0;  }
body.home #page .inner					{ padding:20px 5px 0 5px; width:910px }

body.home #preamble						{ background: #fff url("images/preamble-back.png") bottom left repeat-x; height:230px}
body.home #preamble	.ui-scroller		{ position:absolute; width:910px; height:240px; margin:20px 4px 4px 4px; _margin-bottom:-30px}


body.home #content h2			 		{ background: url("images/icon-info.png") no-repeat; padding:5px 0 5px 48px }

body.detail #preamble					{ background:#A6C933 url("images/footer-back2.png") repeat-x 50% 100%; padding:0px 0 15px 0; min-height:2.5em; _height:2.5em }
body.detail #preamble h1				{ color:#fff; width:920px; margin: 0 auto; font-size:170%; padding:22px 0; font-weight:bold }
body.detail #preamble h1 i				{ font-weight: normal }


body.two-col #content					{ float: right; width:680px }
body.two-col #related					{ float: left; width:210px }

body.two-col #related div				{ background: url("images/panel-sidebar-bottom.png") 0 100% no-repeat; padding:15px; margin-bottom:20px }
body.two-col #related div h2			{ background: url("images/panel-sidebar-top.png") no-repeat; padding:15px; margin:-15px -15px 0 -15px }
body.two-col #related ul				{ list-style: none; margin: 0 }
body.two-col #related ul a				{ color :#582; text-decoration: none; font-weight: bold }
body.two-col #related ul span			{ display: block; font-size:90%; margin-bottom:1em; color:#666 }

body.lz-search #preamble h1				{ background: url("images/preamble-lz-search.png") 0 50% no-repeat; padding-left:60px; width:860px}
body.lz-search form .controls			{ text-align: right }

body.lz-landing #page .inner			{ width:940px }
body.lz-landing #content .call-to-actions 	{ clear: both }
body.lz-landing #content .call-to-actions img		{ margin:8px 10px }


body.lz-landing #content .case-study-cta 		{ width:674px; background:url("images/case-study-cta-bottom-wide.png") 0 100%; margin:10px 12px; padding: 0 220px 55px 20px; min-height:115px }
body.lz-landing #content .case-study-cta h2		{ background: url("images/case-study-cta-top-wide.png") no-repeat; margin: 0 -220px 0 -20px; padding: 20px 220px 0 20px}
body.lz-landing #content .case-study-cta img 	{ left: 730px}
body.lz-landing #content .case-study-cta a 		{ right:220px }

body.lz-landing .cta-search					{ margin: 11px }

/*
.uli-search .active						{ background:#ff0; opacity:0.5; filter:alpha(opacity=50); zoom:1 }
*/
.uli-search 							{ border:1px solid #fff/* ie-6 hack */; margin:0 0 20px 0 }
.uli-search h2							{ margin:0 0 0.1em 0 }
.uli-search li							{ display: inline; }
.uli-search ul							{ margin: 0 }
.uli-search label						{ text-indent:-1000em; overflow:hidden}
.uli-search input						{ position: absolute; left:-1000em; }

.uli-search .slider						{ position: absolute; width:21px; height:58px; left:142px; top:67px; background:url("images/search-slider.png")}

#project-details						{ float:left; width: 420px }
#project-assets							{ float:right; width: 420px }
#project-assets	img						{ padding:8px; }

#project-assets ul.image-list 			{ list-style: none; margin-left:0 }
#project-assets ul.image-list li		{ float:left; width:200px; margin:0 0 17px 0; height:184px; line-height:164px; text-align:center; }
#project-assets ul.image-list li.alt	{ margin-left:20px }
#project-assets ul.image-list img		{ padding:0; vertical-align: middle }

#project-overview						{ float:left; width: 445px }
#project-specs							{ float:right; width: 445px }




.panel									{ background: #999 url("images/case-study-back.png") repeat-x; padding:20px; overflow: hidden; font-size:90%; margin:3px 3px 1.5em 3px; _float:left}
.panel h2								{ font-size:130%; margin: 0 0 0.2em 0; font-weight:bold }
.panel p								{ margin-bottom:1.5em }

.project-panel 							{ clear: both; background:#e4e4e4; border:1px solid #aaa; padding:10px; margin:20px 0 }
.project-panel h2						{ background: url("images/case-study-expanders.png") 370px -83px no-repeat; padding:6px 0; cursor: pointer }
.project-panel.collapsed h2				{ background-position: 370px 2px }

.project-panel div						{ padding-top:10px }
/*
.project-panel:not(:hover) div			{ display: none }
*/
/* Who are you
#uli-tag-2								{ width: 448px; float: left; margin-right:18px; }
#uli-tag-2 ul							{ list-style:none; background:url("images/search-person-type2.jpg") no-repeat; height:230px; padding:17px 10px }
#uli-tag-2 label						{ float: left; width:100px; margin:0px 20px; padding:92px 0 0 0; }

#uli-tag-2 ul.opt-0 .active				{ background: url("images/search-person-type2.jpg") -30px -288px }
#uli-tag-2 ul.opt-1 .active				{ background: url("images/search-person-type2.jpg") -170px -288px }
#uli-tag-2 ul.opt-2 .active				{ background: url("images/search-person-type2.jpg") -310px -288px }
#uli-tag-2 ul.opt-3 .active				{ background: url("images/search-person-type2.jpg") -30px -399px }
#uli-tag-2 ul.opt-4 .active				{ background: url("images/search-person-type2.jpg") -170px -399px }
#uli-tag-2 ul.opt-5 .active				{ background: url("images/search-person-type2.jpg") -310px -399px } */


/* Who are you */

#uli-tag-2								{ width: 448px; float: left; margin-right:18px; }
#uli-tag-2 ul							{ list-style:none; height:253px; padding:0; margin:0; }
#uli-tag-2 label						{ float: left; width:149px; margin:0; padding:133px 0 0 0; height:0; background:url("images/search-person-type2.jpg") no-repeat; }

#uli-tag-2 label#tag0-43				{ background: url("images/search-person-type2.jpg") 0 0 }
#uli-tag-2 label#tag0-46				{ background: url("images/search-person-type2.jpg") -149px 0 }
#uli-tag-2 label#tag0-47				{ background: url("images/search-person-type2.jpg") -299px 0}
#uli-tag-2 label#tag0-48				{ background: url("images/search-person-type2.jpg") 0 -133px; padding-top:120px; }
#uli-tag-2 label#tag0-49				{ background: url("images/search-person-type2.jpg") -149px -133px; padding-top:120px; }
#uli-tag-2 label#tag0-50				{ background: url("images/search-person-type2.jpg") -299px -133px; padding-top:120px; }

#uli-tag-2 label#tag0-43.active			{ background: url("images/search-person-type2.jpg") 0px -271px }
#uli-tag-2 label#tag0-46.active			{ background: url("images/search-person-type2.jpg") -149px -271px }
#uli-tag-2 label#tag0-47.active			{ background: url("images/search-person-type2.jpg") -299px -271px }
#uli-tag-2 label#tag0-48.active			{ background: url("images/search-person-type2.jpg") 0px -404px }
#uli-tag-2 label#tag0-49.active			{ background: url("images/search-person-type2.jpg") -149px -404px }
#uli-tag-2 label#tag0-50.active			{ background: url("images/search-person-type2.jpg") -299px -404px }


/* Where are you */

/*
#uli-tag-4								{ width: 448px; float: left;  }
#uli-tag-4 ul							{ list-style:none; background:url("images/search-location.jpg") no-repeat; width:408px; height:220px; padding:20px }
#uli-tag-4 li							{ display:block; width:32%; float:left; margin:1px 0 }
#uli-tag-4 li label						{ padding:1px 5px }
#uli-tag-4 .active						{ background: #8a4; color:#fff }
*/

#uli-tag-4								{ width: 448px; float: left; cursor: default;  }
#uli-tag-4 div							{ background:url("images/search-location.jpg") no-repeat; list-style:none; width:408px; height:220px; padding:20px }
#uli-tag-4 b							{ cursor: pointer; padding: 0 0.25em }
#uli-tag-4 b:hover						{ background:#693; color:#fff }

#uli-tag-4 ul							{ border-bottom:1px solid #ccc; margin-top:10px; list-style: none }
#uli-tag-4 li							{ display:block; padding: 4px 0; border-top:1px solid #ccc; }
#uli-tag-4 li label						{ padding:5px 5px; cursor: pointer; text-indent:0}
#uli-tag-4 .active						{ background: #8a4; color:#fff }



/* Building type 

#uli-tag-3 ul.opt-0 .active				{ background: url("images/search-building-type2.jpg") 0 -177px }
#uli-tag-3 ul.opt-1 .active				{ background: url("images/search-building-type2.jpg") -151px -177px }
#uli-tag-3 ul.opt-2 .active				{ background: url("images/search-building-type2.jpg") -302px -177px }
#uli-tag-3 ul.opt-3 .active				{ background: url("images/search-building-type2.jpg") -453px -177px }
#uli-tag-3 ul.opt-4 .active				{ background: url("images/search-building-type2.jpg") -604px -177px }
#uli-tag-3 ul.opt-5 .active				{ background: url("images/search-building-type2.jpg") -755px -177px }
*/

/* Building type */

#uli-tag-3								{ clear: both}
#uli-tag-3 ul							{ list-style:none;  height:168px; }
#uli-tag-3 label						{ float: left; width:150px;  background:url("images/search-building-type2.jpg") no-repeat;  padding:140px 0 0 0; }

#uli-tag-3 label#tag2-52				{ background-position: 0 0 }
#uli-tag-3 label#tag2-53				{ background-position: -152px 0 }
#uli-tag-3 label#tag2-54				{ background-position: -304px 0 }
#uli-tag-3 label#tag2-55				{ background-position: -456px 0 }
#uli-tag-3 label#tag2-56				{ background-position: -608px 0 }
#uli-tag-3 label#tag2-63				{ background-position: -760px 0 }

#uli-tag-3 label#tag2-52.active			{ background-position: 0 -170px }
#uli-tag-3 label#tag2-53.active			{ background-position: -152px -170px }
#uli-tag-3 label#tag2-54.active			{ background-position: -304px -170px }
#uli-tag-3 label#tag2-55.active			{ background-position: -456px -170px }
#uli-tag-3 label#tag2-56.active			{ background-position: -608px -170px }
#uli-tag-3 label#tag2-63.active			{ background-position: -760px -170px }



/* Development stage */
#uli-tag-5								{ clear: both; position: relative }
#uli-tag-5 ul							{ list-style:none; background:url("images/search-development-type.jpg") no-repeat; overflow:auto; height: 162px }
#uli-tag-5 label						{ float: left; width:182px  }
#uli-tag-5 em							{ font-size:90%; color:#794 }



#article-rating							{ clear:both; width:680px; padding:0; float:left; overflow:hidden;  margin:0 0 10px 0;}
#article-rating h2						{ clear:both; border-bottom:1px solid #ccc; padding-bottom:1em}
#article-rating p						{ float:right; padding-top:10px; font-weight: bold}
#article-rating em						{ font-size:175%; vertical-align: middle; color:#a6c933;  }
#article-rating ul						{ list-style:none; margin:0; float:left; }
#article-rating ul li					{ margin:0; padding:0; float:left; }
#article-rating ul li a 				{ float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em;  background:url("images/star.png") 0 0 no-repeat #ccc;  }
#article-rating ul li a.selected		{ background-color:#A6C933; }
#article-rating ul:hover li a.selected		{ background-color:#333; }

.news-article-comments h2,
.article-rating h2,
.news-article-comment-form h2			{ clear:both; padding-top:1.5em;  }

.news-article-comments h3				{ font-size:120%; border-top:2px solid #ccc; padding-top:0.75em}

.news-article-comment-form form			{ background:#e4e4e4; padding:15px }


#policy-countries 	 					{ list-style: none; font-family:"Gerogia"; font-size:150%; margin: 0 }
#policy-countries li 					{ width:25%; float:left; background: url("images/case-study-expanders.png") no-repeat; margin:5px 0}
#policy-countries a 					{ color:#333; padding-left:32px; text-decoration: none }



#comments								{ clear:both; overflow: hidden; }
#comments h1							{ margin-top:2em}

#comments dl							{ line-height: 1.2em; overflow:hidden; width:100%; margin-bottom:3em; }
#comments dt							{ float:left; clear: both; width:250px; font-size:80%; line-height:40px; border-top:1px solid #ccc; padding:15px 0}
#comments dd							{ float:left; margin:0; width:670px; border-top:1px solid #ccc; padding:15px 0 }
#comments dt span						{ background:#8b5; color:#fff; float: left; width:40px; margin-right:10px; line-height:40px; text-align: center; font-size:26px }
#comments textarea						{ width:98% }

#article-rating							{ margin-bottom: 3em; margin-top:2em}

.comment-summary						{ float: left; width:430px; margin-right:20px }
.comment-summary span					{ background:#8b5; color:#fff; float: left; width:35px; margin-right:10px; line-height:35px; text-align: center; font-size:20px }
.comment-summary ul 					{ list-style: none; margin-left:0; border-top:1px solid #ccc }
.comment-summary li 					{ clear: both; padding: 0.5em 0;overflow:hidden; border-bottom:1px solid #ccc }
.comment-summary i						{ color:#666; display:block; font-size:80% }

table.doc-list							{ border: 1px solid #ccc; width :99.5%; margin-left:auto; margin-right:auto }
table.doc-list img						{ height: 32px; float: left; margin-right: 10px }
table.doc-list td						{ padding: 0.3em 0.75em; line-height: 28px; border:1px solid #ccc; background: #f0f8d8 }
table.doc-list th						{ padding: 0.3em 0.75em; border-right: 1px solid #fff }

#user-login,
#user-reminder							{ width:405px; float: left; background:#ddd; padding:20px; min-height:230px; _height:230px }
#user-login								{ margin-right:30px }
#user-login dd input,
 #user-reminder dd input				{ width:235px;  }

#help									{ position: fixed; _position:absolute; right:0; top:100px; background: #000 url("images/help-tab.png") 11px 50% no-repeat; height:110px; width:40px; border:3px solid #fff; border-right:none; font-size:1px;overflow:hidden;-moz-box-shadow: 0px 0px 6px #333; color:#000  }
#help:hover								{ background-color:#333; padding-right: 4px }

#newsletter								{ position: fixed; _position:absolute; right:0; top:230px; background: #8EB531 url("images/newsletter-tab.png") 11px 50% no-repeat; height:139px; width:40px; border:3px solid #fff; border-right:none; font-size:1px;overflow:hidden;-moz-box-shadow: 0px 0px 6px #333; color:#8EB531  }
#newsletter:hover						{ background-color:#7AA02E; padding-right: 4px }


/* Twitter List */

#twitter-list							{ position:relative; margin-bottom:25px; }
#twitter-list h2						{ }
#tweets									{ background: #eee; padding: 15px 0; color:#333; min-height:130px; overflow:hidden; border:1px solid #ccc; }
#twitter-list ul						{ list-style:none; margin:0; width:920px; background:url("images/twitter-bg.png") 0 0 repeat-y; overflow:auto; }
#twitter-list ul li						{ float:left; width:185px; padding:0 20px; }
#twitter-list a.follow							{ clear:both; position:absolute; top:0; right:0; background:url("images/generic-arrow-link.png") top right no-repeat; padding-right:30px;  font: 130%/1.2 "Georgia"; margin-bottom:1em; font-style: italic; color: #000; text-decoration:none;}

/* ULI Mini Search */


form.small-uli-search					{ background:#eee; overflow:auto; }
form.small-uli-search div				{ border:0px solid red; width:210px; float:left; padding:10px; }
form.small-uli-search div ul			{ list-style:none; margin:0; }
form.small-uli-search h2				{ font-size:140%; }


/* radius corners */

#contact label input,
 #contact label textarea,
 #tweets						{ border:1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px }
 

/* glows */

body.home #content,						
 body.home #related,
#header ul li ul					{ 
											-moz-box-shadow: 0px 0px 6px #333; 
											-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#555555, strength=2);";
											filter:progid:DXImageTransform.Microsoft.Glow(color=#555555, strength=2);
										}
										
#preamble .ui-scroller/*,
	.panel	*/							{ 
											-moz-box-shadow: 0px 0px 7px #555; 
											-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#777777, strength=2);";
											filter:progid:DXImageTransform.Microsoft.Glow(color=#777777, strength=2);
											
										}