@charset "utf-8";

.ui-icon { overflow: hidden; display: block; width: 17px; height: 17px; background-repeat: no-repeat; text-indent: -99999px; }

.ui-datepicker { display: none; padding: 10px 0; width: 17em; }
	.ui-datepicker table { margin: 0 15px .4em; width: 200px; font-size: .9em; border-collapse: collapse; }
	.ui-datepicker th { padding: 0; width: 30px; height: 25px; background: #f7f7f7; border: 0; font-weight: bold; color: #575353; text-align: center; line-height: 25px; }
	.ui-datepicker td { border: 0; }
		.ui-datepicker td a,
		.ui-datepicker td span { display: block; padding: 5px 0; text-align: center; text-decoration: none; }
	.ui-datepicker select.ui-datepicker-year,
	.ui-datepicker select.ui-datepicker-month { width: 58px; }

	/* 날짜 선택 부분 */
	.ui-datepicker .ui-datepicker-title { line-height: 21px; text-align: center; vertical-align: middle; }
		.ui-datepicker .ui-datepicker-title select { border: 1px solid #ccc; font-size: 1em; margin: 1px 0; padding: 1px 0; }
			.ui-datepicker .ui-datepicker-title select:first-child { margin-right: 4px; }
	.ui-datepicker .ui-datepicker-header { position: relative; margin-bottom: 10px; }


/* 이전 /다음
	- off 이미지 :  common_sprites.png
	- on 이미지 : common_sprites2.png 
	- 버튼의 background-position 값은  on/off 동일한 위치사용
	- sprite img만 교체하는 식으로 hover/focus css 처리
	- ui-icon-circle-triangle-w : 왼쪽 
	- ui-icon-circle-triangle-e : 오른쪽
*/
.ui-icon,
.ui-widget-content .ui-icon { background-image: url("/images/common/common_sprites.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon { background-image: url("/images/common/common_sprites2.png"); }
.ui-icon-circle-triangle-w { background-position: -170px -60px; }
.ui-icon-circle-triangle-e { background-position: -190px -60px; }

.ui-datepicker .ui-datepicker-prev { left: 15px; }
.ui-datepicker .ui-datepicker-next { right: 15px; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 0; width: 17px; height: 17px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 15px; }
.ui-datepicker .ui-datepicker-next-hover { right: 15px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { position: absolute; top: 50%; left: 50%; display: block; margin: -8px 0 0 -8px; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { top: 0; }


/* 달력 부분 */
.ui-widget-header { font-weight: bold; color: #6c6969; }
	.ui-widget-header a { color: #fff; }
.ui-widget-content { /*width: 230px;*/ border: 1px solid #bebebe; /*background: #fff url('/images/common/bg_calendar_table.png') repeat-x left 40px;*/ color: #6c6969; }
.ui-state-default * { vertical-align: middle; }

.ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content .ui-state-default { font-size: 12px; line-height: 16px; color: #797878; text-align: center; }



/* TODAY */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { color: #eb3b4b; }

/* Select day */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { background: #eb3b4b; color: #fff !important; }

/* today-done button */
.ui-datepicker .ui-datepicker-buttonpane { margin: 0 15px; width: 200px; border: none; border-top: 1px solid #ebebeb; }
	.ui-datepicker .ui-datepicker-buttonpane button { overflow: hidden; float: right; padding: 7px 10px; margin: 8px 0 0; cursor: pointer; border: 1px solid #ccc; font-size: 11px; font-weight: bold; color: #3a67b6; line-height: 15px; }
		.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; color: #d42d3c; }


.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }
	.ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; }
		.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; }
	.ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; }
	.ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; }
	.ui-menu .ui-menu { position: absolute; }
	.ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
	.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active { margin: -1px; }