html {height: 100%}
body {font-size: 62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 10px 0; opacity: 0.99999; min-width: 1010px}
html.MSIE_6 body {width: expression(document.documentElement.clientWidth < 1010 ? "1010" : "auto";) }
#wrapper {background: transparent; background-color: #e6e6e6}
.requires_admin {display: none}
body.admin div.requires_admin {display: block}
body.admin span.requires_admin {display: inline}
  textarea, select {border: 1px solid #aaa}
#content {width: 100%; overflow: hidden; margin: 0; padding: 0}
#main {margin: 0 10px 10px 10px; margin-left: -250px; width: 100%}
#main h1 {color: #505050; border: none; margin-bottom: 3px}
.main_slide {overflow: auto}
.main_slide, #dashboard_details {background: #fff; margin-left: 260px; #margin-left: 270px; padding: 10px}
 #content {padding: 1em 0}
#floats {float: left; width: 100%}
#floats #left_bar {float: left; width: 210px}
#floats #tasks_container {margin-left: 225px; zoom: 1}
#footer {clear: both; color: #fff; border: 1px solid #2f4a8a; text-align: right; padding: .3em; background: url(/images/redesign/headergrad.gif) repeat-x}
#footer.civic {background: url(/images/redesign/civicgrad.gif) repeat-x !important; border-color: #86888f}
#footer p#power {margin: 5px}
.footer_production {background-color: #4f6aaa}
.footer_qa {background-color: black}
.footer_modest {background-color: brown}
.footer_development {background-color: blue}
div#footer a {color: #fff}
div#footer a:hover {color: #ffa500 }
#ajaxload {position: absolute; top: 0; right: 10px; width: 31px; height: 31px; display: none; border: 1px solid #000}
span.selected {color: #000; font-weight: bold}
 p.notice, #persistent_notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #ffc;  }
#notice, div.notice, div.notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #CFD9FF; border: 1px solid #4D57FF}
p.notice form, #notice form {font-size: 0.75em}
div.filter_notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #ffc; border: 1px solid #cc9}
table#error, div.error {border: 5px solid #f67f23; background-color: #fff; margin-bottom: 20px; width: 100%}
table#error td {padding: 10px; font-size: 14px; font-weight: bold}
table#error td.hat {width: 93px}
table#error p {margin-bottom: 5px}
div#persistent_notice {border: 1px solid #aa6; background-color: #ffc}
div#notice h3, div#persistent_notice h3 {border-bottom: 1px solid #253987; margin-top: 1em}
div#notice li, div#persistent_notice li {padding-left: 1.5em; margin-left: 0em; background: url(/images/procore_bullet.gif) no-repeat center left}
div#notice li.destroy {background: url('/images/gold-x.gif') no-repeat center left; color: #933}
div#errorExplanation, div.errorExplanation {border: 1px solid #600; background-color: #daa; overflow: hidden}
div#errorExplanation p, div.errorExplanation p {font-weight: bold; font-size: 1.1em}
div#errorExplanation h2, div.errorExplanation h2 {font-size: 120%; font-weight: bold; color: #600}
div.errorExplanation {padding: 1em 1em 0.5em 1em; margin-bottom: 1em}
div.errorExplanation li {width: 30em; list-style-type: none; padding-bottom: 0.5em; padding-top: 0.5em; margin-left: 1em}
input.error, textarea.error, select.error {border: 1px solid #f00; background-color: #fcc}
 div.configure_button {font-size: 1.2em; padding-bottom: 5px}
div.configure_button a {text-decoration: none}
div.configure_button a img {vertical-align: middle}
 div#video_box, div#video_prompt, div#no_flash {background-color: #fff; border: 2px solid #333; display: none; z-index: 1000}
div#video_prompt, div#no_flash {position: absolute; left: 300px; top: 100px}
div#video_box {position: absolute; left: 200px; top: 100px}
#video_frame {height: 100%; width: 100%; border: 0px}
div.training_video {font-size: 1.2em; display: block; padding: 10px}
div#show_video {padding: 0px 0px 10px 0px}
 div.training_video a {text-decoration: none}
div.training_video a img {vertical-align: middle}
.video_title {font-family: arial; padding-bottom: .4em; font-size: 1.4em; color: #253987}
.close_video {text-align: right}
div.prompt_buttons {display: block; text-align: center}
div.prompt_buttons input {width: 100px !important; margin: 0px 20px}
 a {color: #0b2666}
a:hover {color: #ffa500}
button {text-transform: capitalize}
h1, h2, h3, h4, h5 {color: #253987; text-transform: capitalize; margin-bottom: 0.5em}
h1 {font-size: 1.4em; border-bottom: 1px solid #253987}
h1 span {font-size: 0.83em; color: #666; font-weight: normal}
h4 {font-size: 1.2em}
h4 span {font-size: 0.83em; font-weight: normal; color: #666}
h5 {font-size: 1.2em}
hr {border: none; border-top: 1px solid #333}
input.checkbox, .data_panel input.checkbox {width: auto}
option {padding: 1px 10px 0 0}
optgroup option {padding-left: 1em}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; word-wrap: break-word; font-size: 1.4em; margin-top: 1em}
select {font-size: 1em}
.hidden {display: none}
tr.hidden {display: table-row}
textarea {font-family: Verdana, Arial, Geneva, sans-serif}
 div.env_production {background: transparent url(/images/header_gradient.gif) repeat-x scroll 0%}
div.env_qa {background-color: black}
div.env_modest {background-color: brown}
div.env_development {background-color: blue}
#print_and_help, #company_home a, #company_and_project_selector {float: right; margin: 2px 4px}
#company_and_project_selector fieldset {display: inline}
#company_home a {width: 112px; height: 18px; background: transparent url(/images/b_companyhome_off.gif) no-repeat}
#company_home a:hover {background: transparent url(/images/b_companyhome_on.gif) no-repeat}
#company_and_project_selector form {margin: 0; padding: 0; display: inline}
span#for_name {font-weight: bold; color: #5470B4; padding: 0; position: relative; top: -5px}
html.MSIE_browser span#for_name {top: -2px; padding-left: 3px}
html.MSIE_7 span#for_name {padding-left: 0}
span#for_name span {color: #666; font-size: 1.2em}
 #ajaxload {display: none}
 div#sidebar {float: right; width: 230px; margin-right: 10px}
div#tab_container table {width: 100%; font: normal 12px/16px Verdana, sans-serif; border: 1px solid #90a0d2}
div#tab_container table tr {background-color: #dbe4ff}
div#tab_container table tr.odd {background-color: #c2cef2}
div#tab_container table td {padding: 3px}
#sidebar h5 {margin: 0 .5em 1em 0; padding-top: 1em; border-bottom: 1px solid #253987}
#sidebar p.motd, #sidebar div.motd {background-color: #ffc; border: 1px solid #cc9; padding: 1em; margin-bottom: 1em}
#sidebar div.motd li {list-style-type: disc; margin-bottom: 0.5em}
#sidebar div.motd p {margin-bottom: 0.7em}
#sidebar div.motd p strong {font-weight: bold}
#sidebar #primary_action {background-image: none; margin-bottom: 1em; padding-left: 0}
#sidebar ul#secondary_actions li, #sidebar ul#utility_buttons li {background: none; margin-bottom: 1em}
 #sidebar ul#secondary_actions li span.tip {border:none}
#sidebar ul.sidebar_panel {background-color: #fff; padding: 5px; margin: 1em 0em 1em 0}
#sidebar ul.sidebar_panel li {background-image: none; text-transform: capitalize; font-size: 1.2em; margin-bottom: 0.2em}
#sidebar ul.sidebar_panel li.header {font-size: 1.3em; margin-bottom: 0.7em; padding-bottom: 0.2em; font-weight: bold; border-bottom: 1px solid #ccf}
#sidebar ul.sidebar_panel li.ms_project {background-image: url('/images/ms.gif'); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 1px }
#sidebar ul.sidebar_panel li.checklist {background-image: url('/images/checklist.gif'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px }
#sidebar ul.sidebar_panel li.reports {background-image: url('/images/spreadsheet.gif'); background-repeat: no-repeat; padding-left: 20px }
#sidebar input {width: 200px}
#sidebar input.checkbox {width: 1em; height: 1em}
#sidebar li form {margin-top: 1em}
#sidebar #before_buttons, #sidebar .additional_options {background-color: #ddd; margin: 0; margin-bottom: 1em; padding: 0 1em 1.5em 1em}
#sidebar .additional_options {background-color: #ddd}
#sidebar .additional_options input {margin-bottom: 0.5em}
#sidebar #before_buttons .sidebar_search input {margin-bottom: 0.5em}
#sidebar #before_buttons .sidebar_search label input {margin: 0em}
#sidebar #before_buttons .sidebar_search label {display: block; margin-bottom: 0.5em}
#sidebar #before_buttons h5 {margin-top: 0}
#sidebar .motd {margin-top: 1em; background-color: #ffc; padding: 5px; border: 1px solid #333}
.x-layout-panel-body #sidebar {margin: 10px; padding: 0; width: auto}
.x-layout-panel-body #sidebar .motd {background-color: #ffc; padding: 5px; border: 1px solid #333}
.tabs-container table {width: 100%; font: normal 12px/16px Verdana, sans-serif; border: 1px solid #90a0d2}
.tabs-container table tr {background-color: #dbe4ff}
.tabs-container table tr.odd {background-color: #c2cef2}
.tabs-container table td {padding: 3px}
 .filters {position: relative; padding-left: 2em; overflow: hidden}
p.filters {display: block; margin: 1em 1em 1em 0; height: 1.6em; line-height: 1.6em}
div.filters {display: none; padding: 0.5em 0.5em 0.5em 2.5em; margin: 0.5em 0em 1em 0; border: 1px solid #ccc}
div.filters label span {width: 80px; float: left; text-align: right; margin-right: 0.6em}
div.filters select {margin-left: 0; max-width: 70%}
div.filters span.date_picker_tag {margin-left: 50px}
div.filters span.date_picker_tag img {margin-right: 0.2em}
button.filter_change {width: 20px; border: 0px; background: transparent; position: absolute; top: 0; left: 3px; padding: 0}
div.filters form div input {margin-left: 75px}
div.filter_option {display: inline; margin-right: 1em; white-space: nowrap}
 table.sortable th {cursor: pointer}
 table.form_table, table.data_panel {table-layout: auto; border-collapse: collapse; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 1em; width: 100%; font-size: 1.2em; margin-bottom: 2em}
.noItems p {color: #999; text-align: center; font-size: 120%; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ccc}
table.data_panel thead th, table.data_panel tr.header th {background: url(/images/table_header_gradient.gif) #f4f4f4 repeat-x; text-transform: capitalize; vertical-align: bottom; padding: 0.4em 1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em; font-weight: bold}
table.data_panel tfoot td {background: url(/images/table_footer_gradient.gif) #f4f4f4 repeat-x; text-transform: capitalize; vertical-align: bottom; padding: 0.4em 1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em; font-weight: bold}
table.form_table, table.data_panel table {width: 100%}
table.data_panel table th {padding: 0 1em; border-bottom: 0; background: transparent}
table.data_panel td.subtable {padding: 0}
table.data_panel thead th.last {border-right: none}
table.form_table tbody td, table.data_panel tbody td {padding: 0.5em 1em; vertical-align: top}
table.data_panel tr.odd {background-color: #e1e9fe}
table.data_panel ul {padding: 1em; list-style-type: circle}
table.data_panel td.check {text-align: center}
#none, .data_panel tbody td.none, .data_panel caption {text-align: center; padding: 0.5em; font-size: 1.4em; font-weight: bold; background-color: #f4f7ff; border-top: 1px solid #ccc}
.data_panel caption {margin-top: -0.8em; padding: 1em; border-bottom: 1px solid #ccc}
div.inplace_container a.add {text-decoration: none; font-size: 14px; top: -1.4em; position: relative; float: right}
div.inplace_container a.add img {width: 12px}
div.inplace_container h4 {margin-bottom: 0; margin-top: 1em}
.private, .hidden_comm {color: #fff; padding: 0.5em; background-color: #d86411; text-align: center; font-size: 1.1em}
.hidden_comm {background-color: #9caeee}
 table.calendar { table-layout: fixed; width: 100%; background-color: #fffefa; border-collapse: separate; empty-cells: show; margin-bottom: 2em; border-bottom: 1px solid #ccc; font-size: 1em}
table.calendar tr.day_names th { color: #000; background-color: #eee; border: 1px solid #aaa; border-bottom-color: #000; font-size: 1.2em; text-align: center; padding: 0.5em}
table.calendar td { vertical-align: top; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0.2em}
table.calendar td.day_number { padding: 0.8em; text-align: right; border-top: 1px solid #ccc; color: #5470b4; font-size: 1.5em}
table.calendar td.day_number span.month { float:left}
table.calendar td.dayoff { background-color: #e0e7f5; color: #A7BAE2}
table.calendar td.dayoff span, span.today {text-align: center; font-size: 1.2em; font-weight: bold; display: block}
td.today {  }
span.today {color: #ffc671}
table.calendar tr.between td { height: 5px; line-height: 5px; font-size: 5px; overflow: hidden}
.calendar td.task {background-color: #6070a0; color: #fff; padding: 0.5em 2.5em 0.5em 0.5em; background-image: url(/images/normal_continues_forward.gif); background-position: right center; background-repeat: no-repeat}
.calendar td.task a {color: #fff; font-weight: bold; font-style: normal}
table.calendar td.task a:hover {color: #ffa500}
.calendar td.starts {border-left: 5px solid #000}
.calendar td.ends {border-right: 5px solid #000}
.calendar td.task div {background: url(/images/normal_continues_backward.gif) left no-repeat; text-align: center; font-style: italic}
.calendar td.critical {background: #a4505d url(/images/critical_continues_forward.gif) right center no-repeat}
.calendar td.critical div {background: url(/images/critical_continues_backward.gif) left no-repeat}
.calendar td.no_start div {padding-left: 2.5em}
.calendar td.done {background: #8d9caf url(/images/done_continues_forward.gif) right center no-repeat}
.calendar td.done div {background: url(/images/done_continues_backward.gif) left no-repeat}
.calendar td.ends, .calendar td.starts div {background-image: none}
.calendar td.critical_done {background-color: #9E9CAF}
.calendar td.critical span, .calendar td.critical_done span {font-weight: bold; font-style: normal; color: #82303b; margin-left: 0.5em}
.calendar td.done span {font-weight: bold; font-style: normal; color: #5A697C; margin-left: 0.5em}
div.date_nav {margin-bottom: 0.6em; text-align: right; font-size: 12px}
div.date_nav a, div.date_nav span {border: 1px solid #DDDDDD; text-decoration: none; color: #1057AE; margin-left: 3px; padding: 0.2em 1em; font-family: Verdana, Arial, Helvetica, sans-serif}
div.date_nav a:hover, div.date_nav span {background: #0063DC none repeat scroll 0%; border-color: #003366; color: #ffffff; text-decoration: none}
div#calendar_legend {display: inline; float: left; border: 1px solid #6070a0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6070a0; white-space: nowrap; margin-top: -0.7em; padding: 0.4em 1em}
div#calendar_legend div.label {display: inline; padding: .2em 1.2em; margin: 0.2em 0.2em 0.2em 1.5em; border: 1px solid #6070a0}
div#calendar_legend div.completed {background-color: #8D9CAF}
div#calendar_legend div.progress {background-color: #6070A0}
div#calendar_legend div.critical {background-color: #A4505D}
div#calendar_legend div.todo {background-color: #FA5}
 span.inline_documentation {position: absolute; width: 32.5em; text-align: left; font-weight: normal; padding: 1em; background-color: #ffc; border: 1px solid #cc9; margin-bottom: 0.5em; display: none}
form.edit {overflow: hidden; margin-bottom: 2em}
form.edit fieldset {width: 97%; padding: 1em; border: none; overflow: hidden; margin-bottom: 2.5em; margin-top: 1em}
form.edit fieldset.wide {width: 72.5em; margin-bottom: 1em; float: none; clear: both; width: 100%; border-bottom: 1px solid #ccf}
form.edit fieldset h4 {border-bottom: 1px solid #ccf; margin-top: 1.5em; font-size: 1em; width: 100%}
form.edit fieldset legend {padding-top: 0.8em; font-size: 1.4em; color: #002a8f; font-weight: bold}
form.edit fieldset.buttons {max-width: 73em; width: 100%; margin-top: -1.1em; padding: 0; clear: both; border: none; border-top: 1px solid #ccf; padding-top: 1em}
form.edit fieldset label a {display: block; margin-left: 11em; margin-top: 0.5em}
form.edit a.original_spelling {display: inline; margin-left: 0}
form.edit fieldset label a.demo_link {display: inline; margin-left: 0; margin-top: 3px}
form.edit fieldset.buttons a {float: right; margin-left: 1em; line-height: 1.5em}
form.edit fieldset label, form.edit fieldset p.mock_label {display: block; position: relative; color: #666; overflow: hidden; min-height: 1em; clear: left; font-size: 1em; overflow: hidden; margin-bottom: 0.5em}
form.edit fieldset div.tight {overflow: hidden; margin-bottom: 1em; width: 100%}
form.edit fieldset .tight label {margin-bottom: 0; padding-bottom: 0; min-height: 0}
form.edit fieldset label span, form.edit fieldset p.mock_label span {font-weight: bold; width: 10em; margin-right: 1em; float: left; text-align: right; padding: 0.25em 0; text-transform: capitalize}
form.edit fieldset .tight span {padding: 0}
form.edit fieldset label small {float: left; width: 21em; line-height: 2em; margin-bottom: 0; display: inherit}
form.edit small {font-size: 1em; margin-bottom: 2em; display: block}
form.edit fieldset label small select, form.edit fieldset label small input {overflow: visible; width: auto; float: none; display: inline}
form.edit fieldset input.checkbox, form.edit fieldset label.checkbox input, form.edit fieldset p.mock_label input {float: left; margin-left: 8.5em; margin-right: 1em; text-align: left; width: auto}
form.edit fieldset label.checkbox span, form.edit fieldset p.mock_label span {text-transform: none}
 form.edit fieldset div.radio {display: block; position: relative; color: #666; overflow: hidden; margin-top: 1em; margin-bottom: 0.5em; min-height: 1em; clear: left}
form.edit fieldset label.yesno {position: static; margin-top: 1em; min-height: 1em; clear: none; margin-left: 1em; float: left}
form.edit fieldset label.yesno input {width: auto}
 form.edit label#suck {float: left}
form.edit pre {float: left; width: 21em; clear: right; margin-top: 0.5em; margin-bottom: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
form.edit fieldset label.checkbox span.show_with_check, form.edit fieldset span.show_with_select {display: none; float: none; font-weight: normal; text-transform: none; width: auto}
form.edit fieldset span.show_with_select input, form.edit fieldset label.checkbox span.show_with_check input, form.edit fieldset label.checkbox span.show_with_check select, form.edit fieldset span.show_with_select select, form.edit fieldset label.notice_text input, form.edit fieldset span.notice_text input {display: inline; float: none; margin: 0; border: 1px solid #000; margin-left: none; float: none}
form.edit fieldset label.checkbox span.show_with_check select, form.edit fieldset span.show_with_select select {width: auto}
form.edit fieldset span.show_with_select {font-size: 1em; margin-left: 3px}
form.edit fieldset span.show_with_select input {margin-left: 3px; width: 50px; font-size: 0.8em}
form.edit fieldset label.checkbox span, form.edit fieldset span.checkbox, form.edit fieldset span.notice_text, form.edit fieldset label span.notice, form.edit fieldset p.mock_label span.notice {position: relative; text-align: left; left: 0em; width: 21em; zoom: 1; font-weight: normal; overflow: hidden}
form.edit fieldset span.notice_text a, form.edit fieldset label span.notice a {display: inline; margin: 0}
form.edit fieldset label.checkbox span, form.edit fieldset span.checkbox {line-height: 2em; padding-top: 0.1em}
form.edit fieldset label.checkbox span span, form.edit fieldset span.checkbox span {display: inline; float: none; margin-right: 0em; text-align: left; width: auto}
form.edit fieldset label select {width: auto}
form.edit fieldset li label.checkbox span {line-height: normal}
form.edit fieldset label input, form.edit fieldset label textarea {float: left; width: 21em; color: #000; border: 1px solid #000; padding: .25em; font-size: 1em}
form.edit fieldset.wide label textarea {width: 46em}
form.edit fieldset label.checkbox input {border: none}
form.edit fieldset label.checkbox input.checkbox {border: none; height: 1.3em; width: 1.3em; margin-top: 0.35em}
form.edit fieldset p.mock_label input.checkbox {border: none; height: 1em; width: 1em; margin-top: 0.1em; margin-left: 6.5em}
form.edit fieldset label input.inline_box {float: none; width: 50px}
form.edit fieldset select {line-height: 1.5em; width: auto; max-width: 21em; overflow: hidden; border: 1px solid #000; display: inline}
form.edit fieldset p.mock_label select {width: auto}
form.edit fieldset label.two_inputs select {width: 12em}
form.edit fieldset label.ul {width: 100px; float: left; margin-right: 10px}
form.edit fieldset label.checkbox_ul {width: 75px; float: left; margin-right: 10px}
form.edit fieldset label.checkbox_ul span {width: 7.5em}
form.edit fieldset div.form_elements {float: left}
form.edit fieldset ul {float: left; margin-top: 0.2em; width: 40em}
form.edit fieldset ul li {margin-bottom: 0.2em; line-height: 1.3em}
form.edit fieldset ul li input.checkbox {margin-left: 0}
form.edit fieldset textarea {height: 10em}
form.edit fieldset.buttons button {float: right; margin-left: 10px}
form.edit div.attachment {display: block; clear: both; margin-top: 1em}
ul.attachment_list {float: left; margin-bottom: 1em}
ul.attachment_list li {list-style-image:url("/images/paperclip.png"); margin-left: 1.5em}
.document_picker {display: inline}
 .the_weather {background: #FFFFFF; width: 210px; float: left}
.the_weather .the_forecast_container {overflow: hidden; margin-top: 0.5em}
.the_weather .title {font-size:12px; color: #002ABF; font-weight:bold}
.the_weather .title_separator {width:320px; height:10px; background: #C0C0C0}
.the_weather .current_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em}
.the_weather .forecast_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin-top: 20px}
.the_weather .forecast {font-size: 9px; margin-bottom: 5px; height: 22px}
.the_weather table {border:none}
#left_bar h3 {font-size: 12px; border: none; background-color: #002a8f; color: #fff; padding: 3px; margin-bottom: 3px; text-align: center}
.one_day_forecast {float: left; font-weight: bold; color: #000000; width: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 0px 2px 0px 0px}
.one_day_forecast .day_name {font-size:8px; font-weight:bold; background:#E0E7F5; padding:2px}
.one_day_forecast .icon {text-align: center; vertical-align: middle; padding:5px 0px; background: #FFFFFF}
.one_day_forecast .icon img {width: 50px}
.one_day_forecast .high_and_low {background: #E0E7F5; padding: 2px; white-space: nowrap; font-size: 8px; font-weight: bold}
.one_day_forecast .high {color: red; font-weight: bold; font-size: 8px}
.one_day_forecast .low {color: blue; font-weight: bold; font-size: 8px}
#current_image {margin-bottom: 10px; border-bottom: 1px solid #002A8F}
#current_image iframe {border: none; border-left: 1px solid #002A8F; border-right: 1px solid #002A8F; margin-bottom: -2px}
#current_image img.image_blob {width: 208px; border-left: 1px solid #5470B4; border-right: 1px solid #A3B1DA; margin-bottom: -2px}
#current_image a, #current_image a:link, #current_image a:visited {color: white}
#current_image .date, #current_image p.date {float: right; color: #fff; background-color: #a3b1da; padding: 0 1.3em; font-size: 1em}
#current_image h3 {margin-bottom: 0}
#current_image .footer {background-color: #5470b4; padding-left: 1em; height: 2em; line-height: 2em}
#webcam {border: 1px solid #a3b1da; background-color: #f0f0f0; border-left: 10px solid #003366; width: 320px; float: left; margin-right: 6em}
#webcam iframe {border: 0}
#webcam .footer a {color: white; float: left; padding-left: 2em; padding-top: .5em}
#webcam .footer {background-color: #5470b4; height: 26px; border-left: 5px solid #ffcc66}
#webcam .footer p {width: 150px; background-color: #a3b1da; float: right; text-align: center; height: 26px}
 div.thread {overflow: hidden; clear: both; margin-left: 2em; display: none}
div.rfi {display: block}
div.original {margin-left: auto}
div.original, div.last {display: block}
div.thread h4, div.thread h5 {font-size: 0.9em}
div.thread h4 {float: right; margin-bottom: 1em}
div.thread h5 {float: left; margin-bottom: 1em}
div.thread pre {clear: both}
 div#detail {font-size: 10px; overflow: hidden}
div#detail h3 {border-bottom: 1px solid #253987}
div#detail div div {overflow: hidden; margin-bottom: 0.5em}
div#detail div label {float: left; clear: left; text-align: right; margin-right: 10px; color: #666; font-weight: bold; text-align: right; width: 100px}
div#detail div.bottom label {width: auto}
div#detail div label span {width: 50px; margin-right: 10px}
div#detail form {padding: 10px}
div#detail div.left, div#detail div.right {float: left; overflow: hidden; margin-bottom: 10px; width: 300px}
div#detail div.left {margin-right: 20px}
div#detail div.bottom {margin-bottom: 30px; margin-top: 10px; overflow: hidden; clear: both}
div#detail div.bottom table {width: 400px}
div#detail div.bottom td p.approved {float: left !important; margin-left: 0; margin-right: 8px}
div#detail div p {clear: right; margin-left: 110px}
div#detail div.bottom form p {margin-left: 0}
div#detail div.bottom form textarea {width: 400px; margin: 0; height: 100px}
#main table h1.closed, #main h1.closed {padding: 0.5em; font-size: 1.1em; background-color: #666; color: #fff; text-align: center; text-transform: uppercase}
 div.paginator .paginator_item {font-size: 20px}
div.paginator img {position: relative; top: 2px}
 span.tip, a.tip {border-bottom: 1px dashed #339; color: #339; cursor: pointer}
a.tip {border-bottom: none}
#tooltip {background-color: #ffc; border: 3px solid #fff; position: relative; top: 5px; left: 0}
#tooltip h3 {font-weight: normal; border: 1px solid #cc9; padding: 5px; margin: 0}
.attachment_link {margin-bottom: 2em}
 #main form.edit fieldset label pre.spellchecking, form pre.spellchecking {width: 21em; text-align: left; text-transform: none; margin-right: 0; display: block; padding: 0.25em; margin-bottom: 0; font-weight: normal; border: 1px solid #000; white-space: pre; overflow: auto; float: left; clear: none; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
html.MSIE_browser form.edit fieldset label pre.spellchecking {}
form.edit fieldset label pre.spellchecking span, pre.spellchecking span {display: inline; font-weight: normal; width: auto; margin: 0; padding: 0; float: none; border-bottom: 1px dotted #c66; color: #000; text-transform: none; background-color: #f8f87c}
form.edit fieldset label pre.spellchecking span.corrected, pre.spellchecking span.corrected {border-color: #66c; background-color: transparent}
div.make_spelling_correction {position: absolute; width: 15em; background-color: #ddd; opacity: 0.9; -moz-opacity: 0.9; font-size: 1.4em; padding: 0.3em}
div.make_spelling_correction li {margin: 0.2em}
div.make_spelling_correction li a {display: block; padding: 0.2em; cursor: pointer; overflow: hidden; text-decoration: none}
div.make_spelling_correction li a:hover {color: #fff; background-color: #339}
 table.data_panel tr td {padding-top: 0.7em; padding-bottom: 0.7em}
table.form_table tr td, table.data_panel tr td, table.data_panel tr td td, table.data_panel tr:hover td td {border: 1px solid #ccc !important; border-collapse: collapse !important}
table.form_table tr tr:hover {background-color: #eee}
#search_and_pagination {margin-top: .5em; width: 100%; margin-bottom:10px; text-align: right}
ol.numbered {list-style-type: decimal; padding-left: 2em}
table.form_table a {cursor: pointer}
a.destroy, a.editor_cancel {font-size: 14px; color: #f00; text-decoration: none; padding: 3px}
.destroy:hover, a.destroy:hover, a.editor_cancel:hover {color: #fff; background-color: #f00}
h1.blockui {border-bottom: none; line-height: 36px; position: relative; zoom: 1}
h1.blockui img {position: absolute; left: 2px; top: 3px}
.meta_col {display: none}
ul#secondary_actions li form {display: none}
label.prostore_files_label {display: block; margin-top: 1em; font-size: 1.2em; font-weight: bold}
.hidden_mover {display: none}
.x-layout-panel #actions {margin: 10px; padding: 0}
.x-layout-panel #actions .motd {background-color: #ffc; padding: 5px; border: 1px solid #333}
span.search_result, form.edit fieldset label span.search_result {background-color: #ff6; float: none; width: auto; font-weight: inherit; margin: 0}
 #main #sell_title {font-family: arial, helvetica, verdana,sans-serif; font-size: 300%; border: none; margin: 0; padding: 0}
#main #sell_holder {border: 1px solid black; margin: 0; padding: 1em}
#sell_holder h2 {text-align: center; color: black; font-size: 200%; margin-bottom: 1em}
#sell_holder h2.important {color: red}
#sell_holder ul {font-family: arial, helvetica, verdana, sans-serif; float: right; font-size: 180%; list-style-type: disc; width: 45%; margin-top: 3em}
#sell_holder li {padding-bottom: 1em}
#sell_holder h3 {font-family: arial, helvetica, verdana, sans-serif; font-weight: normal; font-size: 200%; text-align: center}
#sell_holder > img {margin-left: 2em; margin-top: 4em}
 .ac_results {background-color:white; border:1px solid black; overflow:hidden; padding:0px; width: 500px !important;  z-index:99999}
.ac_results ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; width:100%}
.ac_results li {cursor:default; display:block; font-size:12px; line-height:16px; margin:0px; overflow:hidden; padding:2px 5px}
.ac_loading {background:white url(/images/indicator.gif) no-repeat scroll right center}
.ac_odd {background-color:#EEEEEE}
.ac_over {background-color:#0A246A; color:white}
.ac_input {width: 100%}
.red_alert {background-color:lightyellow; color:gray; font-size:12px; margin-bottom:5px; margin-top:5px; padding-bottom:10px; padding-top:10px; text-align:center}
.blue_alert {color: #000; font-size: 12px; border: 2px solid #00f; padding: 5px; margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; background-color: #cff}
.main_heading {font-size: 1.4em; margin-bottom: 1em; font-weight: bold; color: #253987; background-image: url(/images/header-background.png); background-repeat: repeat-y; width: 100%; padding: 5px; margin-top: 10px; line-height: 1.5}
 .gray_heading {background:#EEEEEE url('/images/gray_box/tl.gif') no-repeat scroll left top; margin:0 0 1em; width:100%}
.gray_heading div {background:transparent url('/images/gray_box/bl.gif') no-repeat scroll left bottom}
.gray_heading div div {background:transparent url('/images/gray_box/br.gif') no-repeat scroll right bottom}
.gray_heading .gray_heading_text {background:transparent url('/images/gray_box/tr.gif') no-repeat scroll right top; margin:0; padding:10px 12px; font-size: 1.3em; font-weight: bold}
 .blue_heading {background:#2e3e77 url('/images/blue_box/tl.gif') no-repeat scroll left top; margin:0 0 1em; width:100%}
.blue_heading div {background:transparent url('/images/blue_box/bl.gif') no-repeat scroll left bottom}
.blue_heading div div {background:transparent url('/images/blue_box/br.gif') no-repeat scroll right bottom}
.blue_heading .blue_heading_text {background:transparent url('/images/blue_box/tr.gif') no-repeat scroll right top; color: #fff !important; margin:0; padding:10px 12px; font-size: 1.3em; font-weight: bold}
.new_paginator {text-align: right; font-size: 12px; padding-bottom: 10px}
.new_paginator a:hover {background: #0063DC none repeat scroll 0%; border-color: #003366; color: #ffffff; text-decoration: none}
.new_paginator a {border: 1px solid #DDDDDD; padding: 2px 6px; text-decoration: none; color: #1057AE}
.new_paginator .this_page {background: #FFFFFF none repeat scroll 0%; border-color: #999999; color: #5d6e93; font-weight:bold; padding: 2px 6px}
 .permission_level {width: 8em; text-align: center}
 #procore_item_load_spinner img, #procore_item_add_spinner img {height: 1.6em; width: 1.6em}
p.action_message, div.action_message {margin: 10px; padding: 20px; background-color: #ffffcc; color: #333333; border: 2px solid #333333; font-size: 12px;  }
.a_blue_box {background-color: #F2F6FF; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; border: 1px solid #CBD5EE; margin-bottom: 1em}
.a_blue_box select {font-size: 1.0em; max-width: 200px}
.a_blue_box th {vertical-align: top; font-weight: bold; color: #333333; padding: 5px; border-bottom: 1px #dddddd solid}
.a_blue_box td {vertical-align: top; color: #333333; padding: 5px; border-bottom: 1px #dddddd solid}
.a_blue_box div.no_bottom_border tr th, .a_blue_box div.no_bottom_border tr td {border-bottom: none !important}
.inline_edit_hover {background-color:#FFFFCC !important; cursor:pointer; color: #0000FF}
td.inline_edit {background:url('/images/stripes.png') no-repeat right top}
div.calendar_date_select { z-index: 1400}
div.calendar_date_select table td {padding: 0px !important}
div#sb-body{ background-color: #fff}
td.inline_edit_hover {background-color: #ffc !important}
td.inline_edit_hover span {text-decoration: underline}
#sidebar ul#utility_buttons li.faqs img {vertical-align:middle; border: none; padding-right: 3px; text-decoration:none}
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
em{font-style:italic;}
strong{font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
textarea{font-family: inherit; font-size: 1em;}
 span.date_picker_tag {overflow: hidden; margin-left: 80px; line-height: 2em}
form.edit span.date_picker_tag {width: auto; margin-top: -5px; text-align: left}
p.submit_and_link {display: inline; position: relative}
p.submit_and_link button {width: 27px; height: 16px; border: 0px solid #000; background-image: url(/images/go_button.png); padding-left: 0; text-indent: -5000px; margin-bottom: 2px}
p.submit_and_link button:hover {background-image: url(/images/go_lite.png)}
a.demo_link {font-size: 1em; position: relative; top: -0.2em}
a.with_img {top: 0; margin-left: 0.4em}
a.demo_link img {width: 16px; position: relative; top: 3px}
.date_picker_input {display: none}
span.date_picker_tag a {font-weight: normal}
label span.date_picker_tag {margin-left: 0}
form.edit span.date_picker_tag {margin-left: 0}
h4 span.date_picker_tag {display: inline; margin-left: 0}
span.date_picker_tag button {position: relative; top: 0; left: 0}
div.date_picker { display: none;  position: absolute; background-color:white; z-index: 1000; width: 1%}
div.date_picker table {border: 2px solid #42588d; font-family: verdana, sans-serif; border-collapse: collapse; width: 1%}
div.date_picker table th {font-size: 120%; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; background-color: #42588d; padding-left: 0; border-style: none; border-width: 0px; border-color: #42588d}
div.date_picker table th.button a {padding-left: 20px; height: 20px; background-repeat: no-repeat; background-position: left; background-color: transparent}
div.date_picker table th.button a:hover {background-color: #42588d}
div.date_picker table th.backmonth a {background: #42588d url(/images/calendar_left.png) no-repeat}
div.date_picker table th.backyear a {background: #42588d url(/images/calendar_left_year.png) no-repeat}
div.date_picker table th.nextmonth a {background: #42588d url(/images/calendar_right.png) no-repeat right}
div.date_picker table th.nextyear a {background: #42588d url(/images/calendar_right_year.png) no-repeat right}
div.date_picker .day_labels th {padding-top: 10px; font-weight: bold}
div.date_picker .day_labels th {color: #fff; font-weight: bold; text-transform: uppercase; font-size: 90%}
div.date_picker td {height: 24px; width: 24px; vertical-align: middle; text-align: center; background-color: #fff; border-bottom: 1px solid #cef; font-size: 90%; text-align: center; padding: 0}
div.date_picker td.today {background-color: #b6d5ff}
div.date_picker td a.chosen {border: 1px solid #FF732F}
div.date_picker tbody a, div.date_picker tbody span.unpickable_date {text-decoration: none; width: 24px; height: 24px; line-height: 24px; display: block; color: #333; text-align: center}
div.date_picker tbody span.unpickable_date {color: #ccc}
div.date_picker a:hover {color: white; background-color: #ff9b00}
div.date_picker tfoot tr td{ background-color: #42588d; border: 0px solid #fff; text-align: right; width: 100%; color: #fff}
div.date_picker tfoot tr td a {padding: 2px 5px 4px 5px; margin-right: 1px; position: relative; top: 1px; color: #fff !important; font-family: verdana, sans-serif; text-decoration: none; font-weight: bold}
div.date_picker tfoot td a:hover {background-color: #ff9b00; color: white}
form.edit div.select_mover, div.select_mover {width: 50em; overflow: hidden; position: relative; left: 110px; margin-top: -25px; margin-bottom: 1em; height: auto !important}
form.edit div.select_mover select, div.select_mover select {height: 8em; margin-right: 0; position: relative; z-index: 2}
form.edit div.select_mover select, div.select_mover select, div.select_mover .left, div.select_mover .right {width: 43%}
html.MSIE_browser div.select_mover div.left, html.MSIE_browser div.select_mover div.right {margin-top: -1em; margin-bottom: 1em}
div.select_mover .left, div.select_mover select.first {float: left; clear: left}
div.select_mover .right, div.select_mover select.second {float: right; clear: right}
form.edit fieldset div.select_mover label {display: inline; padding-bottom: 0}
form.edit fieldset div.select_mover label input {width: auto; height: auto; float: none; border: none}
form.edit fieldset div.select_mover label input {position: relative; top: 3px}
#content fieldset div.select_mover p {position: absolute; width: 100%; text-align: center !important; top: 50%; margin: -1em 0 0 0; z-index: 1; left: 0; font-size: 1em}
#content fieldset div.select_mover p.top {margin-top: -3em}
div.select_mover p button {font-size: 0.9em; padding-left: 0.65em; padding-right: 0.65em}
html.MSIE_browser div.select_mover p button.selected {padding-left: 1px}
 table.sortable thead th.sortDown, table.sortable thead th.sortUp {background-image: url(/images/table_header_gradient_up.gif); background-position: right bottom; background-repeat: no-repeat; padding-right: 2em; background-color: #fff}
table.sortable th {cursor: pointer}
table.sortable th a {color: #000; text-decoration:none}
table.sortable thead th.sortUp {background-image: url(/images/table_header_gradient_down.gif)}
span.drag_handle {cursor: move}
body {opacity: 0.99999}
 #company_project_selector {height: 30px; line-height: 25px; background: url(/images/redesign/pagetop.gif) repeat-x; color: black}
#company_project_selector form {float: left; margin-right: 1em}
#company_project_selector form select {width: 17em}
div#company_project_selector div#top_right {float: right; margin: 0px; padding: 0px; line-height: 29px}
div#company_project_selector #top_right_logo {margin: -5px 0px 0px 0px; padding: 0px; vertical-align: middle}
div#company_project_selector a {font: 12px/29px Verdana, Arial, sans-serif; color: black}
div#company_project_selector a.add_project, div#company_project_selector #dashboard_link {font-weight: bold}
div#company_project_selector #dashboard_link {float: left; margin: 0 1em 0 1em}
 #title_bar {background: #5d77b2 url(/images/redesign/headergrad.gif) repeat-x; height: 80px; overflow: hidden; width: 100%}
#title_bar.civic {background: #86888F url(/images/redesign/civicgrad.gif) repeat-x !important}
#title_bar div#company_image {float: left; height: 60px; margin: 7px 5px; padding: 2px; background: #fff}
#title_bar div#company_image img {height: 60px}
#title_bar div#high_level_options {float: right; color: #fff; font-size: 10px; height: 60px; width: 500px; margin: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; overflow: hidden}
#title_bar div#high_level_options p {float: right}
#title_bar div#high_level_options a {color: #fff}
#title_bar div#high_level_options a:hover {color: #ccc}
#title_bar div#high_level_options form#top_search_form {margin-top: 10px; float: right; clear: both; width: 201px; display: none;  }
#title_bar div#high_level_options input#top_search {border: 1px solid #2e3e77; background: url(/images/redesign/inputbox.gif) repeat-x; height: 18px; width: 100px; float: right; margin-right: 5px; padding: 2px 3px 0 3px}
#title_bar div#high_level_options button#top_search_submit {border: 1px solid #2e3e77; background: url(/images/redesign/button.gif) repeat-x; height: 22px; float: right; font: normal 11px Verdana, Helvetica, Arial, sans-serif; color: #fff; padding: 0 10px 2px 10px}
div#company_name {float: left}
div#company_name h1, div#company_name h2 {color: #fff; border: none; margin-left: 10px}
div#company_name h1 {font: normal 40px Helvetica, Arial, sans-serif}
div#company_name h2 {font: bold 15px Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 5px}
 #tabs {background: #5B74AF url(/images/black.png) bottom repeat-x; overflow: hidden; zoom: 1}
#tabs.civic {background-color: #86888F !important}
#tabs ul {padding: 0 0 0 1em; border-right: 1px solid #2e3e77; float: left}
#tabs li {float: left; padding: 0.5em 0 0.5em 0; font: normal 10px Verdana, sans-serif; border-left: 1px solid #2e3e77; border-top: 1px solid #2e3e77}
#tabs li.active a, #tabs li.active.grayed a, html.project #tabs li:hover a, html.company #tabs li a:hover {top: 0; padding-top: 0.5em; z-index: 1; background: #E6E6E6 !important}
#tabs li.grayed a {color: #555; background: #C6C6C6 !important; font-style: italic}
#tabs li a {padding: 0.5em 0.7em 0.5em 0; text-decoration: none; color: #fff; padding-left: 0.5em}
#tabs li.active a, #tabs li a:hover {color: #000 !important}
 #subtabs {overflow: hidden; zoom: 1}
#subtabs ul {margin-top: 5px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 1em; border-right: 1px solid #2e3e77; float: left}
#subtabs li {float: left; padding: 0.5em .5em 0.5em .5em; font: normal 10px Verdana, sans-serif; border-left: 1px solid #2e3e77; border-bottom: 1px solid #2e3e77; border-top: 1px solid #2e3e77; background: transparent url(/images/redesign/tabgrey.gif) repeat-x scroll 0 0}
#subtabs li.active, #subtabs li.active a, #subtabs li.active.grayed a, html.project #subtabs li:hover a, html.company #subtabs li a:hover {top: 0; padding-top: 0.5em; z-index: 1;   }
#subtabs li.active {background: #fff; font-weight: bold}
#subtabs li a {padding: 0.5em 0.7em 0.5em 0; text-decoration: none; color: #fff; padding-left: 0.5em}
#subtabs li.active a, #subtabs li a:hover {color: #000 !important}
 html.project #tabs li a {background: url(/images/redesign/tabgrey.gif) repeat-x}
html.company #tabs li a {background: url(/images/redesign/taborange.gif) repeat-x}
 div.prog_bar {background-image: url(/images/progress_bar_outline.gif); background-position: 0 0; background-repeat: no-repeat; height: 12px; width: 120px; overflow: hidden}
div.prog_bar div.progress {background-image: url(/images/progress_bar_orange.gif); left: 0; top: 0; height: 10px; border: 1px solid #ff7b00; overflow: hidden; float: left}
div.prog_bar div.empty_progress {float: left; width: 0; margin-right: 69px}
div.prog_bar span {margin-left: 1em; float: left; margin-top: -2px}
 form.edit fieldset small select, form.edit fieldset span.notice select {width: auto !important; max-width: 21em; width: expression(this.clientWidth > 210 ? "21em" : this.clientWidth + "px")}
form.edit fieldset label.button button {margin-left: 8.5em}
 @media projection, screen { .tabs-hide {display: none}
}
 @media print {.tabs-nav {display: none}
}
 div.tab_container { border-bottom: 1px solid #a4a4a4}
.tabs-nav {list-style: none; margin: 0; padding: 0; overflow: hidden; zoom: 1; padding-bottom: 0 !important}
.tabs-nav:after { display: block; clear: both; content: " "}
.tabs-nav li {float: left; margin: 0; width: 75.3px;  height: 18px; border-left: 1px solid #656565; border-top: 1px solid #656565}
.tabs-nav a, .tabs-nav a span {display: block; padding: 0; background: url(/images/redesign/tab.gif) repeat-x}
.tabs-nav a {z-index: 2; padding-left: 0; color: #27537a; font-size: 10px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap;  }
.tabs-nav .tabs-selected {border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4}
.tabs-nav .tabs-selected a {color: #000}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {background-position: 100% -150px; outline: 0;  }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {background-position: 100% -100px}
.tabs-nav a span {width: 64px;  height: 18px;  line-height: 18px; min-width: 64px; min-height: 18px; padding: 0; color: #fff; width: 100%}
*>.tabs-nav a span { width: auto; height: auto}
.tabs-nav .tabs-selected a span {}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {background: #fff; color: #395189}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {background-position: 0 0}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer}
.tabs-nav .tabs-disabled {opacity: .4}
.tabs-container {padding: 5px; background: #fff;  border-right: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4}
.tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%}
.document_picker {display: inline}
.picker_button {display: inline}
.picker_button button {float: none !important}
#picker_window {display: none}
a#close_picker_window {float: right}
UL.jqueryFileTree {font-family: Verdana, sans-serif; font-size: 11px; line-height: 18px; padding: 0px; margin: 0px}
UL.jqueryFileTree LI {list-style: none; padding: 0px; padding-left: 35px; margin: 0px; margin-right: 20px; white-space: nowrap}
UL.jqueryFileTree A {color: #333; text-decoration: none; display: block; padding: 0px 2px}
UL.jqueryFileTree A:hover {background: #BDF}
 .jqueryFileTree LI.directory {background: url(/images/jquery_file_tree/directory.png) left top no-repeat}
.jqueryFileTree LI.expanded {background: url(/images/jquery_file_tree/folder_open.png) left top no-repeat}
.jqueryFileTree LI.empty_closed {background: url(/images/jquery_file_tree/empty_directory.png) left top no-repeat}
.jqueryFileTree LI.empty_open {background: url(/images/jquery_file_tree/empty_folder_open.png) left top no-repeat}
.jqueryFileTree LI.file {background: url(/images/jquery_file_tree/file.png) left top no-repeat}
.jqueryFileTree LI.wait {background: url(/images/jquery_file_tree/spinner.gif) left top no-repeat}
 .jqueryFileTree LI.ext_3gp {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_afp {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_afpa {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_asp {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_aspx {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_avi {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_bat {background: url(/images/jquery_file_tree/application.png) left top no-repeat}
.jqueryFileTree LI.ext_bmp {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_c {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_cfm {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_cgi {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_com {background: url(/images/jquery_file_tree/application.png) left top no-repeat}
.jqueryFileTree LI.ext_cpp {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_css {background: url(/images/jquery_file_tree/css.png) left top no-repeat}
.jqueryFileTree LI.ext_doc {background: url(/images/jquery_file_tree/doc.png) left top no-repeat}
.jqueryFileTree LI.ext_exe {background: url(/images/jquery_file_tree/application.png) left top no-repeat}
.jqueryFileTree LI.ext_gif {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_fla {background: url(/images/jquery_file_tree/flash.png) left top no-repeat}
.jqueryFileTree LI.ext_h {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_htm {background: url(/images/jquery_file_tree/html.png) left top no-repeat}
.jqueryFileTree LI.ext_html {background: url(/images/jquery_file_tree/html.png) left top no-repeat}
.jqueryFileTree LI.ext_jar {background: url(/images/jquery_file_tree/java.png) left top no-repeat}
.jqueryFileTree LI.ext_jpg {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_jpeg {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_js {background: url(/images/jquery_file_tree/script.png) left top no-repeat}
.jqueryFileTree LI.ext_lasso {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_log {background: url(/images/jquery_file_tree/txt.png) left top no-repeat}
.jqueryFileTree LI.ext_m4p {background: url(/images/jquery_file_tree/music.png) left top no-repeat}
.jqueryFileTree LI.ext_mov {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mp3 {background: url(/images/jquery_file_tree/music.png) left top no-repeat}
.jqueryFileTree LI.ext_mp4 {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mpg {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mpeg {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_ogg {background: url(/images/jquery_file_tree/music.png) left top no-repeat}
.jqueryFileTree LI.ext_pcx {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_pdf {background: url(/images/jquery_file_tree/pdf.png) left top no-repeat}
.jqueryFileTree LI.ext_php {background: url(/images/jquery_file_tree/php.png) left top no-repeat}
.jqueryFileTree LI.ext_png {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_ppt {background: url(/images/jquery_file_tree/ppt.png) left top no-repeat}
.jqueryFileTree LI.ext_psd {background: url(/images/jquery_file_tree/psd.png) left top no-repeat}
.jqueryFileTree LI.ext_pl {background: url(/images/jquery_file_tree/script.png) left top no-repeat}
.jqueryFileTree LI.ext_py {background: url(/images/jquery_file_tree/script.png) left top no-repeat}
.jqueryFileTree LI.ext_rb {background: url(/images/jquery_file_tree/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rbx {background: url(/images/jquery_file_tree/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rhtml {background: url(/images/jquery_file_tree/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rpm {background: url(/images/jquery_file_tree/linux.png) left top no-repeat}
.jqueryFileTree LI.ext_ruby {background: url(/images/jquery_file_tree/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_sql {background: url(/images/jquery_file_tree/db.png) left top no-repeat}
.jqueryFileTree LI.ext_swf {background: url(/images/jquery_file_tree/flash.png) left top no-repeat}
.jqueryFileTree LI.ext_tif {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_tiff {background: url(/images/jquery_file_tree/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_txt {background: url(/images/jquery_file_tree/txt.png) left top no-repeat}
.jqueryFileTree LI.ext_vb {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_wav {background: url(/images/jquery_file_tree/music.png) left top no-repeat}
.jqueryFileTree LI.ext_wmv {background: url(/images/jquery_file_tree/film.png) left top no-repeat}
.jqueryFileTree LI.ext_xls {background: url(/images/jquery_file_tree/xls.png) left top no-repeat}
.jqueryFileTree LI.ext_xml {background: url(/images/jquery_file_tree/code.png) left top no-repeat}
.jqueryFileTree LI.ext_zip {background: url(/images/jquery_file_tree/zip.png) left top no-repeat}
 .contextMenu {position: absolute; width: 220px; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none}
.contextMenu LI {list-style: none; padding: 0px; margin: 0px}
.contextMenu A {color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px}
.contextMenu LI.hover A {color: #FFF; background-color: #3399FF}
.contextMenu LI.disabled A {color: #AAA; cursor: default}
.contextMenu LI.hover.disabled A {background-color: transparent}
.contextMenu LI.separator {border-top: solid 1px #CCC}
  .contextMenu LI.remove_column A {background-image: url(/images/config_unselected.png)}
.contextMenu LI.reset_columns A {background-image: url(/images/reset_icon.png)}
html {height: 100%}
body {font-size: 62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 10px 0; opacity: 0.99999; min-width: 1010px}
html.MSIE_6 body {width: expression(document.documentElement.clientWidth < 1010 ? "1010" : "auto";) }
#wrapper {background: transparent; background-color: #e6e6e6}
.requires_admin {display: none}
body.admin div.requires_admin {display: block}
body.admin span.requires_admin {display: inline}
  textarea, select {border: 1px solid #aaa}
#content {width: 100%; overflow: hidden; margin: 0; padding: 0}
#main {margin: 0 10px 10px 10px; margin-left: -250px; width: 100%}
#main h1 {color: #505050; border: none; margin-bottom: 3px}
.main_slide {overflow: auto}
.main_slide, #dashboard_details {background: #fff; margin-left: 260px; #margin-left: 270px; padding: 10px}
 #content {padding: 1em 0}
#floats {float: left; width: 100%}
#floats #left_bar {float: left; width: 210px}
#floats #tasks_container {margin-left: 225px; zoom: 1}
#footer {clear: both; color: #fff; border: 1px solid #2f4a8a; text-align: right; padding: .3em; background: url(/images/redesign/headergrad.gif) repeat-x}
#footer.civic {background: url(/images/redesign/civicgrad.gif) repeat-x !important; border-color: #86888f}
#footer p#power {margin: 5px}
.footer_production {background-color: #4f6aaa}
.footer_qa {background-color: black}
.footer_modest {background-color: brown}
.footer_development {background-color: blue}
div#footer a {color: #fff}
div#footer a:hover {color: #ffa500 }
#ajaxload {position: absolute; top: 0; right: 10px; width: 31px; height: 31px; display: none; border: 1px solid #000}
span.selected {color: #000; font-weight: bold}
 p.notice, #persistent_notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #ffc;  }
#notice, div.notice, div.notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #CFD9FF; border: 1px solid #4D57FF}
p.notice form, #notice form {font-size: 0.75em}
div.filter_notice {padding: 1em; margin-bottom: 1em; font-size: 1.4em; background-color: #ffc; border: 1px solid #cc9}
table#error, div.error {border: 5px solid #f67f23; background-color: #fff; margin-bottom: 20px; width: 100%}
table#error td {padding: 10px; font-size: 14px; font-weight: bold}
table#error td.hat {width: 93px}
table#error p {margin-bottom: 5px}
div#persistent_notice {border: 1px solid #aa6; background-color: #ffc}
div#notice h3, div#persistent_notice h3 {border-bottom: 1px solid #253987; margin-top: 1em}
div#notice li, div#persistent_notice li {padding-left: 1.5em; margin-left: 0em; background: url(/images/procore_bullet.gif) no-repeat center left}
div#notice li.destroy {background: url('/images/gold-x.gif') no-repeat center left; color: #933}
div#errorExplanation, div.errorExplanation {border: 1px solid #600; background-color: #daa; overflow: hidden}
div#errorExplanation p, div.errorExplanation p {font-weight: bold; font-size: 1.1em}
div#errorExplanation h2, div.errorExplanation h2 {font-size: 120%; font-weight: bold; color: #600}
div.errorExplanation {padding: 1em 1em 0.5em 1em; margin-bottom: 1em}
div.errorExplanation li {width: 30em; list-style-type: none; padding-bottom: 0.5em; padding-top: 0.5em; margin-left: 1em}
input.error, textarea.error, select.error {border: 1px solid #f00; background-color: #fcc}
 div.configure_button {font-size: 1.2em; padding-bottom: 5px}
div.configure_button a {text-decoration: none}
div.configure_button a img {vertical-align: middle}
 div#video_box, div#video_prompt, div#no_flash {background-color: #fff; border: 2px solid #333; display: none; z-index: 1000}
div#video_prompt, div#no_flash {position: absolute; left: 300px; top: 100px}
div#video_box {position: absolute; left: 200px; top: 100px}
#video_frame {height: 100%; width: 100%; border: 0px}
div.training_video {font-size: 1.2em; display: block; padding: 10px}
div#show_video {padding: 0px 0px 10px 0px}
 div.training_video a {text-decoration: none}
div.training_video a img {vertical-align: middle}
.video_title {font-family: arial; padding-bottom: .4em; font-size: 1.4em; color: #253987}
.close_video {text-align: right}
div.prompt_buttons {display: block; text-align: center}
div.prompt_buttons input {width: 100px !important; margin: 0px 20px}
 a {color: #0b2666}
a:hover {color: #ffa500}
button {text-transform: capitalize}
h1, h2, h3, h4, h5 {color: #253987; text-transform: capitalize; margin-bottom: 0.5em}
h1 {font-size: 1.4em; border-bottom: 1px solid #253987}
h1 span {font-size: 0.83em; color: #666; font-weight: normal}
h4 {font-size: 1.2em}
h4 span {font-size: 0.83em; font-weight: normal; color: #666}
h5 {font-size: 1.2em}
hr {border: none; border-top: 1px solid #333}
input.checkbox, .data_panel input.checkbox {width: auto}
option {padding: 1px 10px 0 0}
optgroup option {padding-left: 1em}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; word-wrap: break-word; font-size: 1.4em; margin-top: 1em}
select {font-size: 1em}
.hidden {display: none}
tr.hidden {display: table-row}
textarea {font-family: Verdana, Arial, Geneva, sans-serif}
 div.env_production {background: transparent url(/images/header_gradient.gif) repeat-x scroll 0%}
div.env_qa {background-color: black}
div.env_modest {background-color: brown}
div.env_development {background-color: blue}
#print_and_help, #company_home a, #company_and_project_selector {float: right; margin: 2px 4px}
#company_and_project_selector fieldset {display: inline}
#company_home a {width: 112px; height: 18px; background: transparent url(/images/b_companyhome_off.gif) no-repeat}
#company_home a:hover {background: transparent url(/images/b_companyhome_on.gif) no-repeat}
#company_and_project_selector form {margin: 0; padding: 0; display: inline}
span#for_name {font-weight: bold; color: #5470B4; padding: 0; position: relative; top: -5px}
html.MSIE_browser span#for_name {top: -2px; padding-left: 3px}
html.MSIE_7 span#for_name {padding-left: 0}
span#for_name span {color: #666; font-size: 1.2em}
 #ajaxload {display: none}
 div#sidebar {float: right; width: 230px; margin-right: 10px}
div#tab_container table {width: 100%; font: normal 12px/16px Verdana, sans-serif; border: 1px solid #90a0d2}
div#tab_container table tr {background-color: #dbe4ff}
div#tab_container table tr.odd {background-color: #c2cef2}
div#tab_container table td {padding: 3px}
#sidebar h5 {margin: 0 .5em 1em 0; padding-top: 1em; border-bottom: 1px solid #253987}
#sidebar p.motd, #sidebar div.motd {background-color: #ffc; border: 1px solid #cc9; padding: 1em; margin-bottom: 1em}
#sidebar div.motd li {list-style-type: disc; margin-bottom: 0.5em}
#sidebar div.motd p {margin-bottom: 0.7em}
#sidebar div.motd p strong {font-weight: bold}
#sidebar #primary_action {background-image: none; margin-bottom: 1em; padding-left: 0}
#sidebar ul#secondary_actions li, #sidebar ul#utility_buttons li {background: none; margin-bottom: 1em}
 #sidebar ul#secondary_actions li span.tip {border:none}
#sidebar ul.sidebar_panel {background-color: #fff; padding: 5px; margin: 1em 0em 1em 0}
#sidebar ul.sidebar_panel li {background-image: none; text-transform: capitalize; font-size: 1.2em; margin-bottom: 0.2em}
#sidebar ul.sidebar_panel li.header {font-size: 1.3em; margin-bottom: 0.7em; padding-bottom: 0.2em; font-weight: bold; border-bottom: 1px solid #ccf}
#sidebar ul.sidebar_panel li.ms_project {background-image: url('/images/ms.gif'); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 1px }
#sidebar ul.sidebar_panel li.checklist {background-image: url('/images/checklist.gif'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px }
#sidebar ul.sidebar_panel li.reports {background-image: url('/images/spreadsheet.gif'); background-repeat: no-repeat; padding-left: 20px }
#sidebar input {width: 200px}
#sidebar input.checkbox {width: 1em; height: 1em}
#sidebar li form {margin-top: 1em}
#sidebar #before_buttons, #sidebar .additional_options {background-color: #ddd; margin: 0; margin-bottom: 1em; padding: 0 1em 1.5em 1em}
#sidebar .additional_options {background-color: #ddd}
#sidebar .additional_options input {margin-bottom: 0.5em}
#sidebar #before_buttons .sidebar_search input {margin-bottom: 0.5em}
#sidebar #before_buttons .sidebar_search label input {margin: 0em}
#sidebar #before_buttons .sidebar_search label {display: block; margin-bottom: 0.5em}
#sidebar #before_buttons h5 {margin-top: 0}
#sidebar .motd {margin-top: 1em; background-color: #ffc; padding: 5px; border: 1px solid #333}
.x-layout-panel-body #sidebar {margin: 10px; padding: 0; width: auto}
.x-layout-panel-body #sidebar .motd {background-color: #ffc; padding: 5px; border: 1px solid #333}
.tabs-container table {width: 100%; font: normal 12px/16px Verdana, sans-serif; border: 1px solid #90a0d2}
.tabs-container table tr {background-color: #dbe4ff}
.tabs-container table tr.odd {background-color: #c2cef2}
.tabs-container table td {padding: 3px}
 .filters {position: relative; padding-left: 2em; overflow: hidden}
p.filters {display: block; margin: 1em 1em 1em 0; height: 1.6em; line-height: 1.6em}
div.filters {display: none; padding: 0.5em 0.5em 0.5em 2.5em; margin: 0.5em 0em 1em 0; border: 1px solid #ccc}
div.filters label span {width: 80px; float: left; text-align: right; margin-right: 0.6em}
div.filters select {margin-left: 0; max-width: 70%}
div.filters span.date_picker_tag {margin-left: 50px}
div.filters span.date_picker_tag img {margin-right: 0.2em}
button.filter_change {width: 20px; border: 0px; background: transparent; position: absolute; top: 0; left: 3px; padding: 0}
div.filters form div input {margin-left: 75px}
div.filter_option {display: inline; margin-right: 1em; white-space: nowrap}
 table.sortable th {cursor: pointer}
 table.form_table, table.data_panel {table-layout: auto; border-collapse: collapse; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 1em; width: 100%; font-size: 1.2em; margin-bottom: 2em}
.noItems p {color: #999; text-align: center; font-size: 120%; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ccc}
table.data_panel thead th, table.data_panel tr.header th {background: url(/images/table_header_gradient.gif) #f4f4f4 repeat-x; text-transform: capitalize; vertical-align: bottom; padding: 0.4em 1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em; font-weight: bold}
table.data_panel tfoot td {background: url(/images/table_footer_gradient.gif) #f4f4f4 repeat-x; text-transform: capitalize; vertical-align: bottom; padding: 0.4em 1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em; font-weight: bold}
table.form_table, table.data_panel table {width: 100%}
table.data_panel table th {padding: 0 1em; border-bottom: 0; background: transparent}
table.data_panel td.subtable {padding: 0}
table.data_panel thead th.last {border-right: none}
table.form_table tbody td, table.data_panel tbody td {padding: 0.5em 1em; vertical-align: top}
table.data_panel tr.odd {background-color: #e1e9fe}
table.data_panel ul {padding: 1em; list-style-type: circle}
table.data_panel td.check {text-align: center}
#none, .data_panel tbody td.none, .data_panel caption {text-align: center; padding: 0.5em; font-size: 1.4em; font-weight: bold; background-color: #f4f7ff; border-top: 1px solid #ccc}
.data_panel caption {margin-top: -0.8em; padding: 1em; border-bottom: 1px solid #ccc}
div.inplace_container a.add {text-decoration: none; font-size: 14px; top: -1.4em; position: relative; float: right}
div.inplace_container a.add img {width: 12px}
div.inplace_container h4 {margin-bottom: 0; margin-top: 1em}
.private, .hidden_comm {color: #fff; padding: 0.5em; background-color: #d86411; text-align: center; font-size: 1.1em}
.hidden_comm {background-color: #9caeee}
 table.calendar { table-layout: fixed; width: 100%; background-color: #fffefa; border-collapse: separate; empty-cells: show; margin-bottom: 2em; border-bottom: 1px solid #ccc; font-size: 1em}
table.calendar tr.day_names th { color: #000; background-color: #eee; border: 1px solid #aaa; border-bottom-color: #000; font-size: 1.2em; text-align: center; padding: 0.5em}
table.calendar td { vertical-align: top; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0.2em}
table.calendar td.day_number { padding: 0.8em; text-align: right; border-top: 1px solid #ccc; color: #5470b4; font-size: 1.5em}
table.calendar td.day_number span.month { float:left}
table.calendar td.dayoff { background-color: #e0e7f5; color: #A7BAE2}
table.calendar td.dayoff span, span.today {text-align: center; font-size: 1.2em; font-weight: bold; display: block}
td.today {  }
span.today {color: #ffc671}
table.calendar tr.between td { height: 5px; line-height: 5px; font-size: 5px; overflow: hidden}
.calendar td.task {background-color: #6070a0; color: #fff; padding: 0.5em 2.5em 0.5em 0.5em; background-image: url(/images/normal_continues_forward.gif); background-position: right center; background-repeat: no-repeat}
.calendar td.task a {color: #fff; font-weight: bold; font-style: normal}
table.calendar td.task a:hover {color: #ffa500}
.calendar td.starts {border-left: 5px solid #000}
.calendar td.ends {border-right: 5px solid #000}
.calendar td.task div {background: url(/images/normal_continues_backward.gif) left no-repeat; text-align: center; font-style: italic}
.calendar td.critical {background: #a4505d url(/images/critical_continues_forward.gif) right center no-repeat}
.calendar td.critical div {background: url(/images/critical_continues_backward.gif) left no-repeat}
.calendar td.no_start div {padding-left: 2.5em}
.calendar td.done {background: #8d9caf url(/images/done_continues_forward.gif) right center no-repeat}
.calendar td.done div {background: url(/images/done_continues_backward.gif) left no-repeat}
.calendar td.ends, .calendar td.starts div {background-image: none}
.calendar td.critical_done {background-color: #9E9CAF}
.calendar td.critical span, .calendar td.critical_done span {font-weight: bold; font-style: normal; color: #82303b; margin-left: 0.5em}
.calendar td.done span {font-weight: bold; font-style: normal; color: #5A697C; margin-left: 0.5em}
div.date_nav {margin-bottom: 0.6em; text-align: right; font-size: 12px}
div.date_nav a, div.date_nav span {border: 1px solid #DDDDDD; text-decoration: none; color: #1057AE; margin-left: 3px; padding: 0.2em 1em; font-family: Verdana, Arial, Helvetica, sans-serif}
div.date_nav a:hover, div.date_nav span {background: #0063DC none repeat scroll 0%; border-color: #003366; color: #ffffff; text-decoration: none}
div#calendar_legend {display: inline; float: left; border: 1px solid #6070a0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6070a0; white-space: nowrap; margin-top: -0.7em; padding: 0.4em 1em}
div#calendar_legend div.label {display: inline; padding: .2em 1.2em; margin: 0.2em 0.2em 0.2em 1.5em; border: 1px solid #6070a0}
div#calendar_legend div.completed {background-color: #8D9CAF}
div#calendar_legend div.progress {background-color: #6070A0}
div#calendar_legend div.critical {background-color: #A4505D}
div#calendar_legend div.todo {background-color: #FA5}
 span.inline_documentation {position: absolute; width: 32.5em; text-align: left; font-weight: normal; padding: 1em; background-color: #ffc; border: 1px solid #cc9; margin-bottom: 0.5em; display: none}
form.edit {overflow: hidden; margin-bottom: 2em}
form.edit fieldset {width: 97%; padding: 1em; border: none; overflow: hidden; margin-bottom: 2.5em; margin-top: 1em}
form.edit fieldset.wide {width: 72.5em; margin-bottom: 1em; float: none; clear: both; width: 100%; border-bottom: 1px solid #ccf}
form.edit fieldset h4 {border-bottom: 1px solid #ccf; margin-top: 1.5em; font-size: 1em; width: 100%}
form.edit fieldset legend {padding-top: 0.8em; font-size: 1.4em; color: #002a8f; font-weight: bold}
form.edit fieldset.buttons {max-width: 73em; width: 100%; margin-top: -1.1em; padding: 0; clear: both; border: none; border-top: 1px solid #ccf; padding-top: 1em}
form.edit fieldset label a {display: block; margin-left: 11em; margin-top: 0.5em}
form.edit a.original_spelling {display: inline; margin-left: 0}
form.edit fieldset label a.demo_link {display: inline; margin-left: 0; margin-top: 3px}
form.edit fieldset.buttons a {float: right; margin-left: 1em; line-height: 1.5em}
form.edit fieldset label, form.edit fieldset p.mock_label {display: block; position: relative; color: #666; overflow: hidden; min-height: 1em; clear: left; font-size: 1em; overflow: hidden; margin-bottom: 0.5em}
form.edit fieldset div.tight {overflow: hidden; margin-bottom: 1em; width: 100%}
form.edit fieldset .tight label {margin-bottom: 0; padding-bottom: 0; min-height: 0}
form.edit fieldset label span, form.edit fieldset p.mock_label span {font-weight: bold; width: 10em; margin-right: 1em; float: left; text-align: right; padding: 0.25em 0; text-transform: capitalize}
form.edit fieldset .tight span {padding: 0}
form.edit fieldset label small {float: left; width: 21em; line-height: 2em; margin-bottom: 0; display: inherit}
form.edit small {font-size: 1em; margin-bottom: 2em; display: block}
form.edit fieldset label small select, form.edit fieldset label small input {overflow: visible; width: auto; float: none; display: inline}
form.edit fieldset input.checkbox, form.edit fieldset label.checkbox input, form.edit fieldset p.mock_label input {float: left; margin-left: 8.5em; margin-right: 1em; text-align: left; width: auto}
form.edit fieldset label.checkbox span, form.edit fieldset p.mock_label span {text-transform: none}
 form.edit fieldset div.radio {display: block; position: relative; color: #666; overflow: hidden; margin-top: 1em; margin-bottom: 0.5em; min-height: 1em; clear: left}
form.edit fieldset label.yesno {position: static; margin-top: 1em; min-height: 1em; clear: none; margin-left: 1em; float: left}
form.edit fieldset label.yesno input {width: auto}
 form.edit label#suck {float: left}
form.edit pre {float: left; width: 21em; clear: right; margin-top: 0.5em; margin-bottom: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
form.edit fieldset label.checkbox span.show_with_check, form.edit fieldset span.show_with_select {display: none; float: none; font-weight: normal; text-transform: none; width: auto}
form.edit fieldset span.show_with_select input, form.edit fieldset label.checkbox span.show_with_check input, form.edit fieldset label.checkbox span.show_with_check select, form.edit fieldset span.show_with_select select, form.edit fieldset label.notice_text input, form.edit fieldset span.notice_text input {display: inline; float: none; margin: 0; border: 1px solid #000; margin-left: none; float: none}
form.edit fieldset label.checkbox span.show_with_check select, form.edit fieldset span.show_with_select select {width: auto}
form.edit fieldset span.show_with_select {font-size: 1em; margin-left: 3px}
form.edit fieldset span.show_with_select input {margin-left: 3px; width: 50px; font-size: 0.8em}
form.edit fieldset label.checkbox span, form.edit fieldset span.checkbox, form.edit fieldset span.notice_text, form.edit fieldset label span.notice, form.edit fieldset p.mock_label span.notice {position: relative; text-align: left; left: 0em; width: 21em; zoom: 1; font-weight: normal; overflow: hidden}
form.edit fieldset span.notice_text a, form.edit fieldset label span.notice a {display: inline; margin: 0}
form.edit fieldset label.checkbox span, form.edit fieldset span.checkbox {line-height: 2em; padding-top: 0.1em}
form.edit fieldset label.checkbox span span, form.edit fieldset span.checkbox span {display: inline; float: none; margin-right: 0em; text-align: left; width: auto}
form.edit fieldset label select {width: auto}
form.edit fieldset li label.checkbox span {line-height: normal}
form.edit fieldset label input, form.edit fieldset label textarea {float: left; width: 21em; color: #000; border: 1px solid #000; padding: .25em; font-size: 1em}
form.edit fieldset.wide label textarea {width: 46em}
form.edit fieldset label.checkbox input {border: none}
form.edit fieldset label.checkbox input.checkbox {border: none; height: 1.3em; width: 1.3em; margin-top: 0.35em}
form.edit fieldset p.mock_label input.checkbox {border: none; height: 1em; width: 1em; margin-top: 0.1em; margin-left: 6.5em}
form.edit fieldset label input.inline_box {float: none; width: 50px}
form.edit fieldset select {line-height: 1.5em; width: auto; max-width: 21em; overflow: hidden; border: 1px solid #000; display: inline}
form.edit fieldset p.mock_label select {width: auto}
form.edit fieldset label.two_inputs select {width: 12em}
form.edit fieldset label.ul {width: 100px; float: left; margin-right: 10px}
form.edit fieldset label.checkbox_ul {width: 75px; float: left; margin-right: 10px}
form.edit fieldset label.checkbox_ul span {width: 7.5em}
form.edit fieldset div.form_elements {float: left}
form.edit fieldset ul {float: left; margin-top: 0.2em; width: 40em}
form.edit fieldset ul li {margin-bottom: 0.2em; line-height: 1.3em}
form.edit fieldset ul li input.checkbox {margin-left: 0}
form.edit fieldset textarea {height: 10em}
form.edit fieldset.buttons button {float: right; margin-left: 10px}
form.edit div.attachment {display: block; clear: both; margin-top: 1em}
ul.attachment_list {float: left; margin-bottom: 1em}
ul.attachment_list li {list-style-image:url("/images/paperclip.png"); margin-left: 1.5em}
.document_picker {display: inline}
 .the_weather {background: #FFFFFF; width: 210px; float: left}
.the_weather .the_forecast_container {overflow: hidden; margin-top: 0.5em}
.the_weather .title {font-size:12px; color: #002ABF; font-weight:bold}
.the_weather .title_separator {width:320px; height:10px; background: #C0C0C0}
.the_weather .current_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em}
.the_weather .forecast_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin-top: 20px}
.the_weather .forecast {font-size: 9px; margin-bottom: 5px; height: 22px}
.the_weather table {border:none}
#left_bar h3 {font-size: 12px; border: none; background-color: #002a8f; color: #fff; padding: 3px; margin-bottom: 3px; text-align: center}
.one_day_forecast {float: left; font-weight: bold; color: #000000; width: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 0px 2px 0px 0px}
.one_day_forecast .day_name {font-size:8px; font-weight:bold; background:#E0E7F5; padding:2px}
.one_day_forecast .icon {text-align: center; vertical-align: middle; padding:5px 0px; background: #FFFFFF}
.one_day_forecast .icon img {width: 50px}
.one_day_forecast .high_and_low {background: #E0E7F5; padding: 2px; white-space: nowrap; font-size: 8px; font-weight: bold}
.one_day_forecast .high {color: red; font-weight: bold; font-size: 8px}
.one_day_forecast .low {color: blue; font-weight: bold; font-size: 8px}
#current_image {margin-bottom: 10px; border-bottom: 1px solid #002A8F}
#current_image iframe {border: none; border-left: 1px solid #002A8F; border-right: 1px solid #002A8F; margin-bottom: -2px}
#current_image img.image_blob {width: 208px; border-left: 1px solid #5470B4; border-right: 1px solid #A3B1DA; margin-bottom: -2px}
#current_image a, #current_image a:link, #current_image a:visited {color: white}
#current_image .date, #current_image p.date {float: right; color: #fff; background-color: #a3b1da; padding: 0 1.3em; font-size: 1em}
#current_image h3 {margin-bottom: 0}
#current_image .footer {background-color: #5470b4; padding-left: 1em; height: 2em; line-height: 2em}
#webcam {border: 1px solid #a3b1da; background-color: #f0f0f0; border-left: 10px solid #003366; width: 320px; float: left; margin-right: 6em}
#webcam iframe {border: 0}
#webcam .footer a {color: white; float: left; padding-left: 2em; padding-top: .5em}
#webcam .footer {background-color: #5470b4; height: 26px; border-left: 5px solid #ffcc66}
#webcam .footer p {width: 150px; background-color: #a3b1da; float: right; text-align: center; height: 26px}
 div.thread {overflow: hidden; clear: both; margin-left: 2em; display: none}
div.rfi {display: block}
div.original {margin-left: auto}
div.original, div.last {display: block}
div.thread h4, div.thread h5 {font-size: 0.9em}
div.thread h4 {float: right; margin-bottom: 1em}
div.thread h5 {float: left; margin-bottom: 1em}
div.thread pre {clear: both}
 div#detail {font-size: 10px; overflow: hidden}
div#detail h3 {border-bottom: 1px solid #253987}
div#detail div div {overflow: hidden; margin-bottom: 0.5em}
div#detail div label {float: left; clear: left; text-align: right; margin-right: 10px; color: #666; font-weight: bold; text-align: right; width: 100px}
div#detail div.bottom label {width: auto}
div#detail div label span {width: 50px; margin-right: 10px}
div#detail form {padding: 10px}
div#detail div.left, div#detail div.right {float: left; overflow: hidden; margin-bottom: 10px; width: 300px}
div#detail div.left {margin-right: 20px}
div#detail div.bottom {margin-bottom: 30px; margin-top: 10px; overflow: hidden; clear: both}
div#detail div.bottom table {width: 400px}
div#detail div.bottom td p.approved {float: left !important; margin-left: 0; margin-right: 8px}
div#detail div p {clear: right; margin-left: 110px}
div#detail div.bottom form p {margin-left: 0}
div#detail div.bottom form textarea {width: 400px; margin: 0; height: 100px}
#main table h1.closed, #main h1.closed {padding: 0.5em; font-size: 1.1em; background-color: #666; color: #fff; text-align: center; text-transform: uppercase}
 div.paginator .paginator_item {font-size: 20px}
div.paginator img {position: relative; top: 2px}
 span.tip, a.tip {border-bottom: 1px dashed #339; color: #339; cursor: pointer}
a.tip {border-bottom: none}
#tooltip {background-color: #ffc; border: 3px solid #fff; position: relative; top: 5px; left: 0}
#tooltip h3 {font-weight: normal; border: 1px solid #cc9; padding: 5px; margin: 0}
.attachment_link {margin-bottom: 2em}
 #main form.edit fieldset label pre.spellchecking, form pre.spellchecking {width: 21em; text-align: left; text-transform: none; margin-right: 0; display: block; padding: 0.25em; margin-bottom: 0; font-weight: normal; border: 1px solid #000; white-space: pre; overflow: auto; float: left; clear: none; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
html.MSIE_browser form.edit fieldset label pre.spellchecking {}
form.edit fieldset label pre.spellchecking span, pre.spellchecking span {display: inline; font-weight: normal; width: auto; margin: 0; padding: 0; float: none; border-bottom: 1px dotted #c66; color: #000; text-transform: none; background-color: #f8f87c}
form.edit fieldset label pre.spellchecking span.corrected, pre.spellchecking span.corrected {border-color: #66c; background-color: transparent}
div.make_spelling_correction {position: absolute; width: 15em; background-color: #ddd; opacity: 0.9; -moz-opacity: 0.9; font-size: 1.4em; padding: 0.3em}
div.make_spelling_correction li {margin: 0.2em}
div.make_spelling_correction li a {display: block; padding: 0.2em; cursor: pointer; overflow: hidden; text-decoration: none}
div.make_spelling_correction li a:hover {color: #fff; background-color: #339}
 table.data_panel tr td {padding-top: 0.7em; padding-bottom: 0.7em}
table.form_table tr td, table.data_panel tr td, table.data_panel tr td td, table.data_panel tr:hover td td {border: 1px solid #ccc !important; border-collapse: collapse !important}
table.form_table tr tr:hover {background-color: #eee}
#search_and_pagination {margin-top: .5em; width: 100%; margin-bottom:10px; text-align: right}
ol.numbered {list-style-type: decimal; padding-left: 2em}
table.form_table a {cursor: pointer}
a.destroy, a.editor_cancel {font-size: 14px; color: #f00; text-decoration: none; padding: 3px}
.destroy:hover, a.destroy:hover, a.editor_cancel:hover {color: #fff; background-color: #f00}
h1.blockui {border-bottom: none; line-height: 36px; position: relative; zoom: 1}
h1.blockui img {position: absolute; left: 2px; top: 3px}
.meta_col {display: none}
ul#secondary_actions li form {display: none}
label.prostore_files_label {display: block; margin-top: 1em; font-size: 1.2em; font-weight: bold}
.hidden_mover {display: none}
.x-layout-panel #actions {margin: 10px; padding: 0}
.x-layout-panel #actions .motd {background-color: #ffc; padding: 5px; border: 1px solid #333}
span.search_result, form.edit fieldset label span.search_result {background-color: #ff6; float: none; width: auto; font-weight: inherit; margin: 0}
 #main #sell_title {font-family: arial, helvetica, verdana,sans-serif; font-size: 300%; border: none; margin: 0; padding: 0}
#main #sell_holder {border: 1px solid black; margin: 0; padding: 1em}
#sell_holder h2 {text-align: center; color: black; font-size: 200%; margin-bottom: 1em}
#sell_holder h2.important {color: red}
#sell_holder ul {font-family: arial, helvetica, verdana, sans-serif; float: right; font-size: 180%; list-style-type: disc; width: 45%; margin-top: 3em}
#sell_holder li {padding-bottom: 1em}
#sell_holder h3 {font-family: arial, helvetica, verdana, sans-serif; font-weight: normal; font-size: 200%; text-align: center}
#sell_holder > img {margin-left: 2em; margin-top: 4em}
 .ac_results {background-color:white; border:1px solid black; overflow:hidden; padding:0px; width: 500px !important;  z-index:99999}
.ac_results ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; width:100%}
.ac_results li {cursor:default; display:block; font-size:12px; line-height:16px; margin:0px; overflow:hidden; padding:2px 5px}
.ac_loading {background:white url(/images/indicator.gif) no-repeat scroll right center}
.ac_odd {background-color:#EEEEEE}
.ac_over {background-color:#0A246A; color:white}
.ac_input {width: 100%}
.red_alert {background-color:lightyellow; color:gray; font-size:12px; margin-bottom:5px; margin-top:5px; padding-bottom:10px; padding-top:10px; text-align:center}
.blue_alert {color: #000; font-size: 12px; border: 2px solid #00f; padding: 5px; margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; background-color: #cff}
.main_heading {font-size: 1.4em; margin-bottom: 1em; font-weight: bold; color: #253987; background-image: url(/images/header-background.png); background-repeat: repeat-y; width: 100%; padding: 5px; margin-top: 10px; line-height: 1.5}
 .gray_heading {background:#EEEEEE url('/images/gray_box/tl.gif') no-repeat scroll left top; margin:0 0 1em; width:100%}
.gray_heading div {background:transparent url('/images/gray_box/bl.gif') no-repeat scroll left bottom}
.gray_heading div div {background:transparent url('/images/gray_box/br.gif') no-repeat scroll right bottom}
.gray_heading .gray_heading_text {background:transparent url('/images/gray_box/tr.gif') no-repeat scroll right top; margin:0; padding:10px 12px; font-size: 1.3em; font-weight: bold}
 .blue_heading {background:#2e3e77 url('/images/blue_box/tl.gif') no-repeat scroll left top; margin:0 0 1em; width:100%}
.blue_heading div {background:transparent url('/images/blue_box/bl.gif') no-repeat scroll left bottom}
.blue_heading div div {background:transparent url('/images/blue_box/br.gif') no-repeat scroll right bottom}
.blue_heading .blue_heading_text {background:transparent url('/images/blue_box/tr.gif') no-repeat scroll right top; color: #fff !important; margin:0; padding:10px 12px; font-size: 1.3em; font-weight: bold}
.new_paginator {text-align: right; font-size: 12px; padding-bottom: 10px}
.new_paginator a:hover {background: #0063DC none repeat scroll 0%; border-color: #003366; color: #ffffff; text-decoration: none}
.new_paginator a {border: 1px solid #DDDDDD; padding: 2px 6px; text-decoration: none; color: #1057AE}
.new_paginator .this_page {background: #FFFFFF none repeat scroll 0%; border-color: #999999; color: #5d6e93; font-weight:bold; padding: 2px 6px}
 .permission_level {width: 8em; text-align: center}
 #procore_item_load_spinner img, #procore_item_add_spinner img {height: 1.6em; width: 1.6em}
p.action_message, div.action_message {margin: 10px; padding: 20px; background-color: #ffffcc; color: #333333; border: 2px solid #333333; font-size: 12px;  }
.a_blue_box {background-color: #F2F6FF; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; border: 1px solid #CBD5EE; margin-bottom: 1em}
.a_blue_box select {font-size: 1.0em; max-width: 200px}
.a_blue_box th {vertical-align: top; font-weight: bold; color: #333333; padding: 5px; border-bottom: 1px #dddddd solid}
.a_blue_box td {vertical-align: top; color: #333333; padding: 5px; border-bottom: 1px #dddddd solid}
.a_blue_box div.no_bottom_border tr th, .a_blue_box div.no_bottom_border tr td {border-bottom: none !important}
.inline_edit_hover {background-color:#FFFFCC !important; cursor:pointer; color: #0000FF}
td.inline_edit {background:url('/images/stripes.png') no-repeat right top}
div.calendar_date_select { z-index: 1400}
div.calendar_date_select table td {padding: 0px !important}
div#sb-body{ background-color: #fff}
td.inline_edit_hover {background-color: #ffc !important}
td.inline_edit_hover span {text-decoration: underline}
#sidebar ul#utility_buttons li.faqs img {vertical-align:middle; border: none; padding-right: 3px; text-decoration:none}
.boxy-wrapper {position: absolute}
.boxy-wrapper.fixed {position: fixed}
 .boxy-modal-blackout {position: absolute; background-color: black; left: 0; top: 0}
 .boxy-wrapper {empty-cells: show}
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left {width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left {background: url('/images/boxy-nw.png')}
.boxy-wrapper .top-right {background: url('/images/boxy-ne.png')}
.boxy-wrapper .bottom-right {background: url('/images/boxy-se.png')}
.boxy-wrapper .bottom-left {background: url('/images/boxy-sw.png')}
  .boxy-wrapper .top-left {#background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')}
.boxy-wrapper .top-right {#background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')}
.boxy-wrapper .bottom-right {#background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')}
.boxy-wrapper .bottom-left {#background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')}
.boxy-wrapper .top, .boxy-wrapper .bottom {height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left, .boxy-wrapper .right {width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
 .boxy-wrapper .title-bar {background-color: black; padding: 6px; position: relative}
.boxy-wrapper .title-bar.dragging {cursor: move}
.boxy-wrapper .title-bar h2 {font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal}
.boxy-wrapper .title-bar .close {color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1}
 .boxy-inner {background-color: white; padding: 0 }
.boxy-content {padding: 15px; max-height: 350px; overflow: scroll}
 .boxy-wrapper .question {width: 350px; min-height: 80px}
.boxy-wrapper .answers {text-align: right}
.boxy-wrapper .top, .boxy-wrapper .bottom, .boxy-wrapper .left, .boxy-wrapper .right {border: 0 !important}
#ImageBoxOverlay {background-color: #000; z-index: 100}
#ImageBoxCaption {background-color: #F4F4EC}
#ImageBoxContainer {width: 250px; height: 250px; background-color: #F4F4EC; display: none; position: relative; overflow: hidden; text-align: left; margin-bottom: -1px !important; margin: 0 auto; top: 0; z-index: 2}
#ImageBoxOverlay {position: absolute; display: none; width: 100%; top: 0; left: 0}
#ImageBoxOuterContainer {display: none; position: absolute; overflow: hidden; top: 0; text-align: center; background-color: transparent; width: 100%; z-index: 101}
#ImageBoxCaption {position: relative; text-align: left; margin: 0 auto; margin-top: -1px !important; z-index: 1; background-color: #f4f4ec; overflow: hidden; zoom: 1}
#ImageBoxCaptionText {font-weight: bold; border: 0; padding: 0; padding-bottom: 5px; font-size: 13px; color: #000; overflow: hidden; float: left}
#ImageBoxCaptionImages {margin: 0; overflow: hidden; padding-top: 5px}
#ImageBoxClose {position: absolute; right: 10px;  top: 2px}
#ImageBoxNextImage {background-image: url(/images/imagebox/spacer.gif)}
#ImageBoxPrevImage {background-image: url(/images/imagebox/spacer.gif)}
#ImageBoxPrevImage, #ImageBoxNextImage {position: absolute; display: none; text-decoration: none}
#ImageBoxNextImage:hover {background-image: url(/images/imagebox/next_image.gif); background-repeat: no-repeat; background-position: right top}
#ImageBoxPrevImage:hover {background-image: url(/images/imagebox/prev_image.gif); background-repeat: no-repeat; background-position: left bottom}
  table.item_list.small {font-size: 11px}
table.item_list.small td, table.item_list.small th {border:1px solid #ddd}
table.item_list {width: 100%; border-collapse:collapse; font-size: 1.1em}
table.item_list td, table.item_list th {padding: .4em; border:1px solid #CCCCCC}
table.noborder td, table.noborder th {padding: .4em; border:0px}
table.item_list th {font-weight: bold; text-transform:capitalize; vertical-align:bottom}
table.item_list thead tr th {background:#F4F4F4 url(/images/table_header_gradient.gif) repeat-x scroll 0 0}
table.item_list tfoot tr th {background:#F4F4F4 url(/images/table_footer_gradient.gif) repeat-x scroll 0 0}
table.item_list tfoot tr td {background:#F4F4F4 url(/images/table_footer_gradient.gif) repeat-x scroll 0 0; font-weight: bold}
table.item_list tfoot tr td a {font-weight:normal}
table.item_list tfoot tr th.numeric {text-align: right !important}
table.item_list th.numeric, table.item_list td.numeric {text-align: right}
table.item_list tbody tr th.numeric, table.item_list tbody tr td.numeric {text-align: right}
table.item_list tbody tr.odd th.numeric, table.item_list tbody tr.odd td.numeric {text-align: right}
table.item_list tbody tr td {vertical-align: bottom}
table.item_list tbody tr.overdue {color:#f00}
table.item_list th.sortDown, table.item_list th.sortUp {color: #999; background-color: #fff; background-position:right bottom; background-repeat:no-repeat}
table.item_list th.sortUp {background-image:url(/images/table_header_gradient_down.gif)}
table.item_list th.sortDown {background-image:url(/images/table_header_gradient_up.gif)}
table.item_list tr.odd td {background-color: #F2F6FF}
table.item_list tr.error td {background-color: #CC0000}
 table.item_list caption, table.item_list th {text-align: inherit}
table.item_list tbody tr td.seperate_after, table.item_list thead tr th.seperate_after, table.item_list tfoot tr th.seperate_after, table.item_list tfoot tr td.seperate_after {border-right: 1px solid #000}
 td.nowrap, th.nowrap {white-space: nowrap}
th.numeric, td.numeric {white-space: nowrap; text-align: right}
 fieldset.visible {border:1px solid #405895 !important; font-size:11px !important; margin:15px 0 15px 0 !important; padding:20px !important; width:96% !important}
fieldset.visible legend {margin-bottom: 10px !important; color:#405895 !important; font-size:14px !important; font-weight:bold !important; padding:0 4px !important}
 div.collaboration_summary {color: #333; font-size: 1.1em}
div.collaboration_summary div.name {font-weight: bold; font-size: 1.2em; padding-bottom: 5px}
div.collaboration_summary div.time_date {color: #999; padding-top: 5px}
div.collaboration_summary table tr td {border-bottom: 1px solid #ccc; padding: 10px 5px 10px 5px}
div.collaboration_summary table tr td.no-border {border-bottom: none}
div.collaboration_summary table {width: 100%}
div.collaboration_summary table tr.new_comment {background-color: #e6e6e6; border: 1px solid #aaa; padding: 1em}
div.collaboration_summary table tr.new_comment td.submit_comment {vertical-align: bottom; text-align: right}
 .main_slide, .drop_shadow, div#sidebar .sidebar_panel, div#sidebar div#before_buttons, div#sidebar li.selected, ul#project_admin_sidebar li.selected, div#sidebar div#tab_container, div#sidebar div#image_box, div#sidebar div.sidebar_box, img.image_blob {-moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666}
/// Modified for Procore by DL.   .paging_two_button .fg-button {float: left; cursor: pointer; * cursor: hand}
.paging_full_numbers .fg-button {padding: 2px 6px; cursor: pointer; * cursor: hand}
.paging_full_numbers {width: 350px !important}
.fg-toolbar {padding: 5px}
.dataTables_paginate {width: auto}
table.display thead th {padding: 3px 0px 3px 10px; cursor: pointer; * cursor: hand}
   .dataTables_wrapper {position: relative; min-height: 302px; clear: both; _height: 302px; zoom: 1;  }
.dataTables_processing {position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white}
.dataTables_length {width: 40%; float: left}
.dataTables_filter {width: 50%; float: right; text-align: right}
.dataTables_info {width: 60%; float: left}
.dataTables_paginate {width: 44px; * width: 50px; float: right; text-align: right}
 .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px; width: 19px; margin-left: 3px; float: left}
.paginate_disabled_previous {background-image: url('../images/dataTables/back_disabled.jpg')}
.paginate_enabled_previous {background-image: url('../images/dataTables/back_enabled.jpg')}
.paginate_disabled_next {background-image: url('../images/dataTables/forward_disabled.jpg')}
.paginate_enabled_next {background-image: url('../images/dataTables/forward_enabled.jpg')}
 table.display {margin: 0 auto; width: 100%; clear: both}
table.display thead th {padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; * cursor: hand}
table.display tfoot th {padding: 3px 10px; border-top: 1px solid black; font-weight: bold}
table.display tr.heading2 td {border-bottom: 1px solid #aaa}
table.display td {padding: 3px 10px}
table.display td.center {text-align: center}
 .sorting_asc {background: url('../images/dataTables/sort_asc.png') no-repeat center right}
.sorting_desc {background: url('../images/dataTables/sort_desc.png') no-repeat center right}
.sorting {background: url('../images/dataTables/sort_both.png') no-repeat center right}
.sorting_asc_disabled {background: url('../images/dataTables/sort_asc_disabled.png') no-repeat center right}
.sorting_desc_disabled {background: url('../images/dataTables/sort_desc_disabled.png') no-repeat center right}
 table.display tr.odd.gradeA {background-color: #ddffdd}
table.display tr.even.gradeA {background-color: #eeffee}
table.display tr.odd.gradeA {background-color: #ddffdd}
table.display tr.even.gradeA {background-color: #eeffee}
table.display tr.odd.gradeC {background-color: #ddddff}
table.display tr.even.gradeC {background-color: #eeeeff}
table.display tr.odd.gradeX {background-color: #ffdddd}
table.display tr.even.gradeX {background-color: #ffeeee}
table.display tr.odd.gradeU {background-color: #ddd}
table.display tr.even.gradeU {background-color: #eee}
tr.odd {background-color: #E2E4FF}
tr.even {background-color: white}
 .top, .bottom {padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC}
.top .dataTables_info {float: none}
.clear {clear: both}
.dataTables_empty {text-align: center}
tfoot input {margin: 0.5em 0; width: 100%; color: #444}
tfoot input.search_init {color: #999}
td.group {background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E}
td.details {background-color: #d1cfd0; border: 2px solid #A19B9E}
.example_alt_pagination div.dataTables_info {width: 40%}
.paging_full_numbers {width: 400px; height: 22px; line-height: 22px}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand}
.paging_full_numbers span.paginate_button {background-color: #ddd}
.paging_full_numbers span.paginate_button:hover {background-color: #ccc}
.paging_full_numbers span.paginate_active {background-color: #99B3FF}
table.display tr.even.row_selected td {background-color: #B0BED9}
table.display tr.odd.row_selected td {background-color: #9FAFD1}
  tr.odd td.sorting_1 {background-color: #D3D6FF}
tr.odd td.sorting_2 {background-color: #DADCFF}
tr.odd td.sorting_3 {background-color: #E0E2FF}
tr.even td.sorting_1 {background-color: #EAEBFF}
tr.even td.sorting_2 {background-color: #F2F3FF}
tr.even td.sorting_3 {background-color: #F9F9FF}
  tr.odd.gradeA td.sorting_1 {background-color: #c4ffc4}
tr.odd.gradeA td.sorting_2 {background-color: #d1ffd1}
tr.odd.gradeA td.sorting_3 {background-color: #d1ffd1}
tr.even.gradeA td.sorting_1 {background-color: #d5ffd5}
tr.even.gradeA td.sorting_2 {background-color: #e2ffe2}
tr.even.gradeA td.sorting_3 {background-color: #e2ffe2}
tr.odd.gradeC td.sorting_1 {background-color: #c4c4ff}
tr.odd.gradeC td.sorting_2 {background-color: #d1d1ff}
tr.odd.gradeC td.sorting_3 {background-color: #d1d1ff}
tr.even.gradeC td.sorting_1 {background-color: #d5d5ff}
tr.even.gradeC td.sorting_2 {background-color: #e2e2ff}
tr.even.gradeC td.sorting_3 {background-color: #e2e2ff}
tr.odd.gradeX td.sorting_1 {background-color: #ffc4c4}
tr.odd.gradeX td.sorting_2 {background-color: #ffd1d1}
tr.odd.gradeX td.sorting_3 {background-color: #ffd1d1}
tr.even.gradeX td.sorting_1 {background-color: #ffd5d5}
tr.even.gradeX td.sorting_2 {background-color: #ffe2e2}
tr.even.gradeX td.sorting_3 {background-color: #ffe2e2}
tr.odd.gradeU td.sorting_1 {background-color: #c4c4c4}
tr.odd.gradeU td.sorting_2 {background-color: #d1d1d1}
tr.odd.gradeU td.sorting_3 {background-color: #d1d1d1}
tr.even.gradeU td.sorting_1 {background-color: #d5d5d5}
tr.even.gradeU td.sorting_2 {background-color: #e2e2e2}
tr.even.gradeU td.sorting_3 {background-color: #e2e2e2}
 .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {background-color: #ECFFB3}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {background-color: #E6FF99}
 table.KeyTable td {border: 3px solid transparent}
table.KeyTable td.focus {border: 3px solid #3366FF}
table.display tr.gradeA {background-color: #eeffee}
table.display tr.gradeC {background-color: #ddddff}
table.display tr.gradeX {background-color: #ffdddd}
table.display tr.gradeU {background-color: #ddd}
div.box {height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF}
div.box {height: auto}
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85}
#tooltip h3, #tooltip div {margin: 0}
table.sortable thead th.sortDown, table.sortable thead th.sortUp {background-image: url(/images/table_header_gradient_up.gif); background-position: right bottom; background-repeat: no-repeat; padding-right: 2em; background-color: #fff}
table.sortable th {cursor: pointer}
table.sortable th a {color: #000; text-decoration:none}
table.sortable thead th.sortUp {background-image: url(/images/table_header_gradient_down.gif)}
span.drag_handle {cursor: move}
table.datatables {width: 100% !important}
.css_right {float: right}
textarea.tinymce_liquid {height: 400px; width: 100%}
table.mce_liquidictionary tr td.mceFirst a {width: 14em !important}
.CodeMirror-line-numbers {width: 2.2em; color: #aaa; background-color: #eee; text-align: right; padding-right: .3em; font-size: 10pt; font-family: monospace; padding-top: .4em}
div.codemirror_boundary {border: 1px solid black; padding: 0px; margin-bottom: 1em}