body { 
	margin: 0; padding: 0; text-align: center; 
	font-family: "Lucida Sans", arial, sans-serif; 
	font-size: 13px; 
}
.bod { position: relative; margin: 0.5em auto 1em auto; width: 960px; text-align: left; }
.BoxedPage .bod { width: 400px; text-align: center;}
.BoxedPage .bod input[type='text'], .BoxedPage .bod input[type='password'] { text-align: center;}
#loading {
	position: absolute;
	top: 5px;
	right: 5px;
	}
#loading.cal-personal {
	position: absolute;
	top: 52px;
	right: 370px;
	}
#message {
	position: absolute;
	top: 52px;
	right: 400px;
	color: red;
}
.AdminPage #loading, .AdminPage #message {
	right: 220px;
	top: 97px;
}

#calendar {
	width: 960px;
	margin: 0 auto;
	}

#calendar.cal-personal {
	width: 720px;
	margin: 0;
	}
#agenda {
	position: absolute;
	width: 200px;
	top: 47px;
	right: 0;
	border: 1px solid #ccc;
	font-size: 11px;
}
form #agenda { position: relative; top:0; left: 0; right: auto; margin: 2em 0 1em 135px; }
#agenda h3 {
	border-bottom:  1px solid #ccc;
	margin: 0; 
	padding: 0.5em;
	background-color: #ebebeb;
}

#yoursched {
	height: 560px;
	padding: 0.5em;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
}
form #agenda #yoursched {
	height: auto;
}


.ui-widget-overlay { opacity: .75;}

#copyright {
	position: relative;
	margin: 1em 0;
}
.identity {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.pageTitle { 
	position: relative;
	font-size: 18px; margin: 0.25em 0 0.5em 0; padding: 0.5em; line-height: 1;
	background: #ebebeb;
	border: 1px solid #ccc;
	}
#nav, #navadmin { position: absolute; padding: 0 0.5em; top: 0.5em; right: 0.5em; font-size: 11px; text-align: right;}

#emailmessage { position: absolute; top: 5em; right: 0.2em; font-size: 11px; }
.emailmessage .ui-button-icon-primary.ui-icon-mail-closed { left: 0.3em; margin-top: -7px; }

.UPText {
	font-size: 12px;
	margin: 1em 0 0 0;
}
.LoginArea {
	font-size: 16px; line-height 22px; padding: 0.3em; 
}
#loading { top: 4em; right: 12em; text-align: right; }

.legend { display: inline-block; font-size: 10px; text-transform: uppercase; margin-right: 2em; }
.legend span { display: inline-block; padding: 0.3em; margin: 0 0.3em; color: #fff; }
.legend .green { background-color: #090; }
.legend .red { background-color: #c00; }
.helpicon { display: inline-block; padding: 0.2em 0.5em; border: 1px solid #ccc; margin: 0 0.3em; color: #00c; text-decoration: none; }

.datelisting .btn-addme { font-size: 9px; text-transform: uppercase; line-height: 1.0; }

.datelisting .btn-remove { font-size: 9px; text-transform: uppercase; line-height: 1.0; }

.datelisting .ui-button-icon-primary { left: 0.3em; margin-top: -10px; }
.datelisting .ui-button-icon-primary.ui-icon-minus { left: 0.3em; margin-top: -9px; }

.btn-delete { position: absolute; top: 5em; right: 0.5em; text-align: right; font-size: 9px; }
.edituser .btn-delete { right: 3em; }
.btn-delete a { font-size: 9px; text-transform: uppercase; line-height: 1.0; }

table#allMembers, table#oneMember, table#oneDate { 
	font-size: 11px; margin: 1em 0; padding: 0; width: 100%; 
	border-collapse: collapse; 
	border: 0;
}

table#allMembers th, table#oneMember th, table#oneDate th { border-bottom: 1px solid #000; margin: 0; padding: 0.5em; }

table#allMembers tr, table#oneMember tr, table#oneDate tr { margin: 2px 0; padding: 0; }

table#allMembers td, table#oneMember tr, table#oneDate tr { margin: 0; padding: 0.5em; }

table#allMembers .odd {
	background-color:#ebebeb;
	}
table#allMembers .even {
	background-color:white;
	}
table#allMembers .off {
	background-color:red;
	}
table#allMembers .on {
	background-color:blue;
	}
table#allMembers .hover {
	background-color:#ccc;
	color:#00c;
	cursor:pointer;
	}
table#allMembers .selected {
	font-style:italic;
	}

#oneMember input[type=text], #oneMember input[type=password] {
	width: 200px; font-size: 13px; padding: 3px;
}

#oneDate input[type=text], #oneDate input[type=password] {
	width: 100px; font-size: 13px; padding: 3px;
}
table#oneMember label, table#oneDate label {
	display: block; 
	text-align: right;
	padding: 2px 4px 0 0;
}
table#oneMember label.left, table#oneDate label.left { 
	display: inline; 
	text-align: left;  
	padding: 2px 0 0 1px;
}

table#oneMember h3, table#oneDate h3 {
	margin: 1.5em 0 0.1em 0;
	padding: 0;
}
table#oneMember .rowheader, table#oneDate .rowheader {
	border-bottom: 1px solid #ccc;
}
table#oneMember .rowheader td, table#oneDate .rowheader td {
	padding-bottom: 0.5em;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: #fff;
}