@CHARSET "UTF-8";


/*
---------------------------------------------------------------------------------------------------
| CALENDAR RC4 <http://electricprism.com/aeron/calendar>
---------------------------------------------------------------------------------------------------
*/


	/* Button.
	 * ---------------------------------------------------------------- */

		button.calendar {
			background: transparent url(../../../../images/calendar/sy.gif) no-repeat center;
			
			height    : 19px;
			border    : 0 none transparent;
			margin    : 0 0 0 2px;
			padding   : 0px; 
			width     : 19px;
			vertical-align: middle; }

		button.calendar:hover, button.calendar.active { cursor: pointer; }


	/* Main element.
	 * ---------------------------------------------------------------- */

		div.calendar {
			background: transparent url(../../../../images/calendar/bg.gif) no-repeat top left;
			font-size : .7em;
			height    : 166px;
			padding   : 0 0 0 2px;
			text-align: center;
			width     : 157px; }

		div.calendar * {
			margin : 0;
			padding: 0; }

		div.calendar div {
			background : none !important;
			cursor     : move;
			height     : 150px;
			overflow   : hidden;
			padding-top: 15px;
			position   : relative;
			width      : 154px; }


	/* Navigation
	 * ---------------------------------------------------------------- */

		div.calendar table caption {
			border      : 0 none;
			caption-side: top;
			color       : #444;
			font-size   : 1em;
			height      : 20px;
			line-height : 21px;
			padding     : 0;
			text-align  : center;
			width       : 100%; }

		div.calendar table caption a {
			cursor     : pointer;
			display    : block;
			height     : 20px;
			overflow   : hidden;
			position   : absolute;
			text-indent: -100px;
			top        : 15px;
			width      : 17px; }

		div.calendar table caption a.prev {
			background: transparent url(../../../../images/calendar/nav.gif) no-repeat 0 -20px;
			left      : 0; }
		div.calendar table caption a.prev:hover, div.calendar table caption a.prev:focus {
			background: transparent url(../../../../images/calendar/nav.gif) no-repeat -17px -20px; }

		div.calendar table caption a.next {
			background: transparent url(../../../../images/calendar/nav.gif) no-repeat 0 0;
			right     : 0; }
		div.calendar table caption a.next:hover, div.calendar table caption a.next:focus {
			background: transparent url(../../../../images/calendar/nav.gif) no-repeat -17px 0; }

		div.calendar table caption span {
			position  : relative;
			text-align: center; }

		div.calendar table caption span.month {
			padding-right: 5px; }

		div.calendar table caption span.month:after {
			content: ','; }


	/* Body
	 * ---------------------------------------------------------------- */

		div.calendar table {
			border      : 1px solid #fff;
			cursor      : default;
			margin      : 0;
			overflow    : hidden;
			padding     : 0;
			table-layout: fixed;
			width       : 154px; }

		div.calendar table thead, div.calendar table th {
			height: 20px; }

		div.calendar table td {
			height: 18px; }

		div.calendar table td, div.calendar table th {
			background-color: #f7f7f7;
			border          : 1px solid #fff;
			color           : #ccc;
			text-align      : center; }

		div.calendar table th {
	background-color: transparent;
	color           : #B92129;
}

		div.calendar table td {
			background: #fcfcfc url(../../../../images/calendar/bg_days.gif) no-repeat 0 0; }

		div.calendar table td.invalid {
			background-color   : #f8e8e8;
			background-position: 0 0;
			color              : #b7b7b7; }

		div.calendar table td.valid {
			background-color   : #fcfcfc;
			background-position: 0 0;
			color              : #7c7c7c;
			cursor             : pointer; }

		div.calendar td.hilite {}

		div.calendar td.inactive {}

		div.calendar table td.today {
			background-position: 0 0;
			color              : #B92129;
			cursor             : pointer; }

		div.calendar td.active {
			background-color   : #B92129 !important;
			background-position: 0 0 !important;
			color              : #fff !important;
			cursor             : pointer; }

		div.calendar td.hover {
			background-color   : #022d72 !important;
			background-position: 0 0 !important;
			color              : #fff !important;
			cursor             : pointer; }