/**
 * Stylesheet for GKO dropdown and scrollbar
 */

.ddScrollPane {
	width: 100%;
	height: 230px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: transparent;
	float: left;
}

/* top is the part that is always visible */
.ddtopleft {
	background: transparent url(/images/designtest/dropdown/dd_top_left.png) no-repeat;
	width: 7px;
	height: 32px;
	cursor: hand;
	cursor: pointer;
}

.ddtopstretch {
	background: transparent url(/images/designtest/dropdown/dd_top_stretch.png) repeat-x;
	height: 32px;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
}

.ddtopright {
	background: transparent url(/images/designtest/dropdown/dd_top_right.png) no-repeat;
	width: 72px;
	height: 32px;
	cursor: hand;
	cursor: pointer;
}


/* body is the part that contains the list and scrollbar */
.ddbody_topleft {
	background: transparent url(/images/designtest/dropdown/dd_body_topleft.png) no-repeat;
	width: 13px;
	height: 4px;
}

.ddbody_topstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_topstretch.png) repeat-x;
	height: 4px;
}

.ddbody_topright {
	background: transparent url(/images/designtest/dropdown/dd_body_topright.png) no-repeat;
	width: 13px;
	height: 4px;
}

.ddbody_leftstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_leftstretch.png) repeat-y;
	width: 1px;
}

.ddbody_rightstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_rightstretch.png) repeat-y;
	width: 1px;
}

.ddbody_bottomleft {
	background: transparent url(/images/designtest/dropdown/dd_body_bottomleft.png) no-repeat;
	width: 13px;
	height: 13px;
}

.ddbody_bottomstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_bottomstretch.png) repeat-x;
	height: 13px;
}

.ddbody_bottomright {
	background: transparent url(/images/designtest/dropdown/dd_body_bottomright.png) no-repeat;
	width: 13px;
	height: 13px;
}

.ddbody_leftstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_leftstretch.png) repeat-y;
	width: 1px;
}
.ddbody_rightstretch {
	background: transparent url(/images/designtest/dropdown/dd_body_rightstretch.png) repeat-y 100%;
	width: 1px;
}

/* dropdown element styles */
.ddItem {
	background: transparent url();
	height: 19px;
	color: #646464;
	cursor: hand;
	cursor: pointer;
	padding-left: 5px;
	vertical-align: middle;
}

.ddItem:hover {
	background: transparent url(/images/designtest/dropdown/dd_item_hover.png) no-repeat 0px 50%;
	color: #fff;
}

.ddHeader {
	color: #a32c24;
	padding-left: 5px;
	border-bottom: 2px solid #a32c24;
	font-size: 15pt;
	text-indent: 80px;
	vertical-align: middle;
	text-transform: uppercase;
}

.ddHighlight {
	background: transparent url(/images/designtest/dropdown/dd_item_highlight.png) no-repeat 0px 50%;
	height: 19px;
	color: #fff;
	cursor: hand;
	cursor: pointer;
	text-indent: 5px;
	vertical-align: middle;
}

.ddHighlight:hover {
	background: transparent url(/images/designtest/dropdown/dd_item_hover.png) no-repeat 0px 50%;
}