/**
 * Combobox CSS
 *
 * author Egor Stremousov
 * version 1.0
 */ 
 
 /* Main style */
.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-decoration: none;
	font-weight: normal;
}

.combo-hidden {
	visibility: hidden;
	display: none;
}

.combo-dp {
	visibility: visible;
	display: block;
	position: absolute;
	width: 24px;
	height: 18px;
	z-index: 103;
	padding: 0px;
	margin: 1px 0px 0px 175px;
}

.combo-dp .no-drop {
	background: url(/controls/combobox/ComboBoxUp.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-dp .drop {
	background: url(/controls/combobox/ComboBoxDown.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-input {
	border: 1px solid #e58334;
	width: 200px;
	height: 20px;
	color: black;
	font-size: 12px;
}

.combo-container {
	background: #FFFFFF scroll 0%;
	position: absolute;
	z-index: 202;
	width: 198px; 
	//width: 200px;	
	border-bottom: solid 1px #e58334;
	border-left: solid 1px #e58334;
	border-right: solid 1px #e58334;
	overflow: auto;
	overflow-x: hidden;
	max-height: 200px;	
}

.combo-container .element {
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	background: #f1f7fd;
	width: 194px; 
	//width: 100%;
	color: black;
}

.combo-container .element-selected {
	background: #f6c9ca;
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	width: 194px; 
	//width: 100%;
	color: black;
}

/* "Top" style */
.combo-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-decoration: none;
	font-weight: normal;
}

.combo-dp-top {
	visibility: visible;
	display: block;
	position: absolute;
	width: 24px;
	height: 18px;
	z-index: 103;
	padding: 0px;
	margin: 1px 0px 0px 50px;
}

.combo-dp-top .no-drop-top {
	background: url(/controls/combobox/ComboBoxUp.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-dp-top .drop-top {
	background: url(/controls/combobox/ComboBoxDown.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-input-top {
	border: 1px solid #e58334;
	width: 75px;
	height: 20px;
	color: black;
	font-size: 12px;
}

.combo-container-top {
	background: #FFFFFF scroll 0%;
	position: absolute;
	z-index: 202;
	width: 73px;
	//width: 75px;
	border-bottom: solid 1px #e58334;
	border-left: solid 1px #e58334;
	border-right: solid 1px #e58334;
	overflow: auto;
	overflow-x: hidden;
	max-height: 200px;	
}

.combo-container-top .element-top {
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	background: #f1f7fd;
	width: 69px; 
	//width: 100%;
	color: black;
}

.combo-container-top .element-selected-top {
	background: #f6c9ca;
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	width: 69px; 
	//width: 100%;
	color: black;
}

/* "year" style */
.combo-year {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-decoration: none;
	font-weight: normal;
}

.combo-dp-year {
	visibility: visible;
	display: block;
	position: absolute;
	width: 24px;
	height: 18px;
	z-index: 103;
	padding: 0px;
	margin: 1px 0px 0px 65px;
}

.combo-dp-year .no-drop-year {
	background: url(/controls/combobox/ComboBoxUp.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-dp-year .drop-year {
	background: url(/controls/combobox/ComboBoxDown.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-input-year {
	border: 1px solid #e58334;
	width: 90px;
	height: 20px;
	color: black;
	font-size: 12px;
}

.combo-container-year {
	background: #FFFFFF scroll 0%;
	position: absolute;
	z-index: 202;
	width: 88px; 
	//width: 100px;
	border-bottom: solid 1px #e58334;
	border-left: solid 1px #e58334;
	border-right: solid 1px #e58334;
	overflow: auto;
	overflow-x: hidden;
	max-height: 200px; 
}

.combo-container-year .element-year {
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	background: #f1f7fd;
	width: 84px; 
	//width: 100%;
	color: black;
}

.combo-container-year .element-selected-year {
	background: #f6c9ca;
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	width: 84px; 
	//width: 100%;
	color: black;
}

/* "month" style */
.combo-month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-decoration: none;
	font-weight: normal;
}

.combo-dp-month {
	visibility: visible;
	display: block;
	position: absolute;
	width: 24px;
	height: 18px;
	z-index: 103;
	padding: 0px;
	margin: 1px 0px 0px 65px;
}

.combo-dp-month .no-drop-month {
	background: url(/controls/combobox/ComboBoxUp.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-dp-month .drop-month {
	background: url(/controls/combobox/ComboBoxDown.png) no-repeat;
	border: 0px;
	width: 24px;
	height: 18px;
	padding: 0px;
	margin: 0px; 
	//position: relative;
	top: 1px;
	cursor: pointer;
}

.combo-input-month {
	border: 1px solid #e58334;
	width: 90px;
	height: 20px;
	color: black;
	font-size: 12px;
}

.combo-container-month {
	background: #FFFFFF scroll 0%;
	position: absolute;
	z-index: 202;
	width: 89px; 
	//width: 90px;
	border-bottom: solid 1px #e58334;
	border-left: solid 1px #e58334;
	border-right: solid 1px #e58334;
	overflow: auto;
	overflow-x: hidden;
	max-height: 200px; 
}

.combo-container-month .element-month {
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	background: #f1f7fd;
	width: 84px; 
	//width: 100%;
	color: black;
}

.combo-container-month .element-selected-month {
	background: #f6c9ca;
	border-top: solid 1px #e58334;
	padding: 2px;
	cursor: pointer;
	width: 84px; 
	//width: 100%;
	color: black;
}