#hydra_Recorder #archive
{
width: 400px;
float: left;
}

#hydra_Recorder #control
{
margin: 10px;
width: 230px;
float: left;
}

#hydra_Recorder #control a.start-record
{
font-family: "Helvetica", "Verdana", "Tahoma", "Arial", "sans serif";
font-size: 12px;
color: #353535;
text-shadow: 0 1px 1px #eee;
line-height: 48px;
float: left;
margin: 5px;
}

#hydra_Recorder #archive li,
#hydra_Recorder #archive li > *
{
float: left;
list-style: none;
font-size: 12px;
font-family: "Helvetica","Verdana","Tahoma","Arial","sans serif";
text-shadow: 0 1px 1px #EEEEEE;
color: #151515;
margin-bottom: 10px;
}

#hydra_Recorder #archive li > .title
{
font-weight: bold;
}

#hydra_Recorder #archive li > .del-record
{
width: 12px;
height: 12px;
background: url("/mentor/addons/hydra_Recorder/img/del.png");
margin-right: 5px;
bottom: -3px;
padding: 0;
position: relative;
}