html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {background: #bdbebc url(../images/body_bg.jpg) left top repeat-x; font-size:12px; font: 12px/18px "Helvetica Neue", verdana, Helvetica, sans-serif; color:#494949}
ul {list-style-type: square; color:#494949}
h4 {color:#0060a4}
a:link, a:visited {color:#568f1f; font-weight:bold; text-decoration:none; background:transparent}
a:hover {text-decoration:underline}
div#head {width:100%; height:30px; left:0; top:0; z-index:100; position: fixed}
div#head_content {width:100%; height:30px; overflow: hidden; background:#d40000 url(../images/head_bg.jpg) left bottom repeat-x; border-bottom:1px solid #982222}
#top_nav ul, #second_level_nav ul {height:30px; padding:0; margin:0}
#top_nav ul {float:right}
#top_nav ul li, #second_level_nav ul li {display:block; float:left; height:30px; padding:0; border-right:1px solid #d94d4d}
#top_nav ul li a {color:#ffffff; display:block; text-decoration:none; padding:10px 10px 6px; font-size:12px}
#top_nav ul li a:hover, #second_level_nav ul li span a:hover {background:#d95900 url(../images/head_bg_over.jpg) left bottom repeat-x}
div#head div#search {float:right; padding-left: 5px; position:relative; width: 175px; height:24px}
div#head div#search input {width: 165px; font-size:10pt; position:relative; top:3px}
div#head div#search #top_level_search_indicator {position:absolute; right: 5px; top: 7px; background-color: white}
div#head_auto_complete div.auto_complete {position: fixed; right: 3px; left: auto ! important; top: 30px}
div.auto_complete {width: 300px; z-index: 120; background-color: #fff}
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none}
div.auto_complete ul li {margin:0; padding:3px}
div.auto_complete ul li.selected {background-color: #ffb}
div.auto_complete ul strong.highlight {color: #800; margin:0; padding:0}
#second_level_nav {float:left}
#second_level_nav ul {float:left}
#second_level_nav ul li a {text-decoration:none; color:#ffffff; font-size:12px; display:block; padding:10px 10px 6px; margin:0}
#second_level_nav ul li a:hover {background: transparent url(../images/head_bg_over.jpg) left top repeat-x}
#third_level_nav {height:39px; width:960px; position:fixed; margin-left:50%; left:-480px; top:29px; z-index:8}
#third_level_nav ul {background:transparent url(../images/third_level_nav_thin_bg.png) -372px 1px no-repeat; float:right; padding:0; margin:0; list-style:none; height:38px; width:100%}
#third_level_nav ul li {float:right; height:34px; background:transparent url(../images/third_level_nav_bg.png) left top repeat-x}
#third_level_nav ul li a, #third_level_nav ul li span {display: block; height:10px; font-size:8pt; font-weight:bold; letter-spacing:0; text-decoration:none; color:#27301d; border-left:1px solid #8b947f; padding:18px 6px 8px}
#third_level_nav ul li a:hover {background-image:none; background-color:white}
div#wrapper {width:100%; float:left}
#intro {background:#ffffff; width:550px; border:1px solid #d1d1d1; float:left; padding:20px 0; margin-bottom:10px; margin-right: 20px}
.column {width:250px; float:left; padding-left:20px}
div#wrapper div#intro div.column:first-child {text-align:right; font-size:24px; line-height:28px; color:#0062a7; padding-left:10px}
div#wrapper div#intro div.column h1 {font-size:30px; color:#0062a7; font-weight:200; padding:3px 0 10px; margin:0}
div#wrapper div#intro div.column h2, #login table tr td h2, h2 {font-size:15pt; color:#0062a7; font-weight:200; margin:10px 0 15px}
div#intro div.column ul {padding:0px}
div#intro div.column ul li {display:block; margin-bottom:8px; padding-left:20px; background:transparent url(../images/bullet.png) 5px 5px no-repeat}
#Intro_contact_button {width:246px; height:28px; margin-bottom: 6px}
#Intro_contact_button a {color:#0062a7; background:#ffffff url(../images/intro_contact_button.jpg) left top no-repeat; font-size:8pt; display:block; text-decoration:none; padding:6px 6px 4px 20px}
#Intro_contact_button a:hover {color:white; background:#ffffff url(../images/intro_contact_button_over.jpg) left top no-repeat}
#login {float:right; width:300px; margin-right: 40px}
#login table {background:transparent url(../images/login_bg.jpg) left top repeat-y; border-collapse:collapse; padding:0px; margin-top:0px}
#login table tr td {padding:20px}
#login table tr:first-child td {background:transparent url(../images/login_head.jpg) left top no-repeat}
#login table tr td h2 {font-size:16pt; color:#0062a7; font-weight:200; margin-top:0}
#login table tr td#forgot_password, #login table tr td#submit {padding:0; height:40px}
#login table tr td#submit {width:105px; background:transparent url(../images/login_submit.jpg) left bottom no-repeat}
#login table tr td#forgot_password {background:transparent url(../images/login_forgot_password.jpg) left bottom no-repeat}
#login table tr td#forgot_password a, #login table tr td#submit a {display:block !important; color:#ffffff; text-decoration:none; padding:8px 0 10px 20px}
#login table tr td#forgot_password a {}
#login table tr td#submit a {}
#login #name, #login #password {width:300px}
#backboard {width:920px; margin:30px auto 0; background:#ffffff; border:1px solid #d1d1d1; padding: 20px}
#backboard h1 {font-size:40px; padding:10px 10px 10px 0; margin:0 0 10px 0; border-bottom:1px solid #bebfbd; font-weight:200; color:#9fa49a; line-height: 1em}
#backboard h1 a {color:#9fa49a; font-weight:200; text-decoration:none}
#backboard h1 a:hover {color:#565f4c}
#clear {clear:both; width:100%}
#first_time_explanation {width:290px; float:left}
#first_time_explanation ul {margin-bottom:4px; margin-left: 2em}
#first_time_explanation strong {font-weight: bold}
#about_assessments, #the_assessment_process {width:290px; margin-left:20px; float:left}
#where_to ul {padding:0; margin:0}
#where_to ul li {display:block; width:246px; height:27px; margin-bottom:8px}
#where_to a {height:27px; color:#0062a7; font-size:8pt; display:block; text-decoration:none; padding:6px 10px; background:transparent url(../images/intro_contact_button.jpg) left top no-repeat}
#where_to a:hover {color:#ffffff; background:transparent url(../images/intro_contact_button_over.jpg) left top no-repeat}
#foot {width:960px; margin:5px auto; height: 102px; background: transparent url(../images/footer_cp_logo.png) right top no-repeat; clear:both}
#foot ul {position:relative; padding:0; margin:0; list-style:none}
#foot ul li {float:left; padding:0 10px; font-size:9px; color:#9d9d9d}
#foot ul li a {color:#9d9d9d; text-decoration:none}
#foot ul li a:hover {color:#3e3e3e; background:#d1d1d1}
#co-brander {position:relative; left:0; top:25px; padding:0 150px 0 0; margin:0; width:800px; height:40px; float:right; font-size:20pt; font-weight:200; text-align:right; color:#005c9b}
#co-brander span {color:#494949; font-size:12pt; font-variant:small-caps; letter-spacing:4px}
#function_box {float:right; margin-right: 10px; margin-top: 0px}
#function_box.organisation {margin-top: 0px}
#add_new, #search_section, #add_observation {width:145px; height:29px; float:left; padding-top:5px; margin-left:10px}
.activity_history_filters_box {width:690px; height:35px; float:right; margin-right:200px}
#add_observation {float:right; padding-top:0px}
#activity_header h2 {padding-top: 5px}
#add_new a, #add_observation a {color:#0062a7; font-size:12px; display:block; padding:6px 10px 6px; background:transparent url(../images/add_new_button.png) left top no-repeat; text-decoration:none}
#add_observation a {padding:4px 10px 6px}
#add_new a:hover, #add_observation a:hover {color:white; background:transparent url(../images/add_new_button_over.png) left top no-repeat}
#function_box input#search_terms {color:#494949; display:block; width:145px; height:16px; background:#f2f2f2; border:1px solid #d1d1d1; padding:5px 4px 4px}
#edit_button_positioner {position:relative; top:-23px; height:29px; width:95px; float:right}
#edit, #lock, #unlock {height:30px; width:95px; float:left; padding:0}
#lock, #unlock {width: 35px}
#edit a, #lock a, #unlock a {display:block; color:#0062a7; display:block; padding:7px 10px 3px; text-decoration:none; position:relative; top:5px}
#edit a {background: transparent url(../images/edit_button.png) left bottom no-repeat}
#edit a:hover {background: transparent url(../images/edit_button_hover.png) left top no-repeat; color:#ffffff}
#lock a {background: transparent url(../images/unlocked_button.png) left top no-repeat}
#lock a:hover {background: transparent url(../images/unlocked_button_hover.png) left top no-repeat; color:#ffffff}
#unlock a {background: transparent url(../images/locked_button.png) left top no-repeat}
#unlock a:hover {background: transparent url(../images/locked_button_hover.png) left top no-repeat; color:#ffffff}
#lock, #unlock {margin-left: 10px}
#add_new.compact {width:103px; height:19px; float:right; clear:left}
#add_new.compact a {font-size:11px; text-align:center; display:block; background: transparent url(../images/add_new_compact.png) left top no-repeat; padding:1px 10px 2px 0}
#add_new.compact a:hover {background: transparent url(../images/add_new_compact_over.png) left top no-repeat}
#add_new_button {position:relative; width:147px; height:28px; float:right; padding-top:5px}
#add_new_button a {color:#0062a7; display:block; padding:8px 10px 7px; background:transparent url(../images/add_new_button.png) left top no-repeat; text-decoration:none}
#add_new_button a:hover {color:white; background:transparent url(../images/add_new_button_over.png) left top no-repeat}
.delete_button a {color:#0062a7; display:block; width: 110px; padding:6px 10px 7px 30px; background:transparent url(../images/remove_button.png) left top no-repeat; text-decoration:none}
.delete_button a:hover {background:transparent url(../images/remove_button_hover.png) left top no-repeat; color:#ffffff}
#tab_nav {position:relative; top:2px; left:0; z-index:20; clear:left}
#tab_nav ul {list-style:none; padding:0; margin:0}
#tab_nav a {padding:9px 0 7px !important}
#tab_nav ul li {margin:0; float:left; width:auto; height:30px; background:transparent url(../images/tab_shape.jpg) right bottom no-repeat; padding-right:20px; min-width:80px}
#tab_nav ul li:first-child {padding-left: 8px; border-left:1px solid #d5d5d5}
#tab_nav ul li:last-child, #tab_nav ul li.last_child {background:transparent url(../images/tab_end.jpg) right bottom no-repeat}
#tab_nav ul li.active {background: transparent url(../images/tab_shape_highlight.jpg) right bottom no-repeat}
#tab_nav ul li.active a {color: #424242; font-weight: bold}
#tab_nav ul li:last-child.active, #tab_nav ul li.last_child.active {background:transparent url(../images/tab_end_highlight.jpg) right bottom no-repeat}
#tab_nav ul li.active_left {background:transparent url(../images/tab_shape_highlight_left.jpg) right bottom no-repeat}
#tab_nav ul li a, #tab_nav ul li span {display:block; color:white; padding:6px; text-decoration:none}
.results, .entities, .scope, .full_width, #add_entities, #your_assessments,.history,.observation_list, #new_assessment_screen, .dashboard_activities {position:relative; z-index:5; border:1px solid #d1d1d1; background:white; border-collapse:collapse; margin-bottom:20px; clear:left; width:100%}
#new_assessment_screen {width:420px; margin-right:20px}
.full_width {left:1px; top: 3px}
.results th, .entities th, #add_entities th, #your_assessments th {color:white; font-weight:normal; border:1px solid #d94d4d; padding:3px 6px; text-align:left; background:#d40000 url(../images/head_bg.jpg) left bottom repeat-x}
.full_width th, #new_assessment_screen th, .scope th, .history th, .observation_list th,.dashboard_activities th {font-weight:bold; padding:6px 6px 3px; text-align:left; background: #ffffff url(../images/table_column_head_bg.png) left bottom repeat-x !important; border-right:1px solid #c4c4c4}
.results td, .entities td, .scope td, .full_width td, #add_entities td, #your_assessments td, .history td,.observation_list td, #new_assessment_screen td ,.dashboard_activities td {border:1px solid #d1d1d1; padding:6px}
#new_assessment_screen td:first-child {width:170px}
.results select, .entities select, .scope select, .full_width select, #add_entities select, #your_assessments select, .history select,.observation_list select {}
.results td a, .entities td a, .scope td a, .full_width td a, #add_entities td a {display:block; color:#568f1f; text-decoration:none; background:transparent}
.results td a:hover, .entities td a:hover, .scope td a:hover, .full_width td a:hover, #add_entities td a:hover ,.history td a:hover,.observation_list td a:hover {text-decoration:underline; background:none; color:#568f1f}
.observation_list td.obs_first_totaling_field {text-align:right; border-right:none}
.observation_list td.obs_images {border-left:none}
tr.current-observation-record td {background-color: #DADADA}
.number_of_assessments, .center {text-align:center}
#add_entities,.history, .dashboard_activities {width:100%; border:0}
tr.sub_head td {background:#acb2a7; font-weight:bold}
tr.alt_table_row td {background:#f6faf5}
#client_entity_details {width:440px; float:left; clear:right; margin-right:20px}
#people_details {width:440px; margin-right:20px}
div#people_roles {width:440px; float:right}
div.people_roles_assessment {width:440px; float: left}
#client_entity_details tr td:first-child {text-align:right; width:160px; color:#858585; font-weight:bold}
#client_entity_details tr td:last-child {text-align:left}
#client_entity_details select {width:200px}
#client_entity_details textarea {width:419px}
ul.activity_list {padding-left:10px}
.activity_list li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d1d1d1}
.define_activities_options li {margin-left: 2em}
#your_assessments {width:100%}
#change_assessment_company {float:right; margin-top:1em}
#client_details, #left_column {float:left; border:1px solid #d1d1d1; width:200px; margin:20px 20px 0 0; padding:10px}
#entities {float:left; padding:20px 0; width:660px}
table.entities {width:660px; clear:left}
#org_structure {margin-bottom:20px}
#org_structure a {color:#494949; display:block; text-decoration:none; padding:5px}
#org_structure a:hover {background:#d1d1d1; display:block; text-decoration:none}
#org_structure ul {padding:5px 0 0 20px; margin:5px 0 0 0; list-style:none; border:1px solid #d1d1d1; border-width:1px 0 0 0}
#org_structure ul li.org_node:hover #org_chart_tool_box {display:block}
#org_chart_tool_box {display:none; float:right; width:160px; height:20px; padding:5px 0 0 0; text-align:center; margin:0}
#org_chart_tool_box a {margin:0; display:inline; font-size:8px; padding:4px 2px 2px 2px}
#org_chart_tool_box a:hover {display:inline}
#info_box {width:900px; border:1px solid #d1d1d1; padding:10px; float:left; background:white; position:relative; z-index:5}
#column_1, #column_2, #column_3 {width:282px; margin-right:10px; float:left}
#column_2 {padding-left:10px; border:1px solid #d1d1d1; border-width:0 0 0 1px}
#column_3 {padding-left:10px; border:1px solid #d1d1d1; border-width:0 0 0 1px}
#activity_details .activity_section h3 {font-size:14px; margin:0; margin-bottom: 5px; padding-bottom:0; font-weight:bold; padding:5px; background-color:#e9e9e9}
.activity_section strong {font-weight: bold}
.activity_section table td {padding-right: 10px}
.activity_section p, .activity_section textarea, .activity_section div, .activity_section span {font-size:12px; margin-top:0; margin:2px 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:auto}
#activity_details textarea {width:95%; margin-left: 5px}
#activity_due_date_container input {background:none; font-weight:bold; padding:4px 0 2px 5px}
#activity_due_date_container p img {position:relative; top:4px}
table#check_list {width:100%; border-collapse:collapse}
.assessment_dates {background:#e5e5e5; padding:2px; margin-bottom:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #d5d5d5}
.assessment_dates h3 {font-size:14px; margin-bottom:0; margin-top:1px; padding-bottom:0; margin-left:5px; color:#335b28}
.assessment_dates p {font-size:12px; margin-top:0; margin:2px 0 0 0; background:#ffffff; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:auto}
table#check_list td {border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:3px}
table#check_list td a {text-decoration:none}
table#check_list td a:hover {text-decoration:underline}
label.warning, label.activity_status, label.checklist_status {color:#6c1111; text-align:center; display:block; width:114px; height:17px; padding:1px 0 3px; background-color:#dc8181; border:1px solid #9b1717; -moz-border-radius: 5px; -webkit-border-radius: 5px}
label.incomplete {color:#4a4013; background-color:#c9bd54; border:1px solid #4a4013}
label.completed {color:#2e500f; background-color:#a5dc81; border:1px solid #550b17}
label.reviewed {color:#336; background-color:#5fb9df; border:1px solid #336}
#checklist td.labeled {width:114px}
#column_half_page_1, #column_half_page_2 {width: 440px; float:left}
#column_half_page_2 {padding-left:20px}
#add_entities a.add_entity, #add_entities a.remove_entity {display:block; width:30px; height:20px; background: transparent url(../images/add_entity.png) left top no-repeat}
#add_entities a.remove_entity {background: transparent url(../images/remove_entity.png) left top no-repeat}
#add_entities a.add_entity:hover {background: transparent url(../images/add_entity_over.png) left top no-repeat}
#add_entities a.remove_entity:hover {background: transparent url(../images/remove_entity_over.png) left top no-repeat}
#add_entities .add_entity span, #add_entities .remove_entity span {display:none}
table.full_width {width:100%; z-index: 30}
#add_entities td.entity_functions {padding:6px 0; border:0}
#add_entities td a#create_new_entity_button {display:block; width:234px; height:15px; background:transparent url(../images/add_new_entity.png) left top no-repeat; color:#0062a7; padding:6px}
#add_entities td a#create_new_entity_button:hover {color:white; background:transparent url(../images/add_new_entity_over.png) left top no-repeat}
#add_entities td #remove_entity {background:transparent url(../images/remove_selected_entities.png) left top no-repeat}
#add_entities td #add_selected_entities, #add_entities td #remove_selected_entities {display:block; width:234px; height:15px; background:transparent url(../images/add_selected_entities.png) left top no-repeat; color:#0062a7; padding:6px}
#add_entities td #remove_selected_entities {background:transparent url(../images/remove_selected_entities.png) left top no-repeat; text-align:right}
#add_entities td #add_selected_entities:hover {color:white; background:transparent url(../images/add_selected_entities_over.png) left top no-repeat}
#add_entities td #remove_selected_entities:hover {color:white; background:transparent url(../images/remove_selected_entities_over.png) left top no-repeat}
div#next_step {text-align:right; padding-top:10px; border-top:1px solid #d1d1d1; clear:left}
#next_step a, h2 a {color:#70b037; font-weight:200 !important; text-decoration:none; font-size:16pt}
#next_step a:hover, h2 a:hover {color:#0062a7}
input, select, textarea {color:#3e3e3e; font-family: "helvetica neue", helvetica, arial, sans-serif; border:1px solid #d1d1d1; padding:3px; background:#f5f5f5}
input.readonly, textarea.readonly {border:0; background:none; padding:0; margin:0}
input.editor_field, textarea.editor_field, input.editor_ok_button {font-size:10pt}
.standard_form {width:100%}
form label.required::before {content: '* '; color: red}
form span.required_ind {color : red}
img.calendar_trigger {cursor: pointer }
#form_actions {width:100%; float:right; clear:left; margin-bottom:10px}
#form_actions #delete {float:left; width:145px; height:27px}
#form_actions #delete input {color:#3569b3; display:block; font-size:13px; text-decoration:none; background: transparent url(../images/delete_button.png) left top no-repeat; padding:5px 8px 6px; text-align:center; border:none; width:150px; font-weight: bold}
#form_actions #delete input:hover {color:#ffffff; background: transparent url(../images/delete_button_hover.png) left top no-repeat}
#form_actions #cancel_update {float:right; height:27px}
#form_actions #cancel_update input {color:#3569b3; display:block; float:right; font-size:13px; text-decoration:none; padding:5px 20px 6px 10px; border:none; font-weight: bold}
#form_actions #cancel_update input.cancel {background: transparent url(../images/cancel_button.png) left top no-repeat; width:100px}
#form_actions #cancel_update input.cancel:hover {color:#ffffff; background: transparent url(../images/cancel_button_hover.png) left top no-repeat}
#form_actions #cancel_update input.submit {background: transparent url(../images/update_button.png) left top no-repeat; padding:5px 60px 5px 0; width:145px}
#form_actions #cancel_update input.submit:hover {color:#ffffff; background: transparent url(../images/update_button_hover.png) left top no-repeat}
.actions ul {list-style:none; padding:0; margin:0}
.actions ul li {float:left}
.actions ul li a {color:#005c9b; display:block; padding:7px 10px 5px; margin:0px 5px 5px 0px; border:1px outset #777777; background:#e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px}
a.help {color:#005c9b; background:transparent url(../images/help_mark.png) right top no-repeat; text-decoration:none; padding-right:4px; font-weight:bold}
#scope_activity_sets {width: 35%; float: right}
#scope_entity_set {width: 60%}
#scope_entity_set table a {display:inline}
.notice {font-size:14px; line-height:18px}
.notice .notice_ok {color: green}
.notice .notice_error {color: red}
#entity_set_function {width: 35%; float: right}
#entity_set {width: 60%}
.assign_activity_set {float:right}
.assign_activity_set select, .assign_contact {}
.activity_progress {width:103px; height:15px; text-align:center; padding-top:2px}
.activity_filters_box {background:#e9e9e9; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 0 10px 0; border:1px solid #d5d5d5}
.activity_filters_box #indicator_filter {margin-top: 5px}
.activity_filters_box #edit {float:right}
.activity_filters_box #edit a {top: 0}
div.assessment_activity_details {line-height:22px}
.activity_row td a {display: inline}
#select_activity {float: right; margin-top: 10px; margin-left: 20px}
.activity_page #column_half_page_1, .activity_page #activity_header_section1 {width: 510px}
.activity_page #column_half_page_2 {width: 370px; padding-right:0px}
.activity_page #activity_header {margin-bottom: 2em}
.activity_page #add_new_button {padding-top:0px}
#email_assessor {width:300px; width:179px; height:30px}
#email_assessor a {display:block; font-size:14px; text-align:left; background:transparent url(../images/email_assessor_button.png) left top no-repeat; padding:5px 10px 5px; color:#0062a7}
#email_assessor a:hover {color:#ffffff; background:transparent url(../images/email_assessor_button_hover.png) left top no-repeat}
.activity_other_function {margin-top: 5px; float:right}
#errorExplanation {width: 482px; padding: 3px; margin-bottom: 10px; background: #878787 url(../images/alert_icon.png) 460px 6px no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#errorExplanation h2 {text-align: left; font-weight: 200; padding: 14px 5px 5px 15px; font-size: 18px; margin: -7px; color: #fff; margin-bottom:1px}
#errorExplanation div {padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#ffffff}
#errorExplanation ul li {list-style:none}
#errorExplanation ul li {color:#333 !important; font-size: 13px; font-weight: 600; margin-left:30px; padding: 3px 0 3px 12px; background:transparent url(../images/bullet_error_list.png) left 7px no-repeat}
#template_preview_table ,#read_only_observation {width:490px; padding-left:2px}
#template_preview_table tr td:first-child, #read_only_observation tr td:first-child {width:190px}
#template_preview_table td.label_field {width:120px}
#template_preview_table td.element_value {width:360px}
#template_preview_table tr {vertical-align: top}
#template_preview_table input, #template_preview_table select, #template_preview_table label,#template_preview_table td {font-size:9pt}
#template_preview_table textarea , #read_only_observation textarea{ width:430px; font-size:9pt}
#observation_form_details, #observation_template_selection {background:#e9e9e9; border:1px solid #d5d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin-bottom:10px}
#observation_template_selection td {padding-right:10px}
#attachment_table {width:480px}
#attachment_table #add_attachment_file_upload_container input {color:#3e3e3e; font-family: "helvetica neue", helvetica, arial, sans-serif; border:1px solid #d1d1d1; padding:3px; background:#f5f5f5}
#attachment_table span.download_attachment_name {width: 200px; overflow: hidden; padding-right: 5px; position:relative; float:left; white-space: nowrap}
#attachment_table a.download_attachment {width: 200px; padding-left: 5px; margin-right: 5px; overflow: hidden; position:relative; float:left; white-space: nowrap}
#activity_details {margin-bottom:10px}
#activity_details .activity_section {padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:5px solid #e9e9e9; background-color:#e9e9e9}
#terms_of_use {border: 1px solid #ccc; padding: 1em; height: 500px; width: 850px; overflow: scroll}
.terms_of_use h2 {margin-top: 1em}
.terms_of_use h1 {line-height: 45px}
.terms_of_use ul {margin-left: 2em}
.active_section {width:100%}
.active_form #observation_submit_group_delete {float:left; width:145px; height:27px; color:#3569b3; font-size:13px; text-decoration:none; background: transparent url(../images/delete_button.png) left top no-repeat; padding:6px 8px; text-align:center; border:none; width:150px; font-weight: bold}
.active_form #observation_submit_group_delete:hover {color:#ffffff; background: transparent url(../images/delete_button_hover.png) left top no-repeat}
.active_form #observation_submit_group_reset , #observation_submit_group_submit {color:#3569b3; float:right; font-size:12px; text-decoration:none; padding:5px 20px 6px 0; border:none; font-weight: bold}
.active_form #elem-observation_submit_group input.submit {background: transparent url(../images/update_button.png) left top no-repeat; padding:5px 20px 6px 0; width:145px}
.active_form #elem-observation_submit_group input.submit:hover {color:#ffffff; background: transparent url(../images/update_button_hover.png) left top no-repeat}
.active_form #elem-observation_submit_group input.cancel {background: transparent url(../images/cancel_button.png) left top no-repeat; width:100px; padding-right:20px}
.active_form #elem-observation_submit_group input.cancel:hover {color:#ffffff; background: transparent url(../images/cancel_button_hover.png) left top no-repeat}
.instructional {font-size: 120%}
#people_alert {background:#e5e5e5; padding:2px; margin-bottom:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #d5d5d5}
#people_alert h3 {font-size:14px; margin-bottom:0; margin-top:1px; padding-bottom:0; margin-left:5px; color:#335b28; padding-left:20px; background: url(/images/alert_icon_tiny.png) left 50% no-repeat}
#people_alert p {font-size:12px; margin-top:0; margin:2px 0 0 0; background:#ffffff; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:auto}
#lite_emissions_graph {width:310px; height:310px; float:left; border:1px solid #ccc; margin-right:10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -moz-box-shadow:0px 3px 10px #999; -webkit-box-shadow:0px 3px 10px #999; box-shadow:0px 3px 10px #999}
table#lite_emissions {width:570px; border:1px solid #ccc; border-collapse:collapse}
table#lite_emissions th, table#lite_emissions td {border:1px solid #ccc; text-align:left; font-weight:600; padding:10px; font-size:12pt}
table#lite_emissions th {background:#3468b3; color:#fff}
table#lite_emissions td {font-size:10pt; font-weight:200}
table#lite_emissions tr#lite_reports_total td {background:#9cbf09; font-weight:600; color:#000}
table#lite_emissions td div.legend_key_box {position:relative; width:20px; height:20px; float:left; background:#ccc; margin-right:10px}
sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; top:.6ex}
ul.tree, ul.tree ul {list-style-type: none; margin: 0; padding: 0; background: url(/images/tree_vline.png) repeat-y}
ul.tree ul {margin-left: 10px}
ul.tree li:last-child {background: #fff url(/images/tree_lastnode.png) no-repeat}
ul.tree li {margin: 0; padding: 0 12px; line-height: 20px; background: url(/images/tree_node.png) no-repeat; width: auto}
.calendar {position: relative; display: none; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; font-size: 11px; color: #333; cursor: default; background: #e5e5e5; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif; z-index: 200; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px 5px 8px}
.calendar table {border-top: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #666; font-size: 11px; color: #333; cursor: default; background: #fff; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.calendar .button {text-align: center; padding: 1px; border-top: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ccc; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:1px}
.calendar .nav {background: #fff url(/javascripts/jscalendar-1.0/menuarrow.gif) no-repeat 100% 100%}
.calendar thead .title {font-weight: bold; padding: 1px; border: 1px solid #fff; color: #222; text-align: center; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:1px}
.calendar thead .headrow {}
.calendar thead .daynames {background:#fff}
.calendar thead .name {border-bottom: 1px solid #ccc; padding: 2px; text-align: center; background: #fff}
.calendar thead .weekend {color: #d50000}
.calendar thead .hilite {border-top: 2px solid #ccc; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 2px solid #ccc; padding: 0px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar thead .active {padding: 2px 0px 0px 2px; border-top: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #666; background-color: #b8c0c4; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar tbody .day {width: 2em; text-align: right; padding: 2px 4px 2px 2px; background:#fff}
.calendar tbody .day.othermonth {font-size: 80%; color: #aaa; background:#fff}
.calendar tbody .day.othermonth.oweekend {color: #faa}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #ccc; background: #fff}
.calendar tbody .rowhilite td {background: #d8e4e0}
.calendar tbody .rowhilite td.wn {background: #c8d4d0}
.calendar tbody td.hilite {padding: 1px 3px 1px 1px; border: 1px solid; border-color: #ccc #666 #666 #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar tbody td.active {padding: 2px 2px 0px 2px; border: 1px solid; border-color: #666 #ccc #ccc #666; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar tbody td.selected {font-weight: bold; padding: 2px 2px 0px 2px; border: 1px solid; border-color: #666 #ccc #ccc #666; background: #d8e0e4; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar tbody td.weekend {color: #d50000}
.calendar tbody td.today {font-weight: bold; color: #005c9b}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {}
.calendar tfoot .ttip {background: #e8f0f4; padding: 1px; border: 1px solid #999; background: #fff; color: #333; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.calendar tfoot .hilite {border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; padding: 1px; background: #d8e0e4}
.calendar tfoot .active {padding: 2px 0px 0px 2px; border-top: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #666}
.calendar .combo {position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; background: #eaeaea; font-size: 90%; padding: 1px; z-index: 100}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .active {background: #c8d0d4; padding: 0px; border-top: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #666}
.calendar .combo .hilite {background: #048; color: #aef}
.calendar td.time {border-top: 1px solid #666; padding: 1px 0px; text-align: center; background-color: #e8f0f4}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #ccc}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {border-color: #666; background-color: #667; color: #ccc}
.calendar td.time span.active {border-color: #f00; background-color: #666; color: #0f0}
.help_link {color:#005c9b; background:transparent url(/images/help_mark.png) right top no-repeat; text-decoration:none; padding-right:4px; font-weight:bold; cursor:pointer}
div.help_box {background:none !important; position:absolute !important; margin-top:20px !important; z-index: 100 !important; border:0 !important; padding:none !important; margin:none !important}
div.help_box .help_box_head {width:225px !important; height:25px !important; background:transparent url(/images/help_box_head.png) left top no-repeat !important; border:0 !important; padding:0 !important; margin:0 !important}
div.help_box .help_box_head .help_box_close_button {width:12px !important; height:12px !important; position:relative !important; left:195px !important; top:8px !important; border:0 !important; background:none !important; border:0 !important; padding:0 !important; margin:0 !important}
div.help_box .help_box_body {width:215px !important; background:transparent url(/images/help_box_bg.png) left top repeat-y !important; border:0 !important; margin:0 !important; padding: 5px 10px !important}
div.help_box .help_box_body p {font-size:9pt !important; font-weight:normal !important; padding:0 20px !important; border:0 !important; padding:0 8px !important; margin:0 !important}
div.help_box .help_box_foot {width:225px !important; height:36px !important; background:transparent url(/images/help_box_foot.png) left top no-repeat !important; border:0 !important; padding:0 !important; margin:0 !important}
img.percentImage1 {background: white url(/images/percentImage_back1.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0}
img.percentImage2 {background: white url(/images/percentImage_back2.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0}
img.percentImage3 {background: white url(/images/percentImage_back3.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0}
img.percentImage4 {background: white url(/images/percentImage_back4.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0}