@CHARSET "UTF-8";

/* Basic rules for fixing SELECTS overlay bug in IE */
.select-free {
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
}
.select-free iframe {
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:1000px;
	height:1000px;
}
.noJsWarning {
	color:red;
	background:white;
	padding:0;
	font-family:monospace;
	font-size:120%;
	font-weight:bold;
	border:3px solid red;
	padding:0.4em 0.6em;
	font-weight:bold;
	margin:15px 0;
	line-height:1.3em;
}
.JSBlocked {
	display:none;
}


/* Calendar */
#popcalendar {
	position:absolute;
	cursor:default;
}
#popcalendar table {
	font-size:100%;
	width:14em;
}
#popcalendar select {
    font-size: 100%;
    width: 47%;
}

#popcalendar th { /* weedays captions */
	text-align:center;
}

#popupcalendar-popcl, #popupcalendar-popcr {
	cursor:pointer !important;		
}
#popcalendar #popupcalendar-selmonth {
	margin-right:5px;
}
.calendarChooser td {
	border:none;
	padding:0;
	width:1.5em;
	text-align:center;
}
.calendarChooser td a {
	display:block;
	padding:2px 0;
	text-decoration:none;
	float:right;
	width:100%;
	cursor:default;
}
.calendarChooser td .hoverable {
	cursor:pointer;
}
.calendarChooser .hoverable:hover {
	text-decoration:none;
}




/* Popup frame style */
#popcalendar table {
	border:1px solid black;
}
#popcalendar table th { /* Header colours */
	background: black;		
	color:white;
	padding: 4px 2px;
	font-style: italic;
}
.calendarChooser td { /* Normal days - background */
	background: black;
}
.calendarChooser td.wk { /* weekday - background */
	background:gray !important;
}
.calendarChooser td, .calendarChooser td a { /* Days not in this month */ 
	color:silver;
}
.calendarChooser .hoverable { /* Hover day - text efects */
	color:white;
	cursor: pointer;
}
.calendarChooser .cChNot { /* date not possible to choose */
	color:silver;
}	
.calendarChooser .cChToday { /* date today */
	color: yellow;
}
.calendarChooser a:hover {
	color: black !important;
	background: yellow;
}
.calendarChooser a.cChCurr { /* Choosed day */
	font-weight:bold;
	border: 2px solid yellow;
}




/* jsForms.timePicker */
#poptime .inner {
	cursor:pointer;
	line-height:1.4em;
	float:left;
	color: white;
}
#poptime .hours {
	float:left;
	height:16.8em;
}
#poptime .scrollable {
	width:3.2em;
	overflow:auto;
	overflow-x:hidden;
}
#poptime .hours div {
	float:left;
	clear:both;
	padding:0 0.3em;
	width:100%;
}
#poptime .separator {
	float:left;
	height:7em;
	width:0.6em;
	text-align:center;
	line-height:7em;
	font-size:200%;
}
#poptime .minutes {
	float:left;
	height:16.8em;
}
#poptime .minutes div {
	padding:0 0.3em;
}

/* timePicker */
#poptime .inner {
	border:1px solid black;
	background: black; 
}
#poptime .minutes {
	border-left:8px solid gray;
}
#poptime .sel {
	background: yellow !important;
	color: black !important;
}
#poptime .hover {
	background: yellow;
	color: black;
}