/* CSS Document */

/*general layout*/

body{background:#71909b url(../img/main-bg-open-green.gif) repeat-x; margin:0 auto;padding:0px;color:#696969;font-family: Arial, Helvetica, sans-serif;
min-width:770px;cursor:default;min-width:960px}
html, body{font-size:13px;font-family: Arial, Helvetica, sans-serif;font-size:13px;}
#viewProject{background:#f5f5f5 url(../img/viewproject-light-bg.gif) repeat-x;margin:0;}
h1,h2,h3,h4,p,label, a,table{margin:0px;padding:0px;font-family: Arial, Helvetica, sans-serif; font-weight:100;text-decoration:none}
a img{border:none;outline:none;}
a{color:#5ECFDD}
b, strong{font-weight:bold}
.floatright{float:right;}
.floatleft{float:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.smalltext{font-size:.75em;}
.addresstext{font-size:.85em;line-height:1.2em;}
.greytext{color:#999;}
.lightgreytext{color:#f0f0f0;}
.redtext{color:#f99}
.darkredtext{color:#990033}
.gimmepointer{cursor:pointer}
.fakelink{cursor:pointer;color:#5ECFDD}
.size16{font-size:16px!important}
.lightgreen{color:#9fd6dd}
.hide{visibility:hidden;}
.underline{text-decoration:underline;cursor:pointer}
.greenhr{background:url(../img/greengroove.gif);height:2px;display:block;margin:20px 0px 10px 0px}
.greyhr{height:2px;display:block;margin:5px 0px 5px 0px;background:#999999}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


a.buttonsprite{background:url(../img/button-subtle.gif) no-repeat top right;margin:0px;padding:3px 0px 3px 0px;text-align:center;color:#333!important;font-weight:bold;font-size:13px;cursor:pointer;text-decoration:none!important;margin-bottom:15px!important;display:inline-block;
line-height: 16px;height:16px;overflow:hidden;
}
.buttonsprite span{background:url(../img/button-subtle.gif) no-repeat top left;text-decoration:none!important;
    line-height: 15px;
    margin-right: 15px;
    padding: 3px 0 4px 15px;
}
a.buttonsprite img{margin: 0px 5px -4px -5px}

.buttonsprite2014{
	display:inline-block;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(top,#E9E9E9 0%,#DADADA);
	background: -webkit-gradient(linear, left top, left bottom,from(#E9E9E9),to(#DADADA));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #828282;
	text-shadow:0px -1px 0px rgba(000,000,000,0),0px 1px 1px rgba(255,255,255,0.2);
	cursor:pointer;
}
.buttonsprite2014:hover{background: -moz-linear-gradient(top,#fafafa 0%,#DADADA);
	background: -webkit-gradient(linear, left top, left bottom,from(#fafafa),to(#DADADA));}

.buttonongreen{background:url(../img/button-subtle-on-green.gif) no-repeat top right !important;color:#556c74!important; font-weight:100!important}
.buttonongreen span{background:url(../img/button-subtle-on-green.gif) no-repeat top left!important; }

a.buttonsprite:hover, .buttonongreen:hover{background-position:right -22px!important}
a.buttonsprite.active{background-position:right -22px}

a.buttonsprite:hover span, .buttonongreen:hover span {background-position:0px -22px!important}
a.buttonsprite.active span{background-position:0px -22px;color:#4DADC0}


/*button sprite green filter closer*/
a.greencloser{background:url(../img/side-panel-buttons.gif) no-repeat right -138px;padding: 2px 0 3px 0;margin-top:10px}
a.greencloser span{background:url(../img/side-panel-buttons.gif) no-repeat left -138px;padding: 2px 0 3px 25px}

a.greencloser:hover{background-position:right -159px!important}
a.greencloser:hover span{background-position:left -159px!important}


/******************/
a.buttonsprite-large{background:url(../img/side-panel-buttons.gif) no-repeat top right;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	/*text-align:center;*/
	width:235px;
	color:#c8e6f1!important;
	font-size:14px;
	line-height:16px;
		cursor:pointer;text-decoration:none!important;
	display:inline-block;overflow:hidden;
}

.buttonsprite-large span{background:url(../img/side-panel-buttons.gif) no-repeat top left;
padding: 5px 0px 5px 35px;margin-right:30px;text-decoration:none!important;
}

a.buttonsprite-large img{margin: 0px 5px -3px -5px}
a.buttonsprite-large:hover span {background-position:0px -26px!important}

a.buttonsprite-large.active, a.buttonsprite-large:hover{background-position:right -26px}
a.buttonsprite-large.active span{background-position:0px -26px;color:#cde7f1}

.buttoncss3{display:inline-block;padding:0.5em 1em!important;background:rgba(66,66,66,0.2);border-radius:4px;}
/****************/




/****************************/

button{font:13px Arial, Helvetica, 'sans-serif'; padding:0;}
button::-moz-focus-inner {border: none;  /* overrides extra padding in Firefox */}
#messagebox{padding:10px 10px;margin:5px 20px ;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color: #333;background:#5ECFDD; width:50%}
.whitecurvebox #messagebox{float:left;margin:20px 20px;}

.usermessage{position:absolute;background:#E9EEF0;color:#2F3639;padding:15px 20px;top:140px;margin-left:30%;
margin-right:30%;width:40%;border:4px solid #576A6F;z-index:5000;
-moz-box-shadow: -1px 3px 45px rgba(0, 0, 0, .2);
}
.usermessage #closeicon{position:absolute;top:5px;right:5px; width:16px;height:16px;background:url(../img/close.png);cursor:pointer}
.usermessage h3{font-size:18px; color:#2F3639!important}
.usermessage img, #messagebox img{padding:0px 10px 0px 0px;margin-bottom:-4px}


/****************************/

/**************  general warning and info boxes **********************/

.infobox, .successbox, .warningbox, .errorbox, .validationbox {
border: 1px solid;
margin: 10px 0 10px 0;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;word-break: break-all;
max-width:1000px;
}

#sidebar .infobox, #sidebar .successbox,#sidebar .warningbox,#sidebar .errorbox,#sidebar .validationbox  {margin: 10px 9.3% 0 0;}
.infobox {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/new-info-icons/info-icon.png');
}
.successbox {
color: #4F8A10;
background-color: #e3f08a;
background-image:url('../img/new-info-icons/success-icon.png');
}
.warningbox {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/new-info-icons/warning-icon.png');
}
.warningbox a{color:#E14300; padding:10px 0px;display:inline-block;}
.warningbox a:hover{color:#C13300;}
.errorbox {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/new-info-icons/error-icon.png');
}

.validationbox {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../img/new-info-icons/validation.png');
}

/*****************************/

input, textarea, select {font:13px Arial, Helvetica, sans-serif; padding:0;}
#container{/*margin:0px 40px;max-width:1500px;*/position:relative}
#interfaceheader{height: 113px;
    margin: 0 25px;
    position: relative;
    z-index: 1001;min-width:780px}

#interfaceheader  #usermenu{position:absolute;top:0px;right:0px;height:31px;display:block;text-align: left;/*width:755px;background:url(../img/user-menu-2.gif) right bottom no-repeat;*/
color:#FFF;padding: 0px;line-height:23px;width:100%}
#interfaceheader  #usermenuspan{zoom:1;   display: inline-block;
    float: right;
    height: 31px;
    margin-right: 270px;}

a.usrmenuitem{color:#cbcbcb;display:inline-block;padding:2px 10px;margin-right:15px;font-size:14px}
a.usrmenuitem .menuarrow{display:inline-block;width:10px;height:20px;background:url(../img/top-bar-buttons.gif) 0px -40px no-repeat;margin:0px 8px -4px 0px}
a.usrmenuitem b{font-weight:bold}
a.usrmenuitem:hover, #projectBrowser #allprojbut,#homepage #lebhomebut {color:#efefef}
a.usrmenuitem:hover .menuarrow, #projectBrowser #allprojbut .menuarrow, #homepage #lebhomebut .menuarrow{background:url(../img/top-bar-buttons.gif) -13px -40px no-repeat;}

a.usrmenubutton{zoom:1;display:inline-block;height:20px;overflow:hidden;
background:url(../img/top-bar-buttons.gif) no-repeat top right;
margin:4px 0px 0px 20px;
text-align:center;font-weight:100;font-size:13px;cursor:pointer;
color:#474747;
}

.usrmenubutton span{zoom:1;display:inline-block;height:20px;overflow:hidden;line-height:18px;
background:url(../img/top-bar-buttons.gif) no-repeat top left;padding: 0px 0px 0px 25px;margin:0px 25px 0px 0px;
}

a.usrmenubutton:hover, #userpage #yourprojbut, #loginpage #loginbut, #registerpage #registerbut{background-position:right -20px;color: #DDF6FF;}
a.usrmenubutton:hover span, #userpage #yourprojbut span , #loginpage #loginbut span, #registerpage #registerbut span{background-position:0px -20px;color: #DDF6FF;}


#logoutbut, #registerbut{position:absolute;right:0px;top:0px}
#loginbut{position:absolute;right:107px;top:0px}
#yourprojbut{position:absolute;right:107px;top:0px}

/************** New search and sort bar */
#centercolumn{margin-left: 260px;position:relative;top:20px}
#sidecolumn{float:left; width:250px;min-height:300px;clear:both;color:#C7E4EA;margin:60px 0px;}
#sidecolumn #searchandsort{   padding: 0 0px 10px 20px;}
#sidecolumn h3{color:#C7E4EA;display:block;padding:0px 0px 7px 0px;  margin: 35px 0 0px 5px;text-align:left;font-size:18px}

/*********************************************/


#filterdraw{height:150px;background:#EFEFEF ;position:relative;overflow:hidden/*padding:25px 60px 0px 60px*/}
#viewsortbar{height:39px;position:relative;z-index:4000;
background:url(../img/main-bg-open-green.gif) repeat-x  0px -113px;

}
#viewProject #viewsortbar{background:none}
#maincontent{min-height:400px;background:url(../img/main-bg-open.gif) repeat-x 0px -152px;position:relative;padding:1px;}
/* this is the view project data*/
#projectdata h3{margin-bottom:5px}
#projectdata table{margin-bottom:18px;min-width:620px}
#projectdata th, #projectdata td{padding:3px 8px;background:#F0F0F0}#projectdata table{width:75%}
#projectdata table th{width:200px;background:#fff;min-height:20px;text-align:left;color:#555}
#projectdata table .stagelabel{background:url(../img/table-head-gradient.gif);color:#000000}

/*#showfiltersbutton.isopen img{//intended to be used for flipping indicator arrow}*/

/********************************/


#logo{display:block;position:absolute;width:200px;height:70px;text-align:center;background:url(../img/leb-logo-a.gif) no-repeat;top:50px;left:0px;}
#logo a{text-indent:-2000em;overflow:hidden;display:block;width:200px;height:70px;}
#logoutmenu{position:absolute;height:30px;text-align:right;top:6px;right:90px;width:inherit;}

#leftcontent{padding:20px;margin-right:320px}
#footer{text-align:center; color:#CCCCCC; font-size:0.8em;padding:5px 0px 5px 0px; clear:both}
#footer a{color:#89aab0}


label{color:#444444; font-size:13px;font-family:Arial, Helvetica, sans-serif}
#interfaceheader #searchform{position:absolute;right:0px;display:block;width:410px;top:60px;height:22px;background:url(../img/search-input.gif) no-repeat 58px 0px;}
#interfaceheader #searchform #searchterm{background:transparent;border:none;margin-left:25px;padding:2px 5px;width:285px;}

#searchform #searchgo{margin:0px 0px 0px 0px;border:none;position:absolute;top:0px;right:0px;width:60px;height:22px;
background:url(../img/button-subtle.gif) no-repeat top right;
padding:0px 10px 3px 7px;text-align:center;font-size:12px;color:#555;font-weight:bold;
-moz-user-select: none; -khtml-user-select: none; user-select: none; cursor:pointer;}

#searchform #searchgo:hover{background-position:right -44px;}

#filtermenu{display:block;height:20px; width:412px;position:absolute;right:40px;top:91px}
#filtermenu label{margin-right:12px}
#activefilters{display:block;position:relative;font-size:11px;padding:0px 0px 0px 3px;overflow:hidden;width:230px;height:24px;float:right;margin-top:-2px;line-height:11px;color:#888;cursor:pointer;color:#5A94A9;z-index:9991}
#activefilters b{color:#333;font-weight:100}
#activefilters:hover{color:#f00}
#showfiltersbutton{
background:url(../img/tab-subtle.gif) no-repeat right -22px;display:block;position:absolute;top:0px;left:95px;width:70px;height:22px;
margin:0px;padding:0px 0px 0px 0px;text-align:center;color:#444;font-size:13px;cursor:pointer;-moz-user-select: none; -khtml-user-select: none; user-select: none;
}
 #showfiltersbutton span{display:block;float:right;height:18px;width:60px;padding:2px 0px 2px 15px;
margin-right:15px;background:url(../img/tab-subtle.gif) no-repeat; 
}

#showfiltersbutton.isclosed span{background:url(../img/tab-subtle.gif)  no-repeat 0px -22px;}
#showfiltersbutton.isopen{background-position:right -44px}
#showfiltersbutton:hover{background-position:right -44px}

#showfiltersbutton.isopen span{background:url(../img/tab-subtle.gif) no-repeat 0px -44px;color:#333}
#showfiltersbutton:hover span{background:url(../img/tab-subtle.gif) no-repeat 0px -44px;color:#333}

#filterdraw #clearall{width:60px;height:50px;position:absolute;top:25px;right:75px;text-align:center}
#filterdraw #clearall p{margin-top:10px}
#filterDesc{top:10px;left:60px;/*text-align:center*/}

#filterForm{margin-top:30px;}
#filterForm label{float:left;width:105px}
#filterForm  select{width:200px}
#sortform{  }

#sortform label{margin:4px 0px 0px 4px;display:block;float:left;color:#cce3ed}
.elSelect, #sidecolumn #sortform .elSelect {display:block;width:235px;height:24px;-moz-user-select: none; -khtml-user-select: none; user-select: none;
background:url(../img/select-main-box-lite-2.gif) no-repeat left;
cursor:pointer; font: 12px/19px arial, sans-serif;margin-right:5px;}

.elSelect .selected {background-color:#ced6da !important;color:#38474d !important;position:relative}
.elSelect .clear {clear:both;}
.elSelect .selectedOption {float:left;padding:2px 0 0 6px;width:90%;font-size:12px;color:#cce3ed;overflow:hidden;text-indent:8px}
.elSelect .dropDown, #sidecolumn #sortform .elSelect .dropDown  {width: 23px;height: 24px;float: right;background:url(../img/select-main-box-lite-2.gif) no-repeat right;/*this is the arrow*/
position:absolute;top:0px;right:0px;
}

/*****************************************************/
/******** El Select variations **********************/
/****************************************************/

/*.elSelect label{display:block;float:left;width:40px;height:15px;}*/
.elSelect .optionsContainer {position:absolute;display:none;z-index:1000;max-width:350px;    
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.5);

}
.elSelect .option {padding:4px 0 4px 10px;background-color:#b7c6ca;background:#fff;
color:#48484a;text-align:left;font:13px;
border-left:solid 1px #749490;border-right:solid 1px #749490;
 -moz-user-select: none; -khtml-user-select: none; user-select: none;
border-top:1px solid #c9d4d8;/*border-bottom:1px solid #a8b6ba;*/
}
.elSelect .disabled {background-color:#CCCCCC;border-left:solid 1px #749490;border-right:solid 1px #749490;color:#999;}
/*.icon_1 {background:url(../img/elselect/icon_1.gif) no-repeat 4px 50%;padding-left:20px !important;}
.icon_2 {background:url(../img/elselect/icon_2.gif) no-repeat 4px 50%;padding-left:20px !important;}
*/
.elSelect .optionsContainerTop {margin:0px 0px 0px -6px;background:url(../img/angselect/dropmenu-top.png) no-repeat 6px 0px;width:100%;height:6px;}
.elSelect .optionsContainerTop div {background:url(../img/angselect/dropmenu-top.png) no-repeat top right;width:6px;height:6px;margin:0px -6px 0px 0px;float:right;}

.elSelect .optionsContainerBottom {position:absolute;margin:0px 0 0 -6px;background:url(../img/angselect/bottom-dropmenu.png) no-repeat 6px 0px;width:100%;height:6px;}
.elSelect .optionsContainerBottom div { background: url("../img/angselect/bottom-dropmenu.png") no-repeat scroll right bottom transparent;width:6px;height:6px;margin:0px -6px 0px 0px;float:right;}

#pagelimit{float: right;font-size: 13px; height: 25px; margin: 8px 25px 0 0;width: 350px;}
#pagelimit .elSelect{width:50px;position:relative;float:right;background:url(../img/angselect-darker.gif) no-repeat left;}
#pagelimit .elSelect .selectedOption {font-weight:100;color:#fafafa;}
#pagelimit .elSelect .dropDown{position:absolute;margin:0px;padding:0px;top:0px;right:0px;background:url(../img/angselect-darker.gif) no-repeat right;}


#sidecolumn .elSelect{background:url(../img/side-panel-buttons.gif) 0px -90px ;}


#sidecolumn .elSelect .dropDown{background:url(../img/side-panel-buttons.gif) right -90px ;}

#sidecolumn .activeSelect, #sidecolumn .elSelect:hover{background:url(../img/side-panel-buttons.gif) 0px -114px ;}

#sidecolumn  .selectedOption {text-indent:14px}
#sidecolumn .activeSelect .dropDown, #sidecolumn .elSelect:hover .dropDown{background:url(../img/side-panel-buttons.gif) right -114px ;}
/******************************************************/


#limit{float: right;
    margin-right: 10px;
    right: 0;}

#topprojectcount{  left: 74px; position: absolute; top: 12px;}
.pagenav{  color: #EAEEF0; cursor: default; float: left;font-size: 13px;letter-spacing: -0.05px; margin-left: 20px;margin-top: 5px;  padding: 6px;}
.pagenav b{margin-right:10px}
.pagenav span{color:#b7c6cc}

#footernav {float:right;text-align:right;margin-right:60px;margin-bottom:40px}
#footernav .pagenav{float:none;}
/************************************/

.pagination{width:152px;float:left;padding: 4px 0;;color:#4a4a4a;}
#footernav .pagination a{color:#eaeef0;border-bottom:1px solid #eaeef0;margin:0px 6px;}
#footernav .pagination a.disabled{border:none;color:#b7c6cc}
#footernav .pagination b{color:#eaeef0;padding-right:2px}

#footernav .pagination{float:none;}

/**  slider stuff  ***/
.slider_minmax{width: 200px;height:20px;position:relative;margin:10px 0px;
background:url(../img/slider-back-bar-greenaecb.gif) repeat-x top right; clear:right;
}
.knob1, .knob2 {	position: absolute;	display:block;height: 20px;width: 6px;
background:url(../img/slider-handles.gif) no-repeat;overflow:hidden;
cursor: pointer;}
.knob2 {background-position:-4px 0px}
.gutter{width: 10px; height:20px;background:url(../img/slider-back-bar-greenaecb.gif) no-repeat top left;position:absolute}
.readoutarea{position:absolute;top:20px;}
.readout{font-size:12px;width:60px;display:inline; margin-left:10px}
.slider_fill{position: absolute; height:16px;margin:0px 0px 0px -10px; width:374px;display:block;background:url(../img/slider-bar-gutter.gif)}

.sliderunits{color:#42545a;margin:0px 0px 0px 8px;display:inline-block;text-align:center;font-size:12px!important;}
label.sliderlabel{color:4d6669;padding:0px 3px 0px 9px;float: none !important;}
.rangedvalue{width:40px;padding:3px 8px;background:#88a0a9;border:none;  border-radius: 5px;color:#cce3ed;margin-bottom:0px;}
/***********************************/
#projectcontent, #projectimages, #projectgraphs, #projectfigures, #projectdescription,#projectstrategies,#projectbuilding, #projectdownloads{
min-width:500px;margin:30px 60px;position:relative;z-index:3;max-width:1200px; 
}
#projectimages, #projectgraphs, #projectfigures, #projectdescription,#projectstrategies,#projectbuilding, #projectdownloads{margin-left:140px;color:#333}

#projectgraphs .graph{float:left;margin-bottom:20px; margin-right:50px}

.box{background:#efefef url(../img/box-main-new-bg.gif) left repeat-y;min-width:500px;margin:40px 20px 0px 20px;position:relative;z-index:3;max-width:1700px}
.box .boxtabs{background:#708f9a url(../img/box-curve-top-new.gif) 0px 19px no-repeat; height:30px;margin:0px;padding:0px}
.box .boxtabs span{background:url(../img/box-curve-top-new.gif) no-repeat right 19px; display:block; float:right;height:30px; width:11px;}

.box .tab1,
.box .tab2{color:#636363;width:116px;height:24px;background:url(../img/boxtabs-new.gif) no-repeat  0px -24px;margin-left:180px;text-align:center;line-height:24px;overflow:hidden;float:left;cursor:pointer;    -moz-user-select: none;   -khtml-user-select: none; user-select: none;font-size:13px;}
.box .tab2{margin-left:10px;}
.box .tabactive{background:url(../img/boxtabs-new.gif) no-repeat}


#homecontent #homesidebar .box{
	margin:10px 0;
	min-width:100%;padding:10px 0px}

/* "tab all " buttons */
.taball{position:absolute;top:9px;left:100px;font-size:13px;
background:url(../img/button-bar-new.gif) no-repeat top right;
margin:0px;padding:3px 0px 3px 0px;text-align:center;color:#444;font-size:13px;cursor:pointer;-moz-user-select: none; -khtml-user-select: none; user-select: none;
height:16px;overflow:hidden;line-height:15px;}
#viewProject .taball{background:url(../img/lite-proj-view-button.gif) no-repeat top right;overflow:hidden;}

.taball span{padding: 3px 0px 4px 15px;margin-right:15px;
 background:url(../img/button-bar-new.gif) no-repeat;
 height:16px;}
#viewProject .taball span{background:url(../img/lite-proj-view-button.gif) no-repeat}

.taball:hover,#viewProject .taball:hover, .taballactive{background-position:right -22px}
.taball:hover span, #viewProject .taball:hover span, .taballactive span{background-position:0px -22px;}

#sortbarcontrols{position:relative;height:39px;margin:0px;right:0px;margin-left:280px;min-width:727px;}

#viewallaslabel {display:block;position:absolute;height:16px;width:281px;/*left:288px;*/top:12px;font-size:13px;}
/*
#taballmap{left:80px;} 
#taballoverview{left:140px}
#taballfigures{left:225px}
*/

#taballoverview{left:120px}
#taballfigures{left:212px}
#taballmap{left:290px} 

#projnav{display:block;width:460px;position:absolute;right:60px}
#prevprojbutton{left:300px}
#nextprojbutton{left:386px}

	.filteredresulthead, h2.noresults{color:#F0F0F0;}
	.filteredResultHeadDiv{margin:30px 0px 0px 30px}
/************************ project browser box activities ****************************************/

.box .boxbottomcurve{background:#71909B url(../img/box-curve-bottom-new.gif) right no-repeat; height:11px;margin:0px;padding:0px}
.box .boxbottomcurve span{background:url(../img/box-curve-bottom-new.gif) no-repeat; display:block; float:left;height:11px; width:11px;}
.box .boxcontent{min-height:200px;background:url(../img/box-content-new-bg.gif) right repeat-y;margin:0px;padding:0px 12px;position:relative;}

.featuredproject{/*border:1px solid #f00*/}
/** new tab content column layout **/
.featuredtext{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#25b7d7}
#homephfeaturedprojects .phfeaturedtext{font-size:16px;}
.wrapper2 {position:relative;text-align:left;width:100%;}
.tabhead {position:relative;background:#DDD;margin:0;padding:2px 8px 4px 0px;color:#CCC;}
.tabmaincol {position:relative;margin:0;padding:10px;}
.tableftcol { position:relative;top:-10px;left:-10px;float:left;width:160px;margin:0px 0 -10px 0;padding:0px 17px 0px 0px;z-index:100;text-align:center}
.tabrightcol {position:relative;top:-10px;right:-10px;float:right;width:200px;margin:35px 0 -10px 0;padding:0px 10px 0px 0px;z-index:99;text-align: right;}
.tabcentercol {position:relative;padding:0 220px 0px 0px;line-height: 18px;}
.tabfooter {position:relative;top:1px;background:#DDD;width:100%;clear:both;margin:0;padding:1% 0;text-align:center;color:#CCC;}

/***** updated panel layout stuff***/

.nographs .qcharts{display:none;}/*in the case where there are no minigraphs, the layout gets modified to hide the side col*/
.nographs .tabcentercol{padding:0 20px 0px 0px;}
.nographs h3 a{padding-right: 150px;}
.tabhead .bluebutton{float:left;margin:0px 32px 0px 17px}
.boxcontent .overview, .boxcontent .quickfigures{font-size:13px;color:#525050}
.boxcontent .quickfigures{padding:0px 0px 10px 10px;}
.boxcontent .contentactive{display:block}

.boxcontent table.overviewdetails{margin:9px 0px 9px 0px;border-collapse:collapse;width:100%}
.boxcontent .overviewdetails td{padding:3px 8px;border-bottom:1px solid #d0d0d0; padding: 3px 0 3px 4px; width: 25%;} 
.boxcontent .overviewdetails td b{color:#333333;font-weight:bold}

.boxcontent .imgcont{
 background: #BBBBBB;
    border: 6px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 12px #CCCCCC;
    display: block;
    float: left;
    height: 160px;
    margin: 0 0 5px;
    overflow: hidden;
    position: relative;
    width: 160px;
}

.boxcontent .chartcont{display:block;min-height:200px;width:200px;float:right;margin:30px 13px 0px 8px;text-align:right;position:relative;}
.energystandard{line-height:22px}
.energyinfo{cursor:help;padding:0px 22px 0px 0px;background:url(../img/info.png) no-repeat right;color:#dd3333}

.boxcontent h3{  color: #777777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 0 0 5px 0;}
.boxcontent .quickfigures h3{margin-right:167px}
.boxcontent h3 a{   color: #56646C;
    font-size: 22px;
    line-height: 22px;}

.bluebutton{background:url(../img/blue-button1.gif) no-repeat top right;margin:0px;
padding:3px 0px 3px 0px;text-align:center;color:#444;font-size:12px;color:#fff;font-weight:bold;
-moz-user-select: none; -khtml-user-select: none; user-select: none; cursor:pointer;}
.bluebutton span{padding: 3px 0px 2px 20px;margin-right:20px; background:url(../img/blue-button1.gif) no-repeat;line-height:14px;color:#fff;
}
.bluebutton:hover{background-position:right -20px;color:#D2E9EF}
.bluebutton:hover span{background:url(../img/blue-button1.gif) no-repeat 0px -20px;color:#fff;}
.boxcontent .bluebutton{/**/}
.viewprojbutton{position:absolute;top:0px;right:12px;letter-spacing: 0.05em;}

.boxcontent .qftable{background:#FFFFFF;border-collapse:collapse;float: left;
	   margin: 5px 30px 10px 0; min-width: 50%;}
.boxcontent .qftable .greyrow{background:#efefef;font-family:Verdana, Arial, Helvetica, sans-serif} .boxcontent .qftable .greyrow td{text-align:center;}
.boxcontent .qftable td{margin:0px;padding:4px 8px;border-bottom:1px solid #cacaca}
.boxcontent .qftable th{width:130px;padding:4px 8px;font-weight:100;text-align:left;background:#cacaca;color:#373737;border-bottom:1px solid #efefef}
.figuremethods{padding:0px;margin:25px 0px 10px 0px;list-style:none}
.figuremethods li{margin:0px 0px 10px 0px}

/********** search result stuff */
#searchresult{padding:0px 0px;font-size:18px; color:#CCE3ED;margin:50px 0px 0px 290px}
#searchresult #clearsearch{font-size:14px; color: #9ECFD6;}

/* ******** Project view page *****/

#projectcontent #projectthumb{display:block;width:183px;height:183px;float:left;background:url(../img/projectimageframe.gif) no-repeat;margin: -4px 20px 20px 0px;position:relative}
#projectcontent #projectthumb a{display:block;width:160px;height:160px;overflow:hidden;margin:12px}
#projectcontent #projectthumb .mag-glass{background:url(../img/magnifyingglass.png) no-repeat;position:absolute;bottom:12px;right:11px;height:21px;width:21px;}

#projectcontent h2{margin:15px 0px 10px 0px;font-size: 24px;}
#downloadpdf{display:block;
width:80px;height:80px;color:#575757;
text-align:center;float:right;padding:10px}
#projectdata{background:#eaeaea;border-top:1px solid #f9f9f9 }

#projecttabs{height:19px;margin:0px;padding:0px 0px 0px 140px;border-bottom:1px solid #d7d7d7;clear:both;margin-top:15px;position:relative;}
#projecttabs a{background:url(../img/projectview-tabs.gif) no-repeat top right;margin:0px 3px;padding:3px 0px 3px 0px;
text-align:center;color:#787878;font-size:13px;cursor:pointer;-moz-user-select: none; -khtml-user-select: none; user-select: none;
outline: none;

}

#projecttabs a:hover, #projecttabs a.activetab{background-position:right -26px;color:#545454}
#projecttabs a span{padding: 3px 8px 3px 23px;margin-right:15px; background:url(../img/projectview-tabs.gif) no-repeat;}
#projecttabs a:hover span, #projecttabs a.activetab span{background-position:left -26px}

#nextprojbutton, #prevprojbutton, #pagelimit #pg_next, #pagelimit  #pg_prev{display:block;width:89px;height:22px;position:absolute; text-decoration:none;
font-size:13px;cursor:pointer;-moz-user-select: none; -khtml-user-select: none; user-select: none;top:9px;
overflow:hidden;color:#444;line-height:22px;text-align:center}



#prevprojbutton{background:url(../img/prev-next-buttons.gif) top left;left:269px}
#nextprojbutton{background:url(../img/prev-next-buttons.gif) top right;left:357px}
#pagelimit #pg_next{background:url(../img/prev-next-buttons.gif) top right;right:90px}
#pagelimit #pg_prev{background:url(../img/prev-next-buttons.gif) top left;right:178px;text-indent:10px}
#prevprojbutton:hover, #pagelimit #pg_prev:hover{background-position:0px -22px}
#nextprojbutton:hover, #pagelimit #pg_next:hover{background-position:89px -22px}
#prevprojbutton.deactivated{background-position:0px -44px;color:#979797;cursor:default}
#nextprojbutton.deactivated{background-position:89px -44px;color:#979797;cursor:auto}

#pagelimit #pg_prev.deactivated, #pagelimit #pg_prev.deactivated:hover{color:#979797;cursor:default; background:url(../img/prev-next-buttons.gif) top left;}
#pagelimit #pg_next.deactivated, #pagelimit #pg_next.deactivated:hover{color:#979797;cursor:default;background:url(../img/prev-next-buttons.gif) top right;}

 






.thumbcart{width:170px;min-height:200px;border:2px solid #EEE;float:left;margin-right:15px;position:relative;text-align:center}

#fileslister{padding:20px}
#viewProject #fileslister a{background:#fff;display:block;width:500px;height:40px;margin-bottom:5px;color:#333333;padding:5px}
#viewProject #fileslister a:hover{background:#eee }
.customtip{z-index:10000;background:#FAFAFA;color:#3d3b33;border:3px solid #efdf8c;width:300px;
-moz-box-shadow: 0px 0px 3px #333;
-webkit-box-shadow: 0px 0px 3px #333;
box-shadow: 0px 0px 3px #333;}
.customtip .tip-title {color:#26220b;background-color:#efdf8c;font-size: 14px;padding: 3px 10px;}
.customtip .tip-text {padding: 10px;line-height:20px;font-size:13px;}

/* Userpage stuff, login page, , profile pages, etc */

/* homepage */ 
#homepage{background:#f5f5f5 url(../img/light-main-BG-closed.gif) repeat-x; }#homecontent h2{margin:30px 0px 3px 0px}
#homecontent{   margin: 4px 0; /* max-width: 1200px;*/}
 #myprojectscontent{   margin: 4px 25px; max-width: 1600px;}
#homeimage{background:url(../img/terrace-image-home-2.jpg) no-repeat;height:200px; width:60%}
#homecontent h2#featuredhead{height:56px;width:60%;background:#7a7a7a url(../img/terrace-image-home-2.jpg) bottom left no-repeat;color:#ffffff;line-height:56px;text-indent:40px; margin:0;}
#homecontent #introtext{float:right;margin-top:40px;margin-right:10px;color:#666464;width:65%;text-align:right;}
#homecontent #introtext p{margin-bottom:5px;}
#homecontent #introtext .bigtext{font-size:18px;}
#homecontent img{/*margin:15px;max-width:500px;width:60%*/}
#homecontent a{color:#42A8BA;text-decoration:underline}
#homecontent .passivcert{/*margin-top:-30px*/}

#homecontent #homesidebar{width:35%;float:right;margin-top:-56px;}
#homecontent #homesidebar h2{height:35px;line-height:35px;margin:0px; background:#4dadc0; color:#ffffff;text-indent:25px;}
#homecontent .box{margin:20px 0px; background:#efefef;position:relative;} #homecontent .box .boxcontent{background:none}
.shortprojectmetadata{  color: #757E82;text-align:right; font-weight: bold;padding:8px 0px} .shortprojectmetadata b{color:#000000}
.newsitem, .homesidepaneltext{margin:10px 25px 20px 25px;}
#homefeaturedprojects{width:60%;}
/*********************************************/
#sponsorfooter{padding:0px 60px 20px 60px;background:#fff;text-align:center;clear:both}
#sponsorfooter img{margin:10px 30px}
#loginpage, #registerpage, #resetpage, #errorpage{background:#71909b url(../img/main-bg-closed-green.gif) repeat-x; text-align:center;}

#loginpage h2, #registerbox h2{font-family:Arial, Helvetica, sans-serif;color:#f0f0f0;margin:75px 0px 18px 25px}

#loginbox{margin: 0px auto 50px auto;width:750px;
text-align:left;position:relative}
#registerbox{margin:50px 130px;text-align:left;position:relative;color:#f0f0f0}
#registerbox p, #pwdReset{margin:20px 27px;color:#EEE}
#pwdReset label{color:#eee}

#userstatus{margin:0px 0px 0px 60px;color:#fff}#userstatus img{margin:0px 8px -4px 0px;}
.hr{background:url(../img/green-horiz-groove.gif) repeat-x;width:100%;height:2px;margin:0px}

.hr-grey{background:url(../img/grey-horiz-groove.gif) repeat-x;width:100%;height:4px;margin:0px 60px 10px 0px;clear:both}

#loginpage #registerreset{width:300px;float:left;margin:25px 0px 0px 40px;line-height:30px;color:#f7f7f7;}
#loginpage #registerreset a{color:#a4d1e1}

#loginForm{margin:20px 0px;width:310px;float:left;}
#loginForm p, #regForm p{margin:10px 0px 0px 25px;clear:both;}
#loginForm .text, #regForm .text, #pwdReset .text{background:#b1c0c6;height:22px;width:180px;border:1px solid #71909B;padding:0px 0px 0px 8px;color:#26565f;}
#loginForm label, #regForm label{color:#f0f0f0;font-size:15px;display:block;width:80px;height:22px;float:left;clear:both}
#regForm{padding:0px 0px 40px 0px}
#regForm label{width:190px;margin-right:8px}
#regForm .text{width:60%} #regForm .text:focus{border:#fff 1px solid}
#regForm h3{margin:10px 25px;color:#CCCCCC}
#regForm legend{font-size:14px;color:#fff;}
#regForm fieldset{border:0px solid #B1C0C6; color:#B1C0C6;margin:15px 0px 20px 0px;position:relative}
#regForm #refers {visibility:hidden; display:none;}
#userpage,#formeditor{background:#71909B url(../img/main-bg-closed-green.gif) repeat-x;margin:0;}
#userpage #yourprojects{min-width:300px; /*margin: 20px 330px 0 0;*/   margin: 20px 0px 0 0;}

#contactbox{min-width:260px;width:30%;/*margin:0px;position:absolute;top:160px;right:60px;*/   margin:40px;position:relative;}
#editprofilepage .ymdContent{background:#71909B;border:1px solid #eee}


/************* Your Projects ********************/
#yourprojects .boxcontent{padding:20px}
/*project button positions*/
#createnewproject, #editprofilebutton{position:absolute;top:0px;right:10px;}

#myprojectstable, #userdetails, .mytable {width:100%;margin-top:10px;border-collapse:collapse;margin-bottom:10px;}
#myprojectstable a{color:#444;display:block;width:100%;height:30px;line-height:30px}
#myprojectstable a.edit{text-indent:30px;background:url(../img/folder_edit.png) no-repeat 5px 7px;overflow:hidden}
#myprojectstable a.edit:hover{background:#DAE7A1 url(../img/folder_edit.png) no-repeat 5px 7px}

/*07/01/2012*/
#myprojectstable a.paymentpending{text-indent:40px;background:url(../img/credit_card.png) no-repeat 5px 7px;overflow:hidden}
#myprojectstable a.paymentpending:hover{background:#DAE7A1 url(../img/credit_card.png) no-repeat 5px 7px;}
#myprojectstable a.waiting{text-indent:30px;background:url(../img/wait-time.png) no-repeat 5px 7px;overflow:hidden}
#myprojectstable a.waiting:hover{background:#DAE7A1 url(../img/wait-time.png) no-repeat 5px 7px}
#myprojectstable a.certified{text-indent:30px;background:url(../img/silver-cert-icon.png) no-repeat 5px 7px;overflow:hidden}
#myprojectstable a.certified:hover{background:#DAE7A1 url(../img/silver-cert-icon.png) no-repeat 5px 7px}
#myprojectstable a.tablelink:hover{background:#CCEFFC }   


#myprojectstable .projdate{text-align:center;font-size:10px;min-width:100px}
#myprojectstable tr, .mytable tr{background:#fff;border-bottom:1px solid #eee}
#myprojectstable th, .mytable th{padding:2px 8px;background:#999;color:#fff;border:2px solid #eee}

#userdetails th{text-align:right;vertical-align:text-top;padding:5px 8px;width:70px;font-weight:100;color:#f0f0f0}

#myprojectstable .th1{width:auto}
#myprojectstable .th2, #myprojectstable .th3, #myprojectstable .th4{width:10%}
#myprojectstable .th5,#myprojectstable .th6{width:13%}

#myprojectstable .th5{border-left: 8px solid #eee!important;}
#myprojectstable td:nth-child(6) {border-left: 8px solid #eee!important;
}

#userdetails td{color:#424e52}
#myprojectstable .published{background:#5ECFDD;padding:0px 0px}
#myprojectstable .draft{background:#dce1e1;padding:0px 0px}

#myprojectstable .published a{color:#367}
#myprojectstable .draft a:hover,#myprojectstable .published a:hover{background:#9dd8df}
#projectguidance{margin:50px -20px 20px 0px;}

#editprofilepage .whitecurvebox{margin-top:70px}
#editprofilepage #editprofilebutton{top:15px;right:155px}




/************ Silver certification**************************** */
#certificates{
	padding:20px 20px 50px 20px; margin:10px 5px; background:#efefef;
	border-radius:6px;
	border:1px solid #888;

}
.silvercert, .breadcrumbBg, .clrcert{background:url(../img/bg-closed-bookmark.gif) repeat-x #71909B !important;
    margin: 0;
}
#silverstatushead{width:500px}
.managesilvercert, .manageclrcert{position:relative; margin: 20px 0 20px;clear:both}

.certbuttoncontainer{   float: left;
    text-align: center; padding:20px 10px;
    width: 300px;margin:0px 15px 0px 0px;
}
.certbuttoncontainer p{margin-top:10px;}

.silverviewlink{float:right;text-decoration:underline;background:#FFF;text-align:center;text-indent:0px;padding-right:5px;;color:#9e9e9e;}
#myprojectstable a.silvercertpdflink{width: 85px;float:right;text-decoration:underline;background:#FFF;text-align:center;text-indent:0px;padding-right:5px;;color:#9e9e9e;}
#myprojectstable a:hover .silverviewlink{background:#DAE7A1}


#formeditor .breadcrumb{margin-left:58px;}
#managesilvercert .greyhr{margin-bottom:20px;}
#certbuttoncontainer a.buttonsprite{margin-bottom:5px !important;}
#userpage #silverprojects{min-width:300px;margin: 20px 0 0 0;float:left;width:70%;}
#userpage #silverprojects .boxcontent{padding:20px}

.breadcrumb{display:block;position:relative;padding: 20px 20px 0;color:#fff;font-size:13px;margin-left:35px}
.breadcrumb a{text-decoration:underline; color:#a0ccdc}


#paymentbox{min-width:260px;width:25%;margin:0px;top:60px;float:right;/*position:absolute;right:60px;*/text-align:center}
#paymentbox h2{background:#71909B;    margin-top: -10px;}
#paymentbox a{text-decoration:underline; color: #2E9FAD;}

#paymentbox #worldpaylogo{padding-bottom:10px;}



#silverguidance h2{margin:15px 0px 5px 0px}
#silverguidance {padding: 40px 0px 0px 0px; /*color: #EEEEEE;*/}
#silverguidance #silverevidencetable, .darktable{/*border-collapse:collapse;*/ }
#silverguidance #silverevidencetable th, .silvercerttable th, .darktable th{/*background:#576f77;*/background:#ddd;padding:4px 8px}
#silverguidance #silverevidencetable td, .silvercerttable td, .darktable td{padding:4px 8px;background:#66828c;background:#fff;}

#silverworkflow {display:block; height:60px;margin:20px 0 0 90px;}
#silverworkflow a{background:#638390;
display: block;width: 160px;
   color: #B7CAD3;
    float: left;
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    margin-left: 10px;
    padding: 10px 0 0;
}
#silverworkflow a strong{font-size:28px;font-weight:100;display:block;float:left;width:18px;padding:8px 8px 8px 15px;}
#silverworkflow a.active, #silverworkflow a:hover{background:#89a2a2;color:#effaff;}

.uploadtable, .evidencetable, .declaretable, .paymenttable{border-collapse:collapse;color: #58777E;
    font-size: 14px;min-width:70%}
.paymenttable{border:1px solid #999}
.uploadtable td, .evidencetable td, .paymenttable td{ border-bottom: 1px dotted #999999; padding:9px}

.paymenttable th{text-align:left;background:#8F8F8F;color:#fff;padding:4px;}

.declaretable td{ border-bottom: 1px solid #999999; padding:9px}

.declaretable a{color:#4C7382}
.declaretable .redtext{color:#990033;}


#paymentbox .boxcontent{padding:20px 20px}

#paymentstable,#feetable{ /*width:218px!important;*/margin-top:30px;}
#paymentstable td, #feetable td{padding:10px;text-align:left;}
#paymentstable ul, #paymentstable li{margin:0;padding:0;list-style:none}
#paymentstotal{background:#d4e3b6}
#evidenceWrapper {padding:5px 40px 100px 40px;margin:5px 0px;clear:both}

#flashwarn{font-size:16px;color:#990033}/*for the uploaders*/

#confirmfeecontents{ padding: 5px 40px 100px;}
#confirmfeecontents h2{padding:0;margin:20px 0}
#confirmfeecontents #aForm, #confirmfeecontents .aformstyle{ padding: 5px 0px 20px;}
#confirmfeecontents #aecbcompanyinfo{padding:30px 0px 0px 0px;color:#666}


#disclaimerbox{display:block;padding: 12px;
border-bottom-width:1px;border-bottom-style: dotted;border-bottom-color: #999999;
border-top-width:1px;border-top-style: dotted;border-top-color: #999999;
}
#formeditor #disclaimerbox h3{padding:0 0 12px 0;margin:0;background:none;color:#999;}
.declareform{padding:5px 40px 20px!important; }
#certifybox{border:1px solid #999;margin:20px 0}
#certifybox h3{margin-top:0!important;padding-top:0;}
#certifybox p, #certifybox .mandatorymessage{padding:0px 25px}





/************ CLR certification  23-06-2014 **************************** */
#myprojectscontent .infobox, #myprojectscontent .successbox{margin: 30px 30px 0 30px; max-width: 65%;}

html body#userpage.clrcert div#container div#myprojectscontent {
  margin: 4px 22px; max-width:100%;
}

#formeditor.clrcert .whitecurvebox{
	/*margin-left:20px;
	max-width:inherit;!important*/
	}

.clrrcert, .breadcrumbBg{background:url(../img/bg-closed-bookmark.gif) repeat-x #71909B !important;
    margin: 0;
}
.clrcert .whitecurvebox  h1{font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#717171; padding:30px 30px 0px 40px}
.clrcert .whitecurvebox  h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#717171; padding:0px 20px 20px 40px}

#clrstatushead{width:500px}
#manageclrcert{position:relative; margin: 50px 0 30px;}

.clrviewlink{float:right;text-decoration:underline;background:#FFF;text-align:center;text-indent:0px;padding-right:5px;color:#9e9e9e;}
.aformstyle .formOpt{display:none; /*background:#F5F9F1*/}
.guidance{background:#dce8ea;padding:12px 18px 12px 40px;line-height:auto;margin-bottom:12px;color:#333; background:url(../img/new-info-icons/info-subtle-icon.png) no-repeat 5px 5px #dce8ea}
.formOpt .guidance {background:#DAE2CE}
.guidance h4{font-size:1.4em;color: #7a9ea4;}
.guidance a{color:#2E8091;text-decoration:underline}
.guidance dt{margin-top:8px;font-weight:500;font-size:1.2em;}
.helptext a{color:#565B1D;text-decoration:underline}.helptext a:hover{color:#BF483D}
#myprojectstable a.clrpdflink{width: 85px;float:right;text-decoration:underline;background:#FFF;text-align:center;text-indent:0px;padding-right:5px;;color:#9e9e9e;}
#myprojectstable a:hover .clrviewlink{background:#DAE7A1}

html body#userpage.clrcert div#container div#myprojectscontent div#clrprojects.box {
 float: left;
    min-width: 300px;
    width: 70%; 
	margin:40px 0
}

body#userpage.clrcert #myprojectscontent div#paymentbox.box{
  float: right;
  min-width: 260px;
  text-align: center;
  width: 20%!important;
}


/*  workflow arrow things */
#clr_interim_workflow {display:block; height:60px;margin:30px 0 0 90px;}
#clr_interim_workflow a{background:#638390;
display: block;width: 160px;position:relative;
   color: #B7CAD3;
    float: left;
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    margin-left: 15px;
    padding: 10px 0 0;
}
#clr_interim_workflow a:before {
 	border-bottom: 30px solid #638390;
    border-left: 10px solid transparent;
    border-top: 30px solid #638390;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}
#clr_interim_workflow a:after {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left:10px solid #638390;
    position: absolute;
    content: "";
    top: 0px;
    right: -10px;
}

/*  workflow deactivated item */
#clr_interim_workflow a.disallowed, #clr_interim_workflow a.disallowed:hover{background:#7998a3;color:#91b0bb;cursor:default}
#clr_interim_workflow a.disallowed:before, #clr_interim_workflow a.disallowed:hover:before{border-bottom: 30px solid #7998a3;border-top: 30px solid #7998a3;}
#clr_interim_workflow a.disallowed:after, #clr_interim_workflow a.disallowed:hover:after{ border-left:10px solid #7998a3;}

/*  workflow clickme item */


/**/
#clr_interim_workflow a strong{font-size:28px;font-weight:100;display:block;float:left;width:18px;padding:8px 8px 8px 15px;}
#clr_interim_workflow a.active, #clr_interim_workflow a:hover{background:#89a2a2;color:#effaff;}

#clr_interim_workflow a.active:after, #clr_interim_workflow a:hover:after{ border-left:10px solid #89a2a2;}
#clr_interim_workflow a.active:before, #clr_interim_workflow a:hover:before{ border-bottom:30px solid #89a2a2;border-top:30px solid #89a2a2;}

#clrDesigndataForm fieldset{  border: 1px solid #dadada; margin: -4px 0 0; padding: 0;margin-bottom:40px;}


.incompleteclr li{border-bottom: 1px solid #ccc; margin-bottom:5px;}
.incompleteclr li a{color:#e14300; display:block;padding:5px 10px; }
.incompleteclr li a:hover{background:#FEEFB3}

<!-- /**********forms and validation**************/ -->

#getprojectlocmap{height: 400px;width: 400px;margin-left:30%;}
#getprojectlocmap #logocontrol{display:none;}
p.moremaptext{float:left;width:28%;padding-top:80px!important;line-height:1.4em}
.savebutton{position:relative;background:url(../img/button-subtle-on-white.gif) no-repeat top right;margin:15px;padding:0px;text-align:center;color:#333;font-weight:bold;font-size:13px;border:none;overflow:visible;cursor:pointer;font-size:13px;}

.savebutton span{display:block;background:url(../img/button-subtle-on-white.gif) no-repeat top left;padding: 3px 2px 3px 20px;margin-right:17px;margin-left:-2px}
.savebutton:hover{background-position:right -22px;color:#874420}
.savebutton:hover span {background-position:0px -22px}
#topsave{position:absolute;top:10px;right:10px}
#editprofilepage #topsave{top:0px}

#bottomsave{position:absolute;bottom:10px;right:10px}

#workflow{margin:40px 60px 20px 60px;position:relative;max-width:1500px;}
#workflow a {display:block;height:40px;width:14%;float:left;font-size:14px;color:#c5e2e5;padding:0px 0px 10px 0px;margin:0px;text-align:center;background:url(../img/green-vert-groove1.gif) no-repeat;line-height:20px}
#workflow a:hover , #workflow a.active{color:#fff;text-shadow: #c5e2e5 0px 0px 4px;}

#postconlabel{width:42%;margin-left:28%;background:url(../img/post-construction-bracket.gif) no-repeat;text-align:center;color:#4f656c;position:relative;clear:both}
#postconlabel span{background:#71909b;padding:0px 10px}
#postconlabel #bracketright{float:right;width:7px;height:7px;top:0px;right:0px;background:url(../img/post-construction-bracket.gif)top right no-repeat}
.whitecurvebox{margin:20px 20px;background:#fff;position:relative;padding:0px 0px 20px 0px;max-width:1000px;zoom:1;}
.whitecurvebox .tl, .whitecurvebox .tr, .whitecurvebox .bl, .whitecurvebox .br{position:absolute;width:15px;height:15px;background:url(../img/white-curvebox-corners.gif);zoom:1}
.whitecurvebox .tl{top:0px;left:0px}
.whitecurvebox .tr{top:0px;right:0px;background-position:top right}
.whitecurvebox .br{bottom:0px;right:0px;background-position:bottom right}
.whitecurvebox .bl{bottom:0px;left:0px;background-position:bottom left}

#formeditor .whitecurvebox{margin-left:60px}
.whitecurvebox h2{font-size:24px;padding:20px 10px 0px 40px;}
.fline{display:block;padding: 8px 0px 12px 0px;border-bottom-width:1px;border-bottom-style: dotted;border-bottom-color: #999999;}
.nextsteps{display:block;padding:30px 10px}
#formeditor h3, #myprojects h3, #viewproject h3 {background:#8F8F8F;color:#fff;font-size:18px;padding:4px 14px;margin-top:12px;margin-bottom:4px}
#formeditor h3 img{border:0;padding:0;margin:0;}
#sectionHelp{padding-left:40px;width:750px;}
.mandatorymessage{color:#9E3028;font-size:14px;padding-left:40px}
#aForm .mandatorymessage, .aformstyle .mandatorymessage{padding-left:20px}
.skipmessage{  border: #FFCC00 1px solid;background:#FFFFCC; font-size:14px;padding:4px;margin:15px 0px 10px 40px; max-width:740px;}
#aForm, #projectDataWrapper, .aformstyle{padding:5px 40px 100px 40px;margin:5px 0px;max-width:750px;clear:both}
#uploaderWrapper {padding:5px 40px 100px 40px;margin:5px 0px;clear:both}

#galleryWrapper{padding:5px 40px;margin:5px 40px 0px 0px;}


#aForm p, .aformstyle p {margin: 4px 0 4px 0;padding: 4px;}

#aForm label, .aformstyle label  {float: left; width: 28%;padding:0 16px; color:#58777e;line-height:1em;font-size:14px;
font-size: 1.2em; line-height: 1.4em; /*new*/
}
#aForm input[type="text"],
#aForm textarea,
#aForm .exampletext,
.aformstyle input[type="text"],
.aformstyle textarea,
.aformstyle .exampletext {padding-left:4px;background:#F4F4F4;border:#8dbec9 solid 1px;
 font-size:16px;font-family:Arial, Helvetica, sans-serif;width:50%}
#aForm input[type="text"].shorter,
.aformstyle input[type="text"].shorter{width:25%!important}
#aForm textarea, .aformstyle textarea{height:100px;padding:4px;} 

.aformstyle h4{font-size:16px;}
#aForm .example, .aformstyle .example{margin-bottom:5px;padding:1px 0px 5px 1px;background:#EEE; }
#aForm .example p, .aformstyle .example p{line-height:normal}
#aForm .example dt, .aformstyle .example dt{font-weight:bold; margin-top:5px;}
#aForm .exampletext, .aformstyle .exampletext{color:#555;margin:5px 0px 10px 31%;border-color:#C5DD9D;padding:4px 9px;min-height:10px}

.helptext{background:#c5dd9d; margin:0px 0px 8px 0px; padding:4px 18px 5px 18px; color:#555555}


#aForm .examplelabel , .aformstyle .examplelabel{float: left; width: 28%;padding-left:16px;color:#737373;line-height:0.9em;margin-top:8px;}
#aForm .exampletoggle , .aformstyle .exampletoggle{float:right; font-size:0.7em; padding-right:5px; cursor:pointer}
#aForm .disabled input, #aForm input.disabled  , .aformstyle .disabled input, .aformstyle input.disabled{background:#F5F5F5;border:1px solid #E9E9E9; color:#666}


input.disabled::selection {
        background: #f5f5f5; /* Safari */
        }
input.disabled::-moz-selection {
        background: #f5f5f5; /* Firefox */
}
#aForm select, .aformstyle select{border:none;width:60%;margin-top:4px;background:#F4F4F4;font-size:16px;}
#aForm select option:hover, .aformstyle select option:hover{background:#00F;}  
#aForm select option, .aformstyle select option{border-bottom:#DDD solid 1px}
.dateWidth{width:200px!important;}
#aForm .red , .aformstyle.red {border: 1px solid red;}
#aForm label.red , .aformstyle label.red{border: none;color: red;}
#aForm .customRed , .aformstyle .customRed{border: none;color: red;}
#aForm #submit , .aformstyle #submit {margin-left: 100px;}
#aForm .errorMessage , .aformstyle .errorMessage{color: red;display:block;margin-left: 280px;font-size: 0.8em;}

#aForm .radioset, .aformstyle .radioset{display:block; margin-left:300px;margin-top:8px; position:relative;}
#aForm .radiolabel , .aformstyle .radiolabel{float: none; width: auto; color:#333; display:block;line-height:1.3em;}/*HELP NEEDED*/
#aForm [disabled],
#aForm .disabled , .aformstyle [disabled], .aformstyle .disabled{border-color:#EEE}

.fline:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.fline{ display: inline-block;position:relative; }
/* start commented backslash hack \*/
* html .fline { height: 1%; }
.fline{ display: block; }
/* close commented backslash hack */


/*******  show project / confirm project ************/
#projectData{background: #eee;padding:8px;margin-bottom:25px}
#projectData p{ padding:8px 0px 8px 0px;border-bottom:1px solid  #ccc; color:#555}
.leftindent{margin-left:25px!important;}
.leftindent30percent{margin-left:30%!important}


/***************** moo calendar ************************/

	.hidden {opacity: 0;position: absolute;}
	.visible {opacity: 1;}
	form #newtitle, form #newdesc{width:60%}
	input.calendar,select.calendar {width: 140px;float:left;}
	button.calendar {background: url(../img/calendar-icon.gif);border: 0;cursor: pointer;float: left;height: 20px;margin-right: 6px;width: 20px;}
	button.calendar:hover,button.calendar.active {background-position: 0 20px;}
	div.calendar {background: url(../img/calendar.png);height: 195px;padding: 0 6px;text-align: center;width: 147px;}	
	div.calendar * {margin: 0;padding: 0;}	
	div.calendar div {background: none !important;cursor: move;height: 185px;overflow: hidden;padding-top: 10px;position: relative;width: 147px;}	
	div.calendar caption {color: #333;font: normal 12px/16px Arial, Helvetica, sans-serif;padding-top: 6px;text-align: center;width: 100%;}
	div.calendar caption a {cursor: pointer;display: block;height: 12px;overflow: hidden;position: absolute;text-indent: -100px;top: 17px;width: 11px;}
	div.calendar caption a.prev {background-image: url(../img/calendar-prev.gif);left: 0;}
	div.calendar caption a.next {background-image: url(../img/calendar-next.gif);right: 0;}
	div.calendar caption a:hover {background-position: 0 12px;}
	div.calendar caption span {height: 25px;position: relative;text-align: center;}
	div.calendar caption span.month {padding-right: 8px;}
	div.calendar caption span.month:after {content: ',';}
	div.calendar table {background: #FFF;border: 0;border-collapse: collapse;border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
	div.calendar td,div.calendar th {border: 0;color: #0597DB;font: normal 12px Arial, Helvetica, sans-serif;height: 21px;text-align: center;width: 21px;}
	div.calendar td {background: url(../img/calendar-td.gif);color: #FFF;font-size: 11px;}
	div.calendar td.invalid {color: #999;}
	div.calendar td.valid {background: url(../img/calendar-valid.gif);color: #0597DB;cursor: pointer;}
	div.calendar td.hilite {background: url(../img/calendar-hilite.gif);}
	div.calendar td.inactive {background: url(../img/calendar-td.gif) 0 100%;color: #FFF;}
	div.calendar td.active,div.calendar td.hover {background: url(../img/calendar-valid.gif) 0 100%;color: #FFF;cursor: pointer;}
	
	/******2013*******************/
.linkslist th{background:#CCC;padding:8px;}
.linkslist td{padding-left:8px;}
.menutablelink a{display:block;color:#999999; background:#E5E5E5;padding:6px 8px;margin-left:-8px;}
.menutablelink a span{color:#999999}
.menutablelink a:hover{background:#DADAE7;}
.menutablelink a img{padding-right:9px;margin-bottom:-3px;}
.wider{width:350px!important;}
 


/******************************************************/
/*  highgraphs */
 

.chart-container {background:#fff;min-height:400px;margin:26px 50px ; 
border-radius: 10px 10px 10px 10px;padding:10px;
    box-shadow: 0 0 12px #4A626B;}
 



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
background:transparent;
}

/* EXTRA Styles 28/05/2010 */
.listitem{ border: dotted 1px #ccc; margin:8px;}
.listitem h3{ font-size:1.4em;background:#ccc;}
.listitem p{padding:8px;}

.units{color:#888;font-size:10px;}/* I added
this so that simons DIFF app picks it up ,
 blah blah blah */

.noresults{font-size:1.4em;color:#CCCCCC;text-align:center;margin:60px}
.thumbcart{float:left;position:relative;border:1px solid #E0E0E0; background:#fafafa; margin:0px 2px 10px 2px; padding:2px;}
.thumbcart img{height:160px;}
.thumbcart .thumbox img{border:8px solid #fff;max-width:160px;}
.thumbcart .buttonlike{margin:4px 8px 4px 0px;  }
.thumbox {padding:1px;margin-top:4px;overflow:hidden;margin:auto; background:#DDD}
.errMsg{padding:10px;margin:5px 20px ; font-size:1.2em;color: #FF6666;background:#eee; }