html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#111111; 
font-size:10px; 
font-family:Arial,Sans-serif;
color:white;
}


body {
margin: 0px 5px 0px 5px;
padding: 0 0 25px 0; /* bottom padding is height of #bottomFrame */

} 

#paginate {
width:15px;
height:15px;
border:0px solid #f2f2f2;
text-align:center;
padding:3px;
margin-right:3px;
}

#noSel {
width:15px;
height:15px;
color:#666666;
border:0px solid #f2f2f2;
padding:3px;
margin-right:3px;
text-align:center;
}

#selectPage {
border:0px solid #f2f2f2;
width:15px;
text-align:center;
padding:3px;
background:#666;
color:#fff;
margin-right:3px;
}

#puzzleContainer {
margin: 0px auto -1px auto;
width:100%;
clear:both;
text-align:center;
overflow:hidden;
} 

#imageHolder  {
float:left;
margin-right:5px;
margin-bottom:5px;
padding:5px;
color:#000000;
font-size:smaller;
border: 1px solid #3F3F3F; 
text-align:center;
background:#111111;
}  

#imageHolderAdmin  {
float:left;
margin-right:5px;
margin-bottom:5px;
padding:5px;
color:#000000;
font-size:smaller;
border: 1px solid #fff; 
text-align:center;
background:#fff;
}  



.container{
margin: 0px auto -1px auto; 
padding-top: 80px;
width:950px;
}


.container img {
	border:0px solid #4F4F4F;
	visibility: hidden;
}

#imageList li
{
display: inline;
list-style-type: none;
padding-right: 2px;
padding-left: 2px;
}

.imageHolderFront {
	height:400px;
	width:290px;
}



.header {
	color:#fff;
	visibility: hidden;
}



#buttons{
float:left;
position:relative;
left:50%;
text-align:left;
}
#buttons ul{
list-style:none;
position:relative;
left:-50%;
}

#buttons li{float:left;position:relative;}/* ie needs position:relative here*/

#buttons a{
margin-right:5px;
margin-bottom:5px;
float:left;
border: 1px solid #5f5f5f; 
color:#000000;
padding:5px;
text-align:center;
white-space:nowrap;

}





 div#footer{
	height: 25px;
	color: #000;
	background-color: #111111;
  position: fixed;
  bottom: 0;
  left: 0;
  padding:2px;
  width: 100%;

 }
/* hide from mac ie5 \*/
#footer {
  position: absolute;
  }
/* end hide from mac ie5 */
html>body #footer {
  position: fixed;
  }



/* color chips list */

div.tags-color {	
	margin: 0 0 15px 0;
	}
ul.color-chips {
	margin: 0 0 5px 0;
	}
ul.color-chips li {	
	float: left;
	margin: 0 0 5px 0;
	}
ul.color-chips li:last-child {	
	margin-right: 0;
	}
ul.color-chips li a {	
	float: left;
	width: 20px;
	height: 10px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(/images/glass-light.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	-webkit-transition: -webkit-transform .2s ease;
	-moz-transition: -moz-transform .2s ease;
	-o-transition: -o-transform .2s ease;
	transition: transform .2s ease;
	}
ul.color-chips li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
ul.color-chips li:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
ul.color-chips li a:hover {	
	background-image: none;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	}
ul.color-chips li a.red {	
	background-color: #c33;
	}
ul.color-chips li a.pink {	
	background-color: #ea4c88;
	}
ul.color-chips li a.purple {	
	background-color: #939;
	}
ul.color-chips li a.blue {	
	background-color: #369;
	}
ul.color-chips li a.green {	
	background-color: #393;
	}
ul.color-chips li a.yellow {	
	background-color: #fc3;
	}
ul.color-chips li a.orange {	
	background-color: #f60;
	}
ul.color-chips li a.brown {	
	background-color: #963;
	}
ul.color-chips li a.grey {	
	background-color: #999;
	}
ul.color-chips li a.black {	
	background-color: #222;
	}
ul.color-chips li a.white {	
	background-color: #fff;
	}


a {
color:white;
text-decoration:none;
}

.CT {
	color: #fff;
	width: 139px;
	z-index: 13000;
	background: #666;
}
 
.CT {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.CT {
	font-size: 11px;
	padding: 4px 8px 8px;
}