body, html {
margin:0;
width:100%;
height:100%;
background-color:#111;
color:#ccc;
font-family: Tahoma, Geneva, Arial, sans-serif;
font-size:13px;
}

#page {
width:800px;
margin:auto;
margin-top:0;
}

#top {
height:auto;
border:1px dashed #333;
border-bottom:none;
padding:20px 30px;
}

#corps {
border:1px dashed #333;
}

#left {
width:177px;
float:left;
padding:20px 30px;
}

#right {
float:left;
width:500px;
border-left:1px dashed #333;
padding:20px 30px;
padding-bottom:10px;
}

#bottom {
height:auto;
border:1px dashed #333;
border-top:none;
padding-left:15px;
padding-top:15px;
}

.item {
width:50px;
height:50px;
border:1px dashed #222;
float:left;
margin-right:15px;
margin-bottom:15px;
}

.room {
background-color:#fff;
}

#match_box {
float:right;
width:auto;
margin-left:30px;
}

#match {
width:10px;
height:100px;
position:relative;
margin:auto;
border:1px solid #aaa;
}

#match_used {
width:10px;
position:absolute;
bottom:0;
background-color:#fff;
}

a {
color:#eee;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#aaa;
}

.action {
display:none;
}