battle

#battle{
width: 241px;
height: 380px;
float:left;
margin-left: 5px;
border: 3px solid #000000;
position:relative;
overflow:hidden;
}
#field{
    background-image:url(grass.png);
    height:141px;
}
#opponent .pokemon{
    float: right;
    margin-right:26px;
    margin-top:20px;
}
#opponent .info{
    padding: 2px 0px 0px 4px;
    font-size: 12px;
    font-face: Arial;
    float:left;
    width: 106px;
    height:32px;
    margin-top:20px;
    margin-left:10px;
    background-repeat:no-repeat;
    background-image:url(enemy_info.png);
}
#you .info{
    padding: 2px 0px 0px 12px;
    font-size: 12px;
    font-face: Arial;
    float:right;
    width: 106px;
    height:32px;
    margin-top:-7px;
    margin-left:10px;
    background-repeat:no-repeat;
    background-image:url(your_info.png);
}
#opponent .level{
    float:right;
    padding-right:15px;
}
#you .level{
    float:right;
    padding-right:15px;
}
#opponent .hp{
    background-color: #000000;
    margin-top:3px;
    margin-left:40px;
    width:50px;
    height:2px;
}
#you .hp{
    background-color: #000000;
    margin-top:3px;
    margin-left:14px;
    width:50px;
    height:2px;
}
.hp .current{
    background-color: #FF0000;
    height:2px;
}
#opponent .hp .current{
    width:50px;
}
#you .hp .current{
    width:50px;
}
#you .pokemon{
    float:left;
    margin-top:7px;
    margin-left:23px;
}
#effect .you{
    width:120px;
    position:absolute;
    z-index:55;
    height:141px;
}
#effect .opponent{
    width:120px;
    margin-left:121px;
    position:absolute;
    z-index:55;
    height:141px;
}
#effect .all{
    width:241px;
    position:absolute;
    z-index:77;
    height:141px;
    margin-left:-15px;
}
#toolbar{
    background-image:url(toolbar_bg.png);
    background-repeat:no-repeat;
    z-index:99;
    width: 241px;
    height:200px;
}
#pokeballs{
    height:20px;
    position:relative;
    padding-top:4px;
    padding-bottom:1px;
}
#pokeballs .you{
    display:inline;
    position:absolute;
    left:3px;
    padding-top:1px;
}
#pokeballs .opponent{
    display:inline;
    position:absolute;
    right:3px;

}
#fight{
    margin-left: 17px;
}
#bag{
    margin-left: 1px;
    float:left;
}
#party{
    margin-left:2px;
}
#run{
    margin-top:10px;
    float:left;
    margin-left:2px;
}
.fight{
    cursor:pointer;
    background-image:url(large_normal.png);
    background-repeat:no-repeat;
    background-position: 19px 2px;
}
.fight:hover{
    background-image:url(large_hover.png);
}
.bag,.party,.run{
    cursor:pointer;
    float:left;
    width:80px;
    height:53px;
    background-image:url(small_normal.png);
    background-repeat:no-repeat;
}
.bag{
    background-position: 3px 2px;
}
.run{
    background-position: 4px 12px;
}
.party{
    background-position: 4px 2px;
}
.bag:hover,.party:hover,.run:hover{
    background-image:url(small_hover.png);
}
#moves{
    padding-left:1px;
}
.move{
    margin-left:3px;
    width:115px;
    height:54px;
    background-image:url(move.png);
    float:left;
    margin-bottom:2px;
    cursor:pointer;
}
.move:hover{
    background-image:url(move_hover.png);
}
.move .name{
    text-align:center;
    padding-top:9px;
    font-family:Corbel;
    font-size:13px;
}
.move .info{
    padding: 6px 13px 0px 13px;
}
.move .info .type{
    float:left;
}
.move .info .pp{
    float:right;
    font-family:Arial Narrow;
    font-size:10px;
}
#moves{
    display:none;
}
#dialogue{
    background-image:url(images/global/chat_window.png);
    height:47px;
    background-color: #000;
    z-index:99;
}
#dialogue p.text{
    margin:0;
    padding:5px 20px 0px 10px;
    font-family:Arial;
    font-size:14px;
}