body
{
	margin:0px;
	/*background:#282828;*/
	background-color:#ffffff;

	font-family:'Trebuchet MS',sans-serif;
	font-size:12px;
	/*color:#eeeeee;*/
	color:black;
	
	/* for MSIE */
	width:100%;
	height:100%;
}
body a
{
	color:#727272;
	/*border-bottom:1px dotted black;*/
	text-decoration:none;
}
body a:hover
{
	color:#727272;
	text-decoration:underline;
	/*border-bottom:0px;*/
}

#layout
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	
	text-align:center; /* for IE pre 7 */
}

#centered
{
	position:relative;
	margin:0px auto; /* horizontal centering */
	text-align:left;
	overflow:hidden;
	
	/*background-color:#e2e2e2;*/
	background-color:#ffffff;
}

#grid-container
{
	position:absolute;
	left:0px;
	top:0px;
	background-color:white;
	
	/*background-image:url(../media/thumb_bg_100.gif);*/
}

#result
{
	position:absolute;
	left:25px;
	bottom:0px;
	font-size:11px;
	padding:2px;
	padding-bottom:4px;
	color:black;
	background-color:white;
}

#transition
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	z-index:200;
	
	display:none;
}

#item-page
{
	position:absolute;
	left:0px;
	top:0px;
	/*width:100%;*/
	
	z-index:1000;
	
	display:none;
}

#back
{
	position:absolute;
	left:22px;
	top:22px;

	width:130px;
	height:31px;

	z-index:201;

	cursor:pointer;
}

#view-controls
{
	position:absolute;
	
	width:300px;
	height:200px;
	
	background:white url(../media/controller_bg.png);
	
	z-index:100;
}

#view-controls div
{
	position:absolute;
}

#size-select-small
{	
	left:10px;
}
#size-select-large
{
	left:29px;
}
.size-select
{
	position:absolute;
	top:158px;
	width:15px;
	height:20px;
	cursor:pointer;
}

#color-display
{
	left:104px;
	top:163px;
	width:69px;
	height:15px;
	
	background-color:#000000;
}

#filter-selected
{
	position:absolute;
	left:72px;
	top:10px;
	width:7px;
	height:7px;
	visibility:hidden;
}

#type-select
{
	position:absolute;
	left:194px;
	bottom:87px;
	
	width:90px;
	
	font-size:10px;
}
#search
{
	position:absolute;
	left:194px;
	top:50px;
	
	width:85px;
	height:13px;
	
	border:1px solid #666666;
	background-color:white;
	font-size:10px;
}

#master-reset
{
	position:absolute;
	left:202px;
	top:166px;

	width:9px;
	height:9px;
	
	cursor:pointer;
}

.slider img
{
	position:absolute;
}
.slider-vertical
{
	width:14px;
	height:56px;
}
.slider-horizontal
{
	width:112px;
	height:12px;
}

.thumb
{
	position:absolute;
	cursor:pointer;
}

.clear
{
	/* class to force parent height for element with float childnodes */
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}