body {background: #353535 url('/images/bgs/body-bk.png') top left repeat-x; padding: 0; margin: 0}
#Page {padding: 36px 24px; color: #777777}
body.Popup {background-color: #fff; background-image: none; margin: 2em}
body, td, th {font-size: 12px; font-family: sans-serif; color: #000000}
img {border: none}
a {padding: 1px; color: #336699}
a:visited {color: #336699}
a:hover {background-color: #336699; color: white; text-decoration: none}
a.image:hover {background-color: transparent}
a.img:hover {background-color: transparent}
a.disabled, a.disabled:link, a.disabled:visited, a.disabled:hover, a.disabled:active {color: #ccc; background-color: transparent; text-decoration: none; cursor: default}
.clear {clear: both; height: 0}
h1 {font-size: 22px; font-weight: bold; margin: 0 0 .3em}
h1 input.editor_field {font-size: 22px; font-weight: bold; width: 250px}
h2 {font-size: 16px; color: #353535}
h3 {font-size: 14px}
h4 {font-size: 12px}
.normal {font-weight: normal !important}
.normal_size {font-weight: normal !important; font-size: 12px !important}
.sep, .hush {color: #999}
a.cancel:link, a.cancel:visited, a.editor_cancel:link, a.editor_cancel:visited, a.action, a.action:visited {font-size: 11px; font-weight: normal}
a.cancel:hover, a.editor_cancel:hover, a.action:hover {color: white; background-color: #336699}
a.help:link, a.help:visited {color: #090}
a.help:hover {color: #fff; background-color: #090}
.editor_ok_button {margin: 0 10px}
a.active {background-color: #ff9; color: #000}
a.active:hover {background-color: #333; color: #fff}
a.standard, a.standard:visited {color: #336699}
a.standard:hover {color: white; background-color: #336699}
a.admin:hover {color: white; background-color: #336699}
.edit_inline {font-size: .8em; color: #666}
h1 .edit_inline {font-size: 14px}
div.spinner, p.spinner {margin: 13px 0 0 0}
input.button {margin: 0; padding: 0}
input.half {width: 49%}
.floatright {float: right}
.form_width_wide {width: 420px}
.form_width_medium {width: 300px}
.form_width_medium2 {width: 290px}
.form_width_narrow {width: 200px}
.form_width_extranarrow {width: 115px}
.form_width_small {width: 25px}
#BodyContainer {margin: 0 auto 0 auto; width: 902px; text-align: center}
#Body {position: relative; text-align: left; margin: 0 auto 0 auto; background-color: #fff; width: 900px; border: 1px solid #777777; border-top: none}
#Header {background: #fff; color: #fff; padding:5px 0}
#Logo {padding: 0; margin: 0; height: 92px; width: 760px; overflow: hidden}
#logo_image {border: 0; margin:20px 0 0 20px; float: left; width: 400px; height: 80px; background: #fff url('/images/vjc/logo/logo.png') no-repeat}
#Logo a:link, #Logo a:visited, #Logo a:hover {color: #fff; text-decoration: none; background-color: transparent; padding: 0; margin-top: 23px}
#Login {color: #999; font-size: 11px; padding: 12px; position: absolute; z-index: 10000; right: 1.3%; float: right; text-align: right; line-height:18px}
#Login .sep {color: #353535}
#Login a:link, #Login a:visited {background-color: transparent}
#Login a:hover {background-color: #fff; color: #005422}
#Navigation {position: relative; width: 100%; border-top: 1px solid #777777; font-size: 12px; font-weight: bold; background: #336699; height: 27px; overflow: hidden}
#Navigation a:link, #Navigation a:visited, #Navigation span.current {color: white; padding: 7px 9px; display: block; text-decoration: none; background-color: #336699 }
#Navigation a:hover {color: #000; background-color: #55a9a9; text-decoration: none}
#Navigation a:link.current, #Navigation a:visited.current, #Navigation a:hover.current, #Navigation span.current {background-color:#FFFFFF; color:#336699}
#Navigation ul {margin: 0; padding: 0; list-style: none; width: 100%}
#Navigation li {float: left}
#Footer {clear:both; color:#336699; font-size:10px; font-weight:bold; margin-top:10px; padding:3px}
#Footer a:link, #Footer a:visited {color: #336699; text-decoration: none}
#Footer a:hover {text-decoration: underline; background-color: transparent}
#Footer ul {list-style: none; margin: 0; padding: 0}
#Footer li {display: inline; margin: 0 21px}
#Footer li.copyright {float: right}
.Sidebar {margin: 0 0 2em 0; padding: 0; text-align: left; width: 30%; float: left}
.Main {margin: 0; padding: 0; text-align: left; float: left; width: 70%}
.FrontLeft {margin: 0 0 2em 0; padding: 0; text-align: left; width: 30%; float: left}
.Sidebar_spacer {padding-right: 15px}
.SidebarFooter {margin-top: 1.5em}
.Main_spacer {padding: 0; margin: 0 }
.FrontLeft_spacer {margin-right: 15px}
.MainLeft {width: 50%; float: left}
.MainRight {width: 50%; float: right}
.MainLeft_spacer {padding-right: 5px}
.MainRight_spacer {padding-left: 5px}
#Alert {font-size: 13px; font-family: sans-serif; padding: 4px 12px; margin-bottom: 1em; position: relative}
#Alert.Good {background-color: #FAD163; color: #000000; width: 400px; font-weight: bold; text-align: center; margin: 1em auto}
#Alert.Bad {background-color: #600; background-color: #803300; border-top: 1px solid #542200; border-bottom: 1px solid #542200; color: #fff}
ul.button_bar {list-style: none; margin: 1em 0 0 0; padding: 0}
ul.button_bar li {display: inline; margin: 0}
ul.button_bar li.right {margin: 0 0 0 10px; float: right}
input[type="submit"], input[type="button"] {background:#336699 none repeat-x scroll left top; border-color:#777777 #353535 #353535 #777777; border-style:solid; border-width:3px; height:26px; color:#FFFFFF; margin:0; padding:0 5px; cursor:pointer}
input[type="submit"][disabled=""], input[type="button"][disabled=""] {background:#e1e1e1 none repeat-x scroll left top; border-color:#e1e1e1 #353535 #353535 #e1e1e1; border-style:solid; border-width:3px; height:26px; color:#777777; margin:0; padding:0 5px; cursor:default}
form {display: inline}
form .help, div.Module .help {color: #999; font-size: 11px}
table.form, table.display {border-spacing: 0; border-collapse: collapse}
table.form th, table.display th {text-align: right; vertical-align: top; padding: 0 4px 2px 4px}
table.horizontal_form th {text-align:left !important}
table.form p.help {margin: 0}
table.form .spacer {height: 2em}
table.display th {padding-bottom: 2px}
.Main table.display th, .Main table.form th, table.send th {width: 100px; color:#353535; font-weight:bold}
.Main table.display tr.above th, .Main table.form tr.above th, table.send tr.above th {width: 100%}
.Main table.narrow th {width: 50px}
table.form th {padding-top: 4px; font-weight: normal}
table.form tr.above th {text-align: left; font-weight: bold; padding: 2px 2px 0 2px}
table.form td img {vertical-align: bottom; margin: 0 0 2px 2px}
table.form tr.spacer td, table.display tr.spacer td {height: 10px; font-size: 1px; line-height: 1px}
table.form tr.spacer_bar td, table.display tr.spacer_bar td {height: 1px; border-bottom: 1px solid #ddd; font-size: 1px; line-height: 1px}
table.form td, table.display td {padding: 1px 6px 8px 2px; vertical-align: top}
table.form td.text {padding: 4px}
table.form td.add_another {padding: 0 4px 4px 4px}
table.display td {padding: 0 4px 2px 0}
table.display td p {margin: 0 0 1em 0}
table.form td table td {padding: 0}
table.display td table td {padding: 0 4px 2px 0}
table.form th.sublist {text-align: center}
table.form tbody.sub_entry td, table.form tbody.sub_entry th {background-color: #E5DDC4}
table.smallform {border-spacing: 0; border-collapse: collapse}
table.smallform th {text-align: left; padding: 0.25em 0.25em 0.25em 0}
table.smallform td {padding: 0.25em 0 0.25em 0.25em}
.errorExplanation {background-color: #e5e5e5; color: #000; border: 2px solid #f00; margin-bottom: 10px}
.errorExplanation h2 {color: #fff; background-color: #900; padding: 2px 6px; margin: 0; font-size: 14px; position: relative}
.errorExplanation p {padding: 0 6px}
.errorExplanation ul {padding-top: 0; margin-top: 0}
.formError {color: #f00; font-weight: bold}
.submit {margin-top: 10px; padding: 4px 10px}
.submit input, .button_input, .editor_ok_button {background:#336699 none repeat-x scroll left top; border-color:#353535; border-style:outset}
.feed_submit {}
.feed_submit form, .feed_submit div {display:inline}
.documents_forms {margin-left: 125px !important}
.required {font-weight: bold !important}
.required_star {color: red}
table.form td.include_help_text {text-align: right; padding: 0 12px 4px 0; color: #999; font-size: 11px; vertical-align: middle}
table.form td.include_help_text .arrow {color: #000}
form.Inspector input.textField, form.Inspector textarea {width: 100%; border:1px solid #777777}
.FormSection {background-color: #e1e1e1; padding: 8px 4px; margin: 1em 0}
.edit_link {padding-left: 6px; margin-bottom: 0}
.fieldWithErrors {display: inline; border: 4px solid red; margin: -4px}
table.listing {width: 100%; border-bottom: 2px solid #777777; border-spacing: 0; margin: .5em 0}
table.listing th, table.listing td {padding: 2px 4px}
table.listing th {border-top: 1px solid #777777; font-size: 12px; text-align: left; white-space: nowrap; color: #336699}
table.listing th a.current {color: #000}
table.listing th a.current:hover {color: #fff; background-color: #000}
table.listing td {border-top: 1px solid #777}
table.listing tr.checked td {background-color: #9c0}
table.send {width: 100%}
table.send th {width: 10%}
table.send td.recipient {width: 90%; white-space: nowrap}
.manual_email_field {width: 170px}
.manual_name_field {width: 100px}
table.my_data table.display th {padding: 4px}
#lightbox{ display: none; position: absolute; top: 10%; left: 50%; z-index: 9998; width: 800px; height: 80%; margin: 0 0 0 -400px; border: 1px solid #000; background: #fff; text-align:left; overflow: auto}
#lightbox[id]{ position:fixed}
#overlay{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; background-color: #000; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70)}
#overlay[id]{ position: fixed}
#lightbox .lbInner{ }
#lightbox.loading #lbLoadMessage{ display: block; text-align: center; padding-top: 100px}
#lightbox.done #lbLoadMessage{ display: none}
#lightbox.loading #lbContent{ display: none}
#lightbox.done #lbContent{ display: block}
#lightbox .toolbox {background-color: #e1eef4; padding: 4px 10px; border-bottom: 1px solid #C6B481; vertical-align: middle}
#lightbox .toolbox .CloseLink {float: right; padding-top: 4px}
#lightbox .toolbox .links {float: right; padding-top: 4px; padding-right: 4px; padding-left: 4px}
#LinkEditor .help {font-size: 11px; color: #666; padding: 1em 0}
#LinkEditor td, #LinkEditor th {padding: 2px 8px}
#LinkEditor td.remove {text-align: center}
div.auto_complete {width: 350px; background: #fff}
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none}
div.auto_complete ul li {margin:0; padding:3px}
div.auto_complete ul li.selected {background-color: #455417; color: #fff}
div.auto_complete ul strong.highlight {color: #800; margin:0; padding:0}
.Module {margin-bottom: 1em; padding: 1em; border: 2px solid #777777}
.Module h2 {margin: 0 0 0 0; _position: relative}
.Module h4 {margin: 1.3em 0 .3em 0}
.Module > ul > li {margin: .3em 0 .5em 1em !important; padding: 0}
.Module > ul {margin: 0; padding: 0}
div.admin {margin-top: 1em; float: right; line-height: 24px}
.Position {margin: 0 0 1em 0}
.Position .admin {margin: 0; float: right; line-height: 18px; font-size: 10px}
.Position h3 {margin: 1em 0 0 0; line-height: 18px}
.Position .description {margin: 1em 0 1em 0}
.PopoutBox {border: 1px solid #777777; background-color: #e4e4e4; padding: 0 1em; margin: 1em 0; width: 500px}
.PopoutBox h3 {margin-top: 1em}
.PopoutBox form {margin-bottom: 1em; display: block}
.FooterToolbar {font-size: .85em; color: #888; margin: 7px 0 3px 0}
#connections, #employees {margin: 1em 0 0 0}
.Module form {margin: 1em; display: block}
.Module form.inline {background: transparent; margin: 0; padding: 0}
.Module .submit {background-color: transparent; border: none; padding: 0; margin: 10px 0 0 0}
#connections form select, #connections form textarea, #connection_ form select, #connection_ form textarea {width: 240px}
#connections form, #connection_ form {margin-left:0; margin-right:0}
.Connection a.name {font-weight: bold}
.Connection p.link {margin: 0 0 1em 0}
.Info {margin-bottom: 1em; padding: 1em; border: 1px solid #777777; background-color:#E1E1E1}
.message_box {width: 60%; margin: 1em auto; padding: 1em}
div.contact_tabs {line-height: 24px; color: #999; margin-bottom: 1em}
div.contact_tabs strong {color: #000}
table.events_and_action_items {border-spacing: 0; border-collapse: collapse}
table.events_and_action_items td {padding: 2px 12px 0 0}
table.events_and_action_items td.check_box, table.events_and_action_items td.priority {padding: 2px 0}
table.events_and_action_items td.time {white-space: nowrap}
table.events_and_action_items td .completed_on {color: #999; font-size: 10px; margin-left: 1em}
.Record h3 {font-size: 12px; line-height: 14px; margin: 1em 0 0 0}
.Record p {margin: 0 0 1em 0}
.Record .admin {margin: 0; font-size: 10px; line-height: 14px}
.Record form{ margin: 5px 0; padding: 5px}
.Connection .admin {margin: 0; font-size: 10px; line-height: 14px}
table.company td.state {width: 140px}
table.company td.zip {width: 60px}
table.documents, table.events_table {width: 100%; border-collapse: collapse; margin: 8px 0 3px 0}
table.documents th {text-align: left}
table.documents td, table.events_table td {border-bottom: 1px solid #777777; border-top: 1px solid #777777; padding: 3px 5px 3px 0; font-size: .93em}
.DateFilter th {font-weight: normal}
.Listing #action_items a:hover {background: #00c; color: #fff}
.Listing #action_items a {display: inline}
.action_item .due_date {font-size: .8em; color: #7777}
.Record textarea {width: 95%}
.Listing h3 {background-image: url(/images/triangle_open.gif); background-repeat: no-repeat; background-position: 5px 5px; background-color: #336699; padding: 4px 6px 4px 22px; margin: 0; cursor: pointer; font-size: 12px; font-weight: bold; color: white; border-bottom:2px solid #777777}
.Listing h3:hover {background-color: white; color: #336699}
.Listing h3.header_closed {background-image: url(/images/triangle_closed.gif); border: none}
.Listing h3.header_empty {background-image: none; border: none; cursor: default}
.Listing .section {border: 2px solid #777777; margin-bottom: 8px}
.Listing ul {margin: 0; padding: 0; list-style-type: none}
.Listing li {margin: 0; padding: 0}
.Listing a {display: block; padding: 8px; text-decoration: none}
.Listing .selected a {background-color: #336699; color: white}
.Listing a:hover {background-color: #336699; color: white}
.Listing li a.position .company_name {font-weight: bold; display: block; text-decoration: underline}
.Listing li a.position:hover .company_name {text-decoration: none}
.Listing li a.position .title {display: block; font-size: 10px; margin: 0; color: #777777}
.Listing li.selected a.position .title {color: #ffffff}
.Listing li a.position:hover .title {color: #ffffff}
.slider {font-size: 12px; background-color: #99cc00; padding: 4px 8px; margin-bottom: 1em; border:1px solid #777777}
.Listing li a.company .name {font-weight: bold; display: block}
.Listing .slider .separator {color: #999}
#contact_list .Listing {border: 1px solid #CCCCFF; margin-top: 0}
#contact_list .Listing li {border-top: 1px solid #eee}
#contact_list .Listing li:first-child {border-top: none}
.Listing li a.contact .name {font-weight: bold; display: block; text-decoration: underline}
.Listing li a.contact:hover .name {text-decoration: none}
.Listing li a.contact .employer {display: block; font-size: 10px; margin: 0; color: #777}
.Listing li.selected a.contact .employer, .Listing li.selected a.contact:hover .employer {color: #55a9a9}
.Listing li a.event .name {display: block; float: left; cursor: pointer}
.Listing li a.event .time {display: block; float: right; cursor: pointer}
.Listing li a.event .clear {_display: none}
.Listing tr.action_item td {vertical-align: top}
.Listing tr.action_item a {text-decoration: underline; padding: 0}
.Listing tr.action_item .priority_normal, .Listing tr.action_item .priority_medium, .Listing tr.action_item .priority_high {float: left}
.priority_normal, .priority_medium, .priority_high {}
label.priority {margin-right: 1em}
label.priority input {margin-right: 0}
.priority_high {border: 1px solid white; background-image: url(/images/priority-high.gif); background-position: 0% 50%; background-repeat: no-repeat; padding: 0 0 0 12px}
.priority_medium {border: 1px solid white; background-image: url(/images/priority-medium.gif); background-position: 0% 50%; background-repeat: no-repeat; padding: 0 0 0 12px}
.Listing tr.action_item .completed_on {font-size: 10px; color: #999}
.ListView ul {margin: 0; padding: 0; list-style-type: none}
.ListView li {margin: 0 0 1em 0; padding: 0}
.ListView .position .company {font-size: 10px; color: #777}
.quota {float: right; font-size: 11px}
.quota .numbers {float: left; margin-left: 4px}
.quota .indicator {margin-top: 1px; height: 14px; width: 14px; float: left}
.quota .good {background-color: blue}
.quota .bad {background-color: #f00}
a.signup {font-size: 16px; font-weight: bold}
table.account td.address {width: 410px}
table.account td.city {width: 200px}
table.account td.state {width: 150px}
table.account td.zip {width: 60px}
#HelpTopics {margin: 1em 0; font-size: 11px}
#HelpTopics .info {font-size: 10px; margin-top: -1em; margin-bottom: 1em; color: #666}
#HelpTopics a.page {display: block; text-decoration: none; color: #000; margin: 2px 0; padding: 3px}
#HelpTopics a.level1 {font-weight: bold; font-size: 12px}
#HelpTopics a.level2 {padding: 2px 0 2px 1em; color: #333}
#HelpTopics a.level3 {padding: 0 0 0 2em; color: #999}
#HelpTopics a.level4 {padding-left: 3em}
#HelpTopics a.level5 {padding-left: 4em}
#HelpTopics a.level6 {padding-left: 5em}
#HelpTopics a.current {background-color: #336699; color: #fff}
#HelpTopics a.page:hover {background-color: #336699; color: #fff}
#help_results .result1 {font-weight: bold}
#HelpTopics .highlight {background-color: #a0a0a0; color: #fff; padding: 1px}
.HelpPage {margin-bottom: 1em}
.HelpPage table {border-top: 1px solid #C6B481; border-bottom: 2px solid #C6B481; border-left: 1px solid #C6B481; border-spacing: 0}
.HelpPage table td {border-top: 1px solid #C6B481; border-right: 1px solid #C6B481; padding: 3px 6px}
tr.plan_name th {text-align: left}
div.MainStarterPage {margin: 0 0 2em 0; padding: 0}
div.MainStarterPage h1 {font-size: 30px; font-weight: normal; margin-bottom: 15px}
div.MainStarterPage table {width: 100%}
div.MainStarterPage table td {vertical-align: top}
div.MainStarterPage a {color: blue; text-decoration: none;}
div.MainStarterPage a:hover {text-decoration: underline; color: blue; background-color:white; text-decoration: underline;}
div#starter_page_intro {font-size: 16px; font-weight: bold; color: #343434; margin-top: 30px}
div#starter_page_explanation {font-size: 16px; font-weight: normal; color: #808080; margin-top: 10px; line-height: 22px}
div#starter_page_buttons {margin-top: 10px; margin-bottom: 0}
table#screenshot {background-color: #e5e5e5; padding: 10px; margin-top: 20px}
table#screenshot ul {list-style: none; padding: 0; margin-left: 15px}
table#screenshot li {margin: 15px 0}
#what_do_next_label {width: 280px; height: 39px; background: #fff url(/images/labels/what_do_i_do_next.gif) no-repeat}
#what_do_next_label span {display: none}
.number_bullet {padding-left: 40px; min-height: 30px}
.number_bullet_01 {background: url(/images/bullets_2/vjc_numbers_01.png) no-repeat}
.number_bullet_02 {background: url(/images/bullets_2/vjc_numbers_02.png) no-repeat}
.number_bullet_03 {background: url(/images/bullets_2/vjc_numbers_03.png) no-repeat}
.number_bullet_04 {background: url(/images/bullets_2/vjc_numbers_04.png) no-repeat}
.number_bullet_05 {background: url(/images/bullets_2/vjc_numbers_05.png) no-repeat}
.number_bullet_06 {background: url(/images/bullets_2/vjc_numbers_06.png) no-repeat}
.number_bullet_07 {background: url(/images/bullets_2/vjc_numbers_07.png) no-repeat}
.number_bullet_08 {background: url(/images/bullets_2/vjc_numbers_08.png) no-repeat}
.number_bullet_09 {background: url(/images/bullets_2/vjc_numbers_09.png) no-repeat}
.number_bullet_10 {background: url(/images/bullets_2/vjc_numbers_10.png) no-repeat}
div#what_do_next {font-size: 16px; color: #808080; font-weight: bold}
div#what_do_next ul {list-style: none; padding: 0; margin: 0}
div#what_do_next li {margin: 5px 0}
div#what_do_next a, div#what_do_next a#visited {text-decoration:underline}
p.screenshot {padding: 5px; margin: 0}
#calendar_starter {width: 580px; height: 378px; background: #bababa url(/images/blank_stubs_2/calendar_2.jpg) 5px 5px no-repeat}
#company_starter {width: 580px; height: 424px; background: #bababa url(/images/blank_stubs_2/companies_2.jpg) 5px 5px no-repeat}
#contact_starter {width: 580px; height: 417px; background: #bababa url(/images/blank_stubs_2/contacts_2.jpg) 5px 5px no-repeat}
div.StarterPanel p {color: #808080; margin-top: 4px; margin-bottom: 4px}
div.StarterPanel a {font-size: 14px; color: #336699}
div.StarterPanel img {margin-top: 5px; border-style: solid; border-color: #bababa; border-width: 5px}
div.Module .no_records {display: none}
div.StarterPanel .no_records {display: block}
div.SystemTabs {float:right}
.content_table {border: none; border-collapse: collapse; margin: 1em 0}
.content_table th, .content_table td {padding: 4px 8px; border: 1px solid #F6E9D1; text-align: left}
.content_table thead th {background: #00483A; color: #fff; border: none; text-align: center}
.alt {background-color: #e1e1e1}
.row_borders_only td, .row_borders_only th {border-left: none; border-right: none; padding: 4px 20px}
.row_borders_only th {padding: 4px 8px}
table.row_borders_only {border-left: 1px solid #F6E9D1; border-right: 1px solid #F6E9D1}
div.association_quick_add {padding: 4px; margin-top: 4px; background-color: #ffd; border: 1px solid #C6B481}
.association_quick_add p {margin-top: 0; font-weight: bold}
.association_quick_add td {padding: 10px}
.hidden {visibility: hidden}
.center {text-align: center !important}
.left {text-align: left}
.right {text-align: right}
.noborder {border: none !important}
.nowrap {white-space: nowrap}
.anchor {clear: both}
.highlight {background-color: #FFFF66}
#new_document {width: 800px}
#new_document th {width: 30px}
#layout_list {height: 400px}
#layout_list img {float: right; display: block; border: 1px #000000 solid; margin-left: 20px}
.ui-sortable li {list-style-type: none; font-weight: bold; margin: 10px; padding: 0; background-color: #EEEEEE}
.ui-sortable li > span {background: url(/images/drag.gif); background-repeat: no-repeat; background-position: 0 4px; padding: 4px 0px 4px 40px; width: 500px; display: block}
#reorder {padding: 20px}
#user_workflow {}
#user_workflow form {padding: 0; margin: 0; display: inline}
#user_workflow_header {width: 30%; margin-right: 2em; float: left}
#user_workflow_steps {float: left; width: 60%}
#user_workflow_steps div.content {background-color: white; font-size: 120%; padding: 0 1em; margin: 0}
#user_workflow_steps li.selected div.content {border-bottom:2px solid #777777; border-left:2px solid #777777; border-right:2px solid #777777; padding:0.5em 2em 1em}
#user_workflow_steps div.content p {margin: .5em 0}
#user_workflow_steps div.content p a {font-size: 110%; font-weight: bold}
#user_workflow_steps > li > a > img {position: absolute; top: 5px}
#user_workflow_steps > li > a > span {padding-left: 28px}
table.listing tr.uncharged {background-color: #CCCCCC}
table.listing tr.failed {background-color: #FF9999}
#legend p {height: 1em; float: left; margin-right: 2em}
#legend .failure {background-color: #FF9999}
#legend .uncharged {background-color: #CCCCCC}
#legend p span {margin-left: 1em; padding-left: 1em; background-color: white}
div.hash {padding-left: 1em}
div.hash em {min-width: 5em; padding-right: 1em; font-style: normal; font-weight: bold; display: inline-block}
#feed_url_input {background-color: white}
#positions .slider strong {font-weight: bold}
#feedback {float: right; font-size: 13px; padding-bottom: 6px}
#feedback span.nav_item {font-weight: bold; margin-right: 25px}
ul.ui-accordion-container {margin: 0; padding: 0; list-style-type: none}
ul.ui-accordion-container > li {position: relative; margin: 0; padding: 0}
ul.ui-accordion-container > li a.ui-accordion-link {display: block; height: 28px; color: #000; text-decoration: none; line-height: 28px; background: #e1e1e1; border-color:#777777; border-style:solid; border-width:2px; font-weight: bold}
ul.ui-accordion-container > li div.ui-accordion-right {position: absolute; top: 0px; right: 0px; height: 28px; width: 3px}
div.calendar {position: relative}
.calendar, .calendar table {border: 1px solid #556; font-size: 11px; color: #000; cursor: default; background: #eef; font-family: tahoma,verdana,sans-serif}
.calendar .button {text-align: center; padding: 2px}
.calendar .nav {background: #778 url(/images/menuarrow.gif) no-repeat 100% 100%}
.calendar thead .title {font-weight: bold; text-align: center; background: #fff; color: #000; padding: 2px}
.calendar thead .headrow {background: #778; color: #fff}
.calendar thead .daynames {background: #bdf}
.calendar thead .name {border-bottom: 1px solid #556; padding: 2px; text-align: center; color: #000}
.calendar thead .weekend {color: #a66}
.calendar thead .hilite {background-color: #aaf; color: #000; border: 1px solid #04f; padding: 1px}
.calendar thead .active {background-color: #77c; padding: 2px 0px 0px 2px}
.calendar tbody .day {width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #bbb}
.calendar tbody .day.othermonth.oweekend {color: #fbb}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #bdf}
.calendar tbody .rowhilite td {background: #def}
.calendar tbody .rowhilite td.wn {background: #eef}
.calendar tbody td.hilite {background: #def; padding: 1px 3px 1px 1px; border: 1px solid #bbb}
.calendar tbody td.active {background: #cde; padding: 2px 2px 0px 2px}
.calendar tbody td.selected {font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000}
.calendar tbody td.weekend {color: #a66}
.calendar tbody td.today {font-weight: bold; color: #00f}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {text-align: center; background: #556; color: #fff}
.calendar tfoot .ttip {background: #fff; color: #445; border-top: 1px solid #556; padding: 1px}
.calendar tfoot .hilite {background: #aaf; border: 1px solid #04f; color: #000; padding: 1px}
.calendar tfoot .active {background: #77c; padding: 2px 0px 0px 2px}
.calendar .combo {position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .hilite {background: #acf}
.calendar .combo .active {border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold}
.calendar td.time {border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {border-color: #000; background-color: #667; color: #fff}
.calendar td.time span.active {border-color: #f00; background-color: #000; color: #0f0}
@media projection, screen {.ui-tabs-hide {display:none}
}
@media print {.ui-tabs-nav {display: none}
}
.ui-tabs-nav {padding: 0; float:left; width:98%; margin:0}
.ui-tabs-nav li {list-style:none; float:left}
.ui-tabs-nav a {display:block; height:27px; padding:0; text-decoration:none !important; margin:1px 5px -2px 0; font: 9pt; outline: none}
.ui-tabs-nav span {display:block; height:27px; line-height:29px; padding:0px 13px 0 10px; margin-right:-3px; color:#FFF; background-color: #336699}
.ui-tabs-nav .ui-tabs-selected a {}
.ui-tabs-nav .ui-tabs-selected a span {margin-bottom:0; cursor:default; background-color: #fff; color: #336699; font-weight: bold}
.ui-tabs-nav .ui-tabs-disabled a, .ui-tabs-nav .ui-tabs-disabled a span {color:#000; opacity:0.4; filter:alpha(opacity=40); cursor:default}
.ui-tabs-container {background:#FFF; border:1px solid #777777; clear:left; padding:10px 10px 8px 10px; *padding-top:3px}
.ui-tabs-nav li {display: inline !important; position: relative; _top: -3px}
.ui-tabs-nav li a {display: inline !important; float: left; _padding-left: 2px}
.ui-tabs-nav li a span {display: inline !important; padding-top: 6px; padding-bottom: 6px; _padding-bottom: 0px; position: relative; top: -2px; _top: 0px; _left: 3px; _padding-bottom: 2px; _padding-right: 13px}