/**
 * Magicbox - inspired by http://www.webinventif.fr/barre-de-navigation-fixe-depliable-et-transparente/
 */

#magicbox{
font-family:helvetica;
font-size:0.9em;
text-align:left;
}

#magicbox{
position:absolute;
left:0;
bottom:0;
margin:0;
padding:0;
width:100%;
}

#magicmenu, #magicmenu ul, #magicmenu ul li{
margin:0;
padding:0;
}

#magicmenu, #magicmenu ul, #magicmenu ul li{
list-style-type:none;
}

#magicmenu ul li a{
margin:0 1ex 0 0;
padding:0 1ex;
float:right;
display:block;
color:#fff;
background:#555;
border:1px solid #fff;
border-bottom:none;
}

#magiccontent{
clear:both;
margin:0;
padding:0;
color:#fff;
background:#000;
border-top:1px solid #fff;
}

#magiccontent *{
margin:0;
padding:0;
}

#magicmaxi{
overflow:auto;
max-height:200px;
border-top:1px dotted #fff;
}

#magicmaxi table{
width:100%;
border-collapse:collapse;
}

#magicmaxi tr th, #magicmaxi tr td{
border:1px solid #fff;
}