/*

// 2012-01-07 Jordan - Spacing on .contentarea ordered lists
// 2011-12-22 Jordan - format volunteer form.
// 2011-12-21 Cory - fix pay by check styling
// 2011-12-20 Jordan - volunteer form
// 2011-12-20 Cory - add google+ styling
// 2011-12-19 Jordan
// 2011-12-16 Jordan
// 2011-12-14 Jordan
// 2011-12-07 Jordan
// 2011-11-30 Jordan
// 2011-11-25 Jordan
// 2011-11-22 Jordan
// 2011-11-12 Jordan
// 2011-11-01 Cory - coming soon span, 
// 2011-10-27 Jordan - profile page
// 2011-10-27 Jordan - registration form
// 2011-10-24 12:26p Jordan - Member form
// 2011-10-24 Cory - changes
// 2011-10-23 Cory - set color coding of nav to page_category
// 2011-10-19 Cory - revise user bar
// 2011-10-18 Jordan - styling mbr form
// 2011-10-13 Cory - adjustments
// 2011-10-10 - Jordan
// 2011-10-07 - Jordan
// 2011-10-05 20:39 Cory - more revisions, 
// 2011-10-05 08:06 Cory - adjust networking, quick links, style slideshow caption, 
// 2011-10-04 20:50 Jordan - update scorecard style
// 2011-10-04 15:00 Cory - add indent, align columns, activate new quick links, 
// 2011-10-03 13:19 Cory - revise styling with designer's input, color coding tabs, revise style on tab navigation, add brown
// 2011-10-02 23:23 Jordan - Registration style
// 2011-10-02 22:18 Cory - z-index on project menu in user bar, expand width of commentary, add color-coding of comment authors
// 2011-10-02 7:30p Jordan
// 2011-09-30 6:30p Jordan
// 2011-09-29 Jordan
// 2011-09-28 Jordan
// 2011-09-27 Jordan - styling commentary page
// 2011-09-27 Cory - revise slideshow width
// 2011-09-19 Jordan - Homepage refinements, user bar
// 2011-09-15 Jordan - new layouts
// 2011-09-07 Jordan - style for membership form
==================================================================
Designed by WebKey LLC (www.webkeylive.com) 
Copyright 2005-2008. All rights reserved.
Version 1.9.2
==================================================================
*/
/*Basics*/
*{padding:0; margin:0}
body{font:0.80em Arial,Verdana,Sans-serif; /*color:#121212; */color:#333; background:transparent url(/sites/grd/assets/bg_tile.jpg) repeat}

h1{font-size:1.75em; color:#266C45; letter-spacing:0; margin:8px 0; padding:0; font-weight:normal}
h2{font-size:1.35em; color:#333; margin:8px 0; padding:0; font-weight:bold}
h3{font-size:1.25em; color:#333; margin:8px 0; padding:0}
h4{font-size:1.15em; color:#333; margin:8px 0; padding:0}

a{color:#d9551b}
a:link, a:visited{color:#d9551b; text-decoration:none}
a:hover{color:#d9551b; text-decoration:underline}

ul, ol{margin:0 20px; padding:0; letter-spacing:normal; line-height:1.35em}
li{margin:0; padding:0}

p{margin:10px 0; letter-spacing:normal; line-height:1.35em}

blockquote{margin:10px 20px}

img{border:none}

.clearboth{clear:both}
.floatleft{float:left}

.white{color:#FFF; font-weight:normal}
.blue{color:#059498; font-weight:normal}
.orange{color:#c9520b; font-weight:normal}
.green{color:#266C45; font-weight:normal}

.orangebg{background:#c9520b}
.orangebg:hover{background:#e35a0b}
.orangebg.nohover:hover{background:#c9520b}
.greybg{background:#8a8c82}
.greybg:hover{background:#a3a69a}
.greybg.nohover:hover{background:#8a8c82}
.tealbg{background:#059498}
.tealbg:hover{background:#05adb3}
.tealbg.nohover:hover{background:#059498}
.tealbg a {color:#fff; text-decoration:none;}
.greenbg{background:#056b46}
.greenbg:hover{background:#078556}
.greenbg.nohover:hover{background:#056b46}
.greenbg a {color:#fff; text-decoration:none;}
.whitebg{background:#fff}
.blackbg{background:#000}
.blackbg:hover{background:#565656}
.blackbg.nohover:hover{background:#000}
.brownbg{background:#523008}
.brownbg:hover{background:#6b3e0b}
.brownbg.nohover:hover{background:#523008}

.topradius{border-radius:6px 6px 0 0; behavior:url('/key/styles/PIE.htc'); -webkit-background-clip:padding-box}

.allradius{border-radius:6px 6px 6px 6px; behavior:url('/key/styles/PIE.htc')}

.tooltip:hover{cursor:default}
.tipbox{position:absolute; z-index:9999; font-size:12px; width:280px; border:1px solid #999; background:#fff; padding:0 5px}

#wrapper{width:1000px; margin:0 auto; margin-top:18px; padding:0; background:transparent; height:100%}

#survey_code{font-weight:normal}

.margin-header{color:#FFF; margin:0 0 4px 0; font-weight:normal}

#manual_header{font-weight:normal; color:#c63}

#download_button{position:relative; float:right; z-index:0}

#facebook{margin:0; padding:0; text-align:left; position:relative; background:#FFF}

/* rightColumn */
.rightColumn{margin:0; padding:0 10px 0 7px; display:inline; float:left; height:100%; width:220px}
#rightcol_inner{width:220px; margin:30px 0 4px 0; padding:0}

.rightchoice{font-weight:normal; font-size:14px; font-family:verdana,sans-serif; letter-spacing:0; display:block; height:20px; width:150px; padding:5px 5px 3px 5px; text-align:center; margin:0 0 7px 0}
.rightchoice:hover{text-decoration:none}

.rightColumn a{color:#fff; text-decoration:none}
.rightColumn h2, .rightColumn h2 a{color:#059498; font-weight:normal}
.rightColumn ul, .rightColumn ol{margin:0; padding:0}
.rightColumn li{margin:6px 0px; padding:0}

#blog_tab{background:#FFF; color:#000; margin:10px 0 0; border:0px solid red}
#blog_tab a{color:#059498}
#blog_tab a:hover {color:#c9520b; text-decoration:underline}
#blog_tab h2, #blog_tab h3{margin:0; padding:0; line-height:1}
#blog_tab .postdate{color:#999; font-size:smaller; height:15px; margin:0}
#blog_tab h3{margin:4px 0 0}
#blog_tab h3 a{color:#c9520b}
#blog_tab h2 a:hover{color:#c9520b; text-decoration:underline}
#blog_tab .postbody p{margin:3px 0 0}

div#right_top{padding:10px; width:200px; margin:30px 0 0 0}
#right_top h3, #right_top h2{color:#fff; font-size:13px; font-weight:normal; margin:0; padding:0}
#right_top h2 a, #right_top h2 {font-weight:bold; color:#fff; font-size:16px}
#right_top p {color:#fff;}
#right_top p a {text-decoration:underline;}
#right_top .application_submit span{background:#fff; color:#000}
#right_top .application_submit span:hover{background:#f3f3f3}
#right_top .application_submit span a{color:#c9520b}
#right_top .application_submit span a:hover{color:#000}

div#right_items{padding:10px; width:200px; margin:10px 0 0 0}
#right_items h3, #right_items h2{color:#fff; font-size:13px; font-weight:normal; margin:0; padding:0}
#right_items h2 a{font-weight:bold; color:#fff; font-size:16px}
#right_items a:hover {text-decoration:underline}

/* End rightcolumn */
.program_authors{color:#333}

#breadcrumb{font:0.95em Arial,Verdana,Sans-serif; color:#CCC; margin:0 0 20px 0}

#breadcrumb a{color:#999; text-decoration:none}

#breadcrumb a:hover{color:#666; text-decoration:underline}

/* @end */
/* @group Structure Basics */
#fullthirds{float:left; margin:0; border:3px solid #fff; background:#fff; width:1000px; border-radius:0 8px 8px 8px; behavior:url('/key/styles/PIE.htc')}
#fullthirds .inner{width:700px; float:left}

#header{position:relative; padding:10px 0 0; height:85px}

#logo_box{float:left; margin:0; padding:0px; width:200px; height:73px}

.logo{float:left; margin:0; padding:0}

#userbar{float:right; height:20px; padding:7px 7px 2px 7px; color:#a2a39e}
#userbar a{color:#8c8d88}
#userbar a:hover{color:#000}
#show_projects{position:relative; z-index:3; background:url(/key/assets/icons/asc.gif) no-repeat right; padding:0 20px 1px 6px; border:1px solid #a2a39e}
#show_projects:hover{background:#f4f4f4 url(/key/assets/icons/asc.gif) no-repeat right; text-decoration:none; color:#555}
#show_projects.active{display:inline-block; height:20px; border-bottom:none; border-top:none; background:#fff url(/key/assets/icons/asc.gif) no-repeat right 7px; box-shadow:0 -1px 1px #666}

#project_switcher{position:absolute; z-index:2; margin:-1px 0; background:#fff; border:1px solid #a2a39e; padding:0 0 10px 0; color:#000; box-shadow:0px 3px 3px #666; width:108px}

#project_switcher h3{color:#c9520b; font-weight:normal; font-size:15px; margin:5px 0 3px 0}
#project_switcher ul{margin:0; list-style:none}
#project_switcher ul li{margin:0 0 1px 0}
#project_switcher ul li a{display:block; width:100px; padding:2px 0 2px 8px}
#project_switcher ul li a:hover{background:#dfdfdf; color:#000; text-decoration:none}
#project_switcher p{padding:0 0 0 4px; margin:5px 0 2px 0}

#socialandsearch{float:right; clear:right}

#networking, #search_form{float:left; margin:10px 0 0; padding:0; background:#fff; padding:2px; width:100px; height:22px}

#search_form{width:200px}

#search_form input#keywords{margin:0; padding:0; height:18px; width:170px; float:left}

#search_form input#submit{margin:0; padding:0; float:right}

#content_top{background:transparent url(/sites/grd/assets/bg_content_top.png) no-repeat; margin:0; padding:0; height:4px; border:0px solid red}

#leftColumn{display:inline; /* IE Hack */width:200px; float:left; text-align:left; margin:0; padding:0 0 0px 0; background:transparent url(/sites/grd/assets/bg_leftcol_bottom.png) no-repeat bottom}

#leftcol_inner{margin:0 0 4px 0; padding:0; background:#fff}

#leftColumn ul.key_filters a{color:#fff; text-decoration:none}

#leftColumn ul.key_filters a:hover{text-decoration:underline}

#leftColumn a:hover{color:#fff; text-decoration:underline}

/* Tree Menu */
.tree_menu{width:225px; color:#000}

.accordion{width:202px; cursor:pointer; color:#fff; display:block; padding:4px 10px 5px 10px !important}
.accordion.member_directory {width:auto; color:#000; margin:0 0 5px 0; padding:0 !important;}
.directory_hidden {margin: 2px 0 6px 10px; padding:1px 0 4px 4px; border-left:6px solid #eee; }
.directory_hidden p {margin:0; padding:0;}
.tree_menu, .tree_menu ul{margin:0; padding:0; list-style-type:none; overflow:hidden; font-size:1.05em !important; letter-spacing:normal; line-height:1em}

.tree_menu a, .tree_menu span{display:block; color:#000; line-height:17px; text-decoration:none; margin-left:20px}

.tree_menu a:hover, .tree_menu span:hover{text-decoration:underline}

.tree_menu ul{margin:-5px 0 0; text-indent:-32px; padding-left:32px}

.tree_menu.project_menu li.accordion{background:#d35c30}
.tree_menu.project_menu li.accordion:hover{background:#c9520b}
.tree_menu.commentary_menu li.accordion{background:#999b91}
.tree_menu.commentary_menu li.accordion:hover{background:#a3a69a}
.tree_menu.browse_menu li.accordion {background:#056b46}
.tree_menu.browse_menu li.accordion:hover {background:#078556}

.tree_menu ul li{background:none !important}
.tree_menu ul li a{margin:0 0 2px 10px; font-size:12px}

.tree_menu .current_article li ul{font-weight:bold; color:red}
.tree_menu ul .active{text-decoration:none; font-weight:bold}

li#category_208{display:none}
ul#subcategory_208{display:none}

.sponsor-leaf { color:#999999; }

/* Sub tabs */
.sub_tabs{display:block; list-style:none; margin:20px 0px 20px 0px; padding:0 0 4px 0; height:22px; border-bottom:1px solid #266C45}

.sub_tabs li.activeTab a:link, .sub_tabs li.activeTab a:visited{color:#000}

.sub_tabs li{display:inline; float:left}
.sub_tabs li a{display:block; padding:5px 8px 4px 8px; margin-right:2px; border:1px solid #266C45; border-bottom:none; color:#fff; font-size:0.92em}
.sub_tabs li a:hover{text-decoration:none}

.project_sub_tabs{border-bottom:1px solid #059498}

.project_sub_tabs li a{border:1px solid #059498; border-bottom:none}

.sub_tabs li a.manual_tab{color:#E54B19}

.sub_tabs li.manual_tab a{color:#fff}

.sub_tabs .manual_tab{border-top:1px solid #E54B19; border-left:1px solid #E54B19; border-right:1px solid #E54B19; background:#E54B19}

.sub_tabs li.activeTab a{background:#fff; color:#000}

/* Individual Credit Stylee */
.comment_box{clear:both}
.comment_header{color:#666}
.comment_header span{margin:0 0 0 4px; color:#000}
.comment_thumbnail{float:left; margin:0 5px 15px 0}
.comment_caption, .comment_notes{margin:0 0 0}
.delete_resource{float:left}
#set_credit_status h3{font-size:14px}
#set_credit_status .checkbox_label{margin:0 9px 0 -1px}
#preliminary_score, #final_score{width:25px; text-align:right}

/* project info page */
h1.project_info{float:left}
#project_info_page h2{float:left}
#project_info_page .success{clear:both}
ul.project_records{list-style:none; margin:0}
ul.project_records li{list-style:none; padding:0 0 10px 20px; background:url('/key/assets/icons/small_html.gif') left top no-repeat}
/* help dialogue */
.instructions{}
.instructions a.instructions_toggle{float:right; display:block; padding:7px 10px 5px 3px}
.instructions div{display:block; clear:both; display:none}

#content_area{width:700px; padding:0; margin:0 0 0 35px; border:0px solid #000; float:left}

#content_wrapper{width:670px}

.contentarea ol {}
.contentarea ol li {margin:0 0 5px 0;}

.contentarea h2.credit_info, #centerColumn h2.credit_info{float:left; margin-top:0px}

.contentarea h3.subpages, #centerColumn h3.subpages{margin:20px 0 6px 0}

.contentarea, .contentarea, #centerColumn{margin:0; padding:0px; display:inline; /* IE Hack */float:left; width:700px; background:transparent url(/sites/grd/assets/bg_content_middle_bottom.png) no-repeat bottom}

.inner, #centercol_inner{width:700px; margin:0; padding:20px 0 0 0; background:#fff; min-height:300px; border:0px solid red}

.contentarea, .contentarea, #centerColumn .content_image{float:right; border:1px solid #000; margin:0 0 15px 15px; padding:0}

.contentarea, #centerColumn h1{color:#266C45; margin:0 0 15px 0; padding:0}

.contentarea, #centerColumn h2.survey_points{margin:0px; color:#159091}

.contentarea, #centerColumn h1.survey_title_with_points{margin-bottom:3px}

.contentarea, #centerColumn h2{color:#121212; font-size:1.0em; letter-spacing:0.5px; margin:16px 0 0 0; padding:0}

/* HEADER FOR FADING */
#home_header{width:925px; margin:35px 30px 0 35px; height:325px; border:0px solid #CCC}

#panorama{position:relative; float:left; margin:0; width:700px; height:300px; padding:0 0 30px 0; border:0px solid green; z-index:1}

#panorama img{width:700px}

#panorama_image{margin:0; font-size:11px; line-height:1.5em}

.panorama_caption{font:0.95em Arial,Verdana,Sans-serif; font-weight:normal; color:#666; margin:0; margin:5px 10px 0px 1px}

#caption_box{position:absolute; top:300px; width:700px; height:30px; padding:0; margin:0; background:transparent}

#caption_box a:link, #caption_box a:active, #caption_box a:visited, #caption_box a:hover{color:#666}

.no-script{background:#000 url('/sites/fhw/assets/background.gif')}

.innerfade{margin:0; padding:0; z-index:1}

.header ol li{list-style:none outside}

.header ul li{list-style:none outside}

#header_images ul, #header_images li{list-style:none; margin:0; padding:0; display:inline; border:0px solid red}

#layout-header-row{width:700px}

#layout-header{width:700px; height:300px}

#layout-header .main_image{width:700px; height:300px; margin:-1px 0 0 0; padding:0}

#layout-header ul, li{margin:0px; padding:0px}

/* @end */
/* Quicklinks */
#quicklinks{float:left; width:220px; height:300px; padding:0; margin:0 0 0 5px; border:0px solid green}
.quick-links{width:150px; font:1.15em Arial,Verdana,Sans-serif; color:#FFF; padding:10px; margin:15px 0; letter-spacing:normal; line-height:1.95em; text-align:center}
#quicklinks a{color:#FFF; text-decoration:none; text-align:center}
#quicklinks a:hover{color:#FFF; text-decoration:underline; text-align:center}

#quicklinks-projects{background:#c9520b; position:absolute; width:150px; height:27px; padding:0; margin:140px 37px 0 37px; border-radius:5px}
#quicklinks-projects a{background:#c9520b !important; text-decoration:none; padding:10px; margin:20px 0; letter-spacing:normal; line-height:1.35em; text-align:center}
#quicklinks-projects a:hover{background:#e35a0b !important; text-decoration:none}

#quicklinks-commentary{background:#8a8c82; position:absolute; width:150px; height:27px; padding:0; margin:173px 37px 0 37px; border-radius:5px}
#quicklinks-commentary a{background:#8a8c82 !important; color:#FFF; text-decoration:none}
#quicklinks-commentary a:hover{background:#a3a69a !important; color:#FFF; text-decoration:none}

#quicklinks-members{background:#059498; position:absolute; width:150px; height:27px; padding:0; margin:207px 37px 0 37px; border-radius:5px}
#quicklinks-members a{background:#059498 !important; color:#FFF; text-decoration:none}
#quicklinks-members a:hover{background:#05adb3 !important; color:#FFF; text-decoration:none}

#quicklinks-training{background:#523008; position:absolute; width:150px; height:27px; padding:0; margin:241px 37px 0 37px; border-radius:5px}
#quicklinks-training a{background:#523008 !important; color:#FFF; text-decoration:none}
#quicklinks-training a:hover{background:#6b3e0b !important; color:#FFF; text-decoration:none}

.sidebar_content_box{margin:0 5px 4px 5px; padding:0; color:#fff}

.sidebar_content_box_inner{margin:0; padding:15px}

.application_submit{color:#e3e3e3}
.application_submit span{display:block; width:150px; height:20px; text-align:center; margin:5px 0 0; color:#fff; background:#056b46}
.application_submit span a{display:block; width:150px; height:20px;  padding:2px 0 0}
.application_submit span:hover{background:#078556}
.application_submit p a:hover{text-decoration:underline}

.orange_bg{background:#c9520b}
.blue_bg{background:#059498}
.green_bg{background:#266c45}

#left_top_orange{background:#c9520b url(/sites/grd/assets/cnr_left_top_orange.gif) no-repeat top}

#left_bottom_orange{background:transparent url(/sites/grd/assets/cnr_left_bottom_orange.gif) no-repeat bottom}

#left_top_blue{background:#059498 url(/sites/grd/assets/cnr_left_top_blue.gif) no-repeat top}

#left_bottom_blue{background:transparent url(/sites/grd/assets/cnr_left_bottom_blue.gif) no-repeat bottom}

#right_top_blue{background:#059498 url(/sites/grd/assets/cnr_right_top_blue.gif) no-repeat top}

#right_bottom_blue{background:transparent url(/sites/grd/assets/cnr_right_bottom_blue.gif) no-repeat bottom}

#right_top_green{background:#266c45 url(/sites/grd/assets/cnr_right_top_green.gif) no-repeat top}

#right_bottom_green{background:transparent url(/sites/grd/assets/cnr_right_bottom_green.gif) no-repeat bottom}

.sidebar_content_box ul{padding:0; font-size:0.90em}

.sidebar_content_box ul li{margin:0; padding:2px 0}

.sidebar_content_box h3, .sidebar_content_box h4{margin:4px 0; padding:0; font-size:0.98em; color:#fff}

.sidebar_content_box h2{margin:0 0 4px 0}

.sidebar_content_box h3#project_title{font-size:1.5em}

.sidebar_content_box p{margin:4px 0; padding:0; line-height:1.35em; font-size:0.90em}

.sidebar_image{border:0px solid #fff; margin:0; padding:0}

/* Sidebar Scorecard / categories calculator */
.calculator_title a, .calculator_title{font-weight:bold}
.calculator_category a{margin:0 0 2px 5px; display:block; line-height:1.2; font-size:12px !important; width:100px}
td.calculator_title{width:100px}

/* Scorecard Page */
div#scorecard_page_container h2{font-size:16px}
div#scorecard_page_container h2 a{font-size:16px; display:block; margin:-6px 0 10px 0; color:#000}
.scorecard_category_title a{font-size:16px; color:#000; font-weight:normal}
table.scorecard_page a{color:#000}
table.scorecard_page{border-collapse:collapse; margin:0 0 10px 0}
table.scorecard_page, .scorecard_page td, .scorecard_page th{border-top:1px solid #ccc}
.scorecard_page th{border:1px solid #ccc}
table.scorecard_page th{text-align:left; color:#666; font-weight:normal}
table.scorecard_page th, .scorecard_page td{padding:2px 5px 2px 5px}
.th_credit{width:250px}

tr.notattempting, a.notattempting{color:#000 !important}
tr.notattempting{opacity:.5}

.credit_status, .points_col, .docs_col, .weblinks_col{text-align:center}

.credit_status span, .docs_col span, .weblinks_col span{display:block; height:12px; overflow:hidden}
.docs_col span img, .weblinks_col span img{margin:-65px 0 0}
.credit_status_in_progress{margin:-48px 0 2px 0}
.credit_status_reviewed{margin-top:-12px}
.credit_status_denied{margin-top:-36px}
.credit_status_approved{margin:-24px 0 2px 0}

div#scorecard_page_container .application_submit{float:right; margin:-25px 13px 0; padding:10px 0 0}
div#scorecard_page_container .application_submit p{width:300px; color:#000; float:right}
div#scorecard_page_container .application_submit span{width:140px}
div#scorecard_page_container .application_submit span a{color:#fff; font-weight:normal; height:14px; width:120px; padding:2px 10px 4px 10px}
div#scorecard_page_container .application_submit span a:hover{text-decoration:none; color:#ededed}

#print_scorecard{float:right; margin:-5px 15px; color:#fff; display:block; width:35px; height:14px; padding:2px 4px 4px 15px}
#print_scorecard:hover{text-decoration:none; color:#fff}

/* Footer */
#footer{height:40px; clear:both; background:#FFF; margin:20px 0 10px 0; padding:20px 0 0 0; text-align:center; font-size:0.86em; color:#9d9d9d}

#footer a:link, #footer a:visited{color:#9d9d9d; text-decoration:none}

#footer a:hover{color:#121212; text-decoration:underline}

#siteCredits{width:120px; margin:0 auto; margin-top:10px; text-align:center}

#siteCredits p{font-size:0.86em; color:#aeb4a6; background-color:#e6e7e1; padding:2px}

#version{width:10px; margin:0 auto; margin-top:10px; text-align:center}

#version p{font-size:0.86em; color:#d1d8c8; padding:2px}

#siteCredits p a:link, #siteCredits p a:visited{color:#aeb4a6; text-decoration:none}

#siteCredits p a:hover{color:#aeb4a6; text-decoration:underline}

#siteCredits .pipe{color:#aeb4a6}

/* @end */
/* @group Other */
.image-default{margin:1px; padding:0}

.image-default img{border:0px solid #ededed; margin:0; padding:0}

.image-default table{border-collapse:collapse; margin:25px 0 10px 20px; padding:0}

.image-default p.caption{margin:0; padding:0; font-size:0.86em}

/* @end */
/* @group Login */
div#login{margin:20px auto; margin-top:100px; width:600px}

#login img{margin:0 0 10px}

#logincontent{border:2px solid #ccc; padding:30px 15px 30px 30px; background:#fff; text-align:left; font-family:Arial,Sans-serif}

#logincontent p, #logincontent li{font:0.85em Verdana,Arial,Helvetica,sans-serif}

#loginleft, #loginright{float:left; width:275px}

#login h1{color:#159091; margin:0 0 15px 0; padding:0; font-size:14px; font-weight:bold}
#loginleft h1{margin:0 0 20px 0}

#login p{margin:5px; margin-left:0; padding:0; color:#333}

#login p a:link, #login p a:visited{font-size:10px; text-decoration:none}

#login p a:hover{font-size:10px; text-decoration:underline}

#login p.loginSubmit{margin:6px 0}

#login p.loginForgot{margin:10px 0}

#login .error{color:#c00; width:179px !important}

#login input{margin-top:4px; clear:both; display:block; font-size:13px}

#login p.loginReminderText{margin:10px 0; padding:4px; color:#333; border:1px solid #ededed; background:#ffc}

#login input.loginUserBox, #login input.loginPassBox{margin:0; border:1px solid #ccc; width:200px; font-size:13px; padding:2px 0 2px 2px}
#loginSubmit{margin:10px 0 0 !important}

div.login-link{margin:10px}

div.login-link a:link, div.login-link a:visited{font-size:x-small; text-decoration:underline}

#loginright ul{margin:0 0 0 4px}
#loginright li{margin:4px 0 0; list-style:none}

/* @end */
/* @group Module Styles */
#module{padding:10px 0}

#horizontal-thumbs{padding:20px 0}
#horizontal-thumbs li{display:inline; list-style-type:none; padding:5px}

/* @end */
/*  @NAVIGATION  */
#navbar{margin:0; padding:0}

#global_navigation{margin:0 0 0 0; padding:0; float:left; font-size:13px}

#global_navigation a{color:#fff; font-family:Arial,Verdana,Sans-serif; font-weight:normal; border-bottom:1px solid #FFF}
#global_navigation a:hover{color:#fff}

#global_navigation ul{margin:1px 0 0 0; padding:0; list-style:none; list-style:none; display:block}
#global_navigation ul li{float:left; margin:0 4px 0 0; padding:3px 3px 0 3px; background:#fff; font-size:0.92em}
#global_navigation ul li a{background:#066c47; padding:6px 15px 4px 15px; margin:0; display:block}
#global_navigation ul li a:hover{background:#068054; text-decoration:none}

#global_navigation li.current_page_item .topradius{background:#fff}
#global_navigation li.current_page_item ul li{background:#066c47 !important}
#global_navigation li.current_page_item .topradius{color:#066c47; font-weight:bold}
#global_navigation li.current_page_item .topradius:hover{color:#066c47; background:#fff}

#global_navigation ul li ul{margin:0px 0 0 -3px !important; border:3px solid #fff !important; border-top:0px solid #fff !important; width:150px !important; box-shadow:0px 3px 3px #999}
#global_navigation ul li ul li{width:100%; margin:0 !important; padding:0 !important; border:none}
#global_navigation ul li ul li a{display:block; padding:4px 4px 4px 15px !important}

.sub_pages{z-index:3}

/* Specific pages in navigation */

/* General */
#page_general a{background:#056b46 !important}
#page_general a:hover{background:#078556 !important}
#page_general.current_page_item a{background:#fff !important; color:#056b46; text-decoration:none}
#page_general.current_page_item a:hover{background:#e6e7e1 !important; color:#056b46; text-decoration:none}

/* Projects */
#page_projects a{background:#c9520b !important}
#page_projects a:hover{background:#e35a0b !important}
#page_projects.current_page_item a{background:#fff !important; color:#056b46; text-decoration:none}
#page_projects.current_page_item a:hover{background:#e6e7e1 !important; color:#056b46; text-decoration:none}

/* Commentary */
#page_manual a{background:#8a8c82 !important}
#page_manual a:hover{background:#a3a69a !important}
#page_manual.current_page_item a{background:#fff !important; color:#056b46; text-decoration:none}
#page_manual.current_page_item a:hover{background:#e6e7e1 !important; color:#056b46; text-decoration:none}

/* Members */
#page_members a{background:#059498 !important}
#page_members a:hover{background:#05adb3 !important}
#page_members.current_page_item a{background:#fff !important; color:#056b46; text-decoration:none}
#page_members.current_page_item a:hover{background:#e6e7e1 !important; color:#056b46; text-decoration:none}

/* Train */
#page_learn a{background:#523008 !important}
#page_learn a:hover{background:#6b3e0b !important}
#page_learn.current_page_item a{background:#fff !important; color:#056b46; text-decoration:none}
#page_learn.current_page_item a:hover{background:#e6e7e1 !important; color:#056b46; text-decoration:none}

/*  Home  Contact Us */
div#contact_us_form label{clear:both}
div#contact_us_form input{clear:both}
div#contact_us_form .checkbox{float:left; margin:7px 5px 0 0}
div#contact_us_form .checkbox_label{float:left; width:400px; clear:none}

/* BLOG */
.postcategory, .posttags{display:block; clear:both}
.postbody p img{padding:5px}

/*  REGISTRATION  */
.registration_scroll{display:none}
#step_one{display:block}

.application_nav{display:block; width:180px; clear:both; margin:5px auto; font-size:18px}
.next_application_page{margin:0 0 0 50px; display:inline-block}
#step_one .next_application_page{margin:0 0 0 90px}
#goto_step_six{margin:0 0 0 40px}

.new_project_steps{height:38px; overflow:hidden; margin:0 0 0 100px; width:537px}

.required{background:#F0C9AA !important}
#emailError{display:block; margin:5px 0 0 10px; float:left}
#step_2 img{margin:-38px 0 0}
#step_3 img{margin:-76px 0 0}
#step_4 img{margin:-114px 0 0}
#step_5 img{margin:-152px 0 0}
#step_6 img{margin:-190px 0 0}

table.arrow{float:left}

div#estimated_cost_container{padding:0 0 40px 0; display:block; clear:both}
div#estimated_cost_container h2{float:left; width:250px; text-align:right; margin:0; padding:0}
div#estimated_cost_container div{float:left; width:100px; margin:0 0 0 10px}
#add_new_program div{margin:0 0 0 22px; padding:0 0 0 5px; border-left:1px solid #999}

.registration_response{color:#f00}
.registration_progress{color:#000; margin:0 0 15px 0; padding:0; text-align:left; font-size:1.2em}

div.box{border:solid 1px #ccc; background:#E0E8D8; padding:20px; margin:10px 0; color:#333; clear:both}

div.box input.textbox{border:1px solid #CCC; color:#000; font-size:1.2em; padding:2px 6px; width:418px}
#project_aashto_other input{width:200px}
div.box label span{color:#555; padding:0 0 2px; text-align:left}
div.box label span.field_title{color:#555; display:block; padding:0 0 2px; text-align:left}
div.box label span span.required{background:none !important; color:#f33}
div.box .checkbox_label {clear:none; display:inline-block; width:500px; padding:0; margin:0;}
div.box input.checkbox {display:inline-block; padding:0; vertical-align:top; margin:2px 0 0;}
div.box div#scroll_terms {height:120px; overflow:auto; padding: 0 5px 5px 10px; margin:5px 0 0; background:rgb(250,250,250); background:rgba(255,255,255, .8) }

input.textbox_small{border:1px solid #ccc; color:#000; width:200px; padding:5px 6px; font-size:1.2em; margin-bottom:10px; float:left}

input.textbox_tiny{border:1px solid #ccc; color:#000; width:60px; padding:5px 6px; font-size:1.2em; margin-bottom:10px; float:left}

div.registration_box .form_message{color:#999; margin-left:445px}

div.box input.textbox_three_col{border:1px solid #ccc; color:#000; width:140px; padding:2px 6px; font-size:1.2em; margin-right:5px}

div.box select.dropbox{border:1px solid #ccc; width:152px; padding:2px; font-size:1.0em; margin-right:5px}

div.box input.textbox_two_col{border:1px solid #ccc; width:250px; padding:2px 6px; font-size:1.2em; margin-right:5px}

div.registration_box select.dropdown_small{width:273px; background:#fff; border:1px solid #ccc; font-size:1.2em; margin-bottom:10px; padding:2px 0px; float:left}
div.registration_box textarea.textarea_small{border:1px solid #ccc; color:#000; width:260px; padding:2px 4px; font-size:1.2em; padding:5px 6px; font-size:1.2em; margin-bottom:10px; font-family:"Lucida Grande","Arial",sans-serif; float:left}
div.registration_box input {width:257px;}
div.box textarea.textarea{border:1px solid #ccc; color:#000; width:418px; padding:2px 4px; font-size:1.2em}

div.box label{display:block; margin-bottom:4px; text-align:left; color:#111; padding:5px 10px 0 0}

div.registration_box label{width:260px; display:block; float:left; margin-bottom:10px; text-align:right; color:#111; padding:5px 10px 0 0; font-size:0.95em; clear:both}


div.required{background:url(/sites/grd/assets/required_field.gif) no-repeat; height:16px; width:16px; float:left; margin:5px 0 0 5px}

#registration_success p{font-size:1.3em}
#registration_success{background:#fff url(/sites/grd/assets/accept.png) no-repeat 15px 23px}
#registration_success h1{font-size:1.9em}

.submit_button{background:url(/sites/grd/assets/register_continue.gif); width:145px; height:39px; text-indent:-9999px; line-height:0; color:transparent; border:0px; cursor:pointer; margin:20px 0 0 330px}

.project_continue{background:url(/sites/grd/assets/register_continue.gif); width:145px; height:39px; color:transparent; border:0px; cursor:pointer; margin:20px 0 0 330px}

.project_submit{background:url(/sites/grd/assets/contact_submit.gif); width:145px; height:39px; color:transparent; border:0px; cursor:pointer; margin:20px 0 0 330px}

#submit_step_three{background:url(/sites/grd/assets/register_save.gif); width:145px; color:transparent; border:0; height:39px; cursor:pointer}

#add_another_person{background:url(/sites/grd/assets/register_add_another_person.gif); width:174px; color:transparent; height:39px; border:0; cursor:pointer; margin-left:140px; margin-top:50px}

.person{margin-top:20px; clear:both}

.person p{margin-left:200px; font-size:1.25em}

.error{margin:10px 0 20px 0; padding:20px 20px 20px 42px; color:#C90000; border:1px solid #ccc; font-size:0.98em; background:#fff url(/sites/grd/assets/error.png) no-repeat 20px 17px}

.success{margin:10px 0 20px 0; padding:20px 20px 20px 42px; color:#000; border:1px solid #ccc; font-size:0.98em; background:#fff url(/sites/grd/assets/accept.png) no-repeat 20px 17px}

/* Contact listing inside of projects */
table#contact_listing{vertical-align:middle}

table#contact_listing tr{padding:5px 2px;border-bottom:1px solid #fff; height:25px; display:block;}

table#contact_listing td{}

#contact_listing .change{width:80px; text-align:right}

#contact_listing .permissions{line-height:1.5em; width:100px; text-align:right; padding-right:20px;}
#contact_listing .name{width:300px}

#contact_listing .name strong{font-size:14px}

#contact_listing .dropbox{float:right; border:1px solid #ccc; width:80px; display:block; margin-bottom:10px}

#contact_listing .dropbox option{padding-left:4px}

#submit_privileges{background:url('/sites/grd/assets/project_update.gif'); width:122px; height:39px; color:transparent; border:0px; float:right; margin:8px 20px 0 0; cursor:pointer}

#add_person{display:block; clear:right; text-align:right}

#add_person a{margin-right:35px; font-weight:normal; color:#c9520b; font-size:1.1em}

.new_team_input {width:123px; float:left;}
.new_team_input input {width:116px;}

#submit_privileges {clear:both;}

.article_image{margin-bottom:10px}

#article_images{overflow:hidden; float:right; margin-left:20px; margin-top:52px; width:200px; text-align:center;}

.article_image img{display:block; margin:auto; margin-bottom:2px; border:0px solid #ccc}

.article_image p{margin:0; padding:0 5px; line-height:1.05em; font-size:0.80em}

/* Project Info Page Styles */
#update_project_info{background:url('/sites/grd/assets/project_update.gif'); width:122px; height:39px; color:transparent; border:0px; margin:8px 0 0 315px; cursor:pointer}

/* enter a weblink styling */
#submit_resource{background:url(/sites/grd/assets/register_save.gif); width:145px; color:transparent; border:0; height:39px; cursor:pointer; margin-left:225px}

.resource_box label{width:150px; display:block; float:left; margin-bottom:10px; text-align:right !important; color:#111; padding:5px 10px 0 0; font-size:1.25em; clear:both}

.resource_box textarea{border:1px solid #ccc; color:#000; width:200px; padding:2px 4px; font-size:1.2em; padding:5px 6px; font-size:1.2em; margin-bottom:10px; font-family:"Lucida Grande","Arial",sans-serif; float:left}
/* end weblink styling */
/* Forum messages styling */
.forum_message_box{width:100%; float:left; border-bottom:1px solid #CCC}

.forum_message_header{width:100px; display:block; float:left; color:#999}

.forum_message_author{font-weight:normal; font-size:0.9em; width:100%; display:block}

.forum_message{width:700px}

.sharing_container{margin:10px 0}

.permission_admin{color:#056b46}

.permission_reviewer{color:#999}

.permission_project{color:#c9520b}

.permission_member{color:#059498}

/* Membership
----------------------------------------- */
.mbr_form{width:570px; height:500px; position:relative; z-index:2}
.mbr_form label, .mbr_form input, .mbr_form select, .mbr_form textarea{float:left; clear:both; margin:10px 7px 4px 0}
.mbr_form input, .mbr_form select, .mbr_form textarea{clear:none}
.mbr_form select {padding:5px; width:215px;}
.mbr_form select option {padding:0}
.mbr_form textarea{width:240px; height:80px}
.mbr_form label{width:155px; text-align:right}
.mbr_form label.fullwidth {clear:both; width:400px; text-align:left; padding: 0 0 0 40px;}
.mbr_form form{clear:both;}
.mbr_form #company_country{width:130px}
.mbr_form #company_tags {height:140px;}
.mbr_form span{display:block; float:left; margin:5px 0 0 160px}
.mbr_form #company_category {width:200px;}
.mbr_form .size_label {float:left;}
.mbr_form .company_size, .mbr_form .mbr_level {margin:0 0 4px 3px; clear:both;}
.mbr_form .company_size input,  .mbr_form .mbr_level input {margin:0 3px 4px 0}
.mbr_form .type_radios {float:left; width:400px;}
.mbr_form .company_size.first, .mbr_form .mbr_level.first, .mbr_form .type_radios.first {clear:none;  margin:10px 0 4px 3px}
.mbr_form .type_radios span.interest_radio {margin:5px 0 0; clear:left; padding:5px 0 0;}
.mbr_form .type_radios span.interest_radio input {padding:0; margin:0 5px 0;}
.mbr_form #volunteer_comment {width:300px; height:100px;}
.mbr_form input#contact_opt_in {float:left; clear:none; margin: 0 0 0 160px; display:inline;}
.mbr_form #opt_in_label {float:left; clear:none; display:inline; margin:0 0 25px 5px; padding:0; text-align:left;}
.mbr_form .radiolabel {margin:8px 10px 0 0;}
.mbr_form span#small{clear:none; margin:10px 0 0 3px}
.mbr_form .red{display:inline; float:none; margin:0}
.mbr_form .total{font-weight:bold}
.mbr_form .floatleft{margin:10px 0 0 4px}
.mbr_form #select_multiple{display:block; width:105px}

.mbr_form#individual #add_new_company {float:left; margin:18px 0 0;}
.mbr_form#individual #cancel_new {margin:24px 0 0 3px; float:left;}

div#membership_payments{width:600px; float:left; clear:both; margin:10px 0 0 163px}
div#membership_payments #company_mbr_paypal{float:left; margin:0}
div#membership_payments p{clear:both}
div#membership_payments div.checkInfo *{float:none; margin:0; clear:none; display:inline}
div#membership_payments div.checkInfo pre{display:inline-block}
div#membership_payments div.checkInfo .mailto{float:left; margin:0 3px 0 0}
div#membership_payments div.checkInfo .payViaCheck{clear:both; display:block}
form#indiv_mbr_paypal{float:left; margin:0; clear:both; width:200px}
div#paypal_button{position:relative; height:60px; margin:10px 0}

/*uploads for membership*/
.fileupload {width:400px; overflow:hidden; float:left; padding:12px 0 0 5px;}
.file_upload {background:#056b46 !important; border:none !important; margin:0 !important;}
.file_upload:hover{background:#078556 !important}
.fileinput-button {margin:-5px 0 0 -120px !important; width:290px !important; color:#fff}
.uploaded_files td {text-align:left; padding:0 0 5px 0; margin:0;}
.uploaded_files img {float:left !important; width:40px; margin:0 5px 0 0; clear:none !important;}
.imagetitle {float:left !important; display:block; width:100px; margin:0 !important; clear:none !important;}

#featured-case-study img { margin:10px 0 0 0; }
#featured-case-study a { color:#c9520b; text-decoration: none; }
#featured-case-study a:hover { color:#c9520b; text-decoration: underline; }

/* Profile */
#group_list {list-style:none; padding:0; margin:0; width:180px; border:1px solid #ccc; border-radius:3px; padding:5px 7px }
#group_list a {color:#000; text-decoration:underline}
#group_list a:hover {color:#444;}
#group_list li {border-bottom:1px solid #ccc; width:170px;}
#group_list span {display:inline-block;}
#group_list .group_name {width:140px;}
#group_list .group_status {padding: 0 5px 0 1px;}
#group_list .group_status img {margin:5px 0 3px 0; vertical-align:bottom;}

.coming_soon { font-style: italic; font-size: smaller }

.infoLeft { line-height: 1.0em; text-align: left; }

.registration_amount { line-height: 1.0em; text-align: left; float:left; }

#sharing { height:30px; margin:10px 0; border:0px solid #999999; }