@charset "utf-8";


/* Radio & checkbox
******************************************************/
.superStyler-hidden {
	position: absolute;
	top: -50px;
	left: -50px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: none;
	background: transparent;
}

div.superStyler-radio, div.superStyler-checkbox {
	position: relative;
	float: left;

	margin-right: 2px;

	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
}

div.superStyler-radio div.focused {width: 20px; height: 20px; background: transparent url('./img/radio.png') no-repeat;}
div.superStyler-radio {background-image: url('./img/radio.png');}
* html div.superStyler-radio div.focused {background-image: url('./img/radio.gif');}
* html div.superStyler-radio {background-image: url('./img/radio.gif');}
div.superStyler-radio-unchecked {background-position: 0 -20px;}
div.superStyler-radio-unchecked-mouseover {background-position: 0 -40px;}
div.superStyler-radio-unchecked-pressed {background-position: 0 -60px;}
div.superStyler-radio-unchecked-disabled {background-position: 0 -80px;}
div.superStyler-radio-checked {background-position: 0 -100px;}
div.superStyler-radio-checked-mouseover {background-position: 0 -120px;}
div.superStyler-radio-checked-pressed {background-position: 0 -140px;}
div.superStyler-radio-checked-disabled {background-position: 0 -160px;}

div.superStyler-checkbox div.focused {width: 20px; height: 20px; background: transparent url('./img/checkbox.png') no-repeat;}
div.superStyler-checkbox {background-image: url('./img/checkbox.png');}
* html div.superStyler-checkbox div.focused {background-image: url('./img/checkbox.gif');}
* html div.superStyler-checkbox {background-image: url('./img/checkbox.gif');}
div.superStyler-checkbox-unchecked {background-position: 0 -20px;}
div.superStyler-checkbox-unchecked-mouseover {background-position: 0 -40px;}
div.superStyler-checkbox-unchecked-pressed {background-position: 0 -60px;}
div.superStyler-checkbox-unchecked-disabled {background-position: 0 -80px;}
div.superStyler-checkbox-checked {background-position: 0 -100px;}
div.superStyler-checkbox-checked-mouseover {background-position: 0 -120px;}
div.superStyler-checkbox-checked-pressed {background-position: 0 -140px;}
div.superStyler-checkbox-checked-disabled {background-position: 0 -160px;}






/* Select
******************************************************/
div.superStyler-select {
	position: relative;

	width: 300px;

	white-space: nowrap;
	text-align: left;

	cursor: default;

	color: #000;
}



/* select-selectedItem
******************************************************/
div.superStyler-select-selectedItem {
	position: relative;
	padding-right: 24px;
	height: 24px;
	overflow: hidden;

	color: #000;

	border: 1px solid red;
}
div.superStyler-select-selectedItem-highlight {color: #fff; background-color: green;}

div.superStyler-select-selectedItem div.superStyler-select-selectedItem-option {
	display: block;
	padding: 0 2px;
	width: 270px;
	height: 24px;
	overflow: hidden;

	cursor: default;
	text-decoration: none;

	line-height: 24px;

}
div.superStyler-select-selectedItem div.superStyler-select-selectedItem-button {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0px;
	right: 0px;
	background: transparent url('./img/button-down.png') no-repeat top right;
}/*
* html div.superStyler-select-selectedItem div.superStyler-select-selectedItem-button {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/superStyler/img/button-down.png', sizingMethod='crop');
}*/

/* Select-wrapper
******************************************************/
div.superStyler-select-wrapper {
	position: absolute;
	z-index: 2000;
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 120%;

	color: #000;

	background: #fff;
	border: 1px solid green;
}
div.superStyler-select-wrapper a.superStyler-select-option {
	display: block;
	padding: 0 5px;

	cursor: default;
	text-decoration: none;

	color: #000;
}
div.superStyler-select-wrapper a.superStyler-select-option-selected {color: #fff; background-color: red;}
div.superStyler-select-wrapper a.superStyler-select-option-disabled {color: #aaa;}
div.superStyler-select-wrapper a.superStyler-select-option-hightlight {color: #fff; background-color: green;}

div.superStyler-select-optgroup {padding: 0 5px;}
div.superStyler-select-optgroup-disabled {color: #aaa;}
div.superStyler-select-optgroup-disabled a.superStyler-select-option {color: #aaa;}

div.superStyler-select-optgroup div.superStyler-select-optgroup-label {
	padding-top: 10px;
	font-weight: bold;
	font-style: italic;
}
div.superStyler-select-optgroup a.superStyler-select-option {padding-left: 20px;}





/* File
******************************************************/
div.superStyler-file {
	position: relative;
	width: 320px;
	height: 24px;
	overflow: hidden;

	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -24px;
	background-image: url('./img/file.png');

}
* html div.superStyler-file {background-image: url('./img/file.gif');}

div.superStyler-file-focus {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	padding: 0 6px 0 24px;
	width: 70px;
	height: 24px;

	color: #fff;
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 22px;


	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}
div.superStyler-file-focused div.superStyler-file-focus {background-image: url('./img/file.png');}
* html div.superStyler-file-focused div.superStyler-file-focus {background-image: url('./img/file.gif');}

div.superStyler-file-hovered {background-position: 0px -48px;}
div.superStyler-file-pressed {background-position: 0px -72px;}

div.superStyler-file-input {
	display: block;
	float: right;
	padding: 0px 5px;

	width: 200px;
	height: 22px;
	overflow: hidden;

	font-size: 12px;

	line-height: 22px;
	white-space: nowrap;

	border: 1px solid #ccc;
	background: #f1f2f3;
}
div.superStyler-file-button {
	position: relative;
	float: left;
	width: 100px;
	height: 24px;
	overflow: hidden;
}
div.superStyler-file-button input {
	position: absolute;
	z-index: 1000;
	right: 0;
	top: 0;
	font-size: 100px;
}