#hydra_Chat
{
height: 120px;
width: 600px;
position: relative;
}

#hydra_Chat #chat-log
{
display: block;
height: auto;
overflow: hidden;
}
/*
#hydra_Chat #chat-log
{
display: block;
height: 70px;
overflow: scroll;
}
*/

#hydra_Chat #chat-scroll-pane
{
width: 600px;
height: 109px;
overflow: hidden;
position: relative;
}

#hydra_Chat .nav
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 110px;
}

#hydra_Chat .nav a.scroll-up,
#hydra_Chat .nav a.scroll-down
{
background: url("/static/img/dashboard-scroll.png");
display: block;
width: 16px;
height: 16px;
position: absolute;
right: 0px;
}

#hydra_Chat .nav a.scroll-up
{
background-position: 0 0;
top: 0px;
}

#hydra_Chat .nav a.scroll-down
{
background-position: 0 -16px;
bottom: 0px;
}

#hydra_Chat #chat-log p
{
margin: 0;
font-size: 12px;
}

#hydra_Chat #chat-log p > *
{
}

#hydra_Chat #chat-log p > .uname
{
font-weight: bold;
text-align: right;
padding: 5px 10px 5px 5px;
}

#hydra_Chat input
{
border: 1px solid #A7723C;
display: block;
float: left;
font-size: 12px;
padding: 1px;
position: relative;
height: 15px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#hydra_Chat input[type=text]
{
width: 75%;
float: left;
margin-right: 5px;
background: url("/static/img/input-bg.png") repeat-x;
}

#hydra_Chat input[type=button]
{
}