/* ==================== city ================== */

.city
{
   width:100%;
   margin:12px 0 0 0;
}

.city .minimap
{
   width:300px;
   height:225px;
   margin:0 10px 0 0;
}

.city .z1
{
   width:450px;
   padding:0 0 4px 0;
   border-bottom-style:solid;
   border-bottom-width:1px;
}

.city .z2
{
   width:450px;
   margin:0 0 0 0;
}

.city .name
{
   font-size:16px;
   font-weight:bold;
}

.city .level
{
   font-size:10px;
}


.city .name a
{
   text-decoration:none;
}

.city .label
{
   width:50%;
   margin:4px 0 0 0;
   font-size:10px;
   font-weight:bold;
}

.city .value
{
   width:49%;
   margin:4px 0 0 2px;
   font-size:11px;
   text-align:right;
}


.city .description
{
   width:450px;
   margin:12px 0 0 0;
   font-size:11px;
   text-align:justify;
}


.city .minimap .function
{
   display:inline;
   float:left;
   padding: 2px 8px 4px 8px;
   margin: 8px 0 0 16px;
   font-size:10px;
}

.city .zoom
{
   width:800px;
   height:600px;
}




.citylist
{
   width:100%;
}


/* =========== stand ============== */

.standlist
{
   width:100%;
   margin:8px 0 10px 0;
}


.stand_type
{
   margin:0 0 0 0;
   font-size:14px;
   font-weight:bold;
}

.stand
{
   width:220px;
   height:60px;
   overflow:hidden;
   margin:0 0 0 30px;
}


.stand .name
{
   width:100%;
   border-bottom-style:solid;
   border-bottom-width:1px;
   text-align:right;
   font-size:14px;
}

.stand .name a
{
   text-decoration:none;
}

.stand .description
{
   width:100%;
   height:40px;
   overflow:hidden;
   margin:2px 0 0 0;
   font-size:11px;
}

/* ---------- icon stand --------- */

.standlist .icon
{
   margin:8px 0 0 30px;
}

.istand
{
   margin:8px 0 0 8px;
   width:270px;
}

.istand .name
{
   text-align:left;
}


/* ================== site ============= */

.site
{
   width:500px;
   margin:4px 0 0 0;
}

.site .score
{
   width:90px;
}

.site .misc_star
{
   float:right;
}

.site .name
{
   width:380px;
   height:15px;
   margin:0 0 0 12px;
   overflow:hidden;
}


/* ==================== job ================== */

.joblist
{
   width:100%;
}

.joblist .job
{
   width:100%;
   margin:4px 0 0 0;
   height:20px;
}

.joblist .labels
{
   height:auto;
}

.joblist .label
{
   height:16px;
   font-size:10px;
   font-weight:bold;
   text-align:center;
}

.joblist .reward_label
{
   width:250px;
}
 
.joblist .job .name
{
   width:180px;
   height:16px;
   margin:0 0 0 8px;

   overflow:hidden;
}

.joblist .job .description
{
   width:260px;
   height:30px;
   overflow:hidden;
   margin:0 0 0 10px;
   text-align:justify;
}

.joblist .job .reward
{
   width:32px;
   height:14px;
   margin:2px 0 0 0;
   font-size:10px;
   text-align:center;
}

.joblist .job .gold
{
   width:60px;
}

.joblist .job .requirement
{
   width:200px;
   margin:0 10px 0 10px;
}


.joblist .unlocked div
{
   color:#666666;
}

/* =============== hall ================= */


.hall
{
   width:100%;
}


.hall .detail
{
   width:550px;
   margin:0 0 0 10px;
}

.hall .specialize
{
   width:110px;
   height:50px;
   margin:160px 0 0 50px;
}


.hall .stats
{
   width:600px;
   margin:12px 0 0 90px;
}


.hall .requirement
{  
   padding:0 0 8px 0;
   border-style:solid;
   border-width:1px;
}

.hall .detail .label
{   
   position:relative;
   top:-16px;
   left:460px;
   padding:4px 10px 6px 10px;
   line-height:24px;
   font-size:16px;
   font-weight:bold;
   border-style:solid;
   border-width:1px;
}


.hall .requirement .req
{   
   width:100%;
   margin:10px 0 0 0;
}


.hall .requirement .req .value
{  
   margin:0 0 0 8px;
   padding:0 0 2px 0;
   width:80%;
   font-size:11px;
   border-bottom-width:1px;
   border-bottom-style:solid;
}


.hall .requirement .req .type
{   
   margin:12px 0 0 0;
   width:60px;
   text-align:right;
   font-size:10px;
   font-weight:bold;
}

.hall .requirement .req .explanation
{   
   width:80%;
   margin:0 0 0 0;
   padding:0 0 0 10px;
   font-size:9px;
}

.hall .requirement .req .rank
{  
   font-size:16px;
   font-weight:bold;
}

.hall .floating
{
   z-index:41;
}


/* ===================== gather ============= */

.gatherlist .category
{
   width:100%;
   margin:28px 0 0 0;
   font-size:14px;
   font-weight:bold;
}

.gatherlist .msg
{
   margin:40px 0 0 20px;
   padding:0 0 20px 0;
   width:90%;
}

.gatherlist .result
{
   font-size:20px;
}


.gatherlist .gather
{
   width:47%;
   margin:8px 0 0 20px;
}


.gather .name
{
   width:83%;
   font-weight:bold;
   font-size:14px;
}


.gather .explore a
{
   text-decoration:none;
}

.gather .info
{
   width:100%;
   margin:4px 0 0 0;
   border-top-style:solid;
   border-top-width:1px;
}

.gather .label
{
   width:50%;
   margin:4px 0 0 0;
   font-size:10px;
   font-weight:bold;
}

.gather .value
{
   width:49%;
   margin:4px 0 0 0;
   text-align:right;
}

.gather .info .rank
{
   font-size:18px;
}


/* ================= bounty ================== */

.bounty,
.wantedlist
{
   width:98%;
   margin:4px 0 0 8px;
}

.wantedlist .anta 
{
   margin:14px 0 0 14px;
   padding:0 0 4px 0;
}

.wantedlist .wanted
{
   position:relative;
   top:-8px;
   left:25px;
   padding:0 4px 0 4px;
   font-size:10px;
}



.bounty .target
{
   width:50%;
   margin:0 0 0 10px;
   padding:0 0 8px 0;
}

.bounty .avatar
{
   margin:4px 4px 0 4px;
   width:70px;
   height:70px;
}


.bounty .level
{
   width:36px;
   margin:4px 0 0 0;
   font-size:24px;
   font-weight:bold;
   text-align:center;
}


.bounty .login
{
   width:250px;
   margin: 4px 0 0 4px;
   font-weight:bold;
}

.bounty .info
{
   width:250px;
   margin:4px 0 0 4px;
}


.bounty .detail
{
   width:290px;
   margin:8px 0 0 0;
}

.bounty .complaint
{
   width:150px;
   margin:8px 0 0 0;
}

.bounty .report
{
   margin:12px 0 0 300px;
}


.bounty .candidatelist
{
   width:48%;
   overflow:hidden;
   padding:0 0 8px 0;
}


.bounty .browse
{
   margin:8px 0 0 8px;
}

.bounty .candidatelist .list
{
   width:98%;
   padding:6px 0 6px 0;
}


.common_content .bounty .label
{
   width:120px;
   margin:8px 0 0 0;
}


.common_content .bounty .input
{
   width:150px;
   margin:8px 0 0 0;
}




/* ===================== party ================ */

.partylist
{
   width:100%;
}


.party 
{
   width:100%;
   overflow:hidden;
   margin:8px 0px 0 4px;
}

.party .name
{
   width:42%;
   height:16px;
   margin:0px 0 0 4px;
   overflow:hidden;
}

.party .count
{
   width:6%;
   margin:0 0 0 4px;
}



.party .created
{
   width:16%;
   font-size:10px;
}

.party .password
{
   width:20%;
   display:inline;
   float:left;
}



.party_block
{
    width:100%;
    margin:24px 0 0 0;
    padding:0 0 8px 0;
}

.party_block .current
{
    width:72%;
    margin:8px 0 0 0;
}


.party_block .label
{
    width:30%;
    margin:8px 0 0 0;
}

.party_block .input
{
    width:42%;    
    margin:8px 0 0 0;
    display:inline;
    float:left;
}

.party_block .button
{
    margin:6px 0 0 6px;
}


.party_search 
{
    width:290px;
    margin:2px 0 0 0;
}

.party_search .input
{
    width:150px;
}



/* ==================== vs =============== */

.battle
{
   width:100%;
   margin:20px 0 0 0;
}


.battle .bar_hp .inner,
.battle .bar_ac .inner,
.battle .bar_wd .inner
{
   width:100%;
   height:100%;
   background:url(/image/system/button.png) repeat-x 0 -26px;
}

.battle .bar_hp .critical
{
   background:url(/image/system/button.png) repeat-x 0 -66px;
}

.battle .bar_ac .inner
{
   width:0%;
   background:#FF66AA;
}

.battle .bar_wd .inner
{
   width:0%;
   background:#33CCCC;
}


.battle .result
{
   width:100%;
}

.battle .attacked
{
   color:#FF3333;
}


.battle .winner
{
   width:100%;
   font-size:20px;
}

.battle .gain
{
   width:100%;
   font-size:14px;
}

.battle .msg
{
   width:100%;
   margin:20px 0 0 0;
}


/* --------------- */

.configlist
{
   width:100%;
   margin:16px 0 0 0;
}

.configlist .z1
{
   width:100%;
   margin:0 0 0 0;
}

.config
{
   width:48%;
   margin:0 0 0 12px;
   padding:0 0 8px 0;
}

.config .label
{
   width:36%;
   font-size:10px;
}

.config .value
{
   width:62%;
   margin:0 0 0 4px;
   font-size:11px;
}

.config .radio
{
   margin:0 4px 0 0;
   padding:0 0 0 0;
   width:15px;
   height:15px;
   vertical-align:middle;
}


.config .select
{
   width:80%;
}


/* ---------- */

.controller 
{
   width:100px;
   height:39px;
   background:url(/image/system/vs.gif) -800px 0px;
}

.controller .running
{
   margin:1px 0 0 8px;
}


.controller .counter
{
   margin:1px 0 0 52px;
   height:12px;
   overflow:hidden;
   font-size:11px;
}

.controller .tuner
{
   margin:0 0 0 0;
   width:100%;
}


.tuner .icon
{
   width:25px;
   height:20px;
   margin:0 0 0 0;
   overflow:hidden;
   cursor:pointer;
}

.tuner .stop { background:url(/image/system/vs.gif) -950px -5px; }
.tuner .pause { background:url(/image/system/vs.gif) -925px -30px; }
.tuner .play { background:url(/image/system/vs.gif) -925px -5px; }
.tuner .plus { background:url(/image/system/vs.gif) -975px -30px; }
.tuner .minus { background:url(/image/system/vs.gif) -900px -30px; }
.tuner .next { background:url(/image/system/vs.gif) -975px -5px; }
.tuner .previous { background:url(/image/system/vs.gif) -900px -5px; }


/* ------------------- vs single ---------------- */

.vs
{
   background:url(/image/system/vs.gif) no-repeat top left;
}

.vs .frame
{
   width:350px;
   margin:0 0 0 0;
}

.vs .start
{
   width:70px;
   height:110px;
   text-align:center;
}

.vs .submit
{
   margin:8px 0 0 200px;
   text-align:center;
}


.vs .fighter
{
   width:100%;
   display:none;
}

.vs .selected
{
   display:inline;
}

.vs .pname
{
   width:260px;
   margin:2px 0 0 0;
   font-size:14px;
   font-weight:bold;
}

.vs .level
{
   margin:8px 0 0 62px;
   font-size:10px;
   font-weight:bold;
}

.vs .avatar
{
   margin:4px 0 0 0;
}

.vs .decks
{
   margin:8px 20px 0 0;
   float: right;
}

.vs .info
{
   width:260px;
   margin:20px 0 0 0;
   text-align:right;
}

.vs .opponent .pname,
.vs .opponent .avatar,
.vs .opponent .bar_hp,
.vs .opponent .bar_ac,
.vs .opponent .bar_wd,
.vs .opponent .info     
{
   float:right;
}



.vs .opponent .pname
{
   text-align:right;
}

.vs .opponent .level
{
   float:left;
   margin:8px 0 0 55px;
}

.vs .opponent .info
{
   text-align:left;
}


.vs .bar_hp
{
   margin:2px 0 0 0;
   width:100%;
   height:10px;
   overflow:hidden;
}

.vs .bar_ac,
.vs .bar_wd
{
   margin:5px 0 0 0;
   width:260px;
   height:2px;
   overflow:hidden;
}



.vs .self .bar_hp .inner,
.vs .self .bar_ac .inner,
.vs .self .bar_wd .inner
{
   float:right;
}





.vs .card_hr
{
   margin:0 0 0 25px;
}


/* ------------- vs multi ------------ */

.vsm
{
   width:100%;
}

.vsm .submit
{
   margin:0 0 0 12px;
}

.vsm .team
{
   border-style:solid;
   border-width:1px;
   width:380px;
   margin:0 0 0 1px;
}

.vsm .frame
{
   width:180px;
   margin:2px 0 0 2px;
}

.vsm .pname
{
   margin:0 0 0 2px;
   width:100px;
   height:24px;
   overflow:hidden;
   font-size:10px;
   font-weight:bold;
}

.vsm .info
{
   margin:0 0 0 2px;
   width:100px;
   font-size:10px;
}


.vsm .bar_hp
{
   margin:3px 0 0 2px;
   width:100px;
   height:4px;
   overflow:hidden;
}

.vsm .bar_ac,
.vsm .bar_wd
{
   margin:2px 0 0 2px;
   width:100px;
   height:2px;
   overflow:hidden;
}

.vsm .card_lr
{
   margin:2px 0 0 14px;
}





/* --------------- dungeon ------------- */
.dungeon_room .frame
{
   width:100%;
}

.dungeon_room .pname
{
   width:290px;
}

.dungeon_room .info
{
   width:290px;
   margin:0 0 8px 0;
}

.dungeon_room .decks
{
   width:160px;
}

.dungeon_room .decks select
{
   width:110px;
}



/* ------------- combo -------------- */

.combo
{
   width:100%;
   padding:0 0 26px 0;
   border-top:1px solid #FFBB66;
   border-bottom:1px solid #FFBB66;

}

.combo .label
{
   margin:16px 0 0 0;
   width:35%;
   font-size:30px;
   font-style:italic;
   text-align:right;
   color:#886644;
}

.combo .separator
{
   margin:12px 0 0 0;
   width:100%;
   height:6px;
   overflow:hidden;
   border-top-width:1px;
   border-top-style:solid;
   border-bottom-width:1px;
   border-bottom-style:solid;
}


.combo .name
{
   margin:20px 0 0 0;
   width:100%;
   font-size:36px;
   font-weight:bold;
   text-align:center;
}


/* ============ mob ============= */



.moblist
{
   width:100%;
   margin:16px 0 0 0;
}

.mob 
{
   width:32%;
   height:35px;
   margin:10px 4px 0 4px;
}

.mob .avatar
{
   width:35px;
   height:35px;
   overflow:hidden;
}

.mob .avatar img
{
   width:35px;
   height:35px;
}

.mob .name
{
   margin:0 0 0 4px;
   width:55%;
   height:16px;
   overflow:hidden;
}

.mob .classname
{
   width:70px;
   text-align:center;
   font-size:9px;
   position:relative;
   top:-8px;
}

.mob .classname strong
{
   background:#000000;
}

.mob .info
{
   width:82%;
   font-size:11px;
   margin:2px 0 0 4px;
}

.mob .func
{
   float:right;
}

/*
.mob .level
{
   width:60px;
   text-align:center;
}

.mob .hp
{
   width:100px;
   text-align:center;
}

.mob .description
{
   width:400px;
   font-size:11px;
}

*/


/* ================= opponent list =========== */

.antalist
{
   width:100%;
   margin:16px 0 0 0;
}

.anta
{
   width:108px;
   margin:18px 0 0 16px;
   padding:4px 0 4px 0;
}

.anta .name
{
   width:100px;
   margin:2px 0 0 4px;
   overflow:hidden;
   font-size:11px;
   font-weight:bold;
}

.anta .avatar
{
   margin:0 0 0 18px;
   width:70px;
   height:70px;
}

.anta .info
{
   width:100px;
   margin:2px 0 0 4px;
   font-size:10px;
}




/* ================= tournament ================== */

.tournament
{
   width:100%;
   margin:22px 0 0 0;
}

.tournament .round
{
   width:100%;
}

.tournament .fight
{
   width:22%;
   font-size:10px;
}


.tournament .attendee
{
   width:75px;
   padding:0 0 4px 0;
}

.tournament .content
{
   width:90%;
   overflow:hidden;
   margin:4px 0 0 4px;
}


.tournament .branch
{
   width:12%;
   overflow:hidden;
}

.tournament .branch .replay
{
   width:97%;
   margin:6px 0 0 0;
   text-align:center;
}


.tournament .line_v
{
   width:1px;
   height:30px;
   overflow:hidden;
}

.tournament .line_h
{
   width:100%;
   height:1px;
   overflow:hidden;
}


.tournament .win { background:#AA7711; }
.tournament .loss { background:#333333; }

.tournament .round_1 .fight { width:36%; }
.tournament .round_1 .branch { width:26%; }

.tournament .round_0 .fight { width:62%; }
.tournament .round_0 .branch { width:52%; }


.tournament .attendee_1 { float:right; }

.tournament .fight_2_1,
.tournament .fight_2_2,
.tournament .fight_2_3 { margin:0 0 0 29px; }

.tournament .fight_1_0 { margin:0 0 0 44px; }
.tournament .fight_1_1 { margin:0 0 0 116px; }

.tournament .fight_0_0 { margin:0 0 0 142px; }


.tournament .line_v1 { margin:0 0 0 46px; }
.tournament .round_0 .line_v1 { margin:0 0 0 200px; }
.tournament .round_1 .line_v1 { margin:0 0 0 100px; }
.tournament .line_v3 { float:right; }
.tournament .line_h0 { width:50%; }
.tournament .line_h1 { width:50%; float:right; }

.tournament .branch_2_0 { margin:0 0 0 38px; }
.tournament .branch_2_1,
.tournament .branch_2_2,
.tournament .branch_2_3 { margin:0 0 0 105px; }

.tournament .branch_1_0 { margin:0 0 0 82px; }
.tournament .branch_1_1 { margin:0 0 0 197px; }

.tournament .branch_0_0 {  margin:0 0 0 180px; }


.tournament .winner
{
   float:right;
   width:200px;
   font-size:14px;
   margin:0 285px 0 0;
   padding:0 0 4px 0;
}




/* ============== coliseum ================= */

.coliseum
{
   width:100%;
   margin:10px 0 0 0;
}

.coliseum .category
{

   width:30%;
   margin:0 10px 0 10px;
}

.coliseum .y1
{
   width:92%;
   margin:0 0 0 8px;
   padding:0 0 8px 0;
}

.coliseum .y1 .button
{
   float:right;
   margin:10px 0 12px 0;
}

.coliseum .description
{
   width:100%;
   margin:0 0 12px 0;
}

.coliseum .winnerlist
{
   border-top:1px solid;
   width:100%;
   padding:4px 0 0 0;
}

.coliseum .winner
{
    width:100%;
    height:38px;
    margin:5px 0 0 0;
}

.coliseum .winner .avatar
{
    width:35px;
    height:35px;
    float:left;
    display:inline;
}

.coliseum .battlegroup
{
    float:right;
    width:95px;
    text-align:right;
    margin:2px 0 0 0;
    line-height:16px;
}




.coliseum .deck
{
   width:70%;
   margin:8px 0 0 0;
}



/* ============== damage meter =========== */

.damagemeter
{
   width:100%;
   margin:10px 0 0 0;
   padding:0 0 8px 0;
   font-size:11px;
}

.damagemeter .global .name
{
   width:120px;
   overflow:hidden;
}


.damagemeter .global .bar_container
{
   width:150px;
   margin:2px 5px 0 5px;   
   font-size:10px;
   font-weight:bold;
}

.damagemeter .global .stat
{
   width:130px;
   overflow:hidden;
   font-size:11px;
   font-weight:bold;
}



.damagemeter .dm_line
{
   width:100%;
   margin:2px 0 0 0;
}


.damagemeter .separator
{
   margin:12px 0 0 0;
}


.damagemeter .dm_type
{
   width:80px;
}

.damagemeter .dm_bar
{
   width:300px;
   height:12px;
   overflow:hidden;
   margin:2px 10px 0 0;
}

.damagemeter .dm_stat
{
   width:24%;
   font-weight:bold;
   text-align:center;
}

.damagemeter .dm_stats
{
   width:250px;
}

.damagemeter .dm_name
{
   width:390px;
   height:20px;
   overflow:hidden;
   font-size:16px;
}

.damagemeter .dm_header
{
   width:250px;
   text-align:center;
   font-size:10px;
   font-weight:bold;
}



.damagemeter .bar_melee
{
   border-top:1px solid #FF6666;
}


.damagemeter .bar_magic
{
   border-top:1px solid #9999FF;
}

.damagemeter .bar_spirit
{
   border-top:1px solid #CC9966;
}





/* =========== chat ============== */


.chat 
{
   width:360px;
   margin:10px 5px 0 0;
   font-size:10px;
}

.chat .content
{
   width:100%;
   height:170px;
   margin:2px 0 0 0;
   overflow-x:hidden;
   overflow-y:scroll;
   font-size:11px;
}

.chat .textarea
{
   width:422px;
   height:24px;
   display:inline;
   float:left;
   margin:4px 0 0 6px;
   font-size:11px;
}

.chat .entry
{
   width:100%;
   margin:2px 0 0 0;
}

.chat .status
{
   width:16px;
   height:16px;
   overflow:hidden;
   margin:4px 0 0 0;
}


/* ========================== */

.wireframe_city .link
{
   margin:12px 0 0 0;
}


.wireframe_cityjob .joblist
{
   width:540px;
   padding:0 0 20px 0;
}

.wireframe_cityjob .floating
{
   width:240px;
}



/* ========== hall ============ */


.wireframe_hall .hall_confirm
{
   width:500px;
}

.wireframe_hall .hall_confirm .button
{
   margin:30px 0 0 100px;
}


/* ================= index =========== */

.wireframe_city_current .city .z2 .button
{
   margin:12px 0 0 0;
}


.wireframe_city_site
{
   width:520px;
   margin:0 0 0 10px;
}

.wireframe_city_reset
{
   margin:0 0 0 55px;   
}


/* =============== pvp =============== */

.wireframe_pvp .z3
{
   width:49%;
   margin:0 0 0 4px;
}

.wireframe_pvp .configlist
{
   height:110px;
}

.wireframe_pvp .configlist .config
{
   width:98%;
   margin:0 0 0 4px;
}

.wireframe_pvp .pagination .index
{
   padding:0 2px 0 2px;
   font-size:11px;
}



/* =============== party =============== */

.wireframe_party .z11
{
    width:34%;
    padding:0 0 12px 0;
}

.wireframe_party .z12
{
    width:60%;
    margin:10px 0 0 30px;
    padding:0 0 12px 0;
}