/* ------------------------------------------------------------------------------------- */
/* Hallo neugieriger Webdesigner! Immer locker bleiben und nichts stehlen! smartLINE.biz */
/* ------------------------------------------------------------------------------------- */


.hidden { opacity: 0; position: absolute; }
.visible { opacity: 1; }


input.calendar, select.calendar { }

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

div.calendar { background: url(/tools/datepicker/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; }	

	div.calendar * { margin: 0; padding: 0; }	
	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(/tools/datepicker/calendar-prev.gif); left: 0; }
	div.calendar caption a.next { background-image: url(/tools/datepicker/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: #0597DB; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
	div.calendar td { background: url(/tools/datepicker/calendar-td.gif); color: #FFF; font-size: 11px; }
	div.calendar td.invalid { color: #999; }
	div.calendar td.valid { background: url(/tools/datepicker/calendar-valid.gif); color: #0597DB; cursor: pointer; }
	div.calendar td.hilite { background: url(/tools/datepicker/calendar-hilite.gif); }
	div.calendar td.inactive { background: url(/tools/datepicker/calendar-td.gif) 0 100%; color: #FFF; }
	div.calendar td.active,	div.calendar td.hover { background: url(/tools/datepicker/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer; }
	

input.alternate, select.alternate { }

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

div.alternate { background: url(/tools/datepicker/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; }	

	div.alternate * { margin: 0; padding: 0; }	
	div.alternate div { background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }	
	
	div.alternate caption { color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; 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(/tools/datepicker/calendar-prev.gif); left: 0; }
	div.alternate caption a.next { background-image: url(/tools/datepicker/calendar-next.gif); right: 0; }
	div.alternate caption a:hover { background-position: 0 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: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; }
	div.alternate td, div.alternate th { border: 0; color: #333333; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
	div.alternate td { background: url(/tools/datepicker/calendar-td.gif); color: #b6b6b6; font-size: 11px; }
	div.alternate td.invalid { color: #999; }
	div.alternate td.valid { background: url(/tools/datepicker/calendar-valid.gif); color: #333333; cursor: pointer; }
	div.alternate td.hilite { background: url(/tools/datepicker/calendar-hilite.gif); }
	div.alternate td.inactive { background: url(/tools/datepicker/calendar-td.gif) 0 100%; color: #FFF; }
	div.alternate td.active, div.alternate td.hover { background: url(/tools/datepicker/calendar-valid.gif) 0 100%; color: #333333; cursor: pointer; }