/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

input[type=checkbox]{
    width:20px;
    height:20px;
    border-radius:5px;
    border:1px solid #555;
	vertical-align:top;
}

input[type=button]{
	float:left;
	margin-right:10px;
}

.wholeassets{
	width:100%;
	max-width:850px;
	min-width:650px;
	height:auto;
	float:left;
}

.control-panel{
	width:30%;
	float:left;
/* 	border:1px solid #CCC; */
}

.frametable{
	width:70%;
	height:auto;
	float:right;
	background-color: #fff;
	/* border:1px solid #CCC; */
}


.frametable ul{
	list-style:none;
	margin:0px;
	padding:0;
}


	
/* .frametable ul li {
	width:19.2%;
	float:left;
	list-style:none;
	margin-right:1px;
	margin-left:5px;
	margin-top:3px;
	margin-bottom:3px;	
} */

 
.frametable ul li {
	width:32.6%;
	margin:0.25% 0% 0.25% 0.5%;
	float:left;
	list-style:none;	
}

#shuffle img{
	width:100%;
}



@media only screen and (min-width:992px) and (max-width:1199px) {

	.frametable ul li {
		width:24.25%;
		margin:0.25% 0% 0.25% 0.5%;
	}

} 


/* 

@media only screen and (min-width:650px) and (max-width:991px) {

	.frametable ul li {
		width:32.6%;
		margin:0.25% 0% 0.25% 0.5%;
	}

}

/* @media only screen and (min-width:500px) and (max-width:767px) {

	.frametable ul li {
		width:49%;
		margin:0% 0% 0.85% 0.5%;
	}

} 

@media only screen and (max-width:499px) {
	
	.frametable ul li {
		width:98%;
	}

} */