﻿/*
	transformSelect CSS
*/
.transformSelect {
	display: block;
	margin: 0;
	padding: 0;
	/*clear: both;*/
}

	.transformSelect li {
		position: relative;
		list-style: none;
	}

	.transformSelect span, .transformSelect input[type=text] {
		display: block;
		margin: 0;
		padding: 3px 5px;
		position: relative;
		top: 0;
		left: 0;
		/*line-height: 20px;*/
		background: #ffffff no-repeat url(images/transformselect.png) right center;
		background-size: 28px;
		border: 1px solid #ccc;
		color: #072b61;
		cursor: pointer;
		/*white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;*/
	}

	.transformSelect > li > span {
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		cursor: pointer;
	}

	.transformSelect li.open span, .transformSelect li.open input[type=text] {
	}

	.transformSelect input[type=text] {
		width: 188px;
	}

	.transformSelect ul {
		position: absolute;
		border: 1px solid #CCCCCC;
		border-top: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.transformSelect ul span {
			border: 0;
			background: #ffffff;
		}

			.transformSelect ul span:hover {
				background: #dddddd;
				-webkit-border-radius: 0;
				border-radius: 0;
			}

		.transformSelect ul li {
			height: auto;
		}

	.transformSelect li.group ul {
		position: static;
		border: 1px solid #dddddd;
		border-right: 0;
		border-left: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.transformSelect li.group span {
		font-style: italic;
		-webkit-border-radius: 0;
		border-radius: 0;
		background: #F7F7F7;
	}

	.transformSelect li.group > span {
		background: #eeeeee;
		border-top: 1px solid #dddddd;
	}

	.transformSelect li.group ul span {
		text-indent: 10px;
		font-style: normal;
	}

	.transformSelect ul li.group ul span:hover {
		background: #dddddd;
	}

	.transformSelect input[type=checkbox] {
		position: relative;
		top: 2px;
		margin: 0 5px 0 0;
		cursor: pointer;
	}

/* Radio */
.trans-element-radio {
	display: inline-block;
	*display: block;
	-ms-zoom: 1;
	zoom: 1;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

	.trans-element-radio.checked {
		background: no-repeat url(images/chk_on.png) center center;
	}

	.trans-element-radio.unchecked {
		background: no-repeat url(images/chk_off.png) center center;
	}

.image img, .trans-element-radio, .trans-element-checkbox, #tristate img {
	/*padding: 5px;*/
	border: 2px solid #ccc;
	/*-webkit-border-radius: 5px;
	border-radius: 5px;*/
	vertical-align: middle;
	/*margin: 0 0 5px;*/
}

/* Checkbox */
.trans-element-checkbox {
	display: inline-block;
	*display: block;
	-ms-zoom: 1;
	zoom: 1;
	width: 21px;
	height: 21px;
	cursor: pointer;
	/*margin-right: 15px;*/
	vertical-align: bottom;
}

	.trans-element-checkbox.checked {
		border-color: #072b61;
		background: no-repeat url(images/chk_on.png) center center;
		background-size: 20px;
	}

	.trans-element-checkbox.unchecked {
		/*background: no-repeat url(images/chk_off.png) center center;*/
	}
