/* CSS Document */ /*general layout*/ body{background:#71909b url(../img/main-bg-open-green.gif) repeat-x; margin:0 auto;padding:0px;font-size:0.8em;color:#696969;font-family: Arial, Helvetica, sans-serif; min-width:770px;cursor:default;min-width:960px} #viewProject{background:#f5f5f5 url(../img/viewproject-light-bg.gif) repeat-x;} 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} .gimmepointer{cursor:pointer} .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} 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;} .buttonsprite span{background:url(../img/button-subtle.gif) no-repeat top left;padding: 3px 0px 3px 15px;margin-right:15px;text-decoration:none!important;} a.buttonsprite img{margin: 0px 5px -3px -5px} .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; 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} /****************/ 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} 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: #BAF1DA;} a.usrmenubutton:hover span, #userpage #yourprojbut span , #loginpage #loginbut span, #registerpage #registerbut span{background-position:0px -20px;color: #BAF1DA;} #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} /* "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} #viewProject .taball{background:url(../img/lite-proj-view-button.gif) no-repeat top right;} .taball span{padding: 3px 0px 3px 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} .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 .tabrightcol{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 2px 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;} .bluebutton:hover{background-position:right -20px;color:#D2E9EF} .bluebutton:hover span{background:url(../img/blue-button1.gif) no-repeat 0px -20px;} .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;} #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 22px; max-width: 1200px;} #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} #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} #userpage,#formeditor{background:#71909B url(../img/main-bg-closed-green.gif) repeat-x;} #userpage #yourprojects{min-width:300px;margin: 20px 330px 0 0;} #contactbox{min-width:260px;width:260px;margin:0px;position:absolute;top:160px;right:60px} #editprofilepage .ymdContent{background:#71909B;border:1px solid #eee} #yourprojects .boxcontent{padding-bottom:20px} /*project button positions*/ #createnewproject, #editprofilebutton{position:absolute;top:0px;right:10px;} /**/ #myprojectstable, #userdetails {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} #myprojectstable .projdate{text-align:center;font-size:10px;min-width:100px} #myprojectstable tr{background:#fff;border-bottom:1px solid #eee} #myprojectstable th{padding:2px 8px;} #myprojectstable th{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} #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} #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:20px 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{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{padding:5px 40px 100px 40px;margin:5px 0px;max-width:750px;clear:both} #galleryWrapper{padding:5px 40px;margin:5px 40px 0px 0px;} #aForm p {margin: 4px 0 4px 0;padding: 4px;} #aForm label {float: left; width: 28%;padding-left:16px; color:#58777e;line-height:1em;font-size:14px} #aForm input[type="text"], #aForm textarea, #aForm .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{width:25%!important} #aForm textarea{height:100px;padding:4px;} #aForm .example{margin-bottom:5px;padding:1px 0px 5px 1px;background:#EEE; } #aForm .example p{line-height:normal} #aForm .example dt{font-weight:bold; margin-top:5px;} #aForm .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 {float: left; width: 28%;padding-left:16px;color:#737373;line-height:0.9em;margin-top:8px;} #aForm .exampletoggle {float:right; font-size:0.7em; padding-right:5px; cursor:pointer} #aForm .disabled input {background:#F5F5F5;border:none; color:#333333} #aForm select{border:none;width:60%;margin-top:4px;background:#F4F4F4;font-size:16px;} #aForm select option:hover{background:#00F;} #aForm select option{border-bottom:#DDD solid 1px} .dateWidth{width:200px!important;} #aForm .red {border: 1px solid red;} #aForm label.red {border: none;color: red;} #aForm .customRed {border: none;color: red;} #aForm #submit {margin-left: 100px;} #aForm .errorMessage {color: red;display:block;margin-left: 280px;font-size: 0.8em;} #aForm .radioset {display:block; margin-left:300px;margin-top:8px; } #aForm .radiolabel {float: none; width: auto; color:#333; display:block;line-height:1.3em;}/*HELP NEEDED*/ #aForm [disabled] {border-color:#EEE} /******* 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} /******************************************************/ /* highgraphs */ #graphcontainer {background:#fff;min-height:400px;margin:20px 20px 0px 0px; border-radius: 10px 10px 10px 10px;padding:10px 0px; box-shadow: 0 0 12px #4A626B;} /***************** 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;} /*************************/