@import url(jquery_ui.css);



/* autocomplete_item box resize
------------------------------------*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

* html .ui-autocomplete {	/* IE 6 doesn't support max-height */
	height: 200px;
}

/* states and images */
.ui-state-default .ui-icon { background-image: url(../../../images/theme/theme01/jquery/ui-icons_ef8c08_256x240.png); }
/*
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../../images/theme/theme01/jquery/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../../images/theme/theme01/jquery/ui-icons_ffffff_256x240.png); }
*/
.ui-state-highlight .ui-icon {background-image: url(../../../images/theme/theme01/jquery/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../../images/theme/theme01/jquery/ui-icons_ffd27a_256x240.png); }

/* Component containers  
----------------------------------*/
/*
.ui-widget-header { border: 1px solid #3f4551; background: #f6a828 url(../../../images/theme/theme01/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
*/
.ui-widget-content { border: 0px solid #dddddd; border-top: none; background: #fff url(../../../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222 }

/* Interaction states
----------------------------------*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3f4551; text-decoration: none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #b7b7b7;background: #f3f3f3 50% 50% repeat-x;font-weight: bold;color: #222;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #e0e0e0; background: #e0e0e0 !important; font-weight: bold; color: #222; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border: 1px solid #fbd850; color: #3f4551; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#fff; text-decoration: none; background: #f6a828 url(../../../images/theme/theme01/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;}
/*.ui-state-highlight {text-align:center; background:#fffddb}*/
.ui-state-highlight {text-align:center; background:#bddbff !important}

/* ui-accordion
----------------------------------*/
.ui-accordion { font:normal 100% Dotum; }
.ui-accordion .ui-accordion-content { padding: 0.5em 2.2em; }



.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }



/* ui-datepicker
----------------------------------*/
.ui-datepicker { font:normal 110% Arial,sans-serif !important; width: 168px; padding:0px 0px 0 0px; }
.ui-datepicker .ui-widget-header { border: 1px solid #ddd; background: #ddd; font-weight: bold; }
.ui-datepicker.ui-widget-content { border: 2px solid #555; background: #fff url(../../../images/theme/theme01/jquery/ui-bg_highlight-soft_160_eeeeee_1x160.png) 50% bottom repeat-x; color: #333333; }
.ui-datepicker .ui-state-hover  {  border: 1px solid #d3d3d3;  background:#e51455; color: #fff; }
.ui-datepicker-header .ui-state-hover  { border:none; background:none; padding:0px; cursor:pointer;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none;color:#555;/* background:#fff;   */}
.ui-datepicker td.ui-datepicker-current-day a{ border: 1px solid #e51455;  background:#e51455; color: #fff;}
.ui-datepicker td.ui-datepicker-today a{ background:#fff; color:#dc5c1c; border:1px solid transparent;}
.ui-datepicker td.ui-datepicker-selectedDay a{ border: 1px solid #e51455;  background:#e51455; color: #fff;}
.ui-datepicker td.ui-datepicker-week-end {background-image: none; background-attachment: scroll; background-repeat: repeat; background-color: rgb(245,246,255);}
.ui-datepicker td.ui-datepicker-week-end-sun {background-image: none; background-attachment: scroll; background-repeat: repeat; background-color: rgb(255, 245, 245);}
.ui-datepicker th.ui-datepicker-week-end span {color:#3692d9;}
.ui-datepicker th:first-child.ui-datepicker-week-end span{color:#d26467;}
.ui-state-default-datepicker {border: 1px solid transparent; /*  font-weight: bold ; */ color: #222}
.blockRight_fixed .ui-datepicker, .blockLeft_fixed .ui-datepicker { width:144px; }
.blockRight_fixed .ui-datepicker th, .blockLeft_fixed .ui-datepicker th { padding: 0.7em 0; }

/* tabs
----------------------------------*/
.ui-tabs { font:75%/1.5em Tahoma, Meiryo, "MS PGothic", Dotum; line-height:1.4em; padding:0; }
.ui-tabs .ui-tabs-panel { padding:10px 0; }

/* orderBox
----------------------------------*/
.orderBox {margin-right:4px;}
.orderBox li { color:#555;text-align:center; margin-top:2px; list-style-type: none; width:100%; font-size:1.0em; height:18px; padding-top:0.4em;padding-bottom:0.4em; }
.list-selectable { list-style-type: none; margin-left:0; padding: 0; width: 100%; }
.list-selectable li { color:#555;margin-top:2px; padding: 0.4em 0.4em 0.4em 1.5em !important; font-size: 1.0em; height: 18px; text-decoration:none !important; }
.list-selectable li span { position: absolute; margin-left: -1.3em; margin-top: 0em; }
.list-selectable .ui-selecting { background: #FECA40; }
.list-selectable .ui-selected { background: #000; color: white; }	

/* shuttleCon
----------------------------------*/
.shuttleCon .list-selectable li { padding:3px 3px 1px 5px !important; line-height:12px !important; margin-top:1px !important; height:auto !important; }

/* online_poll
----------------------------------*/
.online_poll_graph { position:absolute; top:120px; right:20px; width:240px;}
.online_poll_balloon { position:relative; background:url(../../../images/theme/theme01/jquery/balloon_advice_l.png) repeat-x left top; *width:50%; height:31px; padding-left:10px; padding-right:10px; *padding-right:0px; display:inline-block; *display: }
.online_poll_balloon_r { position:absolute; background:url(../../../images/theme/theme01/jquery/balloon_advice_r.png) no-repeat right top; height:31px; top:0px; right:0px; padding-left:8px; display:;}
.online_poll_graph span { font-size:0.9em; line-height:25px;}
.online_poll_graph p { background-color:#111; width:20px; height:20px;}
.online_poll_graph .ui-widget-header { border: none; background: #f6a828 url(../../../images/theme/theme01/jquery/ui-bg_gloss-wave_35_f6a828_500x100_poll.png) 50% 50% repeat-x !important; color: #ffffff; font-weight: bold; }
.online_poll_graph .ui-widget-content { border: none; background: #fff url(../../../images/theme/theme01/jquery/ui-bg_highlight-soft_100_eeeeee_1x100_poll.png) 50% 50% repeat-x !important; color: #333333; }
.online_poll_graph .ui-progressbar { height:0.5em; text-align: left; }
.online_poll_graph .ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; }
.online_poll_graph .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.online_poll_graph .ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.online_poll_graph .ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.online_poll_graph .online_poll_day { margin-top:12px; color:#777; float:left; width:240px;}
.online_poll_graph .online_poll_day span { line-height:12px; float:left;}
.online_poll_graph .online_poll_day span.lastday { position:relative; float:right; text-align:right;}
.online_poll_graph .voteRange { position:relative;}
.online_poll_graph .bar_l { position:absolute; top:-4px; left:-2px; width:1px; height:15px; background:url(../../../images/theme/theme01/basic/bar_poll.gif) no-repeat; }
.online_poll_graph .bar_r { position:absolute; top:-4px; left:240px; width:1px; height:15px; background:url(../../../images/theme/theme01/basic/bar_poll.gif) no-repeat; }

/* survey
----------------------------------*/
.survey_graph .ui-widget-header { border: none; background: #f6a828 url(../../../images/theme/theme01/jquery/ui-bg_gloss-wave_35_f6a828_500x100_poll.png) 50% 50% repeat-x !important; *margin-top:0; }
.survey_graph .ui-widget-content { border: none; background: #fff url(../../../images/theme/theme01/jquery/ui-bg_highlight-soft_100_eeeeee_1x100_poll.png) 50% 50% repeat-x !important; }
.survey_graph .ui-progressbar { height:0.5em; }

/* address
---------------------------------*/
#addressTab .ui-tabs-panel { padding:0 !important; }

.ui-widget-workflow-header { border: none; background: transparent  url(../../../images/workflow/bg_pop_title.png) left top repeat-x !important; *margin-top:0; border-left:1px solid #3b5a82; border-right:1px solid #3b5a82;}
.ui-widget-workflow-header .ui-icon {background-image: url(../../../images/theme/theme01/jquery/ui-icons_ffffff_256x240_work.png); }
.ui-state-hover, .ui-widget-content1 .ui-state-hover, .ui-widget-workflow-header .ui-state-hover, .ui-state-focus, .ui-widget-content1 .ui-state-focus, .ui-widget-workflow-header .ui-state-focus 
{ border: 1px solid #9ec1f0; background: #fdf5ce url(../../../images/theme/theme01/jquery/ui-bg_glass_100_fdf5ce_1x400_work.png) 50% 50% repeat-x; font-weight: bold; color: #fff; }

.ui-widget-content1 { border: 0px !important; background: none; color: #333333; }
.ui-dialog { position: absolute; padding: .0em !important; overflow: hidden; }
.ui-dialog .ui-dialog-title {float:left;padding:12px 0 0 17px;font-weight:bold;color:#fff;font-size:16px;}
.ui-dialog .ui-dialog-titlebar{overflow:hidden;border-bottom:2px solid #0075bf;background-color:#0075bf;}
.ui-dialog .ui-dialog-titlebar a.close{float:right;display:block;padding-right:10px;}
.ui-dialog .ui-dialog-content{padding:10px;border-width:2px;;border-top:0px;border-style:solid;border-color:#0075bf;}
/*
.ui-dialog1 .ui-dialog-titlebar { float:left;padding:12px 0 0 17px;font-weight:bold;color:#fff;font-size:16px;  }
.ui-dialog1 .ui-dialog-title { float: left; margin: 6px 16px .2em 10px; color:#15428b; font-size:0.9em;} 
.ui-dialog1 .ui-dialog-titlebar-close { float:right;display:block;padding-right:10px; }
.ui-dialog1 .ui-dialog-titlebar-close span { display: block; margin: 0px; }
.ui-dialog1 .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog1 .ui-dialog-content { position: relative; border: 0; padding-bottom: 10px !important; background: #cddff6; overflow: auto; zoom: 1; border-left:1px solid #3b5a82; border-right:1px solid #3b5a82; border-bottom:1px solid #3b5a82;}
.ui-dialog1 .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog1 .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog1 .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog1 .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
*/

.validatebox-invalid {
  background-image: url('../../../images/validatebox_warning.png');
  background-repeat: no-repeat;
  background-position: right center;
  border-color: #ffa8a8;
  background-color: #fff3f3;
  color: #000;
}
.tooltip {
  position: absolute;
  display: none;
  z-index: 9900000;
  outline: none;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.tooltip-content {
  font-size: 12px;
}
.tooltip-arrow-outer,
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-width: 6px;
  border-color: transparent;
  _border-color: tomato;
  _filter: chroma(color=tomato);
}
.tooltip-right .tooltip-arrow-outer {
  left: 0;
  top: 50%;
  margin: -6px 0 0 -13px;
}
.tooltip-right .tooltip-arrow {
  left: 0;
  top: 50%;
  margin: -6px 0 0 -12px;
}
.tooltip-left .tooltip-arrow-outer {
  right: 0;
  top: 50%;
  margin: -6px -13px 0 0;
}
.tooltip-left .tooltip-arrow {
  right: 0;
  top: 50%;
  margin: -6px -12px 0 0;
}
.tooltip-top .tooltip-arrow-outer {
  bottom: 0;
  left: 50%;
  margin: 0 0 -13px -6px;
}
.tooltip-top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin: 0 0 -12px -6px;
}
.tooltip-bottom .tooltip-arrow-outer {
  top: 0;
  left: 50%;
  margin: -13px 0 0 -6px;
}
.tooltip-bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin: -12px 0 0 -6px;
}
.tooltip {
  
  background: #fff url(../../../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  border: 1px solid #aaa;
  color: #222;
}
.tooltip-right .tooltip-arrow-outer {
  border-right-color: #95B8E7;
}
.tooltip-right .tooltip-arrow {
  border-right-color: #ffffff;
}
.tooltip-left .tooltip-arrow-outer {
  border-left-color: #95B8E7;
}
.tooltip-left .tooltip-arrow {
  border-left-color: #ffffff;
}
.tooltip-top .tooltip-arrow-outer {
  border-top-color: #95B8E7;
}
.tooltip-top .tooltip-arrow {
  border-top-color: #ffffff;
}
.tooltip-bottom .tooltip-arrow-outer {
  border-bottom-color: #95B8E7;
}
.tooltip-bottom .tooltip-arrow {
  border-bottom-color: #ffffff;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 999999999999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

.ui-tooltip-content { 
	border: 1px solid #aaaaaa;
	background: #ffffff url(../../../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; 
	color: #212121;
}

div.ui-jqgrid-bdiv{
	height:700px;
}
div.disableDiv{
	display:none;
	background-color:white;
	position:absolute;
	left:0px;
	top:0px;
	opacity: 0.5;
}
div.viewLoading{
	display: none;
	position: absolute;
}