/* CONTAINER */
div.coordinator.container {
    padding-right: 8px;
}

div.coordinator.shadow {
    box-shadow: 0 0 1.5em #AAA;
    -moz-box-shadow: 0 0 1.5em #AAA;
    -webkit-box-shadow: 0 0 1.5em #AAA;
    margin: 16px;
    padding: 16px;
}

/* MESSAGES */
div.coordinator.message {
    background-color: #FFF;
    border: 1px solid #AAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 0 16;
    padding: 8px;
}
div.coordinator.message.msuccess {
    border-color: #0B0;
    color: #080;
}
div.coordinator.message.merror {
    border-color: #F00;
    color: #A00;
}

/* CALENDAR TABLE */
table.coordinator.calendar {
    border: 1px solid #AAA;
    border-collapse: collapse;
    width: 100%;
}
table.coordinator.calendar th {
    background-color: #222;
    border: 1px solid #AAA;
    color: #FFF;
    font-weight: bold;
    padding: 2px 4px;
    text-align: center;
    width: 14.3%;
}
table.coordinator.calendar td {
    border: 1px solid #AAA;
    height: 85px;
    padding: 2px 4px;
    vertical-align: top;
    width: 14.3%;
}
table.coordinator.calendar td span.number {
    font-style: italic;
    font-size: 0.9em;
}
table.coordinator.calendar td span.event {
    background-color: #238;
    border: 1px solid #006;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 0.7em;
    line-height: 1.2em;
    margin: 1px 0 2px;
    padding: 0px 2px;
    text-align: left;
}
table.coordinator.calendar td.day {
    background-color: #FFF;
}
table.coordinator.calendar td.today {
    background-color: #FFB;
}
table.coordinator.calendar td.empty {
    background-color: #DDD;
}

/* LIST TABLE */
table.coordinator.list {
    border: 1px solid #AAA;
    border-collapse: collapse;
    /*width: 100%;*/
}
table.coordinator.list th {
    background-color: #222;
    border: 1px solid #AAA;
    color: #FFF;
    font-weight: bold;
    padding: 2px 4px;
}
table.coordinator.list td {
    border: 1px solid #AAA;
    padding: 2px 4px;
    vertical-align: top;
}
table.coordinator.list td.center {
    text-align: center;
}


/* GRID TABLE (lol) */
table.coordinator.grid {
    border: 1px solid #AAA;
    border-collapse: collapse;
    margin-bottom: 16px;
}
table.coordinator.grid > thead > tr > th.heading {
    background-color: #333;
    color: #FFF;
    padding: 2px 4px;
    text-align: center;
}
table.coordinator.grid td,
table.coordinator.grid th {
    border: 1px solid #AAA;
    padding: 2px 4px;
}
table.coordinator.grid td.break {
    border-top-width: 2px;
}
table.coordinator.grid td.unassigned {
    color: #F00;
}
table.coordinator.grid td.assigned {
    color: #00F;
}

/* ADMINISTRATION */
ul.coordinator.adminnav {
    background-color: #FFF;
    border: 1px solid #AAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: right;
    list-style: none;
    margin: 0 8px 0 0;
    padding: 3px 6px;
}
ul.coordinator.adminnav li {
    display: block;
    float: left;
    margin: 0 2px;
}
ul.coordinator.adminnav li a, ul.coordinator.adminnav li span {
    display: block;
    padding: 2px 4px;
}
ul.coordinator.adminnav li.active a {
    background-color: #EEE;
    font-weight: bold;
}
ul.coordinator.adminnav li a:hover {
    background-color: #CCC;
}

ul.coordinator.tabs {
    border-bottom: 1px solid #AAA;
    clear: both;
    display: block;
    height: 26px;
    list-style: none;
    margin: 0;
}
ul.coordinator.tabs li {
    background-color: #DDD;
    border: 1px solid #AAA;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
}
ul.coordinator.tabs li.active {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}
ul.coordinator.tabs li a {
    display: block;
    padding: 4px 8px;
    text-decoration: none;
}
div.coordinator.tabdata {
    background-color: #FFF;
    border: 1px solid #AAA;
    border-top-width: 0px;
    clear: both;
    display: none;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 12px;
}
div.coordinator.tabdata.active {
    display: block;
}

.coordinator input, .coordinator textarea, .coordinator select {
    display: block;
}
.coordinator label {
    display: block;
    float: left;
    width: 100px;
}
.coordinator input.button.red {
    background-color: #FDD;
    border-color: #C66;
}

.coordinator td {
    vertical-align: top;
}

.coordinator .recur input, .coordinator .recur select, .coordinator .recur textarea, .coordinator .recur label {
    display: inline;
}
.coordinator .recur label {
    float: none;
    width: auto;
}

.blueBox {
    border: 1px solid #AAC;
    background-color: #EEF;
    padding: 8px;
    margin-bottom: 8px;
}

.redBox {
    border: 1px solid #CAA;
    background-color: #FEE;
    padding: 8px;
    margin-bottom: 8px;
}

.grayBox {
    border: 1px solid #999;
    background-color: #D8D8D8;
    padding: 8px;
    margin-bottom: 8px;
}

.whiteBox {
    border: 1px solid #999;
    background-color: #FFF;
    padding: 8px;
    margin-bottom: 8px;
}

.hoverBox {
    border: 1px solid #000;
    background-color: #FFE;
    cursor: pointer;
}

.cornerClose {
    padding: 1px;
    border: solid #333;
    border-width: 0px 0px 1px 1px;
    color: #FFF;
    background-color: #A00;
    font-weight: bold;
    text-align: center;
    width: 18px;
    float: right;
}

.cornerClose:hover, .cornerCloseHover {
    background-color: #F00;
    cursor: pointer;
}