html {background-color: white}
body {margin: 0; padding: 0; background-color: #E5E5E5; font-family: "Lucida Grande", arial, verdana, helvetica, sans-serif; font-size: 13px; color: #333; width: 100%; min-width: 800px}
.shadow {background: url(/images/right-bg.gif?1257433533) repeat-y scroll right center; padding-right: 4px}
.shadow-bottom {margin-bottom: 20px; background: transparent url(/images/bg_bottom.png?1257433533) no-repeat scroll right top; height: 6px; overflow: hidden}
.small-text {font-size: 9px}
h1, h2, h3 {margin: 4px 0px 4px 0px}
h1 {font-size: 28px; color: #000}
h2 {font-size: 16px; color: #4D4D4D}
h3 {font-size: 16px; color: #000}
a, a:visited {color: #03c}
a:hover {color: #FF9834; text-decoration: none}
a img {border: none}
a img:hover {background-color: transparent}
a img:active {background-color: transparent; outline: none}
a.collapse_link {color: #000; text-decoration: none}
fieldset {border: none; border-top: 2px solid #E1E0E0; padding: 10px; margin-bottom: 20px; min-width: 500px; max-width: 650px}
fieldset legend {color: #85AEF9; font-weight: bold; font-size: 18px}
table.form_table td {padding: 0px 1px 1px 5px}
table.form_table td.label {font-weight: bold; text-align: right}
.clear {overflow: hidden; width: 100%}
cite {font-size: 11px}
.even {background-color: #F0F0F0}
.odd {background-color: #FFFFFF}
.floated_right {margin: 1px; float: right}
.floated_left {margin: 1px; float: left}
.center {text-align: center}
.auto-center {margin: auto}
.highlight {text-align: center; font-weight: bold; padding: 2px; background-color: #FFF9D8; border-bottom: 1px solid #E1E0E0}
.light-highlight {background-color: #FFF9D8}
.hp-hr {margin: 30px; background-color: #DADADA; border: 0pt none; color: #DADADA; height: 1px}
div.hr {height: 1px; background-color: #E1E0E0}
div.hr hr {display: none}
#location_title {font-size: 22px; color: #000; margin-left: 60px}
#location_functions {margin-top: 5px}
div.coloritem {float: left; margin-left: 5px; width: 15px; height: 15px}
div.cpselected {background-image: url(/images/selected-color.gif?1257433533); background-repeat: no-repeat; background-attachment: scroll; background-position: center}
div.coloritem A {display: block; width: 100%; height: 100%}
#confirm_dialog {background-color: #FAD163; position: fixed; text-align: center; width: 350px; top: 40%; left: 36%; z-index: 9999}
#confirm_dialog .title {font-weight: bold; padding: 2px}
#confirm_dialog .links {padding: 10px 20px 10px 10px}
.mask {position: relative; opacity: .7; filter: alpha( opacity = 70)}
#confirm_dialog a {margin: 10px}
a.admin {color: #CC3333}
.tooltip {cursor: help; vertical-align: text-bottom}
.tooltip span {display: none; font-size: 14px; font-weight: normal; padding: 3px 6px; margin-left: 15px; width: 250px}
.tooltip:hover span {display: inline; position: absolute; background: #ffffff; background-color: #FFF9D8; border: 2px solid #FFE8CD; color: black; z-index: 100; -moz-border-radius: 7px; -webkit-border-radius: 7px}
.blue-button {background-color: #F2F2F2; border: 2px solid #8CB2F8; text-decoration: none; padding: 3px 7px; margin: 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px}
a.button {color: #444; font: normal 12px arial, sans-serif; font-weight: bold; text-decoration: none; outline: none}
a.button span {display: inline-block; padding: 4px 18px; background: #DDDDDD url('/images/bg_button_span2.png?1257433533') repeat-x; border: 1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px}
a.button:hover span {border: 1px solid #8CB2F8}
a.button img {position: relative; margin: 0px; max-height: 16px; max-width: 16px; top: 3px}
a.button:hover {background-color: transparent}
a.button:active span {background: #F1F1F1; outline: none}
div.bubble {font-size: 0.9em; margin-left: 20px; margin-bottom: 24px; margin-right: 100px}
div.bubble blockquote {margin: 0px; padding: 5px; border: 1px solid #E1E0E0; -moz-border-radius: 7px; -webkit-border-radius: 7px}
bubble blockquote p {margin: 10px; padding: 0px}
div.bubble cite {position: relative; margin: 0px; padding: 7px 0px 0px 15px; top: 6px; background: transparent url('/images/tip.gif?1257433533') no-repeat 20px 0; font-style: normal}
#captcha {margin: .5em 0 .5em 0; font-size: 13px}
.captcha_failed input {border-style: inset; border-color: red; border-width: 3px}
#account-menu {float: right; font-size: 12px; margin-right: 10px; padding: 2px; right: 0px; top: 0px}
.menu-link {font-weight: bold; font-size: 14px; margin: 1px 11px}
a.schedulewall {font-size: 24px; font-weight: bolder; color: #004F99; text-decoration: none}
.beta {font-size: 12px; font-weight: bold; color: gray}
.logo {min-width: 50px; min-height: 35px}
.logo img {max-width: 250px; max-height: 100px; margin: 0}
.avatar img {width: 60px; height: 60px}
.avatar_small img {width: 24px; height: 24px; margin: 0px 2px 0px 0px}
#flash_message {font-weight: bold; text-align: center; color: white; height: 15px; margin-bottom: 7px}
#flash_message a {color: white}
#flash_message .message {height: 15px; padding: 3px 6px 3px 30px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.flash_info {background: url(/images/info.gif?1257433533) no-repeat 10px; background-color: blue}
.flash_notice {background: url(/images/notice.gif?1257433533) no-repeat 10px; background-color: green}
.flash_error {background: url(/images/error.gif?1257433533) no-repeat 10px; background-color: red}
.ajax_message {background: url(/images/spinner.gif?1257433533) no-repeat 30px; font-size: 18px; font-weight: bold; padding: 15px 30px 15px 60px; background-color: #FAD163; position: fixed; top: 40%; left: 40%; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#header {background-color: white; padding-left: 1%; margin-bottom: 20px; border-bottom: 3px solid #8CB2F8}
#content {background-color: white; margin: 0px 27% 0px 2%}
#content_max {background-color: white; margin: 0px 1% 0px 1%}
#content-header {padding: 5px 15px; margin-bottom: 15px; margin-right: 4px; background-color: #EDF3FE; border-bottom: 1px solid #E1E0E0}
.inner-content {margin: 15px}
#content-description {margin: 0 0 10px 10px}
#content-footer {margin-top: 10px}
#sidebar {float: right; width: 24%; margin: 0px 1% 0px 0px}
#sidebar ul {margin-left: 0; padding-left: 0}
#sidebar ul h3 {margin-top: 25px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
#sidebar li {list-style-type: none}
#sidebar ul.links li {margin-bottom: 5px}
#footer {clear: both; font-size: 11px; padding: 10px; text-align: center; background-color: white; border-top: 3px solid #d7d7d7}
#footer span {padding: 0px 5px}
#footer span img {position: relative; top: 4px}
#footer a.selected-lang {color: #999}
.tagline {font-size: 22px; color: #4D4D4D; margin-bottom: 15px}
.product-info {width: 750px; margin: auto; font-size: 13px}
.product-info td {vertical-align: top; text-align: center}
.product-pic img {width: 175px; height: 90px}
.screenshot img {margin: 10px}
#login-logo {text-align: center; margin-top: 30px}
#login-div {text-align: center}
#table-div {text-align: left; width: 480px; margin: 30px auto; padding: 35px 25px; background-color: #EDF3FE; border-bottom: 1px solid #E1E0E0}
#table-div table {width: 100%}
input#openid_url {height: 20px; width: 250px}
#login-div table .input {padding-left: 15px}
#login-div table .label {font-size: 14px; font-weight: bolder; text-align: right}
#login {height: 20px; width: 250px}
#password {height: 20px; width: 250px}
#signup {border-collapse: collapse; font-size: 13px; border-bottom: 1px solid #E1E0E0}
#signup th {padding: 10px 0px; text-align: center; background-color: #EDF3FE; border-bottom: 1px solid #E1E0E0}
#signup th h2 {color: #73B629; margin-bottom: 10px}
#signup td {padding: 0px 5px; text-align: center}
.feature-info {border: 2px solid #FFE8CD; background-color: #FFF9D8; padding: 10px}
#agenda {border-collapse: collapse; width: 99.7%}
#agenda tr {border-bottom: 1px solid #E1E0E0}
#agenda td {vertical-align: top; padding: 3px; margin: 0}
#agenda td.day {width: 170px}
#agenda .agenda_shift {margin-bottom: 10px}
#agenda .agenda_shift td {padding: 0px 5px}
#agenda .agenda_shift tr {border-bottom: none}
#latest_messages {border-collapse: collapse; width: 99.7%}
#latest_messages td {padding: 10px 0px; border-bottom: 1px solid #E1E0E0}
#latest_messages td.message {width: 70%}
#latest_messages td.comment {width: 30%}
.dimmed {font-size: 12px; color: gray}
.comment_bubble {color: white; font-size: 11px; font-weight: bold; float: left; background: url(/images/comment.png?1257433533) no-repeat; height: 32px; width: 32px; padding-top: 5px; text-align: center; margin: 0px 10px 0px 0px}
.comment_bubble a {color: white}
.member {height: 120px; padding: 10px}
.member td {text-align: left}
.member .member-detail {width: 250px; min-width: 250px}
.member .member-picture {width: 100px; min-width: 100px}
.member .member-admin {width: 150px; min-width: 150px; text-align: center; line-height: 25px; font-size: 11px}
#tabs {line-height: normal; height: 25px}
#tabs ul {margin: 0; padding: 0px 10px 0 50px; list-style: none}
#tabs li {display: inline; margin: 0; padding: 0}
#tabs a {float: left; background: url("/images/tableft.gif?1257433533") no-repeat; background-position: 0% -42px; margin: 0; padding: 0 0 0 4px; text-decoration: none}
#tabs a span {float: left; display: block; background: url("/images/tabright.png?1257433533") no-repeat; background-position: 100% -42px; padding: 5px 15px 4px 6px; color: #333}
#tabs a span {float: none}
#tabs a:hover span {color: #FF9834}
#tabs a:hover {background-position: left top}
#tabs a:hover span {background-position: right top}
#tabs #current a {background-position: left top}
#tabs #current a span {color: #FF9834; font-weight: bold; font-size: 14px; background-position: right top}
.messages_rss {margin: 10px; float: right}
div.message {margin: 20px 10px 50px 10px; position: relative; background-color: #F0F0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E9E9E9; margin-bottom: 1em}
div.message .message-content {background: transparent url(/images/brcorner.gif?1257433533) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 5px 15px 15px 15px}
div.message .paper-clip {width: 30px; height: 60px; display: block; position: absolute; top: -3px; left: 0px; background: url(/images/paper-clip.gif?1257433533) no-repeat; z-index: 3}
div.message .pin {width: 28px; height: 21px; display: block; position: absolute; top: -12px; left: 45%; background: url(/images/pin.png?1257433533) no-repeat}
div.message .title {margin-top: 0px}
div.message .body {margin-top: 20px}
div.message .author {margin-top: 10px}
.alt-header {padding: 5px; margin-bottom: 15px; background-color: #E9E9E9; border-bottom: 1px solid #E1E0E0}
#calendar_picker {position: absolute; z-index: 1; margin-left: 165px; width: 200px; background-color: white; border: 3px solid #8CB2F8}
.widget {margin: 0px}
.widget .heading {background: #EDF3FE; padding: 5px; margin-right: 4px; border-bottom: 1px solid #E1E0E0; font-size: 13px}
.widget .content {margin-right: 5px; padding: 4px; overflow: auto; background-color: white}
.widget .template {margin-top: 2px}
.shift_type {padding: 1px 4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 12px; color: white}
.shift_type a {color: white; text-decoration: none; background-color: inherit}
.shift_type a:hover {color: white; text-decoration: underline}
#schedule table {table-layout: fixed; border-collapse: collapse; border-bottom: 1px solid #E1E0E0; width: 99%}
#tab-views {margin: 0px 0px 0px 20px}
.tab-view {padding: 7px 10px 2px 10px; margin: 0px 3px; background: white; color: #FF9834; font-weight: bold; border: 1px solid #E1E0E0; border-bottom: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px}
#schedule .last {border: none}
#schedule th {padding: 2px 0px; overflow: hidden; border: none}
.month-schedule td {border-right: 1px solid #E1E0E0}
.hour-header {text-align: center}
.current-day {background-color: #FFFFCC}
#current-hour {position: absolute; width: 2px; background-color: #FF997A}
.hour-indicator {position: absolute; background-color: #E1E0E0; width: 1px}
#schedule td.drop-zone {text-align: right; vertical-align: top}
#schedule td.drop-hover {background-color: #F1F1F1}
#schedule .schedule_member {width: 9%; border-bottom: 1px solid #E1E0E0; vertical-align: top}
#schedule .schedule_member .member-drag {cursor: move; margin: 1px; float: right; background-image: url(/images/drag.gif?1257433533); height: 16px; width: 16px}
#schedule .member-add {background-image: url(/images/add.png?1257433534); display: block; float: right; height: 16px; width: 16px}
#schedule .weekday {width: 13%; vertical-align: top}
#schedule th.weekday a {color: black; text-decoration: none}
#schedule th.weekday a:hover {color: black; text-decoration: underline}
#schedule .holiday {font-size: smaller; color: #4D4D4D}
#schedule .hour {font-size: 8px; overflow: hidden; text-align: left}
#schedule .schedule_member div {width: 100%; height: 100%; overflow: hidden}
.week_number {float: left; font-size: 10px; font-weight: bold; padding: 2px; width: 45px; max-width: 45px; background-color: #EDF3FE; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#repeat_block {margin-left: 40px}
.shift, .viewer-shift, .template {font-size: 10px; color: white; position: relative}
.shift .note, .viewer-shift .note, .template .note {white-space: nowrap; padding: 0 2px 0 2px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; cursor: move}
#schedule .bar-content {width: 100%; border-collapse: collapse; border: none}
#schedule .bar-content tr, #schedule .bar-content td {border: none}
.shift .bar-content .desc, .viewer-shift .bar-content .desc, .template .bar-content .desc {width: 100%; white-space: nowrap; text-align: left; overflow: hidden; text-overflow: ellipsis}
.shift .title, .viewer-shift .title, .template .title {white-space: nowrap; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; background-color: #CC3333; text-align: center}
.shift .title a, .viewer-shift .title a, .template .title a {color: white; text-decoration: none; background-color: inherit}
.shift .title a:hover, .template .title a:hover {color: white; text-decoration: underline}
.viewer-shift .title a:hover {color: white}
.shift .exceeds-week, .viewer-shift .exceeds-week {float: right; margin-right: 4px}
.shift .preceeds-week, .viewer-shift .preceeds-week {float: left; margin-left: 4px}
.filler {border: none}
#chat-stage {height: 350px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 20px}
#chat {width: 98%; margin-bottom: 20px}
.chat-header {border: 1px solid #E1E0E0; padding: 3px; background-color: #F0F0F0}
.chat-time {font-size: 10px; float: right}
.chat-member {font-weight: bold}
.chat-body {padding: 3px 3px 10px 3px}
#chat-entry {width: 81%; height: 50px}
#send-message {float: right; width: 17%}
.online-member {background: url(/images/online.gif?1257433533) no-repeat; background-position: left; padding-left: 15px}
.offline-member {background: url(/images/offline.gif?1257433533) no-repeat; background-position: left; padding-left: 15px}
.pagination {padding: 2px}
.pagination ul {margin: 0; padding: 0; text-align: left; font-size: 12px}
.pagination li {list-style-type: none; display: inline; padding-bottom: 1px}
.pagination a, .pagination a:visited {padding: 0 5px; border: 1px solid #D3D3D3; text-decoration: none; color: blue}
.pagination a:hover, .pagination a:active {border: 1px solid #2b66a5; background-color: #03c; color: white}
.pagination li.currentpage {font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #03c; color: #FFF}
.pagination li.disablepage {padding: 0 5px; border: 1px solid #f0f0f0; color: #D3D3D3}
.pagination li.nextpage {font-weight: bold}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin-right: 5px; padding-right: 0}
span.translation-key {font-size: 11px; font-weight: normal; color: black; background-color: yellow; font-family: geneva; border: 1px solid #444; padding: 0 1px; text-transform: none; font-style: normal}
.border_none {border: none}
#location-dropdown, #location-dropdown ul {float: right; font-size: 12px; padding: 2px; margin: 0; list-style: none}
#location-dropdown li {float: left; position: relative}
.mainitems {margin-right: 15px}
.subuls {display: none; width: 10em; position: absolute; top: 1.2em; left: 0; background-color: white; border-left: 1px solid #E1E0E0; border-right: 2px solid #D3D3D3; border-bottom: 2px solid #D3D3D3}
.subuls li {width: 100%; padding: 2px}
.subuls li a {text-decoration: underline}
#location-dropdown li > ul {top: auto; left: auto}
#location-dropdown li:hover ul, li.over ul {display: block}
div#tour-glider {margin-top: 20px}
div#tour-glider .controls {font-size: 18px}
div.scroller {width: 100%; height: 400px; overflow: hidden}
div.scroller div.section {width: 100%; height: 400px; overflow:hidden; float:left; padding:1em}
div.scroller div.section table td{ width: 500px; text-align: left}
div.scroller div.section h1{ padding-right: 30px; font-size: 20px; color: #D7D7D7; margin-bottom: 25px}
div.scroller div.section ol li{ font-size: 14px; margin-right: 10px}
div.scroller div.content {width: 100%}
pre {background-color: #eee; padding: 10px; font-size: 11px}
.fieldWithErrors {padding: 0px; background-color: #CC0000; display: table}
#errorExplanation {width: 400px; border: 2px solid #CC0000; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
div.uploadStatus {margin: 5px}
div.progressBar {margin: 5px}
div.progressBar div.border {background-color: #fff; border: 1px solid grey; width: 100%}
div.progressBar div.background {background-color: #333; height: 18px; width: 0%}
div#slider-container {width:600px; position:relative; border:1px solid #000000; height:30px; overflow:hidden; background-color:#FFFFFF}
div#sliderbar {position:absolute; background: url(/images/slidebg.gif?1257433533) repeat-x; background-position:0px 6px; width:3000px; height:30px; cursor:pointer}
div.slideYear {position:relative; height:23px; float:left; border:0px solid #BEBEBE; border-left-width:1px; top:3px; font-size:.6em; font-family:verdana; font-weight:bold; color:#888888}
div.slideMonth {height:16px; border:0px solid #BEBEBE; border-left-width:1px; position:absolute; float:left; top:7px; font-size:.7em; font-family:verdana; font-weight:bold}
div.firstMonth {border-left-width:0px}
span#lefthandle, span#righthandle {background-color:#F2964B; position:absolute; top:0px; width:5px; cursor:w-resize; height:27px; display:block; z-index:1}
div#shiftpanel {top:3px; position:absolute; height:20px; background-color:#0000FF; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; z-index:0}
div.zoomPanel {width:92px; position:absolute; height:12px; background-color:#FFF; right:0px; top:0px; opacity:.85; filter:alpha(opacity=85); border:1px solid #EEE; border-width:0px 0px 1px 1px; font-size:10px; padding:2px; padding-top:0px}
div.zoomPanel a.zoom {text-decoration:none; color:#000}