/**
 * $Id: dateselector.css 5731 2010-12-21 15:03:53Z mlesko $
 *
 * @desc (
 * 		Style sheet specifically for using the SiteExecutive calendar
 * 		module in rendered content.
 * )@
 *
 * @notes (
 * 		This practice should be avoided going forward, but is currently
 * 		required to support legacy code.
 * )@
 *
 * @author	( Rob Wilkerson )@
 * @date	( 6/16/2005 )@
 * @revisions (
 *
 * )@
 */

/**
 * Input field styles
 */
img.dateSelector {
	border: 0px;
	height: 14px;
	width: 14px;
}

img.button {
	margin: 2px;
	position: relative;
	top: 3px;
}
img.buttonRaised {
	border: 2px outset;
	position: relative;
	top: 3px;
}
img.buttonPressed {
	border: 2px inset;
	position: relative;
	top: 3px;
}

/**
 * The calendar frame
 */
iframe.calendar {
	border: 1px solid #67829f;
	height: 190px;
	left: 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	width: 148px;
	z-index: 500;
}

/**
 * Calendar styles
 */
body.calendar {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin: 0px;
	padding: 0px;
}
th.calendar,
td.date {
	font-size: xx-small;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}
th.calendar {
	background-color: #67829f;
	color: #ffffff;
}
th.calendar div {
	width: 20px;
}
td.date {
	background-color: #ebecee;
	cursor: pointer;
	width: 20px;
}
td.bracketMonths {
	color: #A9A9A9;
}
td.selected {
	background-color: #c5d0dd;
}
.href {
	cursor: pointer;
}
th.title {
	background-color: #67829f;
	color: #ffffff;
	font-size: xx-small;
	height: 20px;
	padding-left: 4px;
	text-align: right;
	vertical-align: middle;
}
th.title div {
	float: left;
}
th.title img {
	border: 0px;
	height: 9px;
	margin-right: 4px;
	vertical-align: middle;
	width: 9px;
}