/*==========================================================
    (c) BBSMAX - Dialog
==========================================================*/
/*= Dialog =*/
.dialogcontent{width:500px;}
.dialogcontent .nodata{padding:20px 0;color:#999;text-align:center;}

.dialoghead{position:relative;height:36px;padding:0 50px 0 10px;background:#def1ff url(../images/dialog_bg.png) repeat-x 0 -14px;cursor:move;}
.dialogtitle{font-size:117%;float:left;height:36px;line-height:36px;white-space:nowrap;text-shadow:0 1px 0 #fff;max-width:300px;overflow:hidden;text-overflow:ellipsis;}
.dialogstatus{float:right;height:36px;line-height:36px;color:#666;white-space:nowrap;}
.dialogclose{position:absolute;top:-1px;right:5px;width:25px;height:20px;}
.dialogclose a{float:right;width:25px;height:20px;overflow:hidden;text-indent:-9999px;background:url(../images/dialog_closer.png) no-repeat;cursor:pointer;}
.dialogclose a:hover{background-position:-60px 0;}

.dialogmsg{padding:6px 10px 6px 30px;}
.dialogmsg-error{background:#ffebe8 url(../images/icons/error.gif) no-repeat 10px 50%;}
.dialogmsg-alert{background:#fff8bb url(../images/icons/alert.gif) no-repeat 10px 50%;}
.dialogmsg-success{background:#f2ffcf url(../images/icons/valid.gif) no-repeat 10px 50%;}
.dialogmsg-infomsg{background:#f3f8fd url(../images/icons/info.gif) no-repeat 10px 50%;}

.dialogtabwrap{height:35px;padding:0 10px 0 5px;background:url(../images/dialog_bg.png) repeat-x 0 -180px;}

.dialogtab{float:left;padding-top:5px;}
.dialogtab ul{float:left;}
.dialogtab li{float:left;line-height:30px;margin-right:1px;}
.dialogtab a{float:left;height:30px;white-space:nowrap;padding-right:5px;background:url(../images/dialog_button.png) no-repeat 9999px 0;cursor:pointer;}
.dialogtab a span{float:left;height:30px;padding:0 3px 0 8px;background:url(../images/dialog_button.png) no-repeat 9999px 0;}
.dialogtab a:link,.dialogtab a:visited{color:#000;text-decoration:none;}
.dialoghead .dialogtab a.current,.dialoghead .dialogtab a:hover,.dialoghead .dialogtab a:active,
.dialogtab a.current,.dialogtab a:hover,.dialogtab a:active{background-position:100% -750px;}
.dialoghead .dialogtab a.current span,.dialoghead .dialogtab a:hover span,.dialoghead .dialogtab a:active span,
.dialogtab a.current span,.dialogtab a:hover span,.dialogtab a:active span{background-position:0 -720px;}
.dialoghead .dialogtab{display:inline;margin-left:10px;padding-top:6px;}
.dialoghead .dialogtab a{background-position:100% -810px;}
.dialoghead .dialogtab a span{background-position:0 -780px;}

.dialogadditem{float:right;padding-top:6px;}
.dialogadditem a,
.dialogback a{float:left;height:22px;padding-right:5px;background:url(../images/dialog_button.png) no-repeat 100% -570px;}
.dialogadditem a:hover,
.dialogback a:hover{background-position:100% -630px;}
.dialogadditem a span,
.dialogback a span{float:left;line-height:22px;padding:0 3px 0 8px;background:url(../images/dialog_button.png) no-repeat 0 -540px;}
.dialogback a span{padding-left:15px;background-position:0 -660px;}
.dialogadditem a:hover span{background-position:0 -600px;}
.dialogback a:hover span{background-position:0 -690px;}
.dialogback a:link,.dialogback a:visited,
.dialogadditem a:link,.dialogadditem a:visited{color:#036;text-decoration:none;}

.dialogsubheadwrap{height:35px;padding:0 100px;background: url(../images/dialog_bg.png) repeat-x 0 -180px;}
.dialogsubhead{float:left;width:100%;margin:0;font-size:117%;font-weight:normal;line-height:35px;text-align:center;white-space:nowrap;color:#245;text-shadow:0 1px 0 #fff;}
.dialogback{float:left;display:inline;width:80px;margin-left:-90px;padding-top:6px;}

.dialogbody{padding:10px 10px 0;background:#fff;overflow:hidden;}

.dialogfoot{padding:7px 10px;text-align:center;background:#dfeefa url(../images/dialog_bg.png) repeat-x 0 -90px;}
.dialogfoot form{display:inline;}

/*= Dialog extra widgets =*/
.dialogloader{width:80px;background:url(../images/dialog_bg.png) repeat-x 0 -240px;}
.dialogloader span{display:block;width:80px;height:80px;text-indent:-9999px;overflow:hidden;background:url(../images/ajaxloading_big.gif) no-repeat 50% 50%;}

.dialoginfowrap{position:relative;padding:30px 30px 10px;background:url(../images/dialog_bg.png) repeat-x 0 -240px;zoom:1;}
.dialoginfo{margin-bottom:10px;padding-left:70px;min-height:48px;}
* html .dialoginfo{height:auto !important;height:48px;}
.dialoginfo h3{font-size:133%;font-weight:normal;margin-bottom:5px;}
.dialoginfo p{color:#666;}
.dialoginfo-error{background:url(../images/icons/error_48.png) no-repeat;}
.dialoginfo-alert{background:url(../images/icons/alert_48.png) no-repeat;}
.dialoginfo-success{background:url(../images/icons/success_48.png) no-repeat;}

.dialoginfowrap .dialogfoot{background:none;}

.dialogconfirm{padding:10px 10px 20px 80px;min-height:48px;background:url(../images/icons/alert_48.png) no-repeat 10px 10px;height:auto !important;height:48px;}
.dialogconfirm h3{font-size:133%;font-weight:normal;margin-bottom:10px;}
.dialogconfirm p{color:#666;}
.dialogconfirm-success{background-image:url(../images/icons/success_48.png);}

/*= Dialog 2 Column layout =*/
.dialogcolumnlayout-content{float:right;width:100%;}
.dialogcolumnlayout-content-inner{margin-left:160px;}
.dialogcolumnlayout-sidebar{float:left;width:150px;margin-right:-150px;}

/*= Site manage - update thumbnail =*/
.websitethumb-wrap{margin-bottom:10px;padding:10px;text-align:center;}
.websitethumb-wrap .dialogloader{margin:0 auto;background:none;}
.websitethumb-wrap img{padding:3px;border:1px solid #ccc;background:#fff;}

/*= Dialog form =*/
.dialogform{margin-bottom:0;zoom:1;}
.dialogform .formrow{margin-bottom:10px;}
.dialogform .formrow .label .form-note{color:#999;margin-left:10px;}
.dialogform .formrow .form-enter .captcha img{vertical-align:top;border:1px solid #b4b4b4;}
.dialogform .formrow .form-enter .optionlist li{float:left;width:150px;margin:0 10px 10px 0;}
.dialogform .formrow .form-enter .optionlist-lite li{width:50px;}
.dialogform .formrow .form-enter .character{color:#c00;}
.preferential{position:absolute;z-index:999;top:195px;left:315px;*left:355px;_left:362px;float:left;}
*+html .preferential img{left:360px;}
#divtype{position:relative;z-index:0;}

.dialogform .formrow .form-note{color:#999;margin-top:5px;}

.dialogform-horizontal .formrow .label{margin-bottom:0;padding-left:10px;}
.dialogform-horizontal .formrow{padding-left:75px;}
.dialogform-horizontal .formrow .label{float:left;display:inline;width:60px;margin-left:-80px;}
.dialogform-horizontal .formrow .form-enter{float:left;width:100%;}
.dialogform-horizontal .formrow .form-note{float:left;clear:left;width:100%;}

.dialogfluidform{margin-bottom:10px;padding:10px 10px 0;background:#daeaee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.dialogfluidform .formrow{display:inline-block;margin:0 5px 5px 0;padding:0;vertical-align:top;background:transparent none;}
* html .dialogfluidform .formrow{float:left;}
.dialogfluidform .formrow .label,
.dialogfluidform .formrow .form-enter{margin-bottom:5px;}
.dialogfluidform .formrow .form-note{color:#999;margin-bottom:5px;max-width:200px;}
.dialogfluidform .formrow-action{padding-top:1.8em;}

.dialogbody .formrow .requisite{color:#c00;font-style:normal;cursor:help;}
.dialogbody .form-enter textarea{width:90%;}
.dialogbody .form-enter input.validcode{width:5em;}
.dialogbody .form-enter input.number{width:6em;}
.dialogbody .form-enter input.longtext{width:20em;}
.dialogbody .form-enter input.username{width:8em;}

.formrow .form-tip{line-height:1.8;padding-left:18px;background-repeat:no-repeat;background-position:0 50%;zoom:1;}
.formrow .tip-error{color:#c00;background-image:url(../images/icons/error.gif);}
.formrow .tip-success{color:#090;background-image:url(../images/icons/valid.gif);}
.formrow .tip-alert{color:#c60;background-image:url(../images/icons/alert.gif);}

.formrow{zoom:1;}
.formrow:after{content:".";display:block;clear:both;height:0;font:0/0 sans-serif;visibility:hidden;}

.scroller{width:100%;margin-bottom:10px;height:200px;overflow:auto;overflow-x:hidden;}

/*= Buttons =*/
.dialog .button{position:relative;border:0;margin:0 5px 0 0;padding:0 5px 0 0;height:27px;background:url(../images/dialog_button.png) no-repeat 100% -210px;vertical-align:middle;}
.dialog .button span{position:relative;display:block;padding:0 5px 0 10px;height:27px;line-height:27px;color:#036;white-space:nowrap;background:url(../images/dialog_button.png) no-repeat 0 -180px;text-shadow:0 0 0 rgba(0,0,0,0),0 1px 0 rgba(255,255,255,0.5);}
.dialog a.button,.dialog a.button span{display:inline-block;}
.dialog a.button:hover,.dialog a.button:visited{text-decoration:none;}
.dialog .button:hover,.dialog .button-hover{background-position:100% -270px;}
.dialog .button:hover span,.dialog .button-hover span{background-position:0 -240px;}
.dialog .button:active,.dialog .button-active{background-position:100% -330px;cursor:progress;}
.dialog .button:active span,.dialog .button-active span{background-position:0 -300px;}

.dialog .button-highlight{background-position:100% -30px;}
.dialog .button-highlight span{background-position:0 0;}
.dialog .button-highlight:hover,.dialog .button-highlight-hover{background-position:100% -90px;}
.dialog .button-highlight:hover span,.dialog .button-highlight-hover span{background-position:0 -60px;}
.dialog .button-highlight:active,.dialog .button-highlight-active{background-position:100% -150px;}
.dialog .button-highlight:active span,.dialog .button-highlight-active span{background-position:0 -120px;}

.dialog .button::-moz-focus-inner{border:0;padding:0;/*Firefox*/}
@media all and (resolution=0dpi){
.dialog .button span:active {top:-1px;left:-1px;}/*Opera exclude 10.5*/}

.dialog .button:active,.dialog .button-active{padding-right:6px\9;margin-right:4px\9;/*IE8*/}
.dialog .button:active,.dialog .button-active{-ms-background-position-y:-329px;/*IE8*/}
.dialog .button-highlight:active,.dialog .button-highlight-active{-ms-background-position-y:-149px;/*IE8*/}

.dialog .button-disable,.dialog .button-disable:hover{background-position:100% -390px;cursor:default;}
.dialog .button-disable:active{-ms-background-position-y:-329px;/*IE8*/}
.dialog .button-disable span,.dialog .button-disable:hover span{color:#999;background-position:0 -360px;text-shadow:0 1px 0 #fff;}

.dialogform .button{height:25px;background-position:100% -510px;}
.dialogform .button span{height:25px;line-height:25px;background-position:0 -480px;}
.dialogform .button:hover{background-position:100% -450px;}
.dialogform .button:hover span{background-position:0 -420px;}
.dialogform .button:active{-ms-background-position-y:-449px;/*IE8*/}