div#openagenda, .reserveSlotDialog table td, .validationMessage, .gwt-DialogBox { font-family: Arial, Helvetica, sans-serif; font-size: 100%;
}
div#openagenda { margin-left: 3px;
}
.reserveSlotDialog table td { font-size: 100%;
}
.reserveSlotDialog table td a { font-size: 90%;
}
/* Select panel */
.selectPanel { margin: 10px 5px; padding: 0 5px 5px 5px;
}
.resultsTable, .controls { margin: 10px;
padding: 5px;
}
.selectPanel { width: 200px;
border: 3px solid #1C52A4; background: #3589CB url("images/background.gif") top left repeat-x;
}
.selectPanel .gwt-Label { margin-top: 5px; font-size: 100%; color: #eee;
}
.selectPanel .buttonPanel { width: 80%; margin-top: 8px; margin-bottom: 8px;
}

.selectPanel .dayPartWidget { width: 80%;
}
.selectPanel .disciplineWidget { width: 90%;
}
.selectPanel .locationWidget { width: 90%;
}
/* Result panel */
.resultsTable { background-color: #eee; border-collapse: collapse; padding-bottom: 10px;
}
.resultsTable td { padding: 1px 3px; border-bottom: 1px solid #999; white-space: nowrap;
}
/* ***** DIALOGS *******/
.gwt-DialogBox table td { font-size: 100%;
}
.gwt-DialogBox { background-color: #fff; border: 2px solid #3589CB; width: 300px;
}
/* todo: temporary implementation specific, labels and other elements don't obey dimension of dialogbox */ .gwt-DialogBox div {
padding: 2px;
}
.gwt-DialogBox .gwt-Label { width: 80%; margin-right: 20px;
}

/* Reserve time slot */
.reserveSlotDialog { background-color: #fff; border: 1px solid #999;
margin-top: 263px; margin-left: 226px; }
.reserveSlotDialog .proposedDate, .reserveSlotDialog .paragraph, .reserveSlotDialog .formLabel { padding: 10px; padding-bottom: 2px;
}
.reserveSlotDialog .proposedDate .date { font-weight: bold;
}
.reserveSlotDialog .proposedDate { padding-left: 40px;
}
.reserveSlotDialog .chosenSlotLabel { padding-bottom: 0.4em;
}
.reserveSlotDialog .closeButton { background: url("images/close.gif") top left no-repeat;
margin: 4px; width: 20px; height: 20px;
}
.reserveSlotDialog .closeButton { cursor: pointer;
}
.reservationForm { width: 300px;
}
.reservationForm .reservationComments { width: 88%; height: 50px;
}
.gwt-StackPanelItem { font-weight: bold; border-bottom: 1px dotted #666;

padding: 3px 2px ; }
.gwt-StackPanelItem { cursor: pointer;
}
.reserveSlotDialog button { margin-top: 20px; margin-bottom: 15px;
}
/* Careweb widgets */
.validationMessage { font-size: 75%;
}
/* GWT widgets: Paging control layout */ .oddRow { }
.evenRow { } .oddCell { } .evenCell { } .headerRow { } .headerCell { font-weight: bold;} .pagingRow { }
.noPreviousPageCell a, .noNextPageCell a { text-decoration: none; color: #666; cursor: default;
}
.noPreviousPageCell a, .noNextPageCell a, .previousPageCell a, .nextPageCell a, .resultsTable { padding-bottom: 5px;
}
.noPreviousPageCell a { background: url("images/icon_arrow_left_disabled.gif") top left no-repeat; padding-left: 20px; visibility: hidden;

}
.noNextPageCell a { background: url("images/icon_arrow_right_disabled.gif") top right no-repeat; padding-right: 20px;
}
.pageCell, .currentPageCell { display: none;
}
.previousPageCell a { background: url("images/icon_arrow_left.gif") top left no-repeat; padding-left: 20px;
}
.nextPageCell a { background: url("images/icon_arrow_right.gif") top right no-repeat; padding-right: 20px;
}