html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after {content: ""}
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
body {font-family: verdana, sans-serif; font-size: 12px; line-height: 16px; color: #333; background-repeat: repeat-x; margin: 0px; background-color: #d0f3a5}
h1, h2, h3, h4, h5, h6 {font-family: helvetica, arial, verdana, sans-serif}
h1.leadin, h2.leadin, h3.leadin, h4.leadin, h5.leadin, h6.leadin {display: inline}
h2 {font-size: 20px; color: #000000}
a {color: #666; text-decoration: none}
a:hover {color: #666; text-decoration: underline}
a:focus {outline: 0}
.clear {clear: both}
fieldset {border-width: 0px; margin: 0px; padding: 0px}
fieldset.hidden {margin: 0; padding: 0}
fieldset.hidden input {border: 0 none}
fieldset label {display: block}
fieldset span.faux_label {display: block; margin-bottom: 1em}
fieldset input {display: inline}
fieldset.hidden {display: none}
fieldset.checkbox_group input {margin: 0px; padding: 0px; background: none; width: auto}
fieldset.checkbox_group span.text_label {width: auto; float: none; display: inline}
fieldset.radio_group {margin: 0px; padding: 0px}
fieldset.radio_group span.text_label {width: auto; float: none; display: inline}
fieldset.radio_group input, fieldset.radio_group label {display: inline; border-style: none; width: auto}
fieldset.checkbox_group input, fieldset.checkbox_group label {border-style: none}
fieldset.buttons {border-width: 0; background: none; margin: 0; padding: 0; text-align: left; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0}
fieldset.oauth div.footnote {margin-top: 1em}
fieldset.oauth fieldset.checkbox_group .footnote {margin-bottom: 1em}
span.current {color: #DDDDDD}
input, select, textarea {color: #666; border: 1px solid #CCC; font-family: verdana, sans-serif; width: 300px; font-size: 20px}
input:focus, select:focus {border: 1px solid #666; color: #333}
textarea {font-size: 12px}
textarea:focus {border: 1px solid #666; color: #333}
fieldset.login {width: 300px}
fieldset.login button {float: right}
fieldset.openid.editor label {display: block}
fieldset.openid.editor input {width: 27em}
fieldset.login span.text_label {float: left; width: 6em}
select#billing_period {width: auto}
#container {width: 960px; margin: 0 auto; background-color: #fff}
#header {padding: 10px 40px; line-height: 32px; float: right; text-decoration: none; color: #FFF; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25)}
#header ul li {display: inline; padding: 0 5px 0 0}
#header ul li a {text-decoration: none; color: #FFF; font-weight: bold; text-shadow: 2px 2px 0 #467405}
#masthead {background-color: #6bb108; height: 32px; padding: 10px 40px}
#masthead h1 {margin: 0}
#sub-content {float: right; width: 240px; padding: 10px; padding-top: 0px; margin: 20px 20px 10px 0px; text-align: left; min-height: 460px}
#sub-content.companies {min-height: 0px; margin-right: 30px}
#sub-content.projects {margin: 20px 10px 0 0}
#sub-content.projects .project-order {margin-bottom: 10px}
#sub-content.projects .project-order span.text_label, #sub-content.projects .project-order select, #sub-content.projects .project-order input.button {display: inline}
#sub-content h2, #sub-content h3 {margin: 0; color: #fff; text-shadow: 2px 2px 0 #467405; font-weight: bold; font-size: 14px; margin-bottom: 4px}
#sub-content fieldset {width: auto}
#sub-content label {padding: 0.5em 0; font-size: 84%}
#sub-content span.text_label {float: none; display: block; width: auto}
#sub-content fieldset legend {display: none}
#sub-content fieldset input, #sub-content fieldset select, #sub-content fieldset textarea {width: 190px; display: block; font-size: 12px}
#sub-content fieldset.checkbox_group input {width: auto}
#sub-content fieldset.sort_by select {width: auto}
#sub-content button, #sub-content input.button {width: auto; display: inline}
#sub-content .menu {color: #FFF; background-color: #6BB108; border: 2px solid #467405; padding: 5px 20px; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-image: url(/images/menu-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/menu-border-background.png) 4 / 4px repeat}
#sub-content .menu a {color: #FFFFFF; text-decoration: none}
#sub-content .menu a:hover {text-decoration: underline}
#sub-content .menu ul {list-style-type: none; padding: 0px; margin: 0px}
#sub-content .menu ul li:last-child {border-bottom: 0 none}
#sub-content .menu ul li:hover {color: #FFFFFF}
#sub-content .menu ul li:hover a {text-decoration: underline}
#sub-content .menu div.tag_cloud {padding: 0px}
#sub-content .menu div.tag_cloud a {padding-right: 0.75em}
#sub-content div.promo {color: #000000; padding: 10px 20px; margin-top: 0px; margin-bottom: 10px; background-color: #88a0f7; border: 2px solid #5365a2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-image: url(/images/promo-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/promo-rorder-background.png) 4 / 4px repeat}
#sub-content div.promo h2, #sub-content div.promo h3 {text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25)}
#sub-content div.promo a {color: #7E96EA}
#content {margin: 20px 40px 0 40px; padding-bottom: 20px; min-height: 460px}
#content.two-column {margin-right: 280px}
#content h2 {margin-bottom: 10px}
#content h3 {font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 10px}
#content h4 {margin-bottom: 6px}
#content p {margin-bottom: 10px}
#content strong {font-weight: bold}
#content em {font-style: italic}
#content fieldset {color: #000000; padding: 0}
#content fieldset.no_legend {margin-top: 0em}
#content fieldset legend {padding: 0; margin-top: 0px; font-size: 16px; font-weight: bold; color: #000000; margin-bottom: 1em; font-family: helvetica, arial, sans-serif}
#content fieldset label {margin-bottom: 1em}
#content fieldset fieldset {background-image: none; background: none; border: none; margin: 0px; padding: 0px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0}
#content.projects {margin: 20px 270px 0 10px}
#content .rolodex {margin-bottom: 2em}
#content .companies h2.header {clear: left; margin-bottom: 20px; color: #fff; border-radius: 4px; background-color: #565656; border: 2px solid #1c1c1c; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-image: url(/images/company-header-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/company-header-border-background.png) 4 / 4px repeat; padding: 4px 12px; text-shadow: 2px 2px 0 #1c1c1c}
#content .companies h3 {font-size: 20px; line-height: 24px; margin: 0 0 6px 0}
#content .staff_members h3 {margin: 0; padding: 0; margin-top: 1em}
#content .staff_members h3 button {width: auto; background-image: none; color: inherit; text-transform: none; border: inherit; font-weight: inherit; padding: 0; margin: 0}
input:focus, select:focus {border: 1px solid #666; color: #333}
textarea {font-size: 12px}
textarea:focus {border: 1px solid #666; color: #333}
button {padding: 0 0 4px 0; margin: 0; border: 2px solid #bcbcbc; background-color: #999; color: #FFFFFF; font-weight: bold; height: 26px; width: 110px; margin-bottom: 1em; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-image: url(/images/button-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/button-border-background.png) 4 / 4px repeat}
button:hover {-moz-border-image: url(/images/button-over-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/button-over-border-background.png) 4 / 4px repeat}
fieldset.login {width: 300px}
fieldset.login button {float: right}
fieldset.openid.editor label {display: block}
fieldset.openid.editor input {width: 27em}
fieldset.login span.text_label {float: left; width: 6em}
select#billing_period {width: auto}
div.sidebar {float: right; border: 3px solid #DDDDDD; padding: 10px; margin: 10px; color: #000000; font-size: 84%}
div.oauth_confirm {text-align: center}
div.oauth_confirm form {display: inline}
div.oauth_confirm form fieldset {displaY: inline}
#footer-container {font-size: 10px; margin: 0; background-color: #565656; background-image: url(/images/index/footer.png); background-repeat: repeat-x; background-position: bottom left; clear: both}
#footer-container #footer {margin: 0 auto; padding: 10px 0; color: #bebebe}
#footer-container #footer ul {margin: 0 auto; text-align: center}
#footer-container #footer ul li {list-style-type: none; display: inline; margin-right: 10px}
#footer-container #footer a {color: #bebebe; text-decoration: none}
#footer-container #footer a:hover {color: #FFF}
#footer-container #footer .columns {float: left; width: 280px}
#footer-container #footer .columns ul li.madpilot {margin-left: -46px}
#project_list {margin: 0px; padding: 0px}
li.project {margin: 5px; padding: 0px; border: 2px solid #FEEDB7; list-style-type: none; -moz-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px}
#content li.project fieldset {-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0}
li.project form {padding: 0px; margin: 0px; line-height: 1.5em}
#content li.project input, #content li.project textarea, #content li.project select {width: auto; font-size: 12px}
#content li.project fieldset span.text_label {display: inline}
#content li.project h2 {margin-bottom: 0; font-weight: bold}
#content li.project h3 {font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 0}
 @media screen and (-webkit-min-device-pixel-ratio:0) {li.project span.buttons {margin-bottom: 11px}
}
li.project span.start, li.project span.stop, li.project span.options {display: inline-block; width: 72px; height: 12px; padding: 0; margin: 0}
li.project a.punch-in {display: inline-block; padding-left: 72px; width: 0; height: 23px; overflow: hidden; background-image: url(/images/punch_in.png); background-position: 0 0}
li.project a.punch-in:hover {background-position: 0 -23px}
li.project a.punch-out {display: inline-block; padding-left: 72px; width: 0; height: 23px; overflow: hidden; background-image: url(/images/punch_out.png); background-position: 0 0}
li.project a.punch-out:hover {background-position: 0 -23px}
li.project a.options {display: inline-block; padding-left: 72px; width: 0; height: 23px; overflow: hidden; background-image: url(/images/options.png); background-position: 0 0}
li.project a.options:hover {background-position: 0 -23px}
li.project div.feedback {position: absolute; font-size: 84%; font-weight: bold; color: #666666; padding: 3px 0; display: none}
li.project div.feedback img {margin-right: 5px}
li.project.running div.feedback {color: #128F35}
li.project.running.overdue div.feedback {color: #d55e58}
li.project h2, li.project h3 {margin: 0px}
li.project h2 {line-height: 24px}
li.running {background-color: #D7F2B2; background-image: url(/images/navigation-background.png); background-repeat: repeat-x; border: 4px solid #D7F2B2}
li.overdue {border: 2px solid #ffb6b6}
li.signed_off {border: 2px solid #666666}
li.running.overdue {border: 4px solid #ffb6b6; background-color: #ffb6b6; background-image: url(/images/error-background.png); background-repeat: repeat-x}
div.controls {margin-top: 5px; padding: 0px; text-align: right}
div.hidden_controls {text-align: right; margin-top: 2px; display: none; font-size: 84%; margin-bottom: 5px}
div.controls span.start a {color: #7CD300; text-decoration: none; font-weight: bold}
div.controls span.stop a {color: #ED2024; text-decoration: none; font-weight: bold}
div.controls span.notes {position: relative; float: left}
div.controls span.notes span.text_label {float: none}
#add_company, #add_project {display: none}
div.edit_region {border: 2px solid #042EB9; background-color: #CDD5F1; padding: 0px; margin-bottom: 10px; text-align: left}
div.edit_region h2 {margin: 0px; margin-bottom: 10px; background-color: #042EB9; color: #FFFFFF; font-size: 100%; padding-top: 2px; padding-bottom: 2px}
label.required span.text_label {font-weight: bold}
label.required input, label.required select, label.required textarea {font-weight: normal}
label span.error {color: #ff0000}
span.error input, span.error textarea {border: 1px dashed #ffb6b6}
div.error {color: #FF0000; background-color: #ffb6b6; padding: 10px; margin-bottom: 20px; width: auto; margin: 20px 40px; padding: 10px 20px}
div.error a.close {float: right}
div.error p {line-height: 1em; padding: 0px; margin: 0px}
div.error ul {list-style: none}
div.error.summary {width: 40.5em}
div.message {background-color: #e4eafe; margin: 20px 40px 20px 40px; padding: 10px 20px}
div.message a {color: #333}
div.message a.close {float: right}
div.message.tag {position: inherit; top: auto}
table {border-collapse: collapse; border: 4px solid #D7F2B2; margin-bottom: 1em}
table th {border: 2px solid #D7F2B2; color: #000000; text-align: left; background-color: #74C343; background-image: url(/images/navigation-background.png); background-repeat: repeat-x; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px}
table th button {margin: 0; vertical-align: top}
table td {border-bottom: 1px dashed #D7F2B2; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px}
table tr:hover {background-color: #74C343; background-image: url(/images/navigation-background.png)}
table tfoot td {font-weight: bold}
table tfoot tr:hover {background-color: inherit; background-image: none}
table tfoot td.pagination {text-align: center; width: auto; height: 3em; border-bottom: 0 none; padding-top: 1em}
table tfoot td.pagination span, table tfoot td.pagination a {padding: 0.25em 0.5em; border: 1px solid #DDDDDD}
table.stats {width: 550px; border: 0; color: #000}
table.stats th {background: none; border: 0; border: 0}
table.stats td {border: 0}
table.stats tr:hover {background-color: #eef1fb; background-image: url(/images/promo-background.png)}
table.identities {width: 40em}
table.sync {width: 38em}
table.sync input, table.sync select {width: auto}
table.sync th.direction, table.sync td.direction {text-align: center}
table.sync th.to, table.sync th.from {width: 50%}
table.full-width {border: 0px none; width: 960px; margin-left: -40px}
div.inline_tools {font-size: 84%; margin: 0px}
h4.attention {text-align: center; background-color: #D7F2B2; background-image: url(/images/navigation-background.png); background-repeat: repeat-x; border: 4px solid #D7F2B2; padding: 1em}
ul.code {border: 1px solid #999999; background-color: #CCCCCC; color: #000000; list-style: none; padding-left: 10px}
ul.code li {margin-bottom: 1.5em}
ul.code p {margin: 0px; font-size: 84%}
ul.code ul li {margin-bottom: 0px; list-style: none}
span.type {font-style: italic}
span.param {font-weight: bold}
span.seconds {font-size: 84%}
span.close {float: right}
.print_only {display: none}
div.inline input {display: inline}
span.notes textarea {height: 1.5em; font-size: 100%; font-family: verdana, sans-serif}
div.tags {font-size: 84%; text-align: left; margin-bottom: 0.75em}
div.tags input {font-size: 100%}
span.tag {margin-right: 1em}
span.tag img {vertical-align: middle; padding: 0px; margin: 0px}
div.tags span.add {margin-right: 15px}
div.advanced_options {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 5px}
li.running div.advanced_options {border-top-color: #128F35}
li.running.overdue div.advanced_options {border-top-color: #d55e58}
.tag_1 .tag_2 .tag_3 .tag_4 .tag_5 {font-size: 100%}
span.running_total_container {font-family: helvetica, arial, verdana, sans-serif; position: relative; top: -2.5em; padding: 0px; margin: 0px; padding-right: 8px; font-size: 135%; font-weight: bold; display: block}
span.buttons {display: block; margin-top: -2em}
span.running_total {background-image: url(/images/legend_elapsed.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 12px; margin-left: 1em}
span.stop_watch {background-image: url(/images/legend_clocked.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 12px; margin-left: 1em}
span.time_left {background-image: url(/images/legend_left.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 12px; margin-left: 1em}
#daily_statistics {background-color: #CDD5F1; padding: 10px; background-image: url(/images/promo-background.png); background-repeat: repeat-x; border: 4px solid #CDD5F1; z-index: 1000}
#daily_statistics h2 {padding: 0px}
#daily_statistics h3 {padding: 0px; margin: 0px; line-height: 1em}
#prices {text-align: center; background-image: url(/images/prices.png); background-repeat: no-repeat; background-position: center; height: 86px}
#prices table {display: none}
#popup_container {width: 750px; margin: 0px; padding: 0px}
#popup_container #navigation {position: absolute; top: 0px; padding: 0px; margin: 0px; width: 750px; font-size: 84%}
#popup_container #navigation a.close img {margin-left: 7px}
img.spinner {margin-right: 1em}
#popup_container {background-color: #FFF; margin: 0 auto}
#popup_container #masthead {margin-bottom: 12px}
#popup_container #navigation a {color: #FFFFFF; text-decoration: none; float: right; margin: 16px 10px 0 0}
#popup_container div.menu {border: 0px; background-image: none; background-color: inherit; top: 0px; padding: 0px; margin: 0px}
#popup_container div.menu ul {padding: 0px; margin: 0px}
#popup_container div.menu li {margin: 0px; padding: 0px; text-align: right}
#popup_container #content {padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; margin: 0px}
#popup_container #footer {padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px; margin: 0px}
div.anchors {text-align: center; margin-bottom: 12px}
img.help {display: block; margin: 0 auto}
a.back_to_top {display: block; clear: both; margin-bottom: 12px}
dl.help dt {font-weight: bold}
dl.help dd {margin-bottom: 12px}
div#hours_remaining_message p {padding: 0px; margin: 0px}
div#hours_remaining_message p.upgrade {margin-top: 1em}
li.project fieldset {width: auto}
fieldset span.text_label {display: block; font-size: 12px; margin-bottom: 4px}
fieldset.login_register {width: 13em; float: left; margin-left: 5em}
p.openid, p.login {font-size: 14px; text-align: center}
p.openid a, p.login a {text-decoration: none}
p.openid {width: 300px}
p.openid img {margin-right: 0.5em}
p.login {width: 34em}
#content fieldset.filter fieldset.checkbox_group {margin-left: 8em}
#content fieldset.login fieldset.checkbox_group input {width: auto}
fieldset.login button, fieldset.login_register button {display: block; margin-left: auto; margin-right: auto}
fieldset.login p {display: block; margin-left: auto; margin-right: auto; text-align: center; margin: 0px; padding: 0px}
fieldset.login_register p {display: block; margin: 0px 0px 1em 0px; padding: 0px}
div.clear {clear: both}
fieldset.sort_by span.text_label {float: none; width: auto; display: inline}
fieldset.sort_by input, fieldset.sort_by select {width: auto; font-size: 12px}
fieldset.openid {width: 400px}
fieldset.openid input#openid_login {background-image: url(/images/openid.gif); background-position: left center; background-repeat: no-repeat; padding-left: 18px; width: 400px}
fieldset.openid fieldset.checkbox_group label {display: block}
fieldset.openid button {float: right}
#content ul#project_list {margin-left: 0}
#content ul#project_list li.project {list-style-type: none; margin-bottom: 0}
#content li.project fieldset {padding: 10px 10px 5px 10px; margin: 0px; border: 0px; background: none; background-image: none; color: #666666}
#content li.project fieldset label {display: inline}
#content fieldset.shift_notes_timezones textarea, #content fieldset.shift_notes_timezones select {display: block}
#content div.filter {margin-top: 4em}
#content div.application {margin-bottom: 20px}
#content ul {margin-left: 12px; margin-bottom: 12px}
#content ul li {list-style-type: disc}
#content ol {margin-left: 12px; margin-bottom: 12px}
#content ol li {list-style-type: decimal}
#content div.time-example {width: 200px; margin: 10px; float: left}
div.report_type {float: left}
div.report_type h4 {text-align: center; font-size: 140%; color: #000000; padding: 0px; margin: 0px; line-height: 1em}
div.report_type h4 a {text-decoration: none}
div.report_type h4 a:hover {text-decoration: underline}
div.report_type p {width: 215px}
#report_type_project, #report_type_staff {margin-right: 10px}
#content fieldset {color: #000000; padding: 0}
#content fieldset.no_legend {margin-top: 0em}
#content fieldset legend {padding: 0; margin-top: 0px; font-size: 16px; font-weight: bold; color: #000000; margin-bottom: 1em; font-family: helvetica, arial, sans-serif}
#content fieldset label {margin-bottom: 1em}
#content fieldset fieldset {background-image: none; background: none; border: none; margin: 0px; padding: 0px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0}
#content a.add {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/add.png); background-repeat: no-repeat; background-position: top left}
#content a.view {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/view.png); background-repeat: no-repeat; background-position: top left}
#content a.edit {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/application_edit.png); background-repeat: no-repeat; background-position: top left}
#content a.delete {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/delete.png); background-repeat: no-repeat; background-position: top left}
#content a.view_shift {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/time.png); background-repeat: no-repeat; background-position: top left}
#content a.sign_off_shift {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/time_go.png); background-repeat: no-repeat; background-position: top left}
#content a.user_enable {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/user.png); background-repeat: no-repeat; background-position: top left}
#content a.user_disable {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/user_delete.png); background-repeat: no-repeat; background-position: top left}
#content a.export_csv {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/page_white_excel.png); background-repeat: no-repeat; background-position: top left}
#content a.export_xml {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/page_white_code.png); background-repeat: no-repeat; background-position: top left}
#content a.print {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/printer.png); background-repeat: no-repeat; background-position: top left}
#content a.vcard {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/vcard.png); background-repeat: no-repeat; background-position: top left}
#content a.saasu {display: inline-block; padding-left: 20px; height: 16px; background-image: url(/images/icons/saasu_logo.png); background-repeat: no-repeat; background-position: top left}
div.fn, div.contact, div.org {margin-bottom: 1em}
div.project.summary div.panel {float: left; width: 17em; margin-right: 1em; margin-top: 1em; margin-bottom: 0}
div.project.summary div.panel h3 {padding: 0; margin: 0; color: #000}
div.project.summary div.panel.time {width: 25em; padding-right: 1em; border-collapse: collapse; border-right: 1px solid #DDD; min-height: 18em}
div.project.summary div.panel.vcard {background-image: none; background-color: transparent; -moz-border-image: none; -webkit-border-image: none; border: 0 none; padding: 0; margin-left: 1em; padding-left: 0; padding-bottom: 1em}
div.project.summary div.panel.notes {width: 45em; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding-top: 1em; padding-bottom: 1em; clear: left}
div.project.summary div.tools {width: 45em; padding-top: 1em; clear: both; text-align: center}
div.project.summary div.panel dt {float: left; border-bottom: 1px solid #FEEDB7; font-weight: bold}
div.project.summary div.panel dd {text-align: right; border-bottom: 1px solid #FEEDB7}
div.project.summary div.panel dd span.time {font-size: 200%; color: #000}
div.vcard {float: left; width: 20em; height: 19em; padding: 1em 1em; border: 2px solid #ffc26c; background-color: #feedb7; margin-right: 1em; margin: 0 20px 20px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-image: url(/images/company-border-background.png) 4 / 4px repeat; -webkit-border-image: url(/images/company-border-background.png) 4 / 4px repeat}
div.vcard h3 {padding: 0; margin: 0; color: #000}
div.vcard .type {font-style: normal}
.footnote {display: block; font-size: 10px; font-weight: normal; color: #999}
.footnote a {color: #999; text-decoration: underline}
.footnote a:hover {text-decoration: none}
div.vcard div.adr {margin-bottom: 1em}
div.vcard div.contact {margin-top: 1em}
div.vcard div.tools {text-align: center; position: relative; top: 18em; padding: 0; margin: 0}
#filter_from_trigger, #filter_to_trigger {cursor: pointer}
h3.third_party.saasu_connect {text-indent: -3000px; background-image: url(/images/partners/saasu_final.gif); background-position: top left; background-repeat: no-repeat; width: 200px; height: 56px}
h3.third_party.saasu_connect img {position: relative; float: left}
div.results {position: absolute; width: 100%; background-color: white; border: 1px solid #888; margin: 0px; padding: 0px; overflow: hidden}
div.results ul {list-style-type: none; margin: 0px; padding: 0px; overflow: hidden}
div.results ul li {list-style-type: none; display: block; margin: 0; padding: 2px; height: 1em; cursor: pointer}
div.results ul li.selected {background-repeat: repeat-x; background-color: #78C540; color: #FFFFFF; font-weight: bold; background-image: url(/images/container_background.png); overflow: hidden; white-space: nowrap}
div.oauth_key {background-color: #DCDCDC; border: 1px solid #666666; color: #000; font-size: 2em; padding: 0.5em 1em; text-align: center}
#content fieldset.collapsable {background-color: #FFF; background-image: none; border: 0 none; padding: 0; margin: 0; color: #666666; margin-bottom: 1em}
#content fieldset.collapsable legend {margin: 0; padding: 0; color: #666666}
fieldset label.shift_time_zone span.text_label {float: none}
.saasu_invoice span.text_label {float: none}
.saasu_invoice label {float: left; width: 19em; padding-right: 1em}
.saasu_invoice input, .saasu_invoice select {width: 10.5em; float: right}
.saasu_invoice span.error input {margin: 0; padding: 0}
.saasu_invoice label.invoice_notes_label {clear: left}
a.invoice_item.add {font-weight: normal}
.saasu_transaction_category {width: 10em}
.saasu_tax_code {width: 5em}
.saasu_amount {width: 3em}
table.oauth {width: 40em}
dl {margin-bottom: 20px}
dl.oauth dt {font-weight: bold; color: #000000; font-size: 12px; border-bottom: 1px solid #CCC; margin-bottom: 0.5em}
dl.oauth dd {margin: 0; padding-bottom: 1em; font-size: 20px}
#user_saasu_access_key {width: 520px}
#user_saasu_file_uid {width: 72px}
#invoice_notes {height: 8em}
#credit_card_rebill_cc_exp_month, #credit_card_rebill_cc_exp_year, #credit_card_eway_cvn {width: 3em}
#content table.pricing {width: 100%; border: 0 none; border-collapse: collapse}
#content table.pricing colgroup.selected {border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 2px solid #ccc; background-color: #D0F3A5}
#content table.pricing colgroup.selected thead {background-color: transparent; border: none}
#content table.pricing tr, #content table.pricing th, #content table.pricing td {background-image: none; background-color: transparent; border: 0}
#content table.pricing tr:hover, #content table.pricing th:hover, #content table.pricing td:hover {background-color: none}
#content table.pricing thead {display: none}
#content table.pricing thead tr td {text-align: right; padding-bottom: 10px}
#content table.pricing tbody {border: 1px solid #ccc}
#content table.pricing tbody tr th, #content table.pricing tbody tr td {text-align: center; padding: 12px; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
#content table.pricing tbody tr th {font-weight: bold}
#content table.pricing tbody tr th.plan {background-color: #565656; color: #fff}
#content table.pricing tbody tr td {text-align: center; font-size: 20px}
#content table.pricing tbody tr td.projects, #content table.pricing tbody tr td.companies, #content table.pricing tbody tr td.max-hours {font-size: 12px}
#content table.pricing tbody tr td span.discount {display: block; font-size: 10px; margin-top: 6px}
#content table.pricing tbody tr td.trial {font-size: 12px}
#content table.pricing tbody tr td.trial span.discount {display: none}
#content table.pricing tfoot td {text-align: center}
#content table.pricing tfoot td label {display: block; width: 100%; height: 100%; cursor: pointer}
#content table.pricing tfoot td label input {width: auto}
ul.header_navigation {background-color: #D0F3A5; margin: 20px 40px 0 40px; padding: 10px 0; text-align: center}
ul.header_navigation li {display: inline; list-style-type: none; margin: 0 5px; padding: 5px 10px; text-align: center}
ul.header_navigation li.current {background-color: #6BB108; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}
ul.header_navigation li.current a {color: #FFF}
#sub-content #signup-notice a.signup {display: block; text-align: center; font-size: 20px; margin-bottom: 6px; text-shadow: 2px 2px 0 #467405}
#content dl.user dt {float: left; clear: left; width: 10em}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #DDD!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; height: 100%}
#MB_header {margin: 0; padding: 0}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_caption {font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left}
#MB_close {display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px}
#MB_close:hover {background: transparent}
 #MB_window {background-color: #CDD5F1; background-image: url(/images/promo-background.png); background-repeat: repeat-x; border: 4px solid #CDD5F1; border-top: 0; padding: 10px; margin-bottom: 20px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2)}
#MB_caption {color: #000; font-size: 120%}
 #MB_window.MB_error {font-size: 150%; color: #FF0000; border: 4px solid #ffb6b6; border-top: 0; background-color: #ffb6b6; background-image: url(/images/error-background.png); background-repeat: repeat-x}
#MB_window.MB_message {font-size: 150%; color: #000000}
.MB_alert {margin: 10px 0; text-align: center}
.MB_alert input {width: auto}
 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(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 table tr:hover {background-color: inherit !important; background-image: none !important}
.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}
.chart {font: menu; background: white; color: black; overflow: hidden; position: relative}
.chart .legend {float: left; border: 1px solid black; background: white; padding: 5px 10px 5px 10px}
.chart .legend ul {margin: 0px; padding: 0px 0px 0px 20px}
.chart .legend ul li {list-style: square}
.chart .legend ul li span {color: black}