﻿ul.skin_radio:after {
	content: ''; 
	display: block; 
	clear: both;
}

ul.skin_radio li {
	color: #666666;
	float: left;
	background: url(../../../Content/images_external/sub/input_bg.gif) no-repeat scroll -7px 0;		
	margin-left: 0 !important;
	margin-bottom: 10px; 
	border: 1px solid #D5D5D5;
	border-left: none;
	border-right: 1px solid #EEEEEE;
	padding: 0 15px !important;
	font-weight: bold;
	line-height: 33px;
}
ul.skin_radio.skin_small li {
	color: #888888;
	padding: 0 15px !important;
	line-height: 28px;
}
ul.skin_radio li.first {
	border-left: 1px solid #D5D5D5;
	background: url(../../../Content/images_external/sub/input_bg.gif) no-repeat scroll 0 0;
}
ul.skin_radio li.last {
	border-right: 1px solid #D5D5D5;
}
ul.skin_radio li.on {
	color: #F68634;	
	padding-left: 7px !important;
}
ul.skin_radio li:hover {
	color: #F68634;
	cursor: pointer;
}

ul.skin_radio li img {
	margin-right: -2px;
	margin-bottom: -2px;	
}
ul.skin_radio.skin_small li img {
	margin-right: 3px;
	margin-bottom: 0;	
}

/* Common style on drop down list: Drop down list의 모든 skin type에 영향을 미친다. 수정시 주의! */
.skin_dropdownlist {
	font-family: "나눔고딕",nanumgothic,"다음체",daum,verdana,arial,sans-serif;
	position: relative;	/* drop down list item을 표시하는 방법에 영향을 미친다. */
	height: 33px;
	z-index: 100;	/* 버튼을 클릭해서 확장했을때 다른 모든 element보다 위에 표시되어야 한다. */
    border: 1px solid #D5D5D5;
	background: url(../../../Content/images_external/sub/input_bg.gif) no-repeat scroll 0 0;
	color: #555555;
	line-height: 1em;	/* 1. 선택된 항목을 skin 상자안에서 보여줄 때의 기본위치. 2. 클릭해서 열린 item list의 줄간격. 세부조정은 skintype별 top 속성으로 조정한다. */
}
.skin_dropdownlist .skin_ddl_currentlabel_wrapper {

}
.skin_dropdownlist .skin_ddl_currentlabel_wrapper:hover {
	cursor: pointer;
	color: #4688cc;
}
.skin_dropdownlist .skin_ddl_currentlabel {
	color: inherit;
    font-size: 12px;
    font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 12px;	
	float: left;
	margin-left: 1em;
	margin-right: 1em;	
}
.skin_dropdownlist .skin_ddl_button {
	float:right;
}
.skin_dropdownlist .skin_ddl_button img {
	vertical-align: middle;
}

/* HR style on drop down list */
.skin_dropdownlist.skin_hr {
	height: 26px;
    border: 1px solid #524942;;
	background: black; 
	opacity: 0.9;
	color: #CCCCCC; /* 원래는 #666666 였는데 너무 어두워서 변경함. */
}
.skin_dropdownlist.skin_hr .skin_ddl_currentlabel_wrapper {

}
.skin_dropdownlist.skin_hr .skin_ddl_currentlabel {
	color: #CCCCCC; /* 원래는 #666666 였는데 너무 어두워서 변경함. */
    font-size: 13px;
    font-weight: normal;
	position: relative;
	top: 6px;
}
.skin_dropdownlist.skin_hr .skin_ddl_button {
	padding-right: 7px;
	margin-top: 6px;
}

/* big style on drop down list */
.skin_dropdownlist.skin_big {
	color: #777777;
	height: 38px;
}
.skin_dropdownlist.skin_big .skin_ddl_currentlabel {
    font-size: 16px;
	top: 15px;
}

/* big & height33 style on drop down list */
.skin_dropdownlist.skin_big.skin_h33 {
	height: 33px;
}
.skin_dropdownlist.skin_big.skin_h33 .skin_ddl_currentlabel_wrapper {

}
.skin_dropdownlist.skin_big.skin_h33 .skin_ddl_currentlabel {
    font-size: 12px;
	top: 11px;
	margin-left: 0.5em;
	margin-right: 0.5em;	
}
.skin_dropdownlist.skin_big.skin_h33 .skin_ddl_button {
}
.skin_dropdownlist.skin_big.skin_h33 .skin_ddl_button img {
    height: 33px;
	width: 25px;
}

/* small style on drop down list */
.skin_dropdownlist.skin_small {
    font-size: 11px;
    border: 1px solid #E8E7E7;
	color: #666666;
	height: 28px;
	background: #EBEDF3;
}
.skin_dropdownlist.skin_small .skin_ddl_currentlabel_wrapper {

}
.skin_dropdownlist.skin_small .skin_ddl_currentlabel {
    font-size: 13px;
    font-weight: normal;
	position: relative;
	top: 8px;
}
.skin_dropdownlist.skin_small .skin_ddl_button {
	margin-left: 5px;
}



/* click하면 열리는 item list 영역 */

/* Common part */
.skin_dropdownlist ul {
	background: none repeat scroll 0 0 #F8F7F7;
	border: 1px solid #DDDDDD;
	float: none;
    left: -1px;
    position: absolute;
    top: 33px;
    width: 100%;
}
.skin_dropdownlist ul li {
    float:none !important;
    cursor: pointer;
    display: block;
    padding: 4px 10px; /* item list의 줄간격 */
	color: inherit;
	font-size: 12px;
}
.skin_dropdownlist ul li:hover {
	color: #8AB3D6;
	background: #ECEBEB;
}

/* For skin_hr only */
.skin_dropdownlist.skin_hr ul {
    background: black; /* .skin_dropdownlist.skin_hr에서 opacity를 상속받고있음. */
    border: 1px solid #524942;
    top: 26px;
}
.skin_dropdownlist.skin_hr ul li {
	font-size: 13px;
}
.skin_dropdownlist.skin_hr ul li:hover {
	color: #B98AFF;
	background: transparent;
}

/* For skin_big only */
.skin_dropdownlist.skin_big ul {
    top: 38px;
}

/* For skin_big_h33 only */
.skin_dropdownlist.skin_big.skin_h33 ul {
    top: 33px;
}

/* For skin_small only */
.skin_dropdownlist.skin_small ul {
    background-color: #FFFFFF;
    border: 1px solid #E8E7E7;
    clear: both;
    position: absolute;
    top: 28px;
}
.skin_dropdownlist.skin_small ul li {
    padding: 2px 10px;
	font-size: 11px;
}
