body {
text-align:center;
font-family:'lucida grande', lucida, tahoma;
}


p {
font-size:12px;
text-align:left;
width:400px;
margin:auto;
margin-bottom:10px;
}



#container {
width:264px;
*width:65px;
*height:65px;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
margin:auto;
overflow:hidden;
background-color:#fff;
}

#container div {
position:relative;
width:32px;
height:32px;
*width:8px;
*height:8px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
overflow:hidden;
}

#preview {
width:8px;
*width:10px;
*height:10px;
margin:auto;
overflow:hidden;
border:1px solid #ddd;
}

#preview div {
position:relative;
width:1px;
height:1px;
float:left;
overflow:hidden;
}

.icon {
float:left;
text-align:center;
text-transform:uppercase;
font-size:10px;
margin:10px;
}

.smallcontainer {
width:8px;
height:8px;
margin:auto;
margin-bottom:4px;
position:relative;
}

.white {
width:1px;
height:1px;
background-color:#fff;
float:left;
overflow:hidden;
}

.black {
width:1px;
height:1px;
background-color:#000;
float:left;
overflow:hidden;

}

#submissions {
width:800px;
margin:auto;
}