/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/********************************************************************************/

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

button.calendar {
	background: url(/_common/img/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 0;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(/_common/img/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar div {
		background: none !important;
		/*cursor: move;*/
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(/_common/img/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(/_common/img/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #a6c50b;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(/_common/img/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(/_common/img/calendar-valid.gif);
		color: #a6c50b;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(/_common/img/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(/_common/img/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(/_common/img/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	
	
	
	

	input.alternate, select.alternate {
		width:99px;
	}
	button.alternate {
		background:transparent url(/_common/img/calendar-icon.gif) repeat scroll 0% 0%;
		border:0pt none;
		cursor:pointer;
		float:left;
		height:20px;
		margin-right:6px;
		width:20px;
	}
	button.alternate:hover, button.alternate.active {
		background-position:0pt 20px;
	}
	div.alternate {
		background:transparent url(/_common/img/calendar.png) repeat scroll 0% 0%;
		height:195px;
		padding:0pt 6px;
		text-align:center;
		width:147px;
	}
	div.alternate * {
		margin:0pt;
		padding:0pt;
	}
	div.alternate div {
		background:transparent none repeat scroll 0% 0% !important;
		cursor:move;
		height:185px;
		overflow:hidden;
		padding-top:10px;
		position:relative;
		width:147px;
	}
	div.alternate caption {
		-x-system-font:none;
		color:#333333;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:16px;
		overflow:hidden;
		text-align:center;
		width:100%;
	}
	div.alternate caption a {
		cursor:pointer;
		display:block;
		height:12px;
		overflow:hidden;
		position:absolute;
		text-indent:-100px;
		top:17px;
		width:11px;
	}
	div.alternate caption a.prev {
		background-image:url(/_common/img/calendar-prev.gif);
		left:0pt;
	}
	div.alternate caption a.next {
		background-image:url(/_common/img/calendar-next.gif);
		right:0pt;
	}
	div.alternate caption a:hover {
		background-position:0pt 12px;
	}
	div.alternate caption span {
		padding-top:6px;
		position:relative;
		text-align:center;
	}
	div.alternate caption span.month {
		float:left;
		width:84px;
	}
	div.alternate caption span.month:after {
		content:'';
	}
	div.alternate caption span a {
		top:8px;
	}
	div.alternate caption span.year {
		float:right;
		width:63px;
	}
	div.alternate table {
		background:#FFFFFF none repeat scroll 0% 0%;
		border:0pt none;
		border-collapse:collapse;
		border-spacing:0pt;
		cursor:default;
		margin:0pt auto;
		overflow:hidden;
		width:147px;
	}
	div.alternate td, div.alternate th {
		-x-system-font:none;
		border:0pt none;
		color:#a6c50b;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		height:21px;
		line-height:normal;
		text-align:center;
		width:21px;
	}
	div.alternate td {
		background:transparent url(/_common/img/calendar-td.gif) repeat scroll 0% 0%;
		color:#FFFFFF;
		font-size:11px;
	}
	div.alternate td.invalid {
		color:#999999;
	}
	div.alternate td.valid {
		background:transparent url(/_common/img/calendar-valid.gif) repeat scroll 0% 0%;
		color:#a6c50b;
		cursor:pointer;
	}
	div.alternate td.hilite {
		background:transparent url(/_common/img/calendar-hilite.gif) repeat scroll 0% 0%;
	}
	div.alternate td.inactive {
		background:transparent url(/_common/img/calendar-td.gif) repeat scroll 0pt 100%;
		color:#FFFFFF;
	}
	div.alternate td.active, div.alternate td.hover {
		background:transparent url(/_common/img/calendar-valid.gif) repeat scroll 0pt 100%;
		color:#FFFFFF;
		cursor:pointer;
	}
	
	
	
	
			
			.mkCalendarContainer * {
				margin: 0;
				padding: 0;
				font-family: tahoma;
			}
			
			.mkCalendarContainer {
				position: relative;
				width: 255px;
				height: 170px;
				overflow: hidden;
				/*border: 1px solid red;*/
				background: #dcdfe1;
				margin-bottom: 10px;
			}
			
			.mkCalendarHeader
			 {
			 height: 22px;
			 position: absolute;
			 z-index: 5;
			 color: #484a54;
			 background: #dcdfe1 url(/_common/img/calendar/name-bg.gif) repeat-x 0 0;
			 }
			.mkCalendarHeader span.left
			 {
			 display: block;
			 background: url(/_common/img/calendar/arrow-left.gif) no-repeat 6px 0;
			 width: 36px;
			 height: 22px;
			 float: left;
			 cursor: pointer;
			 }
			.mkCalendarHeader span.right
			 {
			 display: block;
			 background: url(/_common/img/calendar/arrow-right.gif) no-repeat 6px 0;
			 width: 36px;
			 height: 22px;
			 float: right;
			 cursor: pointer;
			 }
			.mkCalendarHeader span.title
			 {
			 display: block;
			 width: 181px;
			 font-size: 13px;
			 font-weight: bold;
			 text-align: center;
			 float: left;
			 padding-top: 3px;
			 cursor: pointer;
			 }
			
			.mkCalendar {
				width: 255px;
				height: 170px;
			}
			.mkCalendar table
			 {
			 background: #d7dcdf;
			 }
			
			
			.mkCalendar table.date th 
			 {
			 width: 36px;
			 height: 20px;
			 background: #dcdfe2 url(/_common/img/calendar/header-bg.gif) repeat-x 0 0;
			 font-size: 9px;
			 font-weight: normal;
			 }
			.mkCalendar table.date td
			 {
			 width: 36px;
			 height: 20px;
			 text-align: center;
			 font-size: 10px;
			 border-top: white solid 1px;
			 }
			
			.mkCalendar table.date td:hover
			 {
			 /*cursor: pointer;
			 font-weight: bold;
			 background: url(/_common/img/calendar/date-bg.gif) no-repeat 0 -23px;
			 border-top: none;*/
			 }
			.mkCalendar table.date td.today
			 {
			 font-weight: bold;
			 }
			.mkCalendar table.date td.selected
			 {
			 color: white;
			 font-weight: bold;
			 background: #9597A0; /*url(/_common/img/calendar/date-bg.gif) no-repeat 0 -46px;*/
			 border-top: none;
			 cursor: pointer;
			 }
			 .mkCalendar table.date td.selected:hover
			 {
			 color: white;
			 font-weight: bold;
			 background: #b80808;
			 border-top: none;
			 cursor: pointer;
			 }
			.mkCalendar table.date td.blocked
			 {
			 color: #b80808;
			 cursor: not-allowed;
			 }
			.mkCalendar table.date td.blocked:hover
			 {
			 background-image: none;
			 border-top: white solid 1px;
			 font-weight: normal;
			 }
			
			.mkCalendar table.date td.past, .mkCalendar table.date td.future 
			 {
			 color: #c3c5c7;
			 }
			.mkCalendar table.date td.past:hover, .mkCalendar table.date td.future:hover 
			 {
			 color: #000;
			 }
			.mkCalendar table.date td[class="past selected"]:hover, .mkCalendar table.date td[class="future selected"]:hover 
			 {
			 color: white;
			 }
			.mkCalendar table.date td[class="past blocked"]:hover, .mkCalendar table.date td[class="future blocked"]:hover 
			 {
			 color: #b80808;
			 }
			
			
			.mkCalendar table.month td
			 {
			 width: 63px;
			 height: 48px;
			 text-align: center;
			 font-size: 11px;
			 border-top: white solid 1px;
			 }
			.mkCalendar table.month td:hover
			 {
			 cursor: pointer;
			 font-weight: bold;
			 background: #b80808; /*url(/_common/img/calendar/month-bg.gif) no-repeat 0 -53px;*/
			 border-top: none;
			 color: #ffffff;
			 }
			.mkCalendar table.month td.selected
			 {
			 font-weight: bold;
			 background: #b80808; /*url(/_common/img/calendar/month-bg.gif) no-repeat 0 -106px;*/
			 border-top: none;
			 color: #ffffff;
			 }
			
			
			.mkCalendarIcon {
				width: 14px;
				height: 14px;
				padding-left: 14px;
				margin-left: 10px;
				background: url(/_common/img/calendar/calendaricon.gif) no-repeat;
				cursor: pointer;
			}
			
			.row1 td
			 {
			 background: #f0f0f2;
			 }
			.row2 td
			 {
			 background: #edeef0;
			 }
			.row3 td
			 {
			 background: #ebedee;
			 }
			.row4 td
			 {
			 background: #e8eaeb;
			 }
			.row5 td
			 {
			 background: #e6e7e9;
			 }
			.row6 td
			 {
			 background: #e3e5e7;
			 }