form, table, ol, div, h1, h2, h3, h4, h5, h6, p, fieldset, body, ul, dl, dt, dd {margin: 0; padding: 0}
p, a, td, th {font-family: Arial; font-size: small}
body {background: #fff url(../images/small_gradient.png) top left repeat-x}
.clearFix {clear: both}
.print-only {display: none}
p, li {font: normal 12px arial; color: #444}
strong {background-color: #ffc; padding: 0 1px}
ul, ol {list-style: none; padding: 5px 0}
li {padding-left: 18px; padding-bottom: 3px; background: url(../images/icons/bullet_blue.gif) 0 0 no-repeat}
h1 {text-indent: -4000px; height: 45px; margin-left: 6px; width: 200px; background: url(../images/application_branding.png) top left no-repeat}
#content h2 {padding: 2px 0; margin: 10px 0 5px 0; color: #06c; letter-spacing: -1px; font: bold 20px georgia}
h3 {padding: 2px 10px; margin: 8px 0 5px 0; color: #06c; font: normal 18px georgia; letter-spacing: -1px}
.sub-section {margin-left: 10px}
#content h4.tabs-label {font: normal 10px arial; padding: 0; margin: 0; text-transform: uppercase; color: #666}
#content h5 {font: bold 14px georgia; color: #666}
h6 {color: #444; font: normal 11px georgia}
a {color: #0066CC; padding: 2px; text-decoration: none}
a:hover {background-color: #ff8}
a.anchor {height: 0; padding: 0}
pre {border: dotted 1px #ccc; background-color: #ffe; padding: 5px; font-size: 12px; color: #333}
dl {margin-left: 10px}
dt {font: bold 13px georgia; color: #333; margin: 0 0 8px 0; border-top: dotted 1px #ddd; padding-top: 10px}
dt.first {border-top: none; padding-top: 5px}
dd {font: normal 12px arial; margin: 0 0 10px 10px; color: #444}
.brand {text-transform: uppercase; background-color: transparent}
.brand strong {background-color: transparent}
html {height: 100%}
body {height: 100%}
#wrapper {min-height: 100%}
#content {padding-bottom: 30px}
#footer {position: relative; border-top: dotted 1px #aaa; margin: -25px 15px 0px 15px; font: normal 11px arial; padding-top: 4px; padding-bottom: 4px; background-color: #fff}
#footer a {font: normal 11px arial}
#footer #external-links {float: right}
#footer #external-links a {padding-left: 20px; background-position: 1px 50%; background-repeat: no-repeat}
#digg-link {background-image: url(/images/icons/digg.gif)}
#delicious-link {background-image: url(/images/icons/delicious.gif)}
.job-title {color: #666}
.salutation {padding: 13px 0}
#api-key-wrapper {background-color: #ccc; width: 300px}
#api-key {text-align: center}
#api-key p {font: normal 14px verdana}
#api-key a {font: bold 14px arial}
table.reference {margin: 5px 0}
table.reference th {text-align: left; font: bold 12px arial; padding: 4px 5px 0 2px; color: #06c}
table.reference td {font: normal 11px verdana; background-color: #eee; padding: 3px}
table.reference .required td, table.reference tfoot td strong {background-color: #fdd; color: #333}
table.reference .required td.name, table.reference tfoot td strong {font-weight: bold}
table.reference tfoot td {background-color: transparent; padding: 0 2px; color: #777}
table.reference#call-reference {width: 100%}
table.reference#call-reference th {padding-top: 7px; padding-bottom: 2px}
table.reference#call-reference td {border-top: dotted 1px #ddd; padding: 3px; background-color: #fff}
table.reference#call-reference td.description {padding-left: 10px}
table.reference#call-reference td.method {color: #666; font-weight: bold; font-size: 10px}
table.reference#call-reference td.uri {color: #666; font-weight: normal}
table.reference#call-reference td.uri em {color: #333; font-weight: bold}
table.reference#call-reference td.params {text-align: right}
table.reference#call-reference td a {font-size: 10px}
table.reference#call-reference .parameter-reference td table {border: dotted 1px #ccc; background-color: #ffe; margin: 0 5px 4px 5px}
table.reference#call-reference .parameter-reference td {border: none; font-size: 10px; color: #444; background-color: transparent}
table.reference#call-reference .parameter-reference td.name {font-weight: bold}
#topNav {width: 200px; position: absolute; top: 10px; left: 50%; margin-left: -100px; text-align: center}
#topNav, #topNav a {font-size: 10px; font-family: verdana}
#topNav {color: #666}
#topNav a {font-weight: normal}
#panel {margin-top: 40px}
#content {margin: 10px 15px 5px 15px}
#left {position: relative; margin-right: 220px}
#right {position: absolute; right: 15px; top: 80px; width: 210px}
.sidebar {margin-bottom: 10px; background-color: #eee}
#primary-sidebar {background-color: #ddd}
.sidebar .content {padding: 0 10px 0 9px}
.sidebar ul {padding: 0}
.sidebar li {background: none; padding: 0; margin: 5px 0 0 0}
.sidebar li.first {margin-top: 0}
.sidebar a, .sidebar h4, .sidebar p {padding: 0; padding-left: 22px}
.sidebar h4, .sidebar a {font: bold 16px arial; background-position: 1px 50%; background-repeat: no-repeat}
.sidebar h4 {color: #888}
.sidebar small a {font: bold 12px arial}
.sidebar h4 small {font-size: 11px}
.sidebar h4 small a {padding-left: 0; font-size: 11px}
.sidebar p {font: normal 10px arial; line-height: 11px}
.sidebar p a {font: normal 10px arial; padding: 0}
a#timer-link {font: bold 24px arial; background-image: url(/images/icons/clock.gif)}
a#uservoice-link {background-image: url(/images/icons/lightbulb.png)}
a#report-bugs-link {background-image: url(/images/icons/bug.gif)}
a#forum-link {background-image: url(/images/icons/user_comment.gif)}
a#email-link {background-image: url(/images/icons/email_go.gif)}
a#sharing-link {background-image: url(/images/icons/group.gif)}
a#settings-link {background-image: url(/images/icons/wrench.gif)}
.sidebar .toc a {font: bold 14px arial; padding: 0}
.sidebar .toc li {padding-left: 22px; margin-top: 2px; background: url(/images/icons/bullet_blue.gif) 2px 0 no-repeat}
.sidebar .toc li li {padding-left: 15px; background: none}
.sidebar .toc li li a {font: bold 12px arial}
.sidebar .posts a {font: bold 12px arial; padding: 0}
.sidebar .posts li {padding-left: 22px; margin-top: 5px; background: url(/images/icons/bullet_blue.gif) 2px 0 no-repeat}
.sidebar .help, .sidebar .feedback {padding-left: 35px}
.sidebar .help {background: url(/images/screens/question-gray.gif) 7px 2px no-repeat}
.sidebar .feedback {background: url(/images/screens/comment-gray.gif) 7px 2px no-repeat}
.sidebar .help p, .sidebar .feedback p {font: normal 14px georgia; padding: 5px 5px 5px 0; line-height: 15px; color: #333}
.sidebar .help p strong, .sidebar .feedback p strong {background-color: transparent; font: bold 18px georgia; margin-left: -4px; line-height: 15px; color: #222; padding: 0 1px 0 0}
.sidebar .help a, .sidebar .feedback a {margin-top: -15px; font: bold 14px georgia; padding: 0}
.sidebar h4.enabled {color: #444}
.sidebar h4.enabled small {color: #2a2}
.sidebar li p em {background-color: #ccc; padding: 0 1px; color: #333}
.message {margin: 5px 0; padding: 3px 5px; font: bold 12px verdana}
.notice-message, .info-message {background-color: #ff8}
.error-message {background-color: #f88}
.external .notice-message {color: #444}
.external .message {width: 250px; font: normal 12px arial; background: #ffc; margin: 5px auto}
.external .error-message {color: #f00; font: bold 12px arial}
.external .error-message, .external .error-message a {font: bold 12px arial}
.external .info-message {width: 450px; margin: 0 auto 10px auto}
#nav {position: relative; bottom: 0; left: 0; background-color: #7EBAFF}
#nav ul {list-style: none; height: 23px; padding: 0; margin-left: 15px}
#nav li {float: left; margin-right: 6px; padding: 0; background: none}
#nav li p, #nav li a {font: normal 11px verdana; margin-top: 3px; padding: 2px 5px 4px 5px}
#nav li p {background-color: #fff; color: #555; border-top: solid 1px #9BCFFF; border-right: solid 1px #9BCFFF; border-left: solid 1px #9BCFFF}
#nav li a, #nav li a:visited {margin-top: 4px; display: block; color: #fff}
#nav li a:hover {background-color: #E2F0FF; margin-top: 3px; border-top: solid 1px #9BCFFF; border-right: solid 1px #9BCFFF; border-left: solid 1px #9BCFFF; padding: 2px 4px 4px 4px; color: #06c}
#nav #timer-link {float: right; margin-right: 15px; color: #fff; font: normal 11px verdana; background: url(/images/icons/clock.gif) 0 50% no-repeat; margin-top: 2px; padding: 2px 4px 4px 18px}
#nav #timer-link:hover {background-color: #ff8; color: #06c}
#top-right {position: absolute; top: 5px; right: 15px}
#top-right li {padding: 0 3px; float: right; background-image: none; font: normal 10px verdana; color: #666; line-height: 16px; border-right: dotted 1px #999}
#top-right li.first {border-right: none}
#top-right li.premium-user {padding-left: 16px; background: url(/images/icons/star.png) 0 0 no-repeat}
#top-right li a {font: normal 10px verdana; display: block}
#top-right li a.notice {color: #f00; font-weight: bold}
#warning {background: #f99; margin-bottom: 5px}
#warning .content {padding: 3px 10px}
#errorExplanation {background: #fcc; margin-bottom: 10px; margin-top: 5px}
#errorExplanation h2 {padding: 0 5px 3px 5px; color: #000; background: #f66}
#errorExplanation ul {margin-top: 5px; padding-bottom: 10px; padding-left: 30px; margin-left: 0}
#errorExplanation p {font-size: 12px; padding: 2px 5px}
#errorExplanation ul li {font-size: 11px}
.fieldWithErrors input {border: solid 2px #f00}
#content h4.tabs-label {font: bold 11px arial; text-transform: none; float: left; width: 80px; margin-top: 9px; margin-right: 10px; text-align: left}
.filter div.content {float: left; padding: 5px 0px 5px 10px; border-left: solid 2px #7EBAFF; width: 370px}
.tabs {list-style: none; text-align: center; float: left; padding: 0; margin-top: 0; margin-left: 0; clear: left}
.tabs li {float: left; padding: 0; margin: 0 4px 3px 0; background: none}
.tabs li.current {background: #06c}
.tabs li.current a, .tabs li.current a:hover {color: #fff; background: none; font-weight: bold}
.tabs li a {display: block; padding: 4px 4px; letter-spacing: -1px; color: #999; font: normal 12px verdana}
.filter-content .tabs li {width: 50px; background-color: transparent}
.filter-content .tabs li.current {background-color: #CFE6FF}
.filter-content .tabs li.current a {color: #06c; font-weight: bold}
.filter-content .tabs li a {padding: 2px 4px; border: dotted 1px #ddd; font-size: 11px}
.filter-content .tabs li.label {font: bold 10px arial; padding: 3px 3px 3px 0; color: #666; text-align: left}
#survey-form select {font-size: 12px; font-weight: normal; letter-spacing: 0}
#filters .filter-content {clear: left; margin: 0 5px 5px 10px; width: 100%}
#filters div.row {clear: both; float: none; padding: 2px; margin-left: 0}
#filters div.form-element {float: left; margin-right: 10px; margin-bottom: 2px}
#filters #dateBox .help, #filters #dateBox .messages, #filters #dateBox .normal {display: none}
#filters fieldset {padding: 0 5px}
#filters label {display: block; font: normal 10px arial; text-transform: uppercase; color: #666}
label.required {font-weight: bold}
#filters input.error {border: solid 1px #f00}
#filters div.error{ font-size: 10px; color: #f00}
#filters .form-footer {padding: 8px 0 0 0; margin-left: 105px; clear: both}
#filters input, #filters select {font-size: 14px; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: -1px}
#filters input {padding: 1px}
#filters h3 {padding: 2px 7px; color: #666; clear: left}
#filters #loading-indicator {margin: -4px 0 0 5px; vertical-align: middle}
#dateBox li {background: transparent; padding: 0}
#filters h5 {clear: left; float: left; font: normal 11px arial; color: #666; text-transform: none}
#filters .filter {margin-top: 5px; float: left; clear: left}
#filters .options-filter p {color: #666; font: normal 12px arial}
.reset {padding: 3px; margin: 2px 0 0 5px; float: left; text-transform: lowercase; font: bold 10px verdana}
#filters .switch-container .empty, #filters .switch-container .indicator {padding: 5px; color: #888; font: normal 11px verdana}
#filters .switch-container .indicator {background: url(/images/indicator.gif) 5px 4px no-repeat; padding-left: 25px}
.switch-container ul {float: left; padding: 2px 0 0 0}
.switch-container li {margin: 0 2px 2px 0; padding: 0; background: none; float: left}
.switch-container li a {display: block; padding: 2px 3px; font: normal 11px verdana; border: dotted 1px #ddd; background-color: #fff; letter-spacing: -1px}
.switch-container li a:hover {background-color: #ff8}
.switch-container li.accept a, .switch-container li.accept a:hover {background-color: #afa; font-weight: bold; border: dotted 1px #afa}
.switch-container li.on a, .switch-container li.on a:hover {background-color: #CFE6FF; font-weight: bold}
.switch-container li.deny a, .switch-container li.deny a:hover {background-color: #faa; font-weight: bold; border: dotted 1px #faa}
#results-wrapper {margin-top: 10px; background: #005CB8}
table.report {width: 100%}
table.report th {font-size: 11px; background: #666; padding: 1px 3px; color: #fff; font-weight: normal; text-align: center}
table.report th.total, table.report th.column-1 {font-weight: bold; background: #555}
table.report th.total {width: 70px}
table.report tr {background: #fff}
table.report tr.even {background: #f0f0f0}
table.report td {text-align: center; padding: 3px 2px; font: normal 11px verdana, sans-serif; border-left: solid 1px #ccc}
table.report td em {color: #888; font-style: normal}
table.report td.column-1, table.report th.column-1 {text-align: left}
table.report td.total, table.report tr.total {background: #ffffc0; font-weight: bold; border-right: solid 1px #ccc}
table.report .even td.total {background: #ffffa8}
table.report tr.total td {border: none; border-top: solid 1px #ccc; padding: 2px}
table.report tr.total td.even {background: #ffffa8}
table.report tr.total td.column-1 {background: #555; color: #fff; padding-left: 3px; font-family: Arial, sans-serif; font-size: 11px}
table.report tr.total td.total {border-left: solid 1px #ccc; font-size: 13px; background: #ff0; background: #FF8F8F; padding: 0 2px}
table.report tr.empty td {border-right: solid 1px #ccc}
table.report td.comments {text-align: left}
.report-header {position: relative}
.report-header .parameters {margin: 0 0 2px 5px; padding: 0; color: #fff; font: normal 10px verdana}
.report-header div.actions {position: absolute; right: 5px; top: 11px}
.report-header h3 {margin: 0; margin-top: -2px; font: bold 14px arial; color: #fff; padding: 0 5px 0 5px}
.report-header a {color: #fff; font: normal 11px arial; padding: 16px 2px 0 2px}
#print-report {background: url(/images/icons/printer.gif) 50% 1px no-repeat}
#export-csv-report {background: url(/images/icons/page_go.gif) 50% 1px no-repeat}
#print-report:hover, #export-csv-report:hover {background-color: #378CDF}
#edit-entries-navigation {margin: 0 auto; width: 165px; position: relative; text-align: center}
#edit-entries-navigation a#current-date {font-size: 18px; line-height: 20px; font-weight: bold; width: 100px; cursor: pointer; text-decoration: underline; margin: 0 auto}
#edit-entries-navigation a#previous, #edit-entries-navigation a#next {width: 16px; display: block; height: 20px; position: absolute; padding:0}
#edit-entries-navigation #previous {background: url(/images/icons/resultset_previous.gif) right 2px no-repeat; left: 0}
#edit-entries-navigation #next{ background: url(/images/icons/resultset_next.gif) left 2px no-repeat; right: 0}
#edit-entries-header {position: relative; margin-bottom: 5px}
#edit-entries-header #snapshot {float: left; color: #666; margin: 5px 0 0 5px}
#edit-entries-header div.actions a {background: url(/images/add.gif) 1px 50% no-repeat; font: bold 14px arial, sans-serif; letter-spacing: -1px; text-decoration: none; padding: 1px 2px 1px 19px}
#edit-entries-header div.actions a:hover {background-color: #ff8}
#edit-entries-header div.actions {position: absolute; right: 5px; bottom: 2px; width: 120px; text-align: right}
#edit-entries .empty-message {margin-top: 10px; text-align: center; color: #666}
#edit-entries .time-entry {margin-bottom: 5px; background: #E6F2FF}
#edit-entries .in-progress {background-color: #DAFFCD; background-color: #ddd}
#edit-entries .time-entry-content {padding: 0 4px 0 6px}
#edit-entries table {width: 100%}
#edit-entries .column-1 {width: 30%}
#edit-entries .task {font: bold 14px arial; line-height: 14px}
#edit-entries .duration {width: 60px; text-align: right; line-height: 12px; font: bold 20px arial, sans-serif}
#edit-entries .duration small {font: normal 12px arial, sans-serif}
#edit-entries .time-range {font: bold 14px arial, sans-serif; text-align: center}
#edit-entries .actions {width: 90px}
#edit-entries .actions table {width: auto; float: right}
#edit-entries .indicator-container {width: 16px}
#edit-entries .actions a {font: bold 11px verdana, sans-serif; letter-spacing: -1px; padding: 2px; text-decoration: none; line-height: 16px}
#edit-entries .tags {font: normal 11px arial; color: #888; line-height: 11px}
#edit-entries .tags strong {font-weight: normal; padding: 0; color: #333; background: transparent}
#edit-entries .tags em {font: normal 10px arial}
#edit-entries .comments p {border-top: dashed 1px #ccc; margin-top: 3px; padding-top: 2px; padding-left: 1px; color: #666; line-height: 11px !important; font: normal 11px arial}
#edit-entries .errorExplanation {background: #fcc; margin: 2px 7px; border: solid 1px #f66; float: left}
#edit-entries fieldset {clear: both}
#edit-entries #errorExplanation h2 {padding: 2px 5px 3px 20px; color: #333; font-size: 11px; margin: 0; letter-spacing: 0; font-family: Verdana; background: #f66 url(/images/error.gif) 2px 1px no-repeat}
#edit-entries #errorExplanation ul {margin: 0; padding: 0 2px 4px 25px; list-style: disc}
#edit-entries #errorExplanation p {font-size: 11px; padding: 2px 5px; font-family: Verdana; margin: 0}
#edit-entries #errorExplanation ul li {font: bold 11px verdana; letter-spacing: -1px; margin: 0; padding: 0; background: transparent}
#edit-entries .fieldWithErrors input {border: solid 1px #f00}
#edit-entries .message {font-size: 11px; font-weight: bold; padding: 5px 20px 5px 5px; color: #333; position: relative; margin: 2px 7px; line-height: 12px}
#edit-entries .message a {position: absolute; right: 10px; top: 4px; padding: 0; font: bold 11px verdana, sans-serif; letter-spacing: -1px}
#edit-entries .messages-container .message {margin: 0}
#edit-entries .error-message {border-left: solid 5px #f66; background-color: #fbb}
#edit-entries .warning-message {border-left: solid 5px #ff6; background-color: #ffb}
.form {background-color: #DAFFCD; margin-bottom: 15px}
.form form {padding: 0 2px}
.form fieldset {border: none}
.form h4 {padding: 2px; margin: 0 0 0 6px; text-transform: none; color: #1F7F00; letter-spacing: -1px; font: bold 16px arial}
.form div.row {clear: both; float: none; padding: 2px; margin-left: 5px}
.form label {display: block; font-family: Verdana, sans-serif; color: #555; font-size: 11px; padding-bottom: 1px}
.form label.required{ font-weight: bold}
.form .example {font: normal 11px arial; color: #888}
.form div.form-element {float: left; margin-right: 10px; margin-bottom: 2px}
.form input.text-input, .form select {font: bold 16px arial, sans-serif; letter-spacing: -1px; border: solid 1px #1F7F00}
.form .form-element input {padding: 1px}
.form textarea {height: 45px; font: normal 12px arial, sans-serif; padding: 1px; border: solid 1px #1F7F00}
.form input.full, .form textarea {width: 95%}
.form input.error {border: solid 1px #f00}
.form p.error {color: #f00; font: bold 11px arial}
.form p.feedback {color: #000; font: bold 11px arial; background-color: #ff8}
.form .form-footer {clear: left; margin-left: 6px}
.form p.form-footer a {font: bold 14px arial, sans-serif; letter-spacing: 0}
.form .submit {clear: left; font: bold 14px arial, sans-serif; margin: 0; margin-top: 5px}
#edit-entries .form h4 {display: none}
#task .ajax-scaffold-header h3, #task .ajax-scaffold-header p {color: #fff; padding-left: 3px; margin-right: 100px}
#task .ajax-scaffold-header h3 {font: bold 14px arial; line-height: 12px; padding-top: 2px; margin: 0}
#task .ajax-scaffold-header p {font: normal 10px arial; line-height: 12px; padding-bottom: 2px }
#task .task-hours {font: bold 11px verdana; text-align: right}
#task th#task-hours {text-align: right}
tr.loading td, #task p.empty-message {background: #eee; border: none; border-right: solid 1px #ccc; border-left: solid 1px #ccc}
tr.loading td {height: 48px}
tr.loading p {font: normal 12px helvetica; color: #666; width: 60px; margin: 0 auto; height: 18px; line-height: 18px; padding-left: 20px; background: url(/images/indicator.gif) 0 50% no-repeat}
p.empty-message {line-height: 40px; height: 40px}
.shared-flag, #task .shared-flag:hover {background: url(/images/icons/group.gif) top left no-repeat; height: 16px; width: 16px; padding: 0; margin: 0 auto; display: block}
ul.shares {padding: 0}
ul.shares li {background-image: none; padding-left: 20px; font: bold 14px arial; position: relative}
ul.shares li small {text-transform: uppercase; font: normal 10px arial}
ul.shares li small.remove {display: none}
ul.shares li small em {font-weight: bold; font-style: normal; color: #000}
ul.shares li.invited {color: #777}
ul.shares li.remove {color: #f55}
ul.shares li.remove small.remove {display: inline}
ul.shares li.remove small {display: none}
ul.shares li input {position: absolute; left: 0; top: -1px}
#task .subsection p {padding-bottom: 3px; color: #666}
textarea.small {height: 30px}
textarea {height: 45px; width: 90%}
#task.ajax-scaffold tr.completed td, #task.ajax-scaffold tr.completed-even td {color: #808080}
.admin-reports h3, .admin-reports .report {clear: both}
.admin-reports .report {margin-left: 30px}
.admin-reports .report .loading {font: normal 12px helvetica; color: #666; width: 60px; height: 18px; line-height: 18px; padding-left: 20px; background: url(/images/indicator.gif) 0 50% no-repeat}
.metrics {background-color: #eee; float: left; margin-right: 10px}
.metrics h4 {padding: 2px 5px; font: bold 14px arial}
.metrics table {margin: 0 5px 5px 5px}
.metrics th {text-align: right; font: normal 12px arial; border-right: solid 1px #aaa; padding-right: 5px}
.metrics thead th {border-right: none; text-align: left; font-weight: bold; font-size: 70%}
.metrics td {font: bold 12px verdana; padding-left: 3px; padding-right: 15px}
#stats th {font: normal 10px arial; padding: 0 5px}
#stats td {font: bold 11px arial; padding: 1px 3px; background-color: #eee; text-align: center; width: 40px}
#stats tr.weekend, #stats tr.weekend td {background-color: #ddd}
#stats td.important {background-color: #D7EBFF}
#stats tr.weekend td.important {background-color: #c7dBeF}
#stats tr td.growth {background-color: #cfc}
#stats tr td.decline {background-color: #fcc}
.toggle {font: bold 11px verdana, sans-serif; letter-spacing: -1px; padding-left: 12px; background-image: url(../images/icons/arrow-down.gif); background-position: 0 4px; background-repeat: no-repeat}
.closed {background-image: url(../images/icons/arrow-right.gif)}
.ajax-scaffold p.help {font: normal 11px arial; color: #4A7F00; line-height: 10px}
.ajax-scaffold .subsection-wrapper {background-color: #B8FF9F; padding: 0 !important}
.ajax-scaffold .subsection {padding: 0 7px}
div.auto_complete {background: #fff; border: 1px solid #888; z-index: 1000}
div.auto_complete ul {margin:0; padding:0; width:100%; list-style-type:none}
div.auto_complete ul li {margin:0; padding: 2px 3px; background: none; font: normal 13px arial; cursor: pointer}
div.auto_complete ul li.selected {background-color: #ffb; font-weight: bold}
div.auto_complete ul strong.highlight {color: #800; margin:0; padding:0}
#message {background-color: #eee; width: 350px; margin: 20px auto 0 auto}
#message h3 {font-weight: bold; margin-top:0}
#message p, #message ul {padding: 0 10px; margin-bottom: 5px}
#message p, #message a, #message li {font: normal 12px arial; letter-spacing: 0}
#message li, #message li a {font: normal 14px arial; letter-spacing: 0}
.ajax-scaffold input.example, .ajax-scaffold textarea.example {color: #aaa}
.ajax-scaffold .legend {background-color: #555; font: normal 10px arial; padding: 1px 3px; color: #fff}
#lightbox {background-color: #fff; border: 1px solid #222; height: 450px; margin: -220px 0 0 -250px}
.small-lightbox #lightbox {height: 213px; width: 300px; margin: -106px 0 0 -150px}
#overlay{ -moz-opacity: 0.6; opacity: .60; filter: alpha(opacity=60)}
#lightbox #lbLoadMessage {background: #fff; width: 130px; padding: 10px; margin: 180px auto; border: 1px solid #222}
.small-dialog #lightbox #lbLoadMessage {margin: 100px auto}
#lightbox #lbLoadMessage p {font: normal 14px helvetica; color: #222; width: 60px; margin: 0 auto; padding-left: 20px; background: url(/images/indicator.gif) 0 50% no-repeat}
#lightbox.loading {background-color: transparent; border: none}
#lightbox.done img{ height: auto; width: auto}
#lightbox #title {padding: 0 5px; background-color: #444; height: 33px}
#lightbox h1 {background-image: none; text-indent: 0; font: bold 16px arial; height: auto; margin: 0; padding-top: 3px; line-height: 16px; color: #fff}
#lightbox h2 {font: normal 11px arial; line-height: 11px; color: #fff}
#lightbox #title a.lbAction {position: absolute; top: 0; right: 0; width: 28px; height: 28px; background: url(/images/icons/close-dialog.gif) 50% 50% no-repeat}
#lightbox #title a.lbAction:hover, #lightbox a {text-decoration: underline}
#lightbox #content {margin: 0; height: 387px; position: relative; background-color: #DAFFCD}
.small-lightbox #lightbox #content {margin: 0; height: 150px}
#lightbox .left-pane {position: relative; margin-right: 160px; padding: 5px 10px}
#lightbox .left-pane form {height: 370px; overflow: auto}
#lightbox .right-pane {border-left: solid 1px #1F7F00; background-color: #fff; position: absolute; top: 0; right: 0; width: 160px; height: 100%}
.right-pane ul {padding: 0}
.right-pane li {background-image: none; position: relative; padding: 0; margin: 0}
.right-pane li.current {background-color: #DAFFCD; margin-left: -1px; border-top: solid 1px #1F7F00; border-bottom: solid 1px #1F7F00; color: #1F7F00}
#lightbox .right-pane li.current a {padding: 5px; border: none; color: #1F7F00; text-decoration: none}
.right-pane li#filter-create a {display: block; padding: 5px; font: bold 16px arial; background: url(/images/icons/add.gif) 97px 6px no-repeat}
.right-pane li#filter-create.current {border-top: none; border-bottom: solid 1px #1F7F00}
.right-pane li a.edit {display: block; position: relative; margin-right: 22px; padding: 4px 5px; font: normal 11px verdana}
#lightbox .right-pane li a.delete {font: bold 11px verdana; padding: 0; position: absolute; right: 0; top: 0; width: 20px; height: 20px; opacity: 0.4; filter: alpha(opacity=40); background: url(/images/icons/cancel.gif) 1px 50% no-repeat}
#lightbox .right-pane li.current a.delete {height: 24px}
#lightbox .right-pane li a.delete:hover {opacity: 1.0; filter: alpha(opacity=100)}
#lightbox .right-pane #page-links {position: absolute; bottom: 0; width: 150px; font: bold 11px verdana; text-align: right; padding: 2px 5px 2px 5px}
#lightbox .right-pane #page-links img {float: right; margin-left: 5px}
#lightbox .right-pane #page-links a {font: bold 12px verdana; padding: 0; line-height: 18px; float: right; letter-spacing: -1px}
#lightbox .right-pane #page-links a.previous {float: left}
#filter-empty-message {border: none; padding: 5px; text-align: center; color: #999}
#lightbox .ajax-scaffold fieldset h4 {padding-left: 0; margin: 3px 0 0 0; font-size: 14px}
#lightbox .ajax-scaffold fieldset p {margin: 0 0 3px 0; padding-right: 15px}
#lightbox ul.shares li {font-size: 12px}
#lightbox .ajax-scaffold fieldset textarea {height: 45px; width: 95%}
#lightbox .ajax-scaffold fieldset textarea.small {height: 30px}
#lightbox .ajax-scaffold .left-pane .form-footer {position: absolute; top: 380px; left: 7px}
.small-dialog #lightbox .ajax-scaffold .form-footer {top: 140px; left: 2px}
#lightbox .ajax-scaffold .form-footer .submit {font-size: 16px}
#lightbox .ajax-scaffold .messages-container {margin: 0}
#lightbox .ajax-scaffold #errorExplanation {margin: 0 0 5px 0; width: 95%; background-color: #faa}
#lightbox .ajax-scaffold #errorExplanation h2 {display: none}
#lightbox .ajax-scaffold #errorExplanation li {background-image: none}
#dateBox input {width: 80px}
#lightbox h1 {width: auto}
.large-lightbox #lightbox {height: 230px; width: 550px; margin: -150px 0 0 -275px}
.large-lightbox #lightbox #content {height: 220px}
#lightbox .upgrade {padding: 10px}
#lightbox .upgrade h5 {font: normal 12px arial}
#lightbox .upgrade h5 small {font-weight: normal; letter-spacing: 0}
#lightbox .upgrade ol {padding: 0}
#lightbox .upgrade li {float: left; background: none; padding: 0}
#lightbox .upgrade li.features {width: 47%}
#lightbox .upgrade li.subscribe {width: 50%; margin-left: 10px}
#lightbox .upgrade h4 {margin-top: 5px; color: #06c; font: bold 16px georgia; letter-spacing: -1px}
#lightbox .upgrade dl {margin: 5px}
#lightbox .upgrade dt {border: none; margin: 5px 0 0 0; padding: 0; font-size: 14px; font-family: arial; letter-spacing: -1px}
#lightbox .upgrade dd {margin: 0; padding-left: 10px}
#lightbox .upgrade form {padding: 10px 10px 5px; background-color: #ffa}
#lightbox .upgrade form label {font-weight: bold; color: #555; font-size: 18px}
#lightbox .upgrade input.text {font: bold 24px arial; padding: 2px 4px; margin: 0 2px; border: solid 1px #aaa; text-align: right}
#lightbox .upgrade form p {margin-top: 5px; margin-left: 12px}
#lightbox .upgrade .form-footer {margin-top: 10px; margin-left: 0}
#lightbox .upgrade .form-footer input {margin-top: 5px}
#lightbox .upgrade .form-footer a {font-weight: bold; font-size: 16px; letter-spacing: -1px}
#lightbox .upgrade p.footnote {padding-right: 8px; clear: left; padding-top: 8px; font-weight: bold; text-align: right}
#success-banner {margin-bottom: 10px; background-color: #ff8; padding: 5px 10px; font-size: 12px}
#success-banner h2 {margin-top: 0; margin-bottom: 2px}
#loginContainer {margin: 0 auto 10px auto; background: #CCE6FF; width: 250px}
.signup-form {margin: 0 auto; background-color: #DAFFCD; margin-bottom: 15px; width: 250px}
.waiting-list-form {background-color: #ffffcc}
#signupHeader p, .signup-form p {padding: 0 10px 5px 10px; color: #555}
.signup-form p.help {padding: 0; font: normal 11px arial; color: #666}
.signup-form p.help strong {font: bold 11px arial}
#loginContainer fieldset, #signupContainer fieldset, .signup-form fieldset {border: none; margin: 0; padding: 0}
#loginContainer legend, #signupContainer legend, .signup-form legend {display: none}
#loginHeader h3, .signup-form h3 {font: bold 18px arial, sans-serif; padding: 0 5px; letter-spacing: 0; margin: 0}
#loginHeader h3 {color: #fff; margin-top: -2px}
.signup-form h3 {color: #1F7F00}
.waiting-list-form h3 {color: #ff9900}
#loginHeader {background-color: #0099FF; width: 250px; margin: 0 auto; padding-bottom: 2px}
.signup-form {background-color: #DAFFCD; width: 250px; margin: 0 auto}
.waiting-list-form {background-color: #ffc}
#loginContainer input.submit, .signup-form input.submit {font: bold 16px arial, sans-serif; margin-top: 2px}
#loginContainer input.submit {font-size: 14px}
#loginContainer input.text-input, .signup-form input.text-input, select {font: bold 14px arial, sans-serif; width: 95%}
#loginContainer a {font-size: 14px; font-weight: bold}
label {font: bold 11px verdana; display: block; color: #444; padding-top: 2px}
p.checkbox-container {margin-top: 3px; font: normal 11px verdana; padding-left: 16px; position: relative; color: #444}
p.checkbox-container input {position: absolute; margin: 0; top: 0; left: 0}
#loginContainer form, #signupContainer form, .signup-form form {display: block; padding: 0 10px}
#errorExplanation {background: #fcc; margin: 0 10px 5px 10px; width: 225px; padding: 0}
#errorExplanation h2 {font-size: 12px; display: inline; width: 215px; color: #000; background: #f66; margin: 0; padding: 2px 5px}
#errorExplanation ul {margin-top: 2px; padding-bottom: 5px; padding-left: 20px; margin-left: 0}
#errorExplanation p {font-size: 12px; padding: 2px 5px}
#errorExplanation ul li {font-size: 12px}