.clear {
   clear: both;
}

.hide {
   display: none;
}

.show {
   display: block;
}

table.login {
	border: none;
	border-collapse: collapse;
	border-spacing: 10px;
	padding: 150px;
	text-align: center;
}

table.login td {	
	padding: 15px;
}

.datatable th {
	background-color: #eeeeee;
	text-align: left;
	padding: 5px;
}

.datatabletitle {
	background-color: #eeeeee;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

.datatablerequested {
   color: #4F8A10;
   background-color: #DFF2BF;
   border: 2px solid #4F8A10;
	font-size: 13px;
	font-weight: bold;
	padding: 7px;
}

#reservation-form {
   float: left; /* Causes width of DIV to fit size of content */
   border: 1px solid #000;
   background-color: #ccc;
   padding:10px;
   margin:10px 0 0 0;
}

#reservation-form p {
   text-align: left;
   padding: 3px 0;
   margin: 0;
   clear: both;
}

#reservation-form label {
   display: block;
   float: left;
   padding: 4px 6px 0 0;
   width: 130px;
   text-align: right;
   font-weight:bold;
}

#reservation-form input.textfield {
	border: 1px solid #adadad;
	padding: 3px;
   float: left;
   width: 200px;
}

#reservation-form .optional {
   display: block;
   float: left;
   padding: 5px 0 0 3px;
   font-size: 12px;
   font-style: italic;
   color: #333;
}

#reservation-form .error {
   display: block;
   float: left;
   padding: 5px 0 0 3px;
   font-size: 12px;
   color: #ff0000;
}

#reservation-form .readonly {
   color: #666;
}

#reservation-form .submit-row {
   width: 336px;
   padding: 10px 0;
}

#reservation-form input.submit-button {
   padding: 0 10px;
   float: right;
}