div#openagenda, .reserveSlotDialog table td, .validationMessage, .gwt-DialogBox {

}

#openagenda {
	max-width: 300px;	
}

.reserveSlotDialog table td {
	background-color: #9c7244;
	color: #e0dbbc;
	font-family: 'Arial';
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 14px;
}


.reserveSlotDialog a {
	color: #330000;
}

.reserveSlotDialog a:hover {
	text-decoration: none;
}


.reserveSlotDialog table td a {
	
}

/* Select panel */
.selectPanel {
	margin: 10px 0 0 0;
}

.resultsTable, .controls {
	
}

.selectPanel {
	
}

.selectPanel .gwt-Label {
	display: block;
	
}

.selectPanel button {
	width: 53px;
	background: none;
	border: 0;
	background-image: url('/img/search.jpg');
	background-repeat: no-repeat;
	height: 21px;
	text-indent: -100000px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	display: block;
	margin: 5px 0 0 195px;
}

.selectPanel .dayPartWidget select {
	width: 100%;
	background-color: #886034;
	margin: 0;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;
}


.selectPanel .gwt-ListBox {
	width: 156px;
	background-color: #886034;
	margin: 0 0 0 5px;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;	
}

.selectPanel .disciplineWidget {
	width: 100%;
	background-color: #886034;
	margin: 0;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;
}

.selectPanel .locationWidget {
	width: 100%;
	background-color: #886034;
	margin: 0;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;
}

.selectPanel .datePickerWidget select {
	width: auto;
	background-color: #886034;
	margin: 0 5px 0 5px;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;
}

.selectPanel .datePickerWidget input {
	width: 59px;
	background-color: #886034;
	margin: 0;
	border: 1px solid #946d48;
	color: #e0dbbc;
	font-size: 11px !important;
	letter-spacing: 0px;
}

.selectPanel input {
	width: auto !important;
}

/* 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: 11px;
}

.gwt-DialogBox {
	border: 2px solid #3589CB;
	width: 300px;
	background-color: #9c7244;
	color: #e0dbbc;
	font-family: 'Arial';
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 14px;
}

/* todo: temporary implementation specific, labels and other elements don't obey dimension of dialogbox */
.gwt-DialogBox div {
	padding: 2px;
		color: #e0dbbc;
	background-color: #9c7244;
}

.gwt-Label {
	display:  block;
	width:  100%;
	margin:  10px 0 0 0;
}

.gwt-DialogBox .gwt-Label {
	width: 100%;
	margin-right: 20px;
}


/* Reserve time slot */
.reserveSlotDialog {
	background-color: #9c7244;
	border: 15px solid #5E3D20;
	color: #e0dbbc;
	font-family: 'Arial';
	font-size: 11px;
	position: relative;
	width: 500px;
	margin: -280px 0 0 -500px;
	padding: 10px;
	z-index: 800;
}

.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("/img/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;
	padding: 3px 2px;
	font-size: 16px;
}

.gwt-StackPanelItem {
	cursor: pointer;
}

.reserveSlotDialog button {
	margin-top: 20px;
	margin-bottom: 15px;
}

/* Careweb widgets */
.validationMessage {
	background-color: #9c7244;
	color: #cc3300;
	font-family: 'Arial';
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 14px;
}

/* 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("/img/previous.gif") top left no-repeat;
	padding-left: 20px;
}

.nextPageCell a {
	background: url("/img/next.gif") top right no-repeat;
	padding-right: 20px;
}