body, td  {
	font-family: verdana, arial, sans-serif; 
	font-size:12px;
	color:#666666;
}

h4 {
	font-size: larger;
}

#banner {
	font-size:30px;
}

#wrapper {
}

#footer {
	font-size:10pt;
	color:#999999;	
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding: 20px 20px 3px 20px;
	margin-top: 25px;
	height: 30px;
}

#bodyContent {
	vertical-align: top;
	padding: 7px 15px 20px 15px;
	text-align:left;
}

.list {
	border-collapse:collapse;
	width:100%;
}

.list thead th {
	text-align:left;
	padding:2px;
	background-color:#666666;
	color:#ffffff;
}

.list tbody td {
	padding: 2px;
	border: 0px;
}

.list .even {
	background:#f4f4f4;	
}

.list tfoot td {
	padding:2px;
	border:1px Solid #d7d7d7;
}

.edit {
	border:0px Solid #d7d7d7;
	background:#ffffff;
	margin:0px;
	padding:10px;
}

.edit fieldset {
	border:0px;
}

.edit .formfield {
	padding-top:10px;
	display:block;
}

.edit .formfieldReq {
	padding-top:10px;
	display:block;
	color:#FF0000;
}

.edit .formfieldhidden {
	padding-top:10px;
	display:none;
}

.edit label {
	width:250px;
	text-align:right;
	padding:0px 5px 0px 0px;
	clear:both;
	float:left;
}

.edit .error {
	padding:0px 0px 0px 0px;
	color:#f00;
}

.edit .error ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.edit .error ul li {
	text-align:center;
}

.edit .formfieldinputstack {
	float:left;
	padding:0px 0px 10px 0px;
}

.edit .formfieldinputstack label {
	float:none;
	width:auto;	
}

.inputSmall {
	font-size:10px;
}
.edit .input {
	display:inline;
}

.edit .inputhidden {
	display:none;
}

.edit .controls {
	clear:both;
	padding:10px 0px 0px 255px;
}

.errorMessage {
	color:#ff0000;
}

td.navSub {
	background-color:#eeeeee;
	padding: 7px 7px 10px 10px;
	width:126px;
	vertical-align:top;
}
td.navSub p{
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0px 0px 4px 5px;
}

/* RESERVATION */
.dayHeaderOn {
	background-color: #666666;
	padding: 2px 12px 2px 12px; 	
	color: #fcfcfc;
}
.dayHeaderOn strong {
	color: #fcfcfc;
}
.dayHeaderOn a {
	color: #fcfcfc;
	text-decoration: none;
}
.dayHeaderOff {
	background-color: #cccccc;
	padding: 2px 12px 2px 12px; 	
}
.dayHeaderOff a {
	color: #000000;
	text-decoration: none;
}

.ResourceTimeContainer {
	float: left;
}

.small, .small a {
	font-size:10px;
	text-decoration:none;
	color:#333333;
}

.timeSlotHeader {
	font-size:x-small;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	border: 1px solid #CCCCCC;
	height: 25px;
}

.timeSlot {
	font-size:x-small;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.timeSlot a {
	color: #000000;
	width: 100%;
	text-decoration: none;
	display: block;
}

.timeSlot a:hover {
	background-color: #6699CC;
}

.timeSlotReserved {
	font-size:x-small;
	text-align:center;
	background-color:#CCCCCC;
	color:red;
	border:1px solid #CCCCCC;
}

.timeSlotReservedSelf {
	font-size:x-small;
	text-align:center;
	background-color:#0066CC;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.timeSlotDisabled {
	font-size:x-small;
	text-align:center;
	border: 1px solid #FFFFFF;
	background-color:#CCCCCC;
}