/*
	These styles are just for the example. The base styles are in SelectBox.css.
*/	
/*
body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
h1 { font-size: 24px; line-height: 1; }
h2 { font-size: 16px; }
p { font-size: 12px; }
#example-1 .customSelect { clear: both; margin-bottom: 10px; }
#example-2 .cities dd { padding: 0 5px; }
*/

/* COUNTRY SELECTBOX */
/* This should be a sprite... but this is quicker for examples sake */
/*
.selectedValue span {
	top:15px !important;
}
*/

dd span, .selectedValue span {
	position: relative;
	top: 15px;
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	clear: right;
	margin-right: 8px;
	background-size: 100%;
	border-radius: 10px;
	border:1px solid #c8c8c8;
}
/*신규국가 분기처리*/
dd span.malaysia, .selectedValue span.malaysia {
	background: url("../images/icon-malaysia.png") -1px -1px no-repeat;
}
dd span.indonesia, .selectedValue span.indonesia {
	background: url("../images/icon-indonesia.png") -1px -1px no-repeat;
}
dd span.hongkong, .selectedValue span.hongkong {
	background: url("../images/icon-hongkong.png") -1px -1px no-repeat;
}
dd span.singapore, .selectedValue span.singapore {
	background: url("../images/icon-singapore.png") -1px -1px no-repeat;
}
dd span.thailand, .selectedValue span.thailand {
	background: url("../images/icon-thailand.png") -1px -1px no-repeat;
}
dd span.philippines, .selectedValue span.philippines {
	background: url("../images/icon-philippines.png") -1px -1px no-repeat;
}