
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/img/customhtml/checkbox.png) no-repeat;
	display: block;
	/*clear: left;*/
	float: left;
}


span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/img/customhtml/radio.png) no-repeat;
	display: block;
	/*clear: left;*/
	float: left;
}


div.select {
	/*position: absolute;*/
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #333333;
	font: 12px/21px arial,sans-serif;
	/*background: url(/img/default/select.png) no-repeat;*/
	border: 1px solid #4494c3;
	background: url(/img/customhtml/select_arrow.gif) no-repeat scroll right center;
	overflow: hidden;
	cursor: pointer;
}

div.select.disabled, div.select.disabled:hover {
	background-color: #DDDDDD !important;
}
	
div.select:hover {
	background: url(/img/customhtml/select_arrow_hover.gif) no-repeat scroll right center;
}
	
ul.select {
	position: absolute;
	background-color: white;
	z-index: 2000;
	border: 1px solid #4494c3;
	width: 200px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 !important;
	padding: 0 !important;
}

ul.select li {
	padding-left: 8px;
}

ul.select li:hover {
	background-color: #c2e2f4;
}

/** Overlay Message Box **/
div.overlayScreen {
	opacity: 0.90; 
	filter:alpha(opacity=90);
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1000;
	background-color: #4586D9 !important;
	text-align: center;
}

div.messageBoxHeader {
	border-bottom: 1px solid #32629F;
	background-color: #32629F;
	color: white;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	height: 20px;
}

div.overlayBox {
	z-index: 1001; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	/*width: 370px;*/
	margin: auto;
	
	/*height: 300px;*/
	text-align: left;
	/*padding: 10px;*/
	border: 1px solid #32629F;
	background: white url(/img/customhtml/window_resize.gif) no-repeat bottom right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

div.messageBoxContent {
	padding: 5px;
}

div.messageBoxContent ul {
	text-align: left;
}

div.messageBoxActions {
	text-align: center;
	padding: 5px;
}

div.overlayBox img.closeButton {
	float: right;
}

div.overlayBoxError {
	border: 1px solid #FF0000 !important;
	background-color: #FF9999 !important;
}

div.overlayBoxError div.messageBoxHeader {
	color: #FFFFFF;
	background-color: #990033;
	border-bottom: 1px solid #FF9999;
}

div.overlayBoxError a {
	color: #32629F;
	text-decoration: none;
}

div.overlayBoxError a:hover {
	color: #82c005;
	text-decoration: underline;
}

div.overlayBoxOK {
	border: 1px solid #82c005 !important;
	background-color: #e6f2cd !important;
}

div.overlayBox input.button {
	/*background: #32629F url('/img/button_bg.gif') repeat-x top;
	border: 1px solid #32629F;*/
}

/**** TOOLTIP ****/
a.tooltip, span.tooltip, img.tooltip {
	color: #32629F !important;
	/*color: #383838 !important;*/
	text-decoration:underline !important;
}

div#toolTip {
	padding: 5px;
	border: 1px solid #9FD010;
	border: 1px solid #3A6299;
	display: none;
	color: #FFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	/*background: #4484D5 url('/img/thead_bg.gif') repeat-x;
	background: #82C005 url('/img/thead_bg.gif') repeat-x;*/
	background: #4494C3 url('/img/thead_bg.gif') repeat-x;
	text-align: left;
}

