div#createClan{
    display:none;
    position:absolute;
    top: 10%;
    left: 15%;
    margin: 0 auto;
    width: 680px;
    min-height: 520px;
    z-index: 2020;
}

/* create-clan.php layout wrappers (from clan.css) */
div#createClan .main_content {
    box-shadow: 0px 0px 30px #40310A;
    position: relative;
    width: 680px;
    z-index: 1015;
    margin: 0 auto;
}
div#createClan .left-bg { width: 18px; background: url(../../img/left-bg.png) repeat-y; position: absolute; height: 100%; left: -10px; z-index: 100; }
div#createClan .right-bg { width: 18px; background: url(../../img/left-bg.png) repeat-y; position: absolute; height: 100%; right: -10px; z-index: 100;}
div#createClan .lin-bg { height: 2px; background: url(../../img/lin-bg.png) repeat-x; position: absolute; top: 0px; width: 100%; }
div#createClan .lin-bg-bottom { height: 2px; background: url(../../img/lin-bg.png) repeat-x; position: absolute; bottom: 0px; width: 100%; }
div#createClan .coal-left { width: 75px; height: 114px; background: url(../../img/coal-left.png) no-repeat; position: absolute; top: -10px; left: -20px; z-index: 100; }
div#createClan .coal-right { width: 50px; height: 69px; background: url(../../img/coal-right.png) no-repeat; position: absolute; top: -10px; right: -15px; z-index: 100; }
div#createClan .coal-left-bottom { width: 130px; height: 141px; background: url(../../img/coal-left-bottom.png) no-repeat; position: absolute; bottom: -10px; left: -15px; z-index: 200; }
div#createClan .coal-right-bottom { width: 129px; height: 127px; background: url(../../img/coal-right-bottom.png) no-repeat; position: absolute; bottom: -10px; right: -15px; z-index: 200; }
div#createClan .overview2 { box-shadow: 0 0 5px #808080; background: url(../../img/user_info/stars-bg.png) no-repeat; }
div#createClan input:focus { outline: none; }

div#createClan form button,
div#createClan form input[type="button"],
div#createClan form input[type="submit"],
div#createClan form input[type="reset"] {
    cursor: pointer;
}

div#createClan .name-clan { color: #870000; font-size: 22px; font-weight: normal; font-family: 'Calibri'; text-align: center; position: relative; top: 0; margin: 0; line-height: 1.2;}
div#createClan .name-clan table {display: inline-block;}
div#createClan .name-clan td {vertical-align: middle; text-align: center;}
div#createClan .plash-center {
    background: url(../../img/clan/plash-center.png) repeat-x;
    padding: 10px 30px;
    text-align: center;
    vertical-align: middle;
}
div#createClan .img-plash {text-align: center; position: relative; top: -14px;}
div#createClan .line-tab {border-top: 1px solid #f7dfb7; top: -3px; position: relative; z-index: 200; width: 646px; margin-left: 16px;}
div#createClan .info-gerb {background: #e2c89d; border-bottom: 1px solid #9f8c6f; border-left: 1px solid #dbc299; border-right: 1px solid #dbc299; padding: 5px; margin-bottom: 20px;}
div#createClan .gerg-block {padding: 5px; background: #ebd4b1; min-height: 385px; box-shadow: inset 0px 1px 2px 0px #b69d7d;}
div#createClan .box-container {}
div#createClan .topbg {background: url(../../img/clan/topbg.png) no-repeat; height: 22px;}
div#createClan .centerbg {background: url(../../img/clan/centerbg.png) repeat-y; font-size: 13px; color: #5b5b5b;}
div#createClan .centerbg .box-1 {float: left; margin-left: 20px; padding-top: 20px;}
div#createClan .centerbg .box-2 { padding-top: 20px;}
div#createClan .bottombg {background: url(../../img/clan/bottombg.png) no-repeat; height: 22px;}
div#createClan .centerbg .center {margin: auto;}
div#createClan .centerbg .center p:first-child {padding-top: 0px;}
div#createClan .centerbg .center p {padding: 15px 20px 0 20px;}
div#createClan .reg-clan {padding: 20px 30px 20px 30px !important;}
div#createClan .reg-clan h2 {text-align: center; text-transform: uppercase; font-size: 17px; color: #53514d; text-shadow: 0 1px #f3debb; padding-bottom: 8px;}
div#createClan .reg-clan-box {padding: 13px 10px; overflow: hidden; box-shadow: inset 0 1px 0 0 #f8e4c4; border-top: 1px solid #b9a173;}
div#createClan .reg-clan-box p {float: left; margin-top: 5px; width: 270px; font-size: 14px; color: #414141;}
div#createClan .reg-clan-box span {display: block; padding-top: 10px; font-size: 12px; color: #3d3d3d;}
div#createClan .reg-clan-box input {float: right; border: none; height: 26px;}
div#createClan .input-name {width: 263px; background: url(../../img/clan/input-name.png) no-repeat; padding: 0 5px;}
div#createClan .file-box { float: right; position: relative; cursor: pointer; }
div#createClan .alert-reg-clan {text-align: center; font-size: 13px !important; color: #a10c0d !important; padding: 0px 0 30px 0 !important;}
div#createClan .reg-clan .ok {width: 139px; height: 24px; color: #fff; font-family: "Calibri"; text-shadow: 0 1px #345724; float: right; font-size: 14px; border: none; background: url(../../img/clan/ok.png) no-repeat; cursor: pointer; position: relative; z-index: 1100;}
div#createClan .reg-clan .cancel {width: 139px; height: 24px; color: #fff; font-family: "Calibri"; text-shadow: 0 1px #6d100f; float: left; font-size: 14px; border: none; background: url(../../img/clan/cancel.png) no-repeat; cursor: pointer; position: relative; z-index: 1100;}
div#createClan .reg-clan .ok:hover,
div#createClan .reg-clan .cancel:hover { background-position: 0 50%; }
div#createClan .reg-clan .ok:active,
div#createClan .reg-clan .cancel:active { background-position: 0 100%; }
div#createClan table.reg-clan-header {
    width: max-content;
    max-width: 100%;
    margin: 1.25em auto 0;
    border-collapse: collapse;
    table-layout: auto;
}
div#createClan table.reg-clan-header td {
    vertical-align: middle;
}
div#createClan table.reg-clan-header td:first-child,
div#createClan table.reg-clan-header td:last-child {
    width: 15px;
    line-height: 0;
}
div#createClan table.reg-clan-header td.plash-center {
    text-align: center;
}
div#createClan .clan-info {width: 300px; height: 58px; background: url(../../img/clan/clan-info.png) no-repeat;}
div#createClan .clan-info ul {padding: 4px 6px 0 6px;}
div#createClan .clan-info li {padding: 5px 0; overflow: hidden; box-shadow: inset 0 1px 0 0 #f8e4c4; border-top: 1px solid #b9a173; color: #5b5b5b;}
div#createClan .clan-info li:first-child {border: none; box-shadow: none;}
div#createClan .clan-info p {display: inline-block; width: 100px; padding-left: 15px;}
div#createClan .clan-info span {color: #870000;}
div#createClan .jq-file {
    opacity: 1;
    vertical-align: top;
    cursor: pointer;
}
div#createClan .jq-file__name {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
    font-size: 14px;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../../img/clan/file-input.png) no-repeat; width: 272px; padding-left: 120px;
    cursor: pointer;
    color: #333333;
    opacity: 1;
}
div#createClan .jq-file__name:hover {background-position: 0 50%;}
div#createClan .jq-file__name:active {background-position: 0 100%;}
div#createClan .jq-file__browse {
    text-indent: -9999px;
    cursor: pointer;
}
div#createClan .file-box input.input-upload {
    cursor: pointer;
}
div#createClan .reg-clan-box .error {
    color: #ff0000;
    margin-left: 59px;
    margin-top: 15px;
}
div#createClan .bottom-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../../img/user_info/bottom_bg.png) no-repeat;
    width: 680px;
    height: 275px;
    z-index: 0;
    pointer-events: none;
}
div#createClan .okBtn {
    position:absolute;
    bottom:20px;
    left:30.5%;
    width:127px;
    height:24px;
    background: url('../../img/button-ok.png') no-repeat 0% 0%;
}
div#createClan .information-container {position: relative;   margin-top: 35px; width: 680px; box-shadow: 0 0 5px #808080; background: url(../../img/content-bg.jpg);}
div#createClan .first-container {
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    font-family: "Calibri";
    background: url(../../img/user_info/bottom_bg.png) no-repeat 0 100%;
}
div#createClan .top-bg {
    background: url(../../img/user_info/top_bg.png) no-repeat;
    position: relative;
    padding-top: 10px;
}