
.cal_header { 
	color:#ffffff;
	font-weight: bold;
	font-size: 12px;
}	

.grey_outline_text280 {
	background-color:#eaeaeae;
	background: transparent url(../images/grey_outline_tile280.gif) repeat-y scroll 0%;
	padding: 10px;
	width: 260px;
	font-size: 11px;
}

.grey_outline_footer280 {
	background: transparent url(../images/grey_outline280.gif) no-repeat bottom;
	height: 12px;
	width: 280px;
}

.grey_outline_header280 {
	background: url(../images/keydates_header.gif);
	width: 280px;
	height: 84px;
}

.grey_outline_header280_termdates {
	background: url(../images/termdates_header.gif);
	width: 280px;
	height: 36px;
}

.cal_paginate {
	background-color: #ffffff;
	border: 0px;
	color: #95c431;
	font-size: 11px;
	cursor: pointer;
	padding: 0px; margin: 0;
}

.green { color: #95c431; }
.font-size12 { font-size: 12px; }

.greybar_cal {
	background-color: #dddddd;
	height: 1px;
	width: 100%;
}

div#staffcal-container {
	width: 686px; 
	margin-left:auto; margin-right:auto; 
	padding-top: 75px;
	height: 320px;
}

div#staffcal-intro {
	width: 220px; 
	margin-right: 0px;
	float: left;
}

div#logincal_container { 
	width: 376px;
	background-color: #AAAAAA;
	text-align: left;
	padding: 5px; 
	height: auto; 
	float: right;
}

#logincal_inner { 
	background-color: #ffffff; 
	padding: 20px;
	width: 336px;
}

input.login-cal {
	border:1px solid #BFBFBF;
	margin:3px 0 6px;
	width:240px;
}


/* STAFF CALENDAR */

table.staff_calendar td { padding-bottom: 5px; }
.staff_calendar_header {
	width: 270px;
	height: 43px;
	line-height: 43px;
	background: url(../images/staff_calendar_header.jpg);
	padding-left: 10px;
	vertical-align: middle;
	font-weight: bold;
}
textarea.staff_calendar_title {
	overflow: auto;
	width: 260px;
	height: 30px;
	border: 1px solid #b6b6b6; 
	font-family: Verdana,Helvetica,Arial;
	font-size: 11px;
}
textarea.staff_calendar_details {
	overflow: auto;
	width: 260px;
	height: 80px;
	border: 1px solid #b6b6b6; 
	font-family: Verdana,Helvetica,Arial;
	font-size: 11px;
}
input.staff_calendar_dates {
	border: 1px solid #b6b6b6; 
	width: 135px;
} 
select.staff_calendar_cat { border: 1px solid #b6b6b6; padding: 0px; margin: 0px; width: 160px;  }
td.timepicker div { float: left; display: inline; width: 93px; }
td.timepicker select { border: 1px solid #b6b6b6; padding: 0px; margin: 0px; width: 40px; }

input.staff_change_password {
	width: 110px;
	border: 1px solid #b6b6b6; 
}
.staff_calendar_sep {
	width: 100%;
	height: 5px;
	background: url(../images/staff_calendar_sep.gif) repeat-x;
	padding; 0px; margin: 0px;
}
.ui-datepicker-trigger { height: 37px; width: 37px; }
