/*
#mydeck div.deck{
height:100px;
}
*/
div.deckdiv{
margin:0 auto; /* to align center */
}
div.deck {
overflow:auto;
}
div.deck div.card{
display:none;
padding:5px;
}
div.deck div.top{
display:block
}

ul.control,ul.control li{
padding:0;
text-align:center;
white-space:nowrap;
}
ul.control li a{
text-decoration:none;
display:block;
}
ul.control {
width:100%;
text-align:center;
background-color:#fff;
margin:0;
list-style-type:none;
}
ul.control:after{
content:".";
display:block;
font-size:0px;
line-height:0px;
height:0;
clear:both;
visibility:hidden;
}
ul.control li{
background-color:#CCC;
display:block;
float:left;
padding:1px 0;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-top:0;
font-size:10pt;
font-weight:bold;
margin:0 -1px;
cursor:pointer;
}
ul.control li.top{
  background-color:#FFF;
  border-bottom:1px solid #fff;
margin-bottom:-1px;
cursor:default;
}
ul.control li.over{background-color:#EEE}
ul.control.cardcount1 li{ width:100% }
ul.control.cardcount2 li{ width:50% }
ul.control.cardcount3 li{ width:33.33% }
ul.control.cardcount4 li{ width:25% }
ul.control.cardcount5 li{ width:10% }
ul.control.cardcount6 li{ width:16.66% }
ul.control.cardcount7 li{ width:14.28% }
ul.control.cardcount8 li{ width:12.5% }
ul.control.cardcount9 li{ width:11.11% }
ul.control.cardcount10 li{ width:10% }