.validation-summary-errors {
    display: inline-block;
}
.field-validation-error {
    display: inline-block;
}
.text-danger {
    color:red;
}
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0 none
}

blockquote, q {
    quotes: 'none'
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: 'none'
    }

body {
    background: steelblue;
}

body {
    font: 13px 'gulim','굴림',sans-serif;
    line-height: 160%;
    color: #333;
}

img {
    display: block;
    margin: 0;
    padding: 0;
    border: none
}

a {
    text-decoration: none
}

.blockclear {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ''
}

/* 인풋용 */
label {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #4682B4
}

input[type=text], input[type=tel], input[type=file], input[type=date], input[type=email], input[type=password], input[type=color], input[type=number], select, textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: gulim;
    font-size: 11px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

input[type=color], input[type=file] {
    background-color: #fff;
}

input, select {
    height: 26px;
    padding: 0 5px /* 높이 */
}

textarea {
    padding: 5px;
    resize: none;
}

input[type=radio], input[type=checkbox] {
    width: 14px;
    height: 14px;
    padding: 0;
    vertical-align: middle
}

input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

input:focus { /* outline:none; */
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2)
}

input[type=button] {
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

::-webkit-file-upload-button {
    display: inline-block;
    float: left;
    margin-top: -1px;
    margin-left: -6px;
    font-size: 11px;
    font-family: gulim;
    line-height: 22px;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    border: none;
    border-radius: 5px 0px 0px 5px;
    background-color: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #fdfdfd 14%, #fdfdfd 60%, #ededed 98%, #dedede 100%, #dedede 101%);
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#fdfdfd 14%,#fdfdfd 60%,#ededed 98%,#dedede 100%,#dedede 101%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#fdfdfd 14%,#fdfdfd 60%,#ededed 98%,#dedede 100%,#dedede 101%);
    color: #333;
    border: 1px solid #ccc;
}
/* 플레이스홀더 */
placeholder {
    color: #579fda
}

::-webkit-input-placeholder {
    color: #579fda
}

:-moz-placeholder {
    color: #579fda;
    opacity: 1
}

::-moz-placeholder {
    color: #579fda;
    opacity: 1
}

:-ms-input-placeholder {
    color: #579fda
}

select:invalid {
    color: #579fda;
}

/* * width * */
.auto {
    width: auto;
}

.mar_auto {
    margin: 0 auto
}

.tw_5 {
    display: inline;
    float: left;
    width: 3%;
    margin: 0 1%
}

.tw_10 {
    display: inline;
    float: left;
    width: 8%;
    margin: 0 1%
}

.tw_15 {
    display: inline;
    float: left;
    width: 13%;
    margin: 0 1%
}

.tw_20 {
    display: inline;
    float: left;
    width: 18%;
    margin: 0 1%
}

.tw_25 {
    display: inline-block;
    float: left;
    width: 23%;
    margin: 0 1%
}

.tw_30 {
    display: inline;
    float: left;
    width: 28%;
    margin: 0 1%
}

.tw_35 {
    display: inline;
    float: left;
    width: 33%;
    margin: 0 1%
}

.tw_40 {
    display: inline;
    float: left;
    width: 38%;
    margin: 0 1%
}

.tw_45 {
    display: inline;
    float: left;
    width: 43%;
    margin: 0 1%
}

.tw_50 {
    display: inline;
    float: left;
    width: 48%;
    margin: 0 1%
}

.tw_55 {
    display: inline;
    float: left;
    width: 53%;
    margin: 0 1%
}

.tw_60 {
    display: inline;
    float: left;
    width: 58%;
    margin: 0 1%
}

.tw_65 {
    display: inline;
    float: left;
    width: 63%;
    margin: 0 1%
}

.tw_70 {
    display: inline;
    float: left;
    width: 68%;
    margin: 0 1%
}

.tw_75 {
    display: inline;
    float: left;
    width: 73%;
    margin: 0 1%
}

.tw_80 {
    display: inline;
    float: left;
    width: 78%;
    margin: 0 1%
}

.tw_85 {
    display: inline;
    float: left;
    width: 83%;
    margin: 0 1%
}

.tw_90 {
    display: inline;
    float: left;
    width: 88%;
    margin: 0 1%
}

.tw_95 {
    display: inline;
    float: left;
    width: 93%;
    margin: 0 1%
}

.tw_100 {
    display: inline;
    float: left;
    width: 98%;
    margin: 0 1%
}

.w_auto {
    display: inline;
    float: left;
    width: auto;
    white-space: nowrap;
}

.w_5 {
    display: inline;
    float: left;
    width: 5%
}

.w_10 {
    display: inline;
    float: left;
    width: 10%
}

.w_15 {
    display: inline;
    float: left;
    width: 15%
}

.w_20 {
    display: inline;
    float: left;
    width: 20%
}

.w_25 {
    display: inline;
    float: left;
    width: 25%
}

.w_30 {
    display: inline;
    float: left;
    width: 30%
}

.w_35 {
    display: inline;
    float: left;
    width: 35%;
}

.w_40 {
    display: inline;
    float: left;
    width: 40%
}

.w_45 {
    display: inline;
    float: left;
    width: 45%
}

.w_50 {
    display: inline;
    float: left;
    display: inline;
    float: left;
    width: 50%;
}

.w_55 {
    display: inline;
    float: left;
    width: 55%
}

.w_60 {
    display: inline;
    float: left;
    width: 60%;
}

.w_65 {
    display: inline;
    float: left;
    width: 65%
}

.w_70 {
    display: inline;
    float: left;
    width: 70%
}

.w_75 {
    display: inline;
    float: left;
    width: 75%
}

.w_80 {
    display: inline;
    float: left;
    width: 80%
}

.w_85 {
    display: inline;
    float: left;
    width: 85%
}

.w_90 {
    display: inline;
    float: left;
    width: 90%
}

.w_95 {
    display: inline;
    float: left;
    width: 95%
}

.w_100 {
    display: inline;
    float: left;
    width: 100%
}

/*테이블기본*/
.table_wrap {
    width: 98%;
    margin: 6px auto
}

table, th, td {
    border-collapse: collapse;
}

table {
    width: 100%;
    text-align: center;
    font-size: 12px;
    letter-spacing: -1px;
    border-bottom: 3px solid #245884;
}

th {
    background-color: #245884;
    color: #fff;
    font-weight: normal;
    padding: 10px 5px;
    border: 1px solid #1d4668;
}

td {
    padding: 5px;
    border: 1px solid #ddd;
    font-size: 11px;
    color: #333;
}

tr:nth-child(odd) {
    background-color: #fff
}

tr:nth-child(even) {
    background-color: #f7f7f7
}

tfoot td {
    padding: 10px 5px;
    background: #eee;
}


/* add_date */
.add_date {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #245884;
    font-size: 13px;
    font-weight: normal;
    color: #fff; /*position:fixed; top:0; left:0; z-index:666*/
}

    .add_date .add_title {
        display: inline-block
    }

        .add_date .add_title:before {
            display: block;
            float: left;
            width: 6px;
            height: 6px;
            margin: 5px 3px 0;
            border-radius: 10px;
            background-color: #fff;
            content: ''
        }

        .add_date .add_title:after {
            display: inline-block;
            margin: 0 5px;
            content: ':'
        }

    .add_date .date1, .add_date .date2, .add_date .date3 {
        display: inline-block;
        margin-right: 15px;
        font-weight: bold
    }

    .add_date .date1 {
        color: #0ff
    }

    .add_date .date2 {
        color: #0f0
    }

    .add_date .date3 {
        color: #ff3
    }

/* add_wrap */
#add_wrap {
    clear: both;
    width: 98%;
    margin: 10px 1%;
}

    #add_wrap:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ''
    }

/* add_box_wrap */
.add_box_wrap {
    display: inline;
    float: left;
    width: 1000px;
}

/* sub_title */
.sub_title {
    float: left;
    width: 100%;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff; /*text-shadow:1px 1px 0px rgba(0, 0, 0, 0.9);*/
}

    .sub_title:before {
        display: block;
        float: left;
        width: 16px;
        height: 6px;
        margin: 7px 3px 0;
        border-radius: 10px;
        background-color: #ff3d00;
        content: '';
    }

/*********** 박스스타일 ***********/
.baseBox {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 8px;
    border-radius: 5px;
    background-color: #fefefe;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #fff;
}

.baseBox {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .baseBox:before, .baseBox:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8),-5px -5px 0px rgba(0, 0, 0, 1);
        top: 50%;
        bottom: 0;
        left: 10px;
        right: 10px;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .baseBox:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }



/* add_inner */
.add_inner {
    padding: 5px 0 10px;
    font-size: 12px;
    line-height: 30px
}

    .add_inner input, select, p {
        display: inline-block;
        float: left;
        width: 60%; /* border-left:none; */
        height: 30px;
        border-radius: 0 5px 5px 0
    }

    .add_inner p {
        display: inline-block;
        float: left;
        height: 30px;
        padding: 0 5px;
        border: 1px solid #ddd; /* border-left:none; */
        border-radius: 0 5px 5px 0;
        background-color: #fff;
        font-size: 12px;
        line-height: 27px;
        text-align: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .add_inner span {
        display: block;
        float: left;
        margin-right: 5px;
    }
/* add_box1~3 */
.baseBox label {
    display: inline-block;
    float: left;
    width: 40%;
    height: 30px;
    padding: 0 8px;
    border-right: none;
    border-radius: 5px 0 0 5px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

/* memo_box+테이블 */
.memo_box_wrap {
    float: right;
    width: 24%
}

.memo_box table tr {
    background-color: #fff;
}

    .memo_box table tr:nth-child(4n+1),
    .memo_box table tr:nth-child(4n+2) {
        background-color: #f7f7f7
    }

/* link_box+테이블 */
.link_box table tr {
    background-color: #fff;
}

    .link_box table tr:nth-child(4n+1),
    .link_box table tr:nth-child(4n+2) {
        background-color: #f7f7f7
    }
/*.link_box table tr td{ height:35px;}*/

.labelStyle01 label {
    border: 1px solid #356c9a;
    background-color: #4682b4
}

.labelStyle02 label {
    border: 1px solid #1d4668;
    background-color: #245884
}

.labelStyle03 label {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-weight: normal;
    color: #245884;
    text-align: left;
}

    .labelStyle03 label:before {
        display: block;
        float: left;
        width: 6px;
        height: 6px;
        margin: 6px 3px 0 0;
        border-radius: 10px;
        background-color: #245884;
        content: ''
    }

.labelStyle03 select {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    height: 26px;
}

hr {
    display: inline;
    float: left;
    width: 98%;
    margin: 5px 1% 0;
    border-top: 1px dashed #ddd;
}

/*table01*/
.table01 table tr td {
    padding: 7px 0px;
}

    .table01 table tr td:first-child {
        background-color: #4682b4;
        width: 60px;
        color: #fff;
        border: 1px solid #1d4668;
        font-size: 13px;
    }


.tLabel label {
    float: left;
    width: 100%;
    height: 11px;
    line-height: 11px;
    font-size: 11px;
    font-weight: normal;
    color: #245884;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 2px;
}

    .tLabel label:before {
        display: block;
        float: left;
        width: 8px;
        height: 4px;
        margin: 2px 3px 0 0;
        border-radius: 10px;
        background-color: #245884;
        content: ''
    }

.tLabel input[type=radio], .tLabel input[type=checkbox] {
    margin-top: 6px;
    line-height: 26px;
    float: left;
}

.tLabel span {
    display: block;
    float: left;
    margin-top: 3px;
}

.tLabel select {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    height: 26px;
}

.label_point label:before {
    background-color: #F30;
}

/*table02*/
.table02 table {
    margin-bottom: 5px;
    border-bottom: none;
}

    .table02 table:last-child {
        margin-bottom: 0;
    }

    .table02 table th {
        background-color: #245884;
        color: #fff;
        font-weight: normal;
        padding: 5px;
        border: none;
        text-align: left;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
    }

.table02 input[type=radio], .table02 input[type=checkbox] {
    margin-top: 6px;
    line-height: 26px;
    float: left;
}

.table02 label {
    color: #333;
    float: left;
    font-size: 11px;
    text-align: left;
    width: 70px;
}

.table02 .tw_25 {
    text-align: left;
}

    .table02 .tw_25 p {
        color: #245884;
        height: 24px;
        margin-left: 0px;
    }

/*table03*/
.table03 table tr td {
    padding: 7px 0px;
}

    .table03 table tr td:first-child {
        background-color: #4682b4;
        width: 200px;
        color: #fff;
        border: 1px solid #1d4668;
        font-size: 13px;
    }

/*table04*/
.table04 table tr td {
    padding: 7px 10px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
}

    .table04 table tr td:first-child {
        background-color: #4682b4;
        color: #fff;
        border: 1px solid #1d4668;
        font-size: 13px;
    }



/* notice_boxt수정불가 */
.notice_box input {
    width: 100%;
    border-radius: 5px
}

    .notice_box input[type=checkbox] {
        width: 14px;
        height: 14px;
        float: left;
        margin-top: 9px;
    }
/* pro_box */
.pro_box select {
    display: inline-block;
    width: 100%;
    height: 26px;
    border-radius: 5px
}

/* login box */
.login_box_wrap {
    width: 500px;
    margin: 100px auto 0;
    color: #333;
    text-align: center;
}

    .login_box_wrap h1 {
        height: 50px;
        color: #fff;
    }

.login_box .check_box {
    padding: 7px 0 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

    .login_box .check_box span {
        margin-right: 15px;
    }

    .login_box .check_box input[type=radio] {
        margin-top: -2px;
        margin-right: 3px;
    }

.login_box input[type=button] {
    width: 100%;
    margin-bottom: 7px;
}

/* 로그인버튼 */
.loginBtn {
    display: inline-block;
    width: 100%;
    height: 35px;
    padding: 0 6px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #fff;
    font-size: 12px;
    font-family: gulim;
    line-height: 12px;
    color: #333;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer
}

    .loginBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        background-color: #f6f6f6;
        box-shadow: 0 0 8px #00ccff,0 0 3px #0cf
    }

    .loginBtn:active {
        position: relative;
        top: 1px
    }

/* ****************버튼스타일****************** */
.baseBtn {
    display: inline-block;
    min-width: 28px;
    padding: 0 6px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #fff;
    font-size: 12px;
    font-family: gulim;
    line-height: 12px;
    color: #333;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer
}

    .baseBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        background-color: #f6f6f6;
        box-shadow: 0 0 8px #00ccff,0 0 3px #0cf;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#ffffff',GradientType=0)
    }

    .baseBtn:active {
        position: relative;
        top: 1px
    }

.baseBtnAct {
    box-shadow: 0 0 8px #00ccff,0 0 3px #0cf
}

button.baseBtn {
    padding: 6px;
}

/*smallBtn*/
.smallBtn {
    display: inline-block;
    background-color: #639;
    color: #fff;
    padding: 0 2px 1px;
    font-size: 11px;
    font-family: gulim;
    height: 15px;
    line-height: 15px;
    border-radius: 3px;
    border: none;
    margin-left: 5px;
    margin-top: -2px;
    cursor: pointer;
}

    .smallBtn.X {
        background-color: #F30;
    }

    .smallBtn:hover {
        background-color: #F30;
    }

    .smallBtn:active {
        position: relative;
        top: 1px
    }

    .smallBtn.X:hover {
        background-color: #639;
    }

/* 신규등록버튼 */
#add_wrap .addBtn {
    display: inline-block;
    min-width: 120px;
    height: 35px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #fff;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer
}

    #add_wrap .addBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        background-color: #f6f6f6;
        box-shadow: 0 0 8px #00ccff,0 0 3px #0cf;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#ffffff',GradientType=0)
    }

    #add_wrap .addBtn:active {
        position: relative;
        top: 1px
    }

a.tooltip, label.tooltip {
    outline: none;
}

    a.tooltip strong, label.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover, label.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span, label.tooltip span {
        min-width: 150px;
        max-width: 600px;
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -10px;
        margin-left: 10px;
        width: auto;
        line-height: 16px;
        text-align: left;
        z-index: 666;
    }

    a.tooltip:hover span, label.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
        z-index: 666;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

a.tooltip span, label.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}