/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Verdana, sans-serif; font-size:12px; color:#000; background:#fff;}
p { padding-bottom:15px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
sub {vertical-align:sub; font-size:0.8em;}
a { font-weight:bold; text-decoration:none; color:#0097dc;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 17px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 1px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#F6F5F5; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1, h2 { font-size: 180%; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; padding:0px 0px 8px 0px; margin:0px 0px 13px 0px; border-bottom:1px solid #7f7f7f;}
h2 { font-size: 140%;}
h3 { font-size: 100%; color:#000; font-weight:bold; padding:0px 0px 10px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;}

#masthead { float:left; width:965px; padding:45px 0px 0px 15px; margin:0px 0px 20px 0px; background:#0097dc;}
	#masthead .logo { float:left; width:540px; height:50px; margin:0px 0px 15px 0px; text-indent:-9999px; background:url('/_images/logos/smart-screen.gif') no-repeat 0px 0px;}

	#masthead fieldset { float:right; width:210px; background:#fff; margin:55px 0px 0px 0px;}
		#masthead label { position:absolute; margin-left:-9999px;}
		#masthead .volatile { display:inline; float:left; width:135px; padding:4px 0px 0px 3px; color:#000; border:1px solid #fff;}
		#masthead .formbutton { float:right;}

	#nav { float:left; width:730px;}
		#nav li { float:left; display:inline; padding:0px 25px 0px 25px;}
		#nav .home { padding:0px 25px 0px 3px;}
		
		#nav .home a { width:34px; background:url('/_images/buttons/nav/home.gif') no-repeat 0px 0px;}
		#nav .faqs a { width:28px; background:url('/_images/buttons/nav/faqs.gif') no-repeat 0px 0px;}
		#nav .publications a { width:83px; background:url('/_images/buttons/nav/publications.gif') no-repeat 0px 0px;}
		#nav .analysis a { width:55px; background:url('/_images/buttons/nav/analysis.gif') no-repeat 0px 0px;}
		#nav .contact a { width:70px; background:url('/_images/buttons/nav/contact-us.gif') no-repeat 0px 0px;}
		#nav .login a { width:102px; background:url('/_images/buttons/nav/login-register.gif') no-repeat 0px 0px;}
		#nav .myaccount a { width:74px; background:url('/_images/buttons/nav/my-account.gif') no-repeat 0px 0px;}
		#nav .logout a { width:45px; background:url('/_images/buttons/nav/logout.gif') no-repeat 0px 0px;}

		#nav li a { float:left; display:block; height:28px; color:#fff; text-indent:-9999px;}
		#nav a:hover, #nav a:focus, #nav a.selected { background-position:0px -28px;}

#leftCol { float:left; width:210px;}
	#leftCol .casestudyPod { float:left; width:200px; height:253px; padding:0px 4px 0px 4px; margin:0px 0px 20px 0px; border:1px solid #d1d1d1;}
		#leftCol .casestudyPod h2 { padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; border-bottom:none;}
		#leftCol .casestudyPod form, #leftCol .casestudyPod div { float:left; width:180px; padding:15px 10px 20px 10px;}
		#leftCol .casestudyPod div { margin:5px 0px 0px 0px; border-top:1px solid #e8e8e8;}

	#leftCol .casestudyPod fieldset { float:left; width:180px; margin:0px 0px 15px 0px; background:url('/_images/bg/casestudy-search.gif') no-repeat bottom center;}
		#leftCol .casestudyPod label { float:left; width:180px; padding:0px 0px 10px 0px;}
		#leftCol .casestudyPod .volatile { float:left; display:inline; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 2px; border:1px solid #fff;}
		#leftCol .casestudyPod .formbutton, #leftCol .casestudyPod form a { float:right;}

	#leftCol .publications { clear:both; float:left; width:210px; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px;}
	#leftCol .publications img { float:left;}
	
	#leftCol .climateGroup { clear:both; float:left; width:210px; padding:10px 0px 0px 0px; margin:0px 0px 40px 0px; border-top:1px solid #7f7f7f;}
	
	#leftCol .partnerLogos { float:left; width:210px; padding:0px 0px 20px 0px;}
	#leftCol .partnerLogos li { float:left; width:210px; padding:0px 0px 20px 0px;}
	#leftCol .partnerLogos img { float:left;}

#content { float:right; width:750px; padding:0px 0px 20px 0px;}
#supportingPartners, #footer { float:left; width:970px; padding:10px 5px 10px 5px; border-top:1px solid #7f7f7f;}
	#supportingPartners li, #footer li { display:inline; float:left; padding:0px 10px 0px 10px; font-weight:bold; background:url('/_images/bullets/footer-black.gif') no-repeat 100% 50%;}
	#supportingPartners .first, #supportingPartners .last, #footer .first, #footer .redant { background:none;}
	#supportingPartners a, #footer a { font-weight:normal; color:#000;}
	#supportingPartners a:hover, #supportingPartners a:focus, #footer a:hover, #footer a:focus { text-decoration:none; color:#0097dc;}

#footer { border-top:none; background:#7f7f7f; font-size:11px;}
	#footer li { font-weight:normal; color:#fff; background:url('/_images/bullets/footer-white.gif') no-repeat 0% 50%;}
	#footer a { color:#fff;}
	#footer .redant { float:right;}

#content #breadcrumb {float:left; width:750px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font-size:11px;}
	#content #breadcrumb li { float:left; display:inline; padding:0px 10px 0px 10px; background:url("/_images/bullets/breadcrumb.gif") no-repeat 0px 5px;}
	#content #breadcrumb .first { padding:0px 10px 0px 0px; background:none;}
	#content #breadcrumb a { font-weight:normal;}

/********************************************************************/
/*                           homepage tags                          */
/********************************************************************/

	#homeBanner { position:relative; float:left; width:750px; height:255px; margin:0px 0px 20px 0px;}
	#homeBanner img { float:left;}
	
	.col { width:360px; padding:0px 0px 15px 0px;}
	
	#content .latestBlog { float:right;}
	#content .latestBlog li { float:left; width:335px; padding:0px 0px 10px 25px; background:url('/_images/bullets/blog.gif') no-repeat 3px 0px;}
	#content .latestBlog li a { font-weight:normal; color:#3e3e3e;}
	#content .latestBlog li a strong { padding:0px 5px 0px 0px;}

	#content #homeMap { float:left; width:750px; height:322px; margin:0px 0px 20px 0px;}

/********************************************************************/
/*                           Contact tags                           */
/********************************************************************/

#content .contact { float:left; width:600px;}
#content .contact fieldset, #content .login fieldset, #content .browse fieldset { float:left; width:500px; padding:20px 49px 20px 49px; margin:0px 0px 20px 0px; border:1px solid #ccc; background:#F6F5F5;}
	#content .contact label, #content .login label, #content .browse label { float:left; width:170px; padding:3px 10px 0px 0px;}
	#content .contact span, #content .login span { color:#EF3C2D;}
	#content .contact .textfield, #content .contact select, #content .contact textarea, 
	#content .login .textfield, #content .login select, #content .login textarea, 
	#content .browse .textfield, #content .browse select, #content .browse textarea { float:left; width:310px; padding:3px 4px 3px 4px; margin:0px 0px 5px 0px; border:1px solid #ccc;}
	#content .contact select { width:320px; padding:2px 3px 2px 4px;}
	#content .contact textarea { height:100px; overflow:auto;}
	#content .contact .fielderror, #content .login .fielderror { float:left; width:478px; padding:2px 0 12px 22px; color:#ef3c2d; background:url('/_images/bullets/error.gif') no-repeat 0px 1px;}
	#content .contact .formbutton, #content .login .formbutton { float:right; margin:15px 0px 0px 0px;}
	#content .contact h2, #content .login h2 { border-bottom:1px solid #ccc;}
	
	#content .contact .addCompany textarea { height:50px;}
	
	#content .login { width:360px; padding:0px 0px 15px 0px;}
		#content .login fieldset { float:left; width:330px; padding:20px 14px 20px 14px;}
		#content .login label { width:115px; padding:3px 5px 0px 0px;}
		#content .login .textfield, #content .login select, #content .login textarea { width:200px;}
		#content .login select { width:210px;}
		#content .login textarea { height:100px; overflow:auto;}
		#content .login .fielderror { width:338px;}
	
	#content .browse fieldset { width:748px; padding:20px 0px 18px 0px;}
	#content .browse fieldset .col { width:340px; padding:0px 14px 0px 14px;}
		#content .browse label { width:120px;}
		#content .browse .textfield, #content .browse select, #content .browse textarea { width:200px;}
		#content .browse select { width:210px;}
		#content .browse .formbutton { float:right; margin:0px 0px 0px 0px;}

	#content .contact p { padding:10px 0px 3px 0px;}
	#content .contact .mandatory { padding:0px 0px 15px 0px;}
	#content .contact .hidden { position:absolute; margin-left:-9999px;}
	#content .contact .textfield.short, #content .contact select.short { width:150px;}
	#content .contact .textfield.short { display:inline; margin:0px 10px 5px 0px;}
	
	#content .selectoptions, #content .selectoptions li { float:left; width:500px; padding:10px 0px 10px 0px;}
		#content .selectoptions li { padding:0px 0px 5px 0px; background:none;}
		#content .selectoptions li input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
		#content .selectoptions li label { float:right; width:480px; padding:0px 0px 0px 0px;}


#content #casestudy, #content #casestudy ul, #content #casestudy li, #content #casestudy .tags { float:left; width:450px;}
	#content #casestudy ul { padding:0px 0px 45px 0px;}
	#content #casestudy li { width:430px; padding:15px 10px 15px 10px; background:none;}
	#content #casestudy .bg, #casestudyMedia .profile .bg, #casestudyMedia .profile .email { background:#f1f1f1;}
	#content #casestudy h3 { padding:0px 0px 5px 0px;}
	
	#content #casestudy li ul, #content #casestudy li ol { padding:0px 0px 10px 0px;}
	#content #casestudy li li { width:413px; padding:0px 0px 3px 17px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 2px;}
	#content #casestudy li ol li { width:413px; padding:0px 0px 3px 0px; background:none;}

	#content #casestudy .tags h3 { float:left; width:30px; padding:1px 0px 0px 0px;}
	#content #casestudy .tags ul { float:right; width:420px; padding:0px 0px 0px 0px;}
	#content #casestudy .tags li { display:inline; width:auto; padding:0px 0px 5px 10px;}
	#content #casestudy .tags li a { font-weight:normal;}
	#content #casestudy .tags li a:hover, #content #casestudy .tags li a:focus { color:#000;}
	
	#casestudyMedia, .mediaSection, #content .gallery { float:right; width:270px;}
	.mediaSection { padding:0px 0px 25px 0px;}
	.casestudyMap { float:left; width:270px; height:210px;}

	#casestudyMedia .profile div, #casestudyMedia .profile dl { float:left; width:270px;}
		#casestudyMedia .profile div { height:80px; text-align:center; margin:10px 0px 15px 0px;}
		#casestudyMedia .profile dt, #casestudyMedia .profile dd { float:left; width:160px; padding:5px 5px 5px 5px;}
		#casestudyMedia .profile dt { width:90px; font-weight:bold;}
		#casestudyMedia .profile ul { padding:0px 0px 0px 0px;}
		
	#casestudyMedia .companies h3, #casestudyMedia .companies ul { padding:0px 0px 3px 0px;}
	#casestudyMedia .companies li { padding:0px 0px 10px 17px;}
	
	#casestudyMedia .profile p { float:left; width:260px; padding:5px 5px 5px 5px;}
	
	#content .gallery li { display:inline; float:left; width:70px; height:70px; padding:4px 4px 4px 4px; margin:0px 0px 15px 15px; border:1px solid #E1E1E1; background:none;}
		#content .gallery .first { margin:0px 0px 15px 0px;}
		#content .gallery li img { float:left;}

	#content .formOptions, #content .pageOptions { float:left; width:100%;}
		#content #casestudy .pageOptions { float:left; width:450px; padding:15px 0px 15px 0px;}
		#content .formOptions li, #content .pageOptions li, #content #casestudy .pageOptions li { display:inline; background:none; width:auto;}
		#content .formOptions .fl, #content .pageOptions .fl, #content #casestudy .pageOptions .fl { padding:0px 15px 0px 0px;}
		#content .formOptions .fr, #content .pageOptions .fr, #content #casestudy .pageOptions .fr { padding:0px 0px 0px 15px;}
	


/********************************************************************/
/*                             Module                               */
/********************************************************************/

#content .pagenumbers  { float:right; width:auto; padding:10px 0px 20px 0px;}
	#content .pagenumbers li { float:left; display:inline; list-style-type:none; text-align:center; margin:0 5px 0 0; padding:0; background:none;}
	#content .pagenumbers a { display:block; padding:0; color:#000; text-decoration:none; font-weight:normal; width:20px; text-align:center; height:21px; line-height:21px;}
	#content .pagenumbers .selected a, #content .pagenumbers a:hover, #content .pagenumbers a:focus { color:#fff; text-decoration:none; background:url('/_images/bg/paging-select.gif') center center no-repeat;}

	#content .pagenumbers li.first a, #content .pagenumbers li.prev a, #content .pagenumbers li.next a, #content .pagenumbers li.last a { text-indent:-9999px; background-image:url('/_images/bg/paging.gif'); background-position:0px 0px; background-repeat:no-repeat;}
			
	#content .pagenumbers li.prev a { background-position:-20px 0px;}
	#content .pagenumbers li.next a { background-position:-40px 0;}
	#content .pagenumbers li.last a { background-position:-60px 0;}

	#content .pagenumbers li.first a:hover, #content .pagenumbers li.first a:focus { background:url('/_images/bg/paging.gif') 0px -21px no-repeat;}
	#content .pagenumbers li.prev a:hover, #content .pagenumbers li.prev a:focus { background:url('/_images/bg/paging.gif') -20px -21px no-repeat;}
	#content .pagenumbers li.next a:hover, #content .pagenumbers li.next a:focus { background:url('/_images/bg/paging.gif') -40px -21px no-repeat;}
	#content .pagenumbers li.last a:hover, #content .pagenumbers li.last a:focus { background:url('/_images/bg/paging.gif') -60px -21px no-repeat;}

#content .moduleList { float:left; width:750px; border-top:1px solid #d1d1d1;}
#content .moduleList.browsebyType { border-top:none; padding:0px 0px 25px 0px;}
	#content .moduleList li { float:left; width:725px; padding:20px 0px 10px 25px; border-bottom:1px solid #d1d1d1; background:url('/_images/bullets/bullet-large.gif') no-repeat 3px 19px;}
	#content .moduleList.browsebyType li { padding:10px 0px 0px 25px; background:url('/_images/bullets/bullet-large.gif') no-repeat 3px 9px;}
	#content .moduleList li ul { float:left; width:725px;}
	#content .moduleList li li { width:708px; padding:0px 0px 5px 17px; border:none; background:url('/_images/bullets/bullet.gif') no-repeat 0px 1px;}
	#content .moduleList h2, #content .moduleList h3 { font-size:14px; letter-spacing:0px; text-transform:uppercase; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; border:none}

.searchedFor { float:left; width:710px; padding:15px 19px 15px 19px; margin:0px 0px 15px 0px; border:1px solid #E1E1E1; background:#F6F5F5;}

#content .moduleList li table ul, #content .moduleList li table li { float:none; width:auto;}

/********************************************************************/
/*                            My Account                            */
/********************************************************************/

#content table.currentProjects { margin:0px 0px 30px 0px; border:1px solid #e1e1e1;}
	#content table.currentProjects th, #content table.currentProjects td { padding:10px 10px 10px 10px; border-right:none;}
	#content table.currentProjects td { padding:7px 10px 7px 10px; vertical-align:middle;}
	#content table.currentProjects a { text-transform:uppercase; font-size:11px;}
	#content table.currentProjects .delete { width:40px;}
	
	#content table .ac { text-align:center;}
	#content table .al { text-align:left;}
	#content table.currentProjects th+th+th+th+th, #content table.currentProjects td+td+td+td+td { text-align:center;}
	
#content .stepNav { float:left; width:748px; padding:0px 0px 0px 0px; margin:0px 0px 30px 0px; border:1px solid #E1E1E1; background:#e1e1e1;}
	#content .stepNav li { display:inline; float:left; padding:0px 0px 0px 0px; background:none;}
	#content .stepNav li a { display:block; float:left; width:187px; padding:5px 0px 5px 0px; color:#000; font-size:14px; text-transform:uppercase; text-align:center; text-decoration:none;}
	#content .stepNav li a.selected, #content .stepNav li a:hover, #content .stepNav li a:focus { background:#fff;}

#content #sitemap, #content #sitemap li, #content #sitemap li ul { float:left; width:733px;}
	#content #sitemap li { padding:0px 0px 15px 17px;}
	#content #sitemap li ul { padding:10px 0px 0px 0px;}
	#content #sitemap li li { display:inline; width:auto; padding:0px 10px 0px 10px; background:url('/_images/bullets/footer-black.gif') no-repeat 0px 2px;}
	#content #sitemap li a { color:#000; text-transform:uppercase; font-size:15px; text-decoration:none;}
	#content #sitemap li a:hover, #content #sitemap li li a { color:#0097dc;}
	#content #sitemap li li a { font-weight:normal; text-transform:none; font-size:12px; text-decoration:underline;}
	#content #sitemap li .first { background:none;}

#content table.htmlarea, #content table.toolbarRow
{
	width:auto;
	margin:0px;

}
 #content table.toolbarRow
{
	border:none;
}

#content table.htmlarea td, #content table.toolbarRow td.toolbarElement
{
	width:auto;
	border:none;
	padding:0px;
}

#content table.htmlarea td
{
	border:none;
}

   form.contact  .htmlarea .toolbar {
        padding: 0px 5px;
    }
    form.contact .htmlarea .button {
        background: none;
        width: auto;
        height: 22px;
        width: 22px;
        padding: 0px;
        margin: 0px;
    }

  

    form.contact .htmlarea .buttonActive .buttonImageContainer,
    form.contact  .htmlarea .buttonPressed .buttonImageContainer
    {
      border: 1px solid;
      border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    }
   form.contact  .htmlarea .buttonPressed .buttonImageContainer {
        background: ButtonHighlight;
    }
   form.contact  .htmlarea select {
        display: block;
        clear: none;
        float: none;
        margin: 0px;
        line-height: auto;
        width: 50px;
        padding: 3px;
    }
form.contact .htmlarea .toolbar, form.contact .htmlarea .button {
    background-color: #F8F8F8;
    line-height: 24px;
    vertical-align: middle;
    display: block;
}

form.contact .htmlarea .toolbar .separator {
  /*position: relative;*/
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 18px;
  padding: 0px;
}

form.contact .htmlarea .toolbarElement {
    overflow: hidden;
}

form.contact .htmlarea .toolbarRow td {
   /* height: 24px;*/
    vertical-align: middle;
   /* line-height: 24px;*/
}
form.contact .htmlarea .statusBar {
    display: none;
}