/* CSS Compiled from LESS - http://lesscss.org */

div.cal { border: 1px solid #5e773d; position: relative; width: 798px; font-family: arial, helvetica, sans-serif; margin-bottom: 12px; border-radius: 5px; }
div.cal .monthName { text-align: center; font-weight: bold; font-size: 1.1em; margin-bottom: 2px; background-color: #5e773d; color: #ffffff; }
div.cal .dayName { width: 112px; float: left; margin-left: 1px; margin-right: 1px; background-color: #5e773d; color: #ffffff; font-size: 0.9em; text-align: center; font-weight: bold; }
div.cal .dayNameContainer { overflow: auto; }
div.cal .day { width: 112px; float: left; background-color: #d0ddcc; margin: 1px; height: 100px; font-size: 0.9em; text-align: left; overflow: auto; }
div.cal .empty { background-color: #ffffff ! important; }
div.cal .past { background-color: #b0bbaa ! important; }
div.cal .today { background-color: #ffffaa ! important; }
div.cal .day b { font-size: 0.9em; margin: 2px; }
div.cal .dayContainer { text-align: center; position: relative; overflow: auto; }
div.cal .event { font-size: 0.9em; background-color: #b32929; color: #ffffff; padding: 1px 2px; margin-bottom: 4px; cursor: pointer; z-index: 5; position: relative; }
div.cal .day .event > div { position: relative; }
div.cal .day .event .split_bottom { background-color: #008f48 ! important; position: absolute; right: 0; bottom: 0; width: 50%; height: 50%; }
div.cal .day .event .split_top { background-color: #008f48 ! important; position: absolute; left: 0; top: 0; width: 50%; height: 50%; }
div.cal .end > .split_bottom { border-bottom-right-radius: 4px; }
div.cal .start > .split_top { border-top-left-radius: 4px; }
div.cal .start { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
div.cal .end { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
div.cal .details { font-size: 0.9em; color: #ffffff; margin-left: 5px; position: absolute; width: 300px; display: none; cursor: default; z-index: 2000; margin-top: -2px; }
div.cal .details .heading { background-color: #b32929; padding: 2px 3px; font-weight: bold; border-top: 1px solid #5e773d; border-left: 1px solid #5e773d; border-right: 1px solid #5e773d; position: relative; z-index: 10; border-top-left-radius: 4px; border-top-right-radius: 4px; }
div.cal .details .content { background-color: #ffffff; color: #000000; padding: 2px 3px; border-left: 1px solid #5e773d; border-right: 1px solid #5e773d; border-bottom: 1px solid #5e773d; position: relative; z-index: 10; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
div.cal .details .label { color: #5e773d; font-weight: bold; width: 50px; }
div.cal .details .shadow { background-color: #000000; position: absolute; bottom: -2px; right: -2px; z-index: 3; width: 301px; height: 100%; opacity: 0.4; filter: alpha(opacity=40); overflow: hidden; border-radius: 4px; }
div.cal .details .heading .actions { float: right; margin-right: 0px; line-height: 1.1em; font-size: 0.9em; }
div.cal .details .actions span { color: #cccccc; }
div.cal .details .actions a { color: #cccccc; text-decoration: none; }
div.cal .details .actions span:hover { color: #ffffff; }
div.cal .details .actions a:hover { color: #ffffff; }
div.cal .time { color: #cccccc; }
div.cal .closeIt { cursor: pointer; }
div.cal .edit { cursor: pointer; }
div.cal td { padding-bottom: 5px; }
div.cal .crew { background-color: #008f48 ! important; }
div.cal .crew .time { color: #c1d9c1 ! important; }
div.cal .crew .closeIt { color: #c1d9c1 ! important; }
div.cal .details .crew .actions span { color: #c1d9c1; }
div.cal .crew .edit a { color: #c1d9c1; }
div.cal .crew .closeIt:hover { color: #ffffff ! important; }
div.cal .crew .label { color: #008f48 ! important; }
div.cal .church { background-color: #005696 ! important; }
div.cal .church .time { color: #c1c1d9 ! important; }
div.cal .church .closeIt { color: #c1c1d9 ! important; }
div.cal .details .church .actions span { color: #c1c1d9; }
div.cal .church .edit a { color: #c1c1d9; }
div.cal .church .closeIt:hover { color: #ffffff ! important; }
div.cal .church .label { color: #b32929 ! important; }
div.cal .personal { background-color: #000000 ! important; }
div.cal .personal .time { color: #c1c1c1 ! important; }
div.cal .personal .closeIt { color: #c1c1c1 ! important; }
div.cal .details .personal .actions span { color: #c1c1c1; }
div.cal .personal .edit a { color: #c1c1c1; }
div.cal .personal .closeIt:hover { color: #ffffff ! important; }
div.cal .personal .label { color: #b32929 ! important; }

div.cal .gold { background-color: #FFD700 ! important; color: #000; }
div.cal .gold .time { color: #333 ! important; }
div.cal .gold .closeIt { color: #333 ! important; }
div.cal .details .gold .actions span { color: #333; }
div.cal .gold .edit a { color: #333; }
div.cal .gold .closeIt:hover { color: #000000 ! important; }
div.cal .gold .label { color: #b32929 ! important; }

div.splitLeft { width: 400px; float: left; }
div.splitRight { width: 300px; padding-left: 5px; border-left: 1px solid #cc0033; float: right; }

div.ui-dialog-content label { width: 125px; clear: left; line-height: 1.5em; }
div.ui-dialog-content span { float: left; line-height: 1.5em; }
div.ui-dialog { font-family: inherit !important; }
div.ui-dialog .signup_yes, div.ui-dialog .signup_no { width: 40px; text-align: center; }
div.ui-dialog .signup_yes.yes, div.ui-dialog .isGoingAndPaid_yes_yes { color: #0d0; }
div.ui-dialog .signup_yes.no { color: #aaa; cursor: pointer; }
div.ui-dialog .signup_no.yes, div.ui-dialog .isGoingAndPaid_yes_no { color: #d00; }
div.ui-dialog .signup_no.no { color: #aaa; cursor: pointer; }
div.ui-dialog .isGoingAndPaid_no_no, div.ui-dialog .isGoingAndPaid_no_yes { color: #aaa; }
div.ui-dialog .hidePaid { visibility: hidden; }

table.eventSignup input { float: none !important; }
table.eventSignup tr.signedUp { background-color: #ffa; }
table.eventSignup tr.signedUp input[type=text] { background-color: #ffd; }
table.eventSignup tr.signupError { background-color: #faa; }
table.eventSignup tr.signupError input[type=text] { background-color: #fee; }
table.eventSignup tr.signedUpAndPaid { background-color: #cfc; }
table.eventSignup tr.signedUpAndPaid input[type=text] { background-color: #efe; }

select.chosen-select { width: 625px; }