@charset "utf-8";
/* CSS Document */

/** common **/


.wh {color:#fff;} .wh a {color:#fff;}
.gry {color:#888888;} .gry a {color:#888888;}
.blu {color:#4c9ecd;}
.bold {font-weight:bold;}
.pointer {cursor:pointer;}

/* no's*/
.noborderL {border-left:0 !important}
.nomarginL {margin-left:0 !important}

/** layout **/
.c1p {width:100%;}
.clr {clear:both;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.ml5 {margin-left:5px;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.d_in {display:inline-block;}
.fl {float:left;}
.fr {float:right;}
.tL {text-align:left;}
.tC {text-align:center;}
.tR {text-align:right;}
.pr {position:relative;}
.lightbox img {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.contents {clear:both; margin-left:100px; padding:74px 25px 0; background:#fff;}
.contents_pop {clear:both; padding:10px; background:#fff;}
.top_btn {clear:both; padding:0 0 20px;}
.bt_btn {clear:both; padding:0 0 30px; text-align:center;}

.pages {padding:10px 0; font-size:11px;}
.pages li {float:left;}
.pages li a {border:#d4d4d4 1px solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0 2px 2px -2px #d3d3d3; padding:4px 8px; display:inline-block; margin:0 2px;}
.pages li a:hover {border:#646464 1px solid; background:#6f6f6f; color:#fff;}
.pages .current {border:#646464 1px solid; background:#6f6f6f; color:#fff;}

.level1 {color:#911956;}
.level2 {color:#d61d00;}
.level3 {color:#3246ab;}
.level4 {color:#008000;}
.level5 {color:#f07724;}


/** top **/
.top {width:100%; height:48px; display:block; position:absolute; z-index:1000; background:#3e3e3e url(../images/bg_top.gif) repeat-x 0 0; clear:both; border-bottom:#1c1c1c 1px solid;}
.top .logo {float:left; margin:12px 0 0 32px;}
.top .logo2 {float:left; font:22px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#9b9b9b; text-transform:uppercase; padding-top:12px; margin-left:12px;cursor:pointer;}
.top_menu {float:right; margin-right:20px; font-size:11px; color:#c5c5c5; text-align:center;}
.top_menu a {color:#cfcfcf;}
.top_menu li {padding:15px 14px 0; height:33px; display:inline-block;}
.top_menu .bar {background:url(../images/bg_top_bar.gif) repeat-y top left;}

.top_menu .ico1 {background:url(../images/ico_top.png) no-repeat 0 0; width:18px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}
.top_menu .ico2 {background:url(../images/ico_top.png) no-repeat -19px 0; width:14px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}
.top_menu .ico3 {background:url(../images/ico_top.png) no-repeat -34px 0; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}
.top_menu .ico4 {background:url(../images/ico_top.png) no-repeat -51px 0; width:14px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}


/** sidebar **/
.sidebar {width:100px; position:absolute; z-index:999; min-height:100%; padding-top:49px; background:#3e3e3e url(../images/bg_nav.gif) repeat-y 0 0;}
.sidebar .profile {clear:both; text-align:center; padding:20px 0 15px; border-bottom:#2e2e2e 1px solid; border-top:#555555 1px solid; color:#cfcfcf; font-size:11px;}
.sidebar .profile li {padding:4px 0;}

.sidebar .nav {clear:both;}
.sidebar .nav li {border-bottom:#2e2e2e 1px solid; border-top:#555555 1px solid; color:#cfcfcf; font-size:11px; text-align:center;}
.sidebar .nav li a {color:#cfcfcf; width:100px; height:25px; padding:45px 0 0; display:block; color:#fff; opacity:0.5;}
.sidebar .nav li a:hover {opacity:1; text-decoration:none;}
.sidebar .nav .on {opacity:1;}

.nav_000 a {background:url(../images/ico_nav.png) no-repeat 38px 14px;}
.nav_100 a {background:url(../images/ico_nav.png) no-repeat 38px -56px;}
.nav_200 a {background:url(../images/ico_nav.png) no-repeat 38px -126px;}
.nav_250 a {background:url(../images/ico_artists.png) no-repeat 35px 11px;}
.nav_210 a {background:url(../images/ico_video.png) no-repeat 34px 11px;}
.nav_220 a {background:url(../images/ico_playlist.png) no-repeat 34px 11px;}
.nav_230 a {background:url(../images/ico_artist.png) no-repeat 34px 11px;}
.nav_240 a {background:url(../images/ico_album.png) no-repeat 36px 11px;}
.nav_300 a {background:url(../images/ico_nav.png) no-repeat 38px -196px;}
.nav_400 a {background:url(../images/ico_nav.png) no-repeat 38px -266px;}
.nav_450 a {background:url(../images/ico_nav.png) no-repeat 38px -336px;}
.nav_600 a {background:url(../images/ico_nav.png) no-repeat 38px -406px;}
.nav_700 a {background:url(../images/ico_nav.png) no-repeat 38px -476px;}
.nav_900 a {background:url(../images/ico_nav.png) no-repeat 38px -546px;}


/** button **/


.bt_grn {border:#68a341 1px solid; padding:6px 15px; color:#fff; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:bold;
background: #97c261; /* Old browsers */
background: -moz-linear-gradient(top,  #97c261 0%, #68a341 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97c261), color-stop(100%,#68a341)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #97c261 0%,#68a341 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #97c261 0%,#68a341 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #97c261 0%,#68a341 100%); /* IE10+ */
background: linear-gradient(to bottom,  #97c261 0%,#68a341 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c261', endColorstr='#68a341',GradientType=0 ); /* IE6-9 */}
.bt_grn:hover {opacity:0.9;}

.bt_blk {border:#4e4e4e 1px solid; padding:4px 10px; color:#fff; cursor:pointer; font-size:11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
background: #868686; /* Old browsers */
background: -moz-linear-gradient(top,  #868686 0%, #4e4e4e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#4e4e4e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #868686 0%,#4e4e4e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #868686 0%,#4e4e4e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #868686 0%,#4e4e4e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #868686 0%,#4e4e4e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */}
.bt_blk:hover {opacity:0.9;}

.bt_blue {border:#5897c3 1px solid; padding:6px 15px; color:#fff; cursor:pointer; font-size:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 3px; font-weight:bold;
background: #71b8d6; /* Old browsers */
background: -moz-linear-gradient(top,  #71b8d6 0%, #5897c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71b8d6), color-stop(100%,#5897c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #71b8d6 0%,#5897c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b8d6', endColorstr='#5897c3',GradientType=0 ); /* IE6-9 */}
.bt_blue:hover {opacity:0.9;}

.bt_org {border:#e47031 1px solid; padding:6px 15px; color:#fff; cursor:pointer; font-size:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 3px; font-weight:bold;
background: #f29968; /* Old browsers */
background: -moz-linear-gradient(top,  #f29968 0%, #e47031 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29968), color-stop(100%,#e47031)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f29968 0%,#e47031 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f29968 0%,#e47031 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f29968 0%,#e47031 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f29968 0%,#e47031 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29968', endColorstr='#e47031',GradientType=0 ); /* IE6-9 */}
.bt_org:hover {opacity:0.9;}

.bt_red {border:#a95151 1px solid; padding:6px 15px; color:#fff; cursor:pointer; font-size:12px; margin:0 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:bold;
background: #c67979; /* Old browsers */
background: -moz-linear-gradient(top,  #c67979 0%, #a95151 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c67979), color-stop(100%,#a95151)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c67979 0%,#a95151 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c67979 0%,#a95151 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c67979 0%,#a95151 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c67979 0%,#a95151 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67979', endColorstr='#a95151',GradientType=0 ); /* IE6-9 */}
.bt_red:hover {opacity:0.9;}

.bt_grn2 {border:#5a837e 1px solid; padding:6px 15px; color:#fff; cursor:pointer; font-size:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 3px; font-weight:bold;
background: #81aaa7; /* Old browsers */
background: -moz-linear-gradient(top,  #81aaa7 0%, #5a837e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81aaa7), color-stop(100%,#5a837e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #81aaa7 0%,#5a837e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #81aaa7 0%,#5a837e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #81aaa7 0%,#5a837e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #81aaa7 0%,#5a837e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81aaa7', endColorstr='#5a837e',GradientType=0 ); /* IE6-9 */}
.bt_grn2:hover {opacity:0.9;}

.bt_gry {border:#c3c3c3 1px solid; padding:4px 10px; cursor:pointer; font-size:11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */}
.bt_gry:hover {opacity:0.9;}

.bt_down {border:#CDCDCD 1px solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; vertical-align:middle;}
.bt_down .btn1 {padding:0 8px; height:26px; border:0 none; font-size:11px; line-height:26px; color:#888888; text-align:left; float:left; cursor:pointer;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.bt_down .btn2 {padding:0 8px; height:26px; border:0 none; border-left:#CDCDCD 1px solid; float:left; cursor:pointer; line-height:0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.bt_down .arr {background:url(../images/ico_down.gif) no-repeat center center; width:7px; height:26px; display:block;}
.dropmenu1 {position:absolute; border:#CDCDCD 1px solid; border-top:none; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; background:#fff; z-index:7;}
.dropmenu1 li {border-bottom:#e4e4e4 1px solid; padding:5px 8px; display:block; color:#888888; cursor:pointer;}
#searchsel {width:90px;}
#searchsel_sub {display:none;width:130px; top:29px; right:0;}
#searchsel_sub li {width:114px;}
.checker {width:16px; height:16px; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; box-shadow:0 1px 0 white; -webkit-box-shadow:0 1px 0 white; -moz-box-shadow:0 1px 0 #fff;}
.checker span {background:url(../images/ico_check.gif) no-repeat 0 0; height:16px; width:16px; display:-moz-inline-box; display:inline-block; text-align:center;}
.checker .checked {background-position:0 -17px;}
.checker input {opacity:0; cursor:pointer; width:16px; height:16px; display:inline-block;}
.disabled {opacity:0.6; filter:alpha(opacity=60);}

.checker2 {width:16px; height:16px; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; box-shadow:0 1px 0 white; -webkit-box-shadow:0 1px 0 white; -moz-box-shadow:0 1px 0 #fff;}
.checker2 span {background:url(../images/ico_check2.gif) no-repeat 0 0; height:16px; width:16px; display:-moz-inline-box; display:inline-block; text-align:center;}
.checker2 .checked {background-position:0 -17px;}
.checker2 input {opacity:0; cursor:pointer; width:16px; height:16px; display:inline-block;}

/** input **/
.txtfield {border:#CDCDCD 1px solid; background:#fff; padding:5px 5px; height:14px; font-size:12px; line-height:14px; vertical-align:middle;}
.txtfield:hover {border:#9b9b9b 1px solid;}
.txtarea {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 #fff; padding: 6px 5px; border: 1px solid #CDCDCD; background: #FDFDFD;}
.selectbox {border:#CDCDCD 1px solid; background:#fff; height:26px; font-size:12px; line-height:14px; vertical-align:middle;}
.selectbox:hover {border:#9b9b9b 1px solid;}

/** ico **/
.ic_slide {background:url(../images/ico_slide.gif) no-repeat 0 0; width:56px; height:20px; display:inline-block; vertical-align:middle; margin-right:6px;}
.ic_featured {background:url(../images/ico_featured.gif) no-repeat 0 0; width:75px; height:20px; display:inline-block; vertical-align:middle; margin-right:6px;}
.ic_draft {background:url(../images/ico_status.png) no-repeat 0 0; width:18px; height:15px; display:inline-block; vertical-align:middle;}
.ic_queued {background:url(../images/ico_status.png) no-repeat 0 -80px; width:18px; height:15px; display:inline-block; vertical-align:middle;}
.ic_back {background:url(../images/ico_status.png) no-repeat 0 -160px; width:18px; height:15px; display:inline-block; vertical-align:middle;}
.ic_published {background:url(../images/ico_status.png) no-repeat 0 -240px; width:18px; height:15px; display:inline-block; vertical-align:middle;}
.ic_del {background:url(../images/ico_status.png) no-repeat 0 -320px; width:18px; height:15px; display:inline-block; vertical-align:middle;}
.ic_search {background:url(../images/ico_search.gif) no-repeat 0 0; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.ic_stats {background:url(../images/ico_stats.gif) no-repeat 0 0; width:11px; height:12px; display:inline-block; vertical-align:middle;}

/** info **/
.noti {line-height:18px; position:relative; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; display:block;}
.fielderror {color:#DE5959; border:#FBC4C4 1px solid; padding:14px 18px;
background: #fff2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #fff2f2 0%, #ffe9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff2f2), color-stop(100%,#ffe9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff2f2 0%,#ffe9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#ffe9e9',GradientType=0 ); /* IE6-9 */}
.error {color:#DE5959; border:#FBC4C4 1px solid; 
background: #fff2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #fff2f2 0%, #ffe9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff2f2), color-stop(100%,#ffe9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff2f2 0%,#ffe9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff2f2 0%,#ffe9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#ffe9e9',GradientType=0 ); /* IE6-9 */}
.error .close {background:url(../images/ico_close.png) 0 0; width:8px; height:8px; display:block; position:absolute; top:19px; right:18px;}
.success {color:#5F9025; border:#b3dc82 1px solid; padding:14px 18px;
background: #f0fae7; /* Old browsers */
background: -moz-linear-gradient(top,  #f0fae7 0%, #ebf6e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fae7), color-stop(100%,#ebf6e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0fae7 0%,#ebf6e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0fae7 0%,#ebf6e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0fae7 0%,#ebf6e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0fae7 0%,#ebf6e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fae7', endColorstr='#ebf6e0',GradientType=0 ); /* IE6-9 */}
.success .close {background:url(../images/ico_close.png) 0 8px; width:8px; height:8px; display:block; position:absolute; top:19px; right:18px;}
.warning {color:#8F872E; border:#ded58a 1px solid; padding:14px 18px;
background: #fcfbe6; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfbe6 0%, #fbfadd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbe6), color-stop(100%,#fbfadd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfbe6 0%,#fbfadd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfbe6 0%,#fbfadd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfbe6 0%,#fbfadd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfbe6 0%,#fbfadd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbe6', endColorstr='#fbfadd',GradientType=0 ); /* IE6-9 */}
.warning .close {background:url(../images/ico_close.png) 0 16px; width:8px; height:8px; display:block; position:absolute; top:19px; right:18px;}
.notice {color:#5091B2; border:#b6d7e8 1px solid; padding:14px 18px;
background: #f2fafe; /* Old browsers */
background: -moz-linear-gradient(top,  #f2fafe 0%, #e9f7fe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fafe), color-stop(100%,#e9f7fe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2fafe 0%,#e9f7fe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2fafe 0%,#e9f7fe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2fafe 0%,#e9f7fe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2fafe 0%,#e9f7fe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fafe', endColorstr='#e9f7fe',GradientType=0 ); /* IE6-9 */}
.notice .close {background:url(../images/ico_close.png) 0 24px; width:8px; height:8px; display:block; position:absolute; top:19px; right:18px;}

/** editor **/
.editor {background:#ffffff; border:1px solid #CDCDCD; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 2px 2px -2px #CCC;}
.editor_hd {color:#636363; height:16px; position:relative; padding:8px 15px; border-bottom:1px solid #CDCDCD; background:#efefef;}
.editor_body {display:block; border-top:#999999 1px solid; padding:15px 15px; min-height:200px; height:auto;overflow:hidden;}
.editor_foot {border-top:1px solid #CDCDCD; background:#efefef; padding:8px 15px;}
.edit_tool {height:24px; display:block; margin:1px 0;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 50%, #ebebeb 51%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#f2f2f2), color-stop(51%,#ebebeb), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ebebeb 51%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ebebeb 51%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ebebeb 51%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#f2f2f2 50%,#ebebeb 51%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */}
.edit_tool ul {height:24px; background:url(../images/ico_editor.gif) no-repeat 0 0;}
.edit_tool li {float:left; width:24px; height:24px; display:block; cursor:pointer; text-indent:-9999px;}
.edit_tool .none {background:#f2f2f2; opacity:0.5; cursor:default;}
.edit_p {width:104px; float:left; font-size:11px;}
.edit_p	.img img {border:#c7c7c7 3px solid;}
.edit_p .btn {margin-top:5px; margin-bottom:8px; border:#c7c7c7 1px solid; background:#f0f0f0; text-align:center; width:48px; display:inline-block; cursor:pointer;}
.edit_p .an {background:url(../images/ico_editor2.gif) no-repeat 0 0; width:21px; height:19px; display:inline-block; text-indent:-9999px; cursor:pointer;}
.edit_p .al {background:url(../images/ico_editor2.gif) no-repeat -26px 0; width:21px; height:19px; display:inline-block; text-indent:-9999px; cursor:pointer;}
.edit_p .ac {background:url(../images/ico_editor2.gif) no-repeat -52px 0; width:21px; height:19px; display:inline-block; text-indent:-9999px; cursor:pointer;}
.edit_p .ar {background:url(../images/ico_editor2.gif) no-repeat -78px 0; width:21px; height:19px; display:inline-block; text-indent:-9999px; cursor:pointer;}
.edit_list dt {font-weight:bold; font-size:14px;}
.editor_body .change {width:31px; height:29px; display:block; cursor:pointer; background:url(../images/ico_arr3.gif) no-repeat 0 0; margin:10px 0; cursor:pointer;}
/** table **/
thead {display:table-header-group;}
tbody {display:table-row-group;}
tfoot {display:table-footer-group;}
table tbody .bg {background:#f3f3f3;}
table tbody .special {background:#1cd81c;}

.widget {background:#ffffff; border:1px solid #CDCDCD; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 2px 2px -2px #CCC; margin-bottom:30px;}
.widget .whead {color:#636363; height:16px; position:relative; font-size:16px; padding:12px 15px; border-bottom:1px solid #CDCDCD; background:#f8f8f8;}
.widget .whead .re {position:absolute; top:0; right:0; border-left:#CDCDCD 1px solid; background:url(../images/ico_reflesh.gif) no-repeat center center; padding:20px 20px; display:inline-block; cursor:pointer;}
.widget .whead .down {position:absolute; top:6px; right:10px; font-size:11px;}
.widget .whead .menu {position:absolute; top:0; left:140px; height:40px; border-left:#d5d5d5 1px solid; font-size:12px;}
.widget .whead .menu li {float:left;}
.widget .whead .menu li a {padding:12px 15px; display:block; border-right:#d5d5d5 1px solid;}
.widget .whead .menu li a:hover {background:#fff; color:#e36d2d;}
.widget .whead .menu .on a {background:#fff; color:#e36d2d;}

.tDefault thead td, .tDefault tbody td {border-left:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid;}
.tDefault thead td {text-align:center; font-size:11px; padding:3px 5px 2px 5px; color:#909090; background:#eee;}
.tDefault tbody td {padding:5px 10px; text-align:center;}
.tDefault tbody tr:hover {background:#ffffcc; !important}
.tDefault tbody .on {background:#ffffcc; !important}
.tDefault tfoot {color:#888888; background:#f8f8f8;}
.tDefault tfoot .info {padding:10px 15px; float:left;}

.tDefault2 tbody td {border-left:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; padding:10px 15px; position:relative;}
.tDefault2 tbody td #texto_parent td{padding:0;margin:0;}

table tbody .tL {text-align:left; !important}
table tbody .tR {text-align:right; !important}
table tbody .grn {color:#619e19;}, table tbody .grn a {color:#619e19;}
table tbody .blue {color:#4c9ecd;}, table tbody .blue a {color:#4c9ecd;}
table tbody .org {color:#e36d2d;}, table tbody .org a {color:#e36d2d;}
table tbody .blue2 {color:#0063e6;}, table tbody .blue2 {color:#0063e6;}
table tbody .gry {color:#888888;}, table tbody .gry {color:#888888;}
table tbody .red {color:#ff0000;}, table tbody .red {color:#ff0000;}
table tbody .red2 {color:#9e0b0f;}, table tbody .red2 {color:#9e0b0f;}
table tbody .grn2 {color:#197b30;}, table tbody .grn2 {color:#197b30;}

.datepicker {width:195px; position:absolute; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #CDCDCD; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#FAFAFA; box-shadow:0 2px 2px -2px #CCC; z-index:8; text-align:center;}
.datepicker_hd {position:relative; padding:7px 0 7px 0; font-weight: bold; font-size:11px; width:100%; color:#636363; text-shadow: 0 1px white; border-bottom:1px solid #CDCDCD; box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 #fff;
background: #F8F8F8;
background: -moz-linear-gradient(top, #F8F8F8 0%, #ECECEC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#ECECEC));
background: -webkit-linear-gradient(top, #F8F8F8 0%,#ECECEC 100%);
background: -o-linear-gradient(top, #F8F8F8 0%,#ECECEC 100%);
background: -ms-linear-gradient(top, #F8F8F8 0%,#ECECEC 100%);
background: linear-gradient(top, #F8F8F8 0%,#ECECEC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 );}
.datepicker_hd .prev {background:url(../images/ico_arr2.gif) no-repeat 0 0; width:6px; height:8px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; top:10px; left:10px;}
.datepicker_hd .next {background:url(../images/ico_arr2.gif) no-repeat -7px 0; width:6px; height:8px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; top:10px; right:10px;}

.tDefault3 thead th {font-size:11px; font-weight:bold; color:#909090; padding:8px 3px; text-align:center;}
.tDefault3 tbody td {font-size:11px; line-height:25px; text-align:center;}
.tDefault3 tbody .default {width:25px; height:25px; display:block; cursor:pointer;}
.tDefault3 tbody .default:hover {background:#476981; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff;}
.tDefault3 tbody .on {background:#67919d; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;  color:#fff;}
.tDefault3 tbody .off {width:25px; height:25px; display:block; cursor:pointer; color:#c3c3c3;}
.tDefault3 tbody .off:hover {background:#bababa; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff;}

.messages {clear:both;}
.messages li {position:relative; min-height:36px; margin:20px 18px; display:block;}
.messages .pf {position:absolute; top:0; left:0;}
.messages .pf2 {position:absolute; top:0; right:0;}
.messages .box {background:#fbfadd; border:#b6d7e8 1px solid; margin-left:70px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; padding:33px 12px 15px; position: relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.messages .box2 {background:#eaf7fe; border:#b6d7e8 1px solid; margin-right:70px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; padding:33px 12px 15px; position: relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.messages .arrl {position:absolute; top:12px; left:-8px; background:url(../images/ico_message_arrl.png) no-repeat; width:8px; height:9px;}
.messages .arrr {position:absolute; top:12px; right:-8px; background:url(../images/ico_message_arrr.png) no-repeat; width:8px; height:9px;}
.messages .name {position:absolute; top:10px; left:12px; font-size:11px; color:#949494;}
.messages .time {position:absolute; top:10px; right:12px; font-size:11px; color:#949494;}
.messages .divider {border-top:1px solid #DFDFDF; border-bottom:1px solid white; position: relative; margin:20px 0; min-height:0; min-height:0; height:0;}
.messages .divider span {position:absolute; left:50%; top:-4px; background:#EEE url(../images/ico_divider.png) no-repeat 50%; width:36px; padding:0 3px; height:9px; display:block;}

.enterMessage {position:relative; margin-bottom:40px;}
.enterMessage .input {width:100%; height:74px; background:white; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; display:block; border:1px solid #D5D5D5; box-shadow: 0 1px 1px #FAFAFA; -webkit-box-shadow: 0 1px 1px #FAFAFA; -moz-box-shadow:0 1px 1px #fafafa; padding:10px 120px 10px 10px; color:#404040; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.enterMessage .btn {position:absolute; top:3px; right:3px; margin-left:12px; line-height:15px; height:68px; padding:0 20px; border:#5897c3 1px solid; color:#fff; cursor:pointer; font-size:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:bold;
background: #71b8d6; /* Old browsers */
background: -moz-linear-gradient(top,  #71b8d6 0%, #5897c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71b8d6), color-stop(100%,#5897c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #71b8d6 0%,#5897c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #71b8d6 0%,#5897c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b8d6', endColorstr='#5897c3',GradientType=0 ); /* IE6-9 */}
.enterMessage .btn:hover {opacity:0.9;}

/** tab **/
.tab {width:100%; float:left; border:1px solid #CDCDCD; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; margin-bottom:20px; font-weight:bold;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */}
.tab .ttl {padding:10px 15px; border-right:1px solid #CDCDCD; font-weight:bold;}
.tab li {float:left;}
.tab li a {padding:10px 15px; display:block; border-right:1px solid #CDCDCD; color:#888;}
.tab li a:hover {background:#ffffff; color:#e36d2d;}
.tab .current {background:#ffffff; color:#e36d2d; border-bottom:#f8f8f8 1px solid; margin-bottom:-1px;}
.tab .arr {background:url(../images/ico_arr.gif) no-repeat 0 0; width:5px; height:10px; display:inline-block; margin-left:8px;}

/** quick menu **/
.quick {clear:both; padding:10px 0 30px; text-align:center;}
.quick li {margin:0 15px; display:inline-block;}

.bt_quick {border:#d5d5d5 1px solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; width:138px; padding:8px 0; display:block; text-align:center; white-space:nowrap; box-shadow:0 0 0 1px #FCFCFC inset, 0 1px 1px #D5D5D5;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.bt_quick:hover {opacity:0.7;}
.bt_quick span {display:block; padding-top:2px;}

/** search **/
.srhbox {background:#fff; padding:10px 20px; clear:both;}
.srhbox ul {padding:5px 0; clear:both;}
.srhbox li {display:inline-block; position:relative;}

.srhbox2 {border:1px solid #CDCDCD; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:30px; text-align:center; position:relative; padding:8px 15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */}
.srhbox2 h5 {position:absolute; left:15px; top:14px; font-size:12px; color:#636363;}
.srhbox2 .srch li {display:inline-block; text-align:left;}

/** gallery **/
.gallery {clear:both; display:block; overflow:hidden;}
.gallery li {float:left; width:217px; min-width:217px; max-width:227px;}
.gallery .frame {width:180px; margin-bottom:20px; border:#d5d5d5 1px solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#888888; font-size:11px; background:#fff; padding:5px; box-shadow:0 0 0 1px #FCFCFC inset, 0 1px 1px #D5D5D5;}
.gallery .frame span {display:block; padding-top:8px;}

/** gallery2 **/
.gallery2 {clear:both; display:block; overflow:hidden;}
.gallery2 li {float:left; width:167px; min-width:167px; max-width:177px;}
.gallery2 .frame {width:130px; margin-bottom:20px; border:#d5d5d5 1px solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#888888; font-size:11px; background:#fff; padding:5px; box-shadow:0 0 0 1px #FCFCFC inset, 0 1px 1px #D5D5D5;}
.gallery2 .frame span {display:block; padding-top:8px;}

/** stats **/
.st_date {clear:both; height:28px; margin-bottom:20px; position:relative;}
.st_date .right {display:inline-block; vertical-align:middle; position:relative;}

.progressbar {background:#ccd2d7 url(../images/bg_progressbar.gif) repeat-x 0 0; height:18px; box-shadow: 0 1px 0 white, 0 1px 0 #CFCFCF inset; text-align:center;}
.progressbar .value {height:100%;
background: #89a8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #89a8ff 0%, #6f95ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89a8ff), color-stop(100%,#6f95ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #89a8ff 0%,#6f95ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #89a8ff 0%,#6f95ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #89a8ff 0%,#6f95ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #89a8ff 0%,#6f95ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a8ff', endColorstr='#6f95ff',GradientType=0 ); /* IE6-9 */}

/** signup **/
.welcome {font-size:25px; padding:20px 0; display:block;}

#articleBox {padding-top:6px;}
#articleBox #article{ float:left; width:200px; padding-top:13px; color:#002233; }
#articleBox #Compose{ float:right; width:205px;}
#articleBox #Compose ul{ list-style:none;margin-top:10px;}
#articleBox #Compose ul li{ float:left; margin-right:6px; font-weight:bold; }
#articleBox #Compose ul li a{ color:#333333; display:block; padding:5px 15px; border:1px solid #e0e0e0; border-bottom:none;background-color:#efefee; }
#articleBox #Compose .active a{ color:#ffffff; background-color:#002233; border:1px solid #002233;border-bottom:none;  }
#articleBox #Compose .none a{ color:#333333; border:1px solid #e0e0e0; background-color:#efefee;border-bottom:none;}
#articleBox table {padding:0;margin:0;}