@CHARSET "UTF-8";


/************************************************************************************
 calender style
 ************************************************************************************/
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date_input {
    border:1px solid #ccc;
    font-size:12px;
    line-height:12px;
    height:12px;
    padding:4px;
    text-align:center;
    width:100px;

    -moz-box-shadow:0 0 10px #eee inset;
    -webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:10000;

    margin-top:-1px;
    width:198px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding:2px 0;
    height:22px;
}

#caltitle {
    font-size:14px;
    color:#0150D1;
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(/images/admin/cal_prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url(/images/admin/cal_next.gif);
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#ccc;
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc  !important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}
/************************************************************************************
 end of calender style
 ************************************************************************************/

 /*
  * style for IE6 propotion
  */
.secu_update{position:absolute;top:0;left:0;width:880px;height:41px}
.secu_update img{position:absolute;top:0;left:0}
.btn_lycl{position:absolute;top:11px;right:12px;width:16px;height:15px;background:url(http://wstatic.naver.com/www/bu_v25.gif) no-repeat 0 -1500px}
.btn_lycl button{width:16px;height:15px;border:0;background:none;cursor:pointer}
.blind, legend, .ke_kbd .skip_kbd, .wg_sports thead th { display:block; left:0; overflow:hidden; position:absolute; top:-5000px; }


/* colors */
.red  { color:red !important; }
.redb { color:red !important; font-weight:bold; }
.blue  { color:blue !important; }
.blueb { color:blue !important; font-weight:bold; }
.gray  { color:gray !important; }
.grayb { color:gray !important; font-weight:bold; }
.white  { color:white !important; }
.whiteb { color:white !important; font-weight:bold; }
.orange  { color:orange !important; }
.orangeb { color:orange !important; font-weight:bold; }
.yellow  { color:yellow !important; }
.yellowb { color:yellow !important; font-weight:bold; }
.black  { color:black !important; }
.blackb { color:black !important; font-weight:bold; }
.green  { color:#197410 !important; }
.greenb { color:#197410 !important; font-weight:bold; }


.clear {
    clear: both;
    display: block;
    float: none;
    font-size: 0 !important;
    height: 0;
    line-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.blink {
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
}
blink {
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.force_mobile {position:absolute;left:0;top:0;padding:10px;background:#0af;z-index:9999}
.force_mobile a {font-size:12pt;color:#f00;font-weight:bold;}


.tooltipped {
    position: relative
}

.tooltipped:after {
    position: absolute;
    z-index: 900;
    display: none;
    padding: 5px 8px;
    font: normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: rgba(0,0,0,.8);
    border-radius: 3px;
    -webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
    position: absolute;
    z-index: 901;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0,0,0,.8);
    pointer-events: none;
    content: "";
    border: 5px solid transparent
}

.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after {
    display: inline-block;
    text-decoration: none
}

.tooltipped.multiline:hover:after,.tooltipped.multiline:active:after,.tooltipped.multiline:focus:after {
    display: table-cell
}


.tooltipped.s:after,.tooltipped.se:after,.tooltipped.sw:after {
    top: 100%;
    right: 50%;
    margin-top: 5px
}

.tooltipped.s:before,.tooltipped.se:before,.tooltipped.sw:before {
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: rgba(0,0,0,.8)
}

.tooltipped.se:after {
    right: auto;
    left: 50%;
    margin-left: -15px
}

.tooltipped.sw:after {
    margin-right: -15px
}

.tooltipped.n:after,.tooltipped.ne:after,.tooltipped.nw:after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 5px
}

.tooltipped.n:before,.tooltipped.ne:before,.tooltipped.nw:before {
    top: -5px;
    right: 50%;
    bottom: auto;
    margin-right: -5px;
    border-top-color: rgba(0,0,0,.8)
}

.tooltipped.ne:after {
    right: auto;
    left: 50%;
    margin-left: -15px
}

.tooltipped.nw:after {
    margin-right: -15px
}

.tooltipped.s:after,.tooltipped.n:after {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.tooltipped.w:after {
    right: 100%;
    bottom: 50%;
    margin-right: 5px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.tooltipped.w:before {
    top: 50%;
    bottom: 50%;
    left: -5px;
    margin-top: -5px;
    border-left-color: rgba(0,0,0,.8)
}

.tooltipped.e:after {
    bottom: 50%;
    left: 100%;
    margin-left: 5px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.tooltipped.e:before {
    top: 50%;
    right: -5px;
    bottom: 50%;
    margin-top: -5px;
    border-right-color: rgba(0,0,0,.8)
}

.tooltipped.multiline:after {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 500px;
    word-break: break-word;
    word-wrap: normal;
    white-space: pre-line;
    border-collapse: separate;
    text-align: left;
}

.tooltipped.multiline.s:after,.tooltipped.multiline.n:after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltipped.multiline.w:after,.tooltipped.multiline.e:after {
    right: 100%
}

@media screen and (min-width: 0\0) {
    .tooltipped.multiline:after {
        width:250px
    }
}

.tooltipped.sticky:before,.tooltipped.sticky:after {
    display: inline-block
}

.tooltipped.sticky.multiline:after {
    display: table-cell
}