/* 
    Document   : fix.css
    Created on : 2012-6-13, 23:51:12
    Author     : zhoufeng
    Description:
        Purpose of the stylesheet follows.
*/

.ext-slider { float: left;width: 324px;height: 34px;background: url(../img/activity/level-center.png) 0 0; cursor:pointer; }
.ext-slider .ui-slider-handle {position: absolute;z-index: 2;width:9px;height:21px;top:0px;background: url(../img/activity/level-sprite.png) no-repeat 0 0;cursor:pointer;}
.ext-slider .ui-state-hover,.ext-slider .ui-state-focus,.ext-slider .ui-state-active { border: 0px;}
.ext-map{  width:100%; height:100%;}

.form-item-set div.form-status, .comment-form div.form-status, .form-item div.form-status { padding:0; width: 0px; height: 0px;}
.sys-panel .form-item .form-status { top:auto; position: relative; left:auto; padding: 0; 
                                     float: left; display: block; width: 24px; height: 24px; margin: 6px 0 0 7px; background: url(../img/icons.png) -248px 0;}
.sys-panel .no-validate .form-status { display: none; width: 0px; height: 0px; margin: 0px;}

#home-scroll{height: 364px;  width:560px;margin: 0px 20px}
#home-scroll .items{ height: 345px; margin:20px 0px 0px 0px;}
#home-scroll .items li{ height: 345px; width: 560px;}

.slide-list li small{ display: none;}
.slide-list li.active small{ display:inline;}

a.slide-left, a.slide-right { margin: 35px 0px;}
.img-slide { height:80px; width: 612px;}

.ui-dialog {
    position:absolute;
    padding:0;
    width:300px;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    background:#fff;
    color:#333;
    border:none;
    font:12px/1.5 "Helvetica","Lantinghei SC","microsoft yahei";
}
.ui-widget-header {
    padding:0 20px !important;
    margin:0;
    background: #000 !important;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    -ms-border-radius:4px 4px 0 0;
    -khtml-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    font-size:16px;
    color:#fff;
    line-height:36px;
    background:none;
}
.ui-widget-header .ui-icon{background-image: url("images/ui-icons_ffffff_256x240.png");}
.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 {
    background: none;
    border: 1px solid #fff;
    color: #212121;
    font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar, .ui-dialog-titlebar {padding:0; min-height: 30px;}
.ui-dialog .ui-dialog-title {float:none;margin:0;}
.ui-dialog .ui-dialog-content, .ui-dialog-content {margin:0;padding:18px;font-size: 16px;font-weight: inherit;}
.ui-dialog .ui-dialog-content, .ui-dialog-content h2{    font-size: 14px;}
.ui-dialog .ui-dialog-buttonpane, .ui-dialog-buttonpane {margin:0;padding:0 18px 18px 18px;border:none;}
.ui-dialog .ui-dialog-buttonpane button {
    display:inline-block;
    height:33px;
    padding:0 16px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    background: #000;
    border: 0 !important;
    color:#fff;
    text-shadow:0 0 4px #9e744b;
    cursor:pointer;
    font-family:"Helvetica","Lantinghei SC","microsoft yahei";
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    margin: 0 0 0 20px;
}
.ui-dialog .ui-dialog-buttonpane button span{
    background: #000;
}
.ui-button-text-only .ui-button-text, .ui-button .ui-button-text {padding:0;line-height:30px;text-align:center;}
.ui-dialog .ui-dialog-buttonpane button.ui-button-cancel{border:none !important;font-size:12px;text-shadow: none;}
.ui-widget-content a {color:#0f78c3;}
.ui-widget-content a:hover {color:#2c92db;}
.ui-widget-content .btn-common, 
.ui-widget-content .btn-black, 
.ui-widget-content .btn-common-sh, 
.ui-widget-content .btn-black-sh, 
.ui-widget-content .btn-red,
.ui-widget-content .btn-red-search{color:#fff;}

.ui-dialog .ui-dialog-titlebar-close{width:22px;height:21px;right:0.5em;margin:-11px 0 0;}
.ui-dialog .ui-dialog-titlebar-close:hover{border: none;padding:1px;}
.ui-dialog .ui-dialog-titlebar-close span{margin:0;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{background: url('../img/dialog-close-btn.png?1') no-repeat center;width:22px;height:21px;background-size: 100%;}
.ui-dialog button.ui-dialog-titlebar-close{background: url('../img/dialog-close-btn.png?1') no-repeat center;width:22px;height:21px;background-size: 100%;}


/*
Fix for story bd
author:F0ur
*/
.story-bd{font:16px/1.5 verdana,arial,helvetica,clean,sans-serif;}
.story-bd p {margin:5px 0;}
.story-bd strong, .help-about strong{font-weight: bold;}
.story-bd em, .help-about em{font-style: italic;}
.story-bd table {
    max-width:750px;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 750 ? "750px" : "");
    overflow:hidden;
}
.story-bd h1{height:auto;}

.page-activity-view .panel-l .bd strong{font-weight: bold;}
.page-activity-view .panel-l .bd em{font-style: italic;}


.form-item .num-limit{
    margin-left:700px;
    height:24px;
    line-height: 24px;
}
.form-item p.warning{color:#f00;}

/*
For jquery.ad-gallery
author:F0ur
*/

.ad-gallery {

    padding:0 20px;
}
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%; 
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
    /* Or else IE will hide it */
    background: url(../img/trans.gif);
}   
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../img/landing-page/lp-prev.png);
    width: 25px;
    height: 42px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../img/landing-page/lp-next.png);
    width: 25px;
    height: 42px;
    right: 0;
    left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-nav {

    margin-top:10px;
    position: relative;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 90px;
}
.ad-gallery .ad-back {
    cursor: pointer;
    float:left;
    width: 30px;
    display: block;
    background: url("../img/btn-slide.png") no-repeat 0 center;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    float:left;
    display: block;
    width:30px;
    background: url("../img/btn-slide.png") no-repeat -30px center;
}

.ad-gallery .ad-forward-new {
    float:left;
    background: url(../img/ad-next-user.png) no-repeat;
    width: 66px;
    height: 18px;
    cursor: pointer;
}
.ad-gallery .ad-back-new{ 
    float:left;
    margin-right:10px;
    background: url(../img/ad-prev-user.png) no-repeat;
    width: 66px;
    height: 18px;
    cursor: pointer;
}

.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;

    float:right;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 155px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
    padding-bottom:5px
}
.ad-gallery .ad-thumbs li a, .ad-gallery .ad-thumbs li a img {
    display:block;
}

.ad-gallery .ad-thumbs li a.ad-active img {
    border: 0px solid black;
}

.ad-gallery .ad-image-wrapper .ad-image-description {
    position: absolute;
    word-break: break-all;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    text-align: left;
    width: 100%;
    z-index: 12;
    background: #fff;
    color: #000;
    opacity: .6;
    filter:alpha(opacity=60);
}

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px;
}

.overlay-text{
    font-size: 24px;
    position: absolute;
    top:250px;
    z-index: 1;
    width:100%;
    padding-left: 120px;
    text-align: center;
    color: #fff;
    opacity: .6;
    filter: Alpha(Opacity=60)/*{opacityOverlay}*/;
    font-weight: bold;
    background-color: #000;
}
.loading {text-align:center;font-size:16px;}
.loading span{margin-right:8px;background:url(../img/loading.gif) no-repeat left top;padding-left:32px;display: inline-block;height:32px;line-height:32px;}

.ui-widget-overlay {
    background: url("../img/ui-bg_flat_0_000000_40x100.png") repeat 50% 50%;
}


/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(./images/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.placeholder {color:#a2a2a2}