@csu_text_color: #ffffff; @background_color: #E9E6E0; @text_color: #444444; @text_link: #184325; @text_hover: #215b33; @text_focus: #000000; @csu_green: #1e483e; @header_color: #000000; @text_shadow: #ffffff; @main_font_size: .8em; @footer_font_size: 90%; @footer_copyright_font_size: 70%; @border_color: #AFA796; @footer_font_color: #ddd; @menu_text: #004810; @menu_text_highlighted: #009522; .error { color:#CC0000; } .double_col li { width:50%;} /* 2 col */ .triple_col li { width:33.333%; } /* 3 col */ .quad_col li { width:25%; } /* 4 col */ .layout_row { clear:both; float:left; width:100%; } .layout_left150 { float:left; width:17%; padding:0; margin:0; text-align: center; } .layout_left200 { float:left; width:23%; padding:0; margin:0; text-align: center; } .layout_left680 { float:left; width:73%; padding:0; margin:0 0 0 35px; } .layout_left730 { float:left; width:79%; padding:0; margin:0 0 0 35px; } .text_highlight { padding: 10px; width:200px; height:75px; text-align: left; background:transparent url(/assets/nrel_files/projects/ghg-act/img/highlight.jpg) top left no-repeat; color: #fff; font-weight:bolder; font-style:italic; font-size:.9em; } .table_width { table-layout: fixed; margin-left: 2em; margin-right: 2em } a.img_link { text-decoration: none; outline : none; img { border:0;outline : none;} } .button { padding: 5px 5px; margin: 2px 5px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #1f5d9b; background: -moz-linear-gradient( top, #87c2f0 0%, #4281b9); background: -webkit-gradient( linear, left top, left bottom, from(#87c2f0), to(#4281b9)); font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #ffffff; text-shadow: 0px 1px 2px rgba(000,000,000,0.7); text-decoration: none; } .button:hover { background: -moz-linear-gradient( top, #1381cf 0%, #093a63); background: -webkit-gradient( linear, left top, left bottom, from(#1381cf), to(#093a63)); } .img_left { clear:both; float:left; margin: 0 25px 5px 0; } h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 1em 0; & a { color:@csu_green; text-decoration: none; &:hover { text-decoration: underline; } } } .h1_title { font-size:140%; font-weight:bold; text-align:center; margin:10px 0 22px 0; padding:0; } h1 { font-size:140%; font-weight:bold; text-align:center; margin:10px 0; padding:0; } h2 { font-size:115%; font-weight:bold; margin:2px 0; padding:0; } h3 { font-size:110%; font-weight:bold; margin:0 0; padding:0; } .h1-style { font-size:140%; font-weight:bold; text-align:center; margin:10px 0; padding:0; } .h2-style { font-size:115%; font-weight:bold; margin:2px 0; padding:0; } .h3-style { font-size:110%; font-weight:bold; margin:0 0; padding:0; } .no_p {margin:0; padding:0;} .caution {font-weight:bold; color: #ff0000; font-size: 1.3em;} .center {text-align: center;} .padding-left {padding-left: 30px;} ul { list-style-type:disc; } .sans-serif { font-family:Verdana, Arial, Helvetica, sans-serif; } body { font-size:@main_font_size; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; background:@background_color url(/assets/templates/nrel/images/green-background.gif) repeat-x; margin:0; padding:0 0 5px 0; } #page { width:90%; width:960px; margin:0 auto 0 auto; padding:0; } #csu_header { float:left; height:50px; margin:0; padding:0; a.csu_logo { float:left; width:30.73%; min-width:295px; height:33px; display:inline; text-indent:-9999px; overflow:hidden; margin:7px 0 0 0; padding:0; &:link,&:hover,&:visited,&:active { display:block; padding:0; background:transparent url(/assets/templates/nrel/images/csu_linear_logo.gif) top left no-repeat; height:33px; } } } ul.csu_header_nav { float:right; padding:5px 0 0 0; margin:0; list-style:none; & li {display:inline; padding:2px 5px; margin:0;} & a:link, a:visited {color:@csu_text_color; text-decoration:none} & a:hover, a:active {color:@csu_text_color; text-decoration:underline} } #masthead { float:left; position:relative; width:73.4%; min-width:53.56%; height:141px; margin: 0 1px 0 0; padding: 0; background:transparent url(/assets/templates/nrel/images/nrel_header.gif) top left no-repeat; a.nrel_masthead_title { float:left; width:53.56%; min-width:53.56%; height:33px; display:inline; text-indent:-9999px; overflow:hidden; margin:7px 0 0 130px; padding:0; &:link,&:hover { padding:0; height: 33px; } } } #masthead_internal { float:left; position:relative; width:73.4%; min-width:53.56%; height:141px; margin: 0 1px 0 0; padding: 0; background:transparent url(/assets/templates/nrel/images/internal_header.gif) top left no-repeat; a.nrel_masthead_title { float:left; width:53.56%; min-width:53.56%; height:33px; display:inline; text-indent:-9999px; overflow:hidden; margin:7px 0 0 130px; padding:0; &:link,&:hover { padding:0; height: 33px; } } } #search_area { width:270px; height:25px; clear:both; float:right; text-align:right; position:absolute; bottom:10px; right:20px; .field-border{ border:0; margin:0; padding:0; } & label {font-weight:bold;} & legend {font-size:0; text-indent:-9999px; overflow:hidden; } } .hidden { width: 0; height: 0; position: absolute; overflow: hidden; font-size: 1px; opacity: 0; } #masthead_nav { float:left; width:26.4%; ul{padding:0;margin:0; list-style:none; & li {display:block; padding:0; } } } a.ess_title { clear:both; float:right; width:254px; height:70px; display:inline; text-indent:-9999px; overflow:hidden; margin:0; padding:0; &:link,&:visited {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/ess_logo.gif) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/ess_logo_selected.gif) top left no-repeat;} } a.wcnr_title { float:right; width:254px; height:70px; display:inline; text-indent:-9999px; overflow:hidden; margin:0; padding:0; border-bottom: 1px solid #fff; &:link,&:visited {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/wcnr_logo.gif) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/wcnr_logo_selected.gif) top left no-repeat;} } a.wcnr_intranet { float:right; width:254px; height:70px; display:inline; text-indent:-9999px; overflow:hidden; margin:0; padding:0; border-bottom: 1px solid #fff; &:link,&:visited {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/wcnr_intranet.gif) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/wcnr_intranet_selected.gif) top left no-repeat;} } a.nrel_title { float:right; width:254px; height:70px; display:inline; text-indent:-9999px; overflow:hidden; margin:0; padding:0; border-bottom: 1px solid #fff; &:link,&:visited {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/nrel_logo.gif) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/nrel_logo_selected.gif) top left no-repeat;} } a.nrel_title { float:right; width:254px; height:70px; display:inline; text-indent:-9999px; overflow:hidden; margin:0; padding:0; border-bottom: 1px solid #fff; &:link,&:visited {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/nrel_logo.gif) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background:transparent url(/assets/templates/nrel/images/nrel_logo_selected.gif) top left no-repeat;} } #main_nav { clear:both; float:left; width:99.75%; z-index:2; } #programs { float:left; clear:both; width:100%; margin: 0 0 0 70px; & a { float:left; width:150px; height:120px; display:inline; text-align:center; text-indent:-9999px; overflow:hidden; padding:0 10px 10px 0; } } a.program-greenhouse { float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/greenhouse.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/greenhouse_highlight.png) top left no-repeat;} } a.program-sustainability { float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/sustainability.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/sustainability_highlight.png) top left no-repeat;} } a.program-ecocore { float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/ecocore.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/ecocore_highlight.png) top left no-repeat;} } a.program-africa { clear:both; float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/africa.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/africa_highlight.png) top left no-repeat;} } a.program-rocky { float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/rocky.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/rocky_highlight.png)top left no-repeat;} } a.program-uvb{ float:left; &:link,&:visited {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/uvb.png) top left no-repeat;} &:hover,&:active {color:@text_link; text-decoration:none; background: url(/assets/templates/nrel/images/uvb_highlight.png) top left no-repeat;} } #main_page { z-index:1; clear:both; float:left; width:91.75%; margin: 0 auto; background:#fff; padding: 15px 3% 25px 5%; min-height: 50px; border:1px solid @border_color; & li {padding-bottom: 8px;} } .researcher { clear:both; float:left; padding-bottom: 8px; width:400px; } .researcher_name { float: left; width: 180px; } .researcher_link { float: left; width: 180px; } #content { float:left; width:100.0%; } #content_w_sidebar { float:left; width:70.0%; } #sidebar { float:right; width:21.0%; } .newsarticle { margin-left:20px; } .newslink { font-size:.8em; } .newsdate { font-size:.8em; } .seperator { } #footer { clear:both; float:left; width:960px; margin:1px auto 10px auto; padding:0; color:@footer_font_color; background:@csu_green; & #footer_links { float:left; width: 55%; & ul{ font-size:@footer_font_size; padding:30px 0 30px 30px; margin:0; list-style:none; & li {display:inline; padding:0; margin:0 20px 0 0;} & a:link {color:@csu_text_color; text-decoration:none} & a:visited {color:@csu_text_color; text-decoration:none} & a:hover {color:@csu_text_color; text-decoration:underline} } } & #footer_copyright { float:right; width:27%; & ul{ font-size:@footer_copyright_font_size; padding:26px 0 0 0; margin:0; line-height:150%; list-style:none; & li {display:block; margin:0 0; padding:0 0} & a:link {color:@csu_text_color; text-decoration:none} & a:visited {color:@csu_text_color; text-decoration:none} & a:hover {color:@csu_text_color; text-decoration:underline} } } } .bio-left { clear: both; float:left; width:100%;} .bio-right { clear: both; float:right;} .portrait-left { clear: left; float:left; margin: 0 25px 10px 0;} .portrait-right { clear: right; float:right; margin: 0 10px 10px 25px;} .seperator { clear: left; float:left; margin: 0 0;} iframe { margin: 0 -15px 0 -15px; } .directoryHeading{ color:white; font-size:4pt;} .internal_box { text-align: center; padding: 10px; color:@csu_text_color; background-color:@csu_green; border: #2C6B5C 5px solid; width: 200px; font-weight: bold;} .print_form {width:750px; margin:0 auto; padding:15px; border: 1px solid;} .form_format_0 {clear:both; float:left; margin-bottom:10px; margin-left:10px; margin-right:10px;} .form_format_0r {clear:both; float:left;text-align:right; margin-bottom:10px; margin-left:10px; margin-right:10px;} .form_format_1 {clear:both; float:left; width:200px; margin-bottom:10px; margin-left:10px;} .form_format_1r {clear:both; float:left; text-align:right; width:200px; margin-bottom:10px; margin-left:10px;} .form_format_2 {float:left; width:200px; margin-bottom:10px; margin-right:10px;} .form_format_2w {float:left; width:400px; margin-bottom:10px; margin-right:10px;} .form_format_2r {float:left; width:100px; text-align:right; margin-bottom:10px; margin-right:10px;} .form_textarea {clear:both; float:left; margin-bottom:10px;} .SubmitArea {clear:both; float:left;} .AuthorizeNetSeal {clear:both; float:left; width:250px; margin:5px;} .SubmitPayment { float:left; margin-left:25px; margin-top:10px;} .clark{ padding: 4px 8px; margin: 2px 4px; border: 1px solid #a2a2a2; background-color: #FFFFB9; } ul.dayList li.B215{ border: 1px solid #a2a2a2; background-color: #FFFFB9; } .econf{ padding: 4px 8px; margin: 2px 4px; border: 1px solid #a2a2a2; background-color:#b6f5c6; } ul.dayList li.B224{ border: 1px solid #a2a2a2; background-color: #b6f5c6; } .notnesb{ padding: 4px 8px; margin: 2px 4px; border: 1px solid #a2a2a2; background-color:#BBDDFF; } ul.dayList li.NESB{ border: 1px solid #a2a2a2; background-color: #BBDDFF; } .video{ padding: 4px 8px; margin: 2px 4px; border: 1px solid #a2a2a2; background-color:#BBDDFF; } ul.dayList li.Zoom{ border: 1px solid #a2a2a2; background-color:#BBDDFF; } .voip{ padding: 4px 8px; margin: 2px 4px; border: 1px solid #a2a2a2; background-color:#FF9999; } ul.dayList li.Polycom{ border: 1px solid #a2a2a2; background-color: #FF9999; } /* Generated by F12 developer tools. This might not be an accurate representation of the original source file */ #main_nav {margin: 1px 0 1px 0; padding:0; height: 40px; background: repeat-x url(/assets/templates/nrel/images/steel.jpg); border:solid 1px @border_color;} #main_nav {z-index: 1000;} #main_nav ul {list-style: none; padding: 6px 0 0 8px;} #main_nav li {height: 28px; text-transform: uppercase; line-height: 28px; margin-right: 8px; float: left; display: inline;} #main_nav li.last {margin-right: 0;} #main_nav li a {height: 28px; padding-left: 12px; float: left; display: inline;} #main_nav li a span {height: 28px; padding-left: 12px; float: left; display: inline;} #main_nav li a span {background-position: right top; padding-right: 6px; padding-left: 0; cursor: pointer;} #main_nav ul.sf-menu li a:hover {color:@menu_text; text-decoration: none;} #main_nav ul.sf-menu li a:hover span {color:@menu_text; text-decoration: none;} #main_nav ul.sf-menu li.current_page_item a {color:@menu_text; text-decoration: none;} #main_nav ul.sf-menu li.current_page_item a span {text-decoration: none;} #main_nav ul.sf-menu li.current_page_item a:hover span {color:@menu_text;} #main_nav ul.sf-menu li.current_page_item ul a {color:@menu_text; background-image: none;} #main_nav ul.sf-menu li.current_page_item ul a span {color:@menu_text; background-image: none;} #main_nav ul.sf-menu li.current_page_item ul a:hover {color:@menu_text;} #main_nav ul.sf-menu li.current_page_item ul a:hover span {color:@menu_text;} #main_nav ul.sf-menu ul li.current_page_item a {background-image: none;} #main_nav ul.sf-menu ul li.current_page_item a span {background-image: none;} #main_nav ul.sf-menu ul li.current_page_item a:hover {color:@menu_text;} #main_nav ul.sf-menu ul li.current_page_item a:hover span {color:@menu_text;} #main_nav ul ul {padding-top: 6px;} .sf-menu {list-style: none; margin: 0; padding: 0;} .sf-menu * {list-style: none; margin: 0; padding: 0;} .sf-menu {line-height: 1;} .sf-menu ul {top: -999em; width:auto; position: absolute;} .sf-menu ul li {width:100%; white-space:nowrap;} .sf-menu li:hover {visibility: inherit;} .sf-menu li {float: left; position: relative;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul {left: -10px; top: 2.8em; z-index: 99;} .sf-menu li.sfHover ul {left: -10px; top: 2.8em; z-index: 99;} ul.sf-menu li:hover li ul {top: -999em;} ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover li ul {top: -999em;} ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul {left: -10px; top: 0;} ul.sf-menu li li.sfHover ul {left: -10px; top: 0;} ul.sf-menu li li li:hover ul {left: -10px; top: 0;} ul.sf-menu li li li.sfHover ul {left: -10px; top: 0;} .sf-menu {margin: 0 0 0 10px; float: left;} .sf-menu a {text-decoration: none;} .sf-menu a {color:@menu_text;} .sf-menu a:visited {color:@menu_text;} #main_nav .sf-menu li li a:hover {} #main_nav ul.sf-menu ul li a:hover span {background-image: none;} #main_nav ul.sf-menu ul li a {width: auto; padding-left: 0; float: none;} #main_nav ul.sf-menu ul li a span {width: 90%; padding-left: 10px;} #main_nav ul ul ul {padding: 0 0 0 141px;} .js_on #main_nav ul ul ul {padding: 0;} #main_nav ul.sf-menu li.current_page_item a span {color:@menu_text;} #main_nav ul.sf-menu li a:hover {color:@menu_text_highlighted;} #main_nav ul.sf-menu li a:hover span {color:@menu_text_highlighted;} #main_nav ul.sf-menu li.current_page_item a {color:@menu_text_highlighted;} #main_nav ul.sf-menu li.current_page_item a span {color:@menu_text_highlighted;} #main_nav ul.sf-menu li.current_page_item ul li a:hover {color:@menu_text_highlighted;} #main_nav ul.sf-menu li.current_page_item ul li a:hover span {color:@menu_text_highlighted;} #main_nav ul ul {width:auto; height:auto; background: repeat-x url(/assets/templates/nrel/images/steel.jpg); border:solid 1px @border_color;} #main_nav li a {color:@menu_text;} #main_nav li a span {color:@menu_text;} #main_nav ul.sf-menu ul a {color:@menu_text; text-decoration: none;} #main_nav ul.sf-menu ul a span {color:@menu_text; text-decoration: none;} .pagination { width: 500px; text-align:center; } .pagination ul { display:inline; margin: 0 auto; } .pagination ul li { display: inline; margin:5px; } a.LinkButton { border-style: solid; border-width : 1px 1px 1px 1px; text-decoration : none; padding : 4px; border-color : #000000 }