.dropdown {
    margin: 0 0 10px 0;
    height: 26px;
}

.dropdown.iError {
    height: 65px;
}

.dropdown p.errormsg {
    position: relative;
    top: 32px;
}

.dropdownBox {
	position: absolute;
	height: 24px;
	background: #fff;
	border: 1px solid #ccc;
}
.dropdownBox .clear {
	clear:both;
}
.dropdownBox .selectedOption {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 4px 7px 0 8px;
	height: 22px;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	overflow: hidden;
	cursor: pointer;
}
.dropdownBox .icon {
	padding: 4px 7px 0 33px;
	background-position: 8px 5px;
	background-repeat: no-repeat;
}
.dropdownBox .dropDown {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: url(/images/icons/di/16x16/down.png) left top no-repeat;
	cursor: pointer;
}
.dropdownBox .optionsContainerTop {
	position:absolute;
	background:url(top_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainerTop div {
	background:url(top_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainerTop div div {
	background:url(top_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	background:url(bottom_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainerBottom div {
	background:url(bottom_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainerBottom div div {
	background:url(bottom_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.dropdownBox .optionsContainer {
	position:absolute;
	top: 24px;
	left: -1px;
	display: none;
	border: solid #ccc 1px;
	background: #f8f8f8;
	height: 240px;
	overflow-y: scroll;
}
.dropdownBox .optionsContainer .option {
	padding: 3px 0 0 7px;
	height: 17px;
	color: #000;
	text-decoration: none;
	background: none;
	cursor: pointer;
}
.dropdownBox .optionsContainer .selected {
	background-color: #e8e8e8;
}
.dropdownBox .optionsContainer .icon {
  	font-size:11px;
	padding: 5px 0 2px 32px;
	background-position: 8px 4px;
	background-repeat: no-repeat;
}
.dropdownBox .icon-color {
	background-image: url(/images/icons/di/16x16/colorscheme.png);
}
.dropdownBox .project {
	background-image: url(/images/icons/di/16x16/cd.png);
}
.dropdownBox .icon-next {
	background-image: url(/images/icons/di/16x16/next.png);
}
.dropdownBox .icon-add {
	background-image: url(/images/icons/di/16x16/add.png);
}
.dropdownBox .icon-previous {
	background-image: url(/images/icons/di/16x16/previous.png);
}
.dropdownBox .icon-readmore {
 background-image: url(/images/icons/di/16x16/page_next.png);
}
.dropdownBox .icon-remove {
	background-image: url(/images/icons/di/16x16/remove.png);
}
.dropdownBox .icon-youtubevideo {
	background-image: url(/images/icons/di/16x16/digital_camcorder.png);
}
.dropdownBox .icon-contact {
	background-image: url(/images/icons/di/16x16/forms.png);
}
.dropdownBox .project {
	background-image: url(/images/icons/di/16x16/cd.png);
}.dropdownBox .project {
	background-image: url(/images/icons/di/16x16/cd.png);
}
.dropdownBox .icon-pattern {
	background-image: url(/images/icons/di/16x16/cd.png);
}

.dropdownBox .icon-pattern {
	background-image: url(/images/icons/di/16x16/pattern.png);
}
.dropdownBox .icon-image {
	background-image: url(/images/icons/di/16x16/image.png);
}
.dropdownBox .icon-flash {
	background-image: url(/images/icons/di/16x16/flash.png);
}
.dropdownBox .icon-question {
	background-image: url(/images/icons/di/16x16/question.png);
}
.dropdownBox .icon-Homepage {
	background-image: url(/images/icons/di/16x16/home.png);
}
.dropdownBox .icon-Composition, .dropdownBox .icon-content {
	background-image: url(/images/icons/di/16x16/page_edit.png);
}
.dropdownBox .icon-Newspage {
	background-image: url(/images/icons/di/16x16/news.png);
}
.dropdownBox .icon-Productpage {
	background-image: url(/images/icons/di/16x16/shopping_cart.png);
}
.dropdownBox .icon-Calendarpage {
	background-image: url(/images/icons/di/16x16/calendar_date.png);
}
.dropdownBox .icon-Published {
	background-image: url(/images/icons/di/16x16/globe_accept.png);
}
.dropdownBox .icon-UnPublished {
	background-image: url(/images/icons/di/16x16/globe_remove.png);
}
.dropdownBox .icon-Contactpage {
	background-image: url(/images/icons/di/16x16/forms.png);
}
.dropdownBox .icon-nl {
	background: url(/images/icons/countries/Netherlands-Flag-16.png) 9px 5px no-repeat;
}
.dropdownBox .icon-no-repeat {
	background: url(/images/layouts/no-repeat.png) 9px 5px no-repeat;
}
.dropdownBox .icon-repeat {
	background: url(/images/layouts/repeat.png) 9px 5px no-repeat;
}
.dropdownBox .icon-repeat-x {
	background: url(/images/layouts/repeat-x.png) 9px 5px no-repeat;
}
.dropdownBox .icon-repeat-y {
	background: url(/images/layouts/repeat-y.png) 9px 5px no-repeat;
}
.dropdownBox .icon-align-left {
	background: url(/images/layouts/align-left.png) 9px 5px no-repeat;
}
.dropdownBox .icon-align-right {
	background: url(/images/layouts/align-right.png) 9px 5px no-repeat;
}
.dropdownBox .icon-align-center {
	background: url(/images/layouts/align-center.png) 9px 5px no-repeat;
}

.dropdownBox .icon-align-top-left {
	background: url(/images/layouts/align-top-left.png) 9px 5px no-repeat;
}