/* 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%;
}
#popcalendar th { /* weedays captions */
	text-align:center;
}
#popupcalendar-popcl, #popupcalendar-popcr {
	cursor:pointer !important;		
}
#popcalendar #popupcalendar-selmonth {
	margin-right:5px;
}
#popcalendar .bottom {
	border-bottom:1px solid gray;	
}
.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 a:hover {
	text-decoration:none;
}
.calendarChooser td .hoverable {
	cursor:pointer;
}

		
/* jsForms.timePicker */
#poptime .inner {
	cursor:pointer;
	line-height:1.4em;
	float:left;
}
#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;
}




/* ColorPicker */
.colorPickerInput {
	display:block;
	background-image:url('../pics/javascriptutils/colorpicker-listarrow.gif');
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	padding:2px 14px 2px 2px;
	float:left;
	margin:0 6px 0 0;
}
.colorPickerInput span {
	width:4em;
	height:1.2em;
	float:left;
	display:block;
	cursor:default;
}
.colorPickerInput .none, #colorPicker .none {
	background:url('../pics/javascriptutils/colorpicker-none.gif') center no-repeat white !important;
}
.colorPickerInput input {
	display:none;
}
#colorPicker {
	position:absolute;
}
#colorPicker .inner {
	padding:2px 2px 3px 3px;
	float:left;
}
#colorPicker .colorCell {
	background:white;
	margin:1px 1px 0 0;
	padding:2px;
	float:left;
	display:block;
}
#colorPicker #colorPickerWheelFrame .colorCell {
	margin:0;
}
#colorPicker .colorCell span {
	float:left;
	width:1.2em;
	height:1.2em;
	overflow:hidden;
	cursor:pointer;
}
#colorPicker #colorPickerPallete br { clear:both; }
#colorPicker #colorPickerWheelFrame {
	position:relative;
}
#colorPicker #colorPickerCloser {
	position:absolute;
	right:3px;
	top:0;
	color:gray;
	font-weight:bold;
	cursor:pointer;
}
#colorPicker a {
	height:19px;
	width:24px;
	display:block;
	overflow:hidden;
}
#colorPicker #colorPickerWheelFrame a {
	float:left;
	background:url('../pics/javascriptutils/colorpicker-pallete.gif') no-repeat;
}
#colorPicker #colorPickerPallete a {
	float:left;
	clear:both;
	background:url('../pics/javascriptutils/colorpicker-wheel.gif') no-repeat;
	cursor:pointer;
}
#colorPicker .panel {
	float:left;
	clear:both;
	padding-top:5px;
}
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../pics/javascriptutils/colorpicker-wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../pics/javascriptutils/colorpicker-mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../pics/javascriptutils/colorpicker-marker.png) no-repeat;
}





/* Autocomplete */


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
}
.ac_big {
	overflow: auto;
	overflow-x: hidden;
	height:150px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.ac_loading {
	background:yellow;
}


.dateSelector th {
	text-align:center;
}








/* JSU popupQuestion basic object */
#popupQuestionFrame {
	background:url(../pics/javascriptutils/question.gif) no-repeat 20px 30% white;
	padding:30px 0 20px;
	width: 360px;
	border: 1px solid gray;
}
#popupQuestionFrame p {
	font-size: 12px;
	margin-left:70px;
	margin-right:20px;
	text-align:left;
	margin-bottom: 25px;
}
#popupQuestionFrame button {
	margin:0 5px;
	padding:0 10px;
}