﻿
div.ItsText_table > input               { height: 24px; }
div.ItsTextArea_table > textarea        { height: 24px; }
div.ItsNum_table > input                { height: 24px; }
div.ItsMonth_box > input                { height: 24px; }
div.ItsDateRange_box > input            { height: 24px; }
div.ItsDateRange_button                 { height: 24px; background-position: center; }
div.ItsDate_button                      { height: 24px; background-position: center; }
div.ItsDate_box > input                 { height: 24px; }
div.ItsCombo_box > input                { height: 24px; }

#sdiv1 .ItsRadio_input {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 5px;
}

div .ItsText_table > span               { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsTextArea_table > span            { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsNum_table > span                 { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsMonth_table > span               { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsDateRange_table > span           { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsDate_table > span                { font-family: 'NanumSquare_acB'; padding-right: 10px; }
div.ItsCombo_table > span               { font-family: 'NanumSquare_acB'; padding-right: 10px; }
span.ItsRadio_span                      { font-family: 'NanumSquare_acB'; white-space: normal; color:#565656 }

div.ItsText_table > input:focus         { border: 2px solid #008AFF; }
div.ItsNum_table > input:focus          { border: 2px solid #008AFF; }
div.ItsMonth_box > input:focus          { border: 2px solid #008AFF; }
div.ItsDateRange_box > input:focus      { border: 2px solid #008AFF; }
div.ItsDate_box > input:focus           { border: 2px solid #008AFF; }

.ItsRadio_span {
    text-align:right;
    display:inline-block;
    padding-right: 10px;
}


div.ItsMonth_button {
    background-position: center;
}
div.ItsCombo_button {
    height: 24px;
    background: url(../images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position: center;
}


div.ItsMonth_box > input:hover ~ div.ItsMonth_button {
    background: url(../images/UserControl/ic_calendar_n.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;
}

div.ItsMonth_box > div.ItsMonth_button:hover {
    background: url(../images/UserControl/ic_calendar_n.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;
}

div.ItsMonth_box > input:focus ~ div.ItsMonth_button {
    border: 2px solid #008AFF;
    background-position: center;
}

div.ItsDateRange_box > input:hover ~ div.ItsDateRange_button {
    /*background: url(/images/UserControl/ic_calendar_h.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;*/
}

div.ItsDateRange_box > div.ItsDateRange_button:hover {
    /*background: url(/images/UserControl/ic_calendar_h.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;*/
}

div.ItsDateRange_box > input:focus ~ div.ItsDateRange_button {
    border: 2px solid #008AFF;
    background: url(/images/UserControl/ic_calendar_n.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;
    /*background-color:#4774B9;*/
}

div.ItsDateRange_box > input:read-only ~ div.ItsDateRange_button {
    border: 1px solid #C0C0C0;
    background: url(/images/UserControl/ic_calendar_d.png) no-repeat, #F0F0F0;
    background-size: 20px;
    background-color: #F0F0F0;
    background-position: center;
}


div.ItsDate_box > input:hover ~ div.ItsDate_button {
    background: url(/images/UserControl/ic_calendar_h.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;
}

div.ItsDate_box > div.ItsDate_button:hover {
    background: url(/images/UserControl/ic_calendar_n.png) no-repeat, #FFFFFF;
    background-size: 20px;
    background-position: center;
}

div.ItsDate_box > input:focus ~ div.ItsDate_button {
    border: 2px solid #008AFF;
    background: url(/images/UserControl/ic_calendar_n.png) no-repeat, #FFFFFF;
    background-size: 20px;
    /*background-color: #4774B9;*/
    background-position: center;
}

div.ItsCombo_button {
    border-left: none;
    background-color: white;
    background: url(/images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position: center;
}

div.ItsCombo_button:hover {
    background: url(/images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position:center;
}
div.ItsCombo_box > input:focus {
    border: 2px solid #008AFF;
}
div.ItsCombo_box > input:hover ~ div.ItsCombo_button {
    background: url(/images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position: center;
}
div.ItsCombo_box > div.ItsCombo_button:hover {
    background: url(/images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position: center;
}
div.ItsCombo_box > input:focus ~ div.ItsCombo_button {
    border: 2px solid #008AFF;
    border-left: none;
    background: url(/images/UserControl/dropArrow.png) no-repeat, #FFFFFF;
    background-size: 10px;
    background-position: center;
}
div.ItsCombo_box > input.ItsComboInput_readonly ~ div.ItsCombo_button {
    border: 2px solid #008AFF !important;
    background: url(/images/UserControl/dropArrow.png) no-repeat, #F0F0F0;
    background-size: 10px;
    background-color: #F0F0F0 !important;
    background-position: center;
}
.ItsComboInput_readonly {
    border: 1px solid #C0C0C0 !important;
    border-left: none;
    background-color: #F0F0F0;
    color: #A3A3A3 !important;
}

div.ItsCombo_box > ul {
    float:left;
    visibility:hidden;
    display:block;
    padding:0px;
    margin:0px;
    margin-top:23px;
    position:fixed;
    list-style:none;
    z-index:99999999;
    max-height:200px;
    overflow-y:auto;
    border:1px solid #C0C0C0;
}
div.ItsCombo_box > ul > li {
    display:block;
    word-wrap:unset;
    padding-top: 3px;
    padding-left: 3px;
    vertical-align:middle;
    background-color:white;
    min-height:24px;
    border-bottom:solid 1px rgba(71,116,185, 0.1);
    font-family: 'NanumSquare_acR';
    font-weight:normal;
    font-size:12px;
    color:#565656;
}

div.ItsCombo_box > ul > li.select {
    background-color: #D8EAFA;
}
div.ItsCombo_box > ul > li.over {
    background-color:#D8EAFA;
}
