@import url("http://jqueryui.com/latest/themes/base/jquery.ui.all.css");
@import url("css/fonts.css");
@import url("css/slider.css");

#GalleryContainer
{
	overflow: hidden;
	position: relative;
	height: 346px;
	width: 875px;
	background-color: #FFF;
}
#GalleryContainer #Mask
{
	background-color:#FFFFFF;
	position: absolute;
	width: 875px;
	height: 346px;
	display: none;
}
#GalleryContainer #Loading 
{
	background-image:url("img/loading-bar-circle-64px.gif");
	background-repeat:no-repeat;
	background-position:center;
	position: absolute;
	width: 875px;
	height: 346px;
	display: none;
}
#SlidingPanel
{
	list-style: none;
	position: absolute;
	width: 9999px;
	padding: 0;
	margin: 0;
}
#SlidingPanel li
{
	display: block;
	float: left;
	width: 277px;
	height: 346px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 0px;
	cursor: pointer;
}
#SlidingPanel li.archived 
{
	background-color:#ffd3d3;
	border:dotted 1px red;
}
#SlidingPanel li.archived div.archived 
{
	background-color:Red;
	text-align:center;
	color:White;
}
#SlidingPanel .ThumbnailImage
{
	border: 1px solid #E1E1E1;
	margin-bottom: 10px;
}
#PanelLeft
{
	position: absolute;
	width: 300px;
	height: 352px;
	background-color: #FFF;
	display: none;
	float: left;
	overflow: auto; /*overflow: hidden;*/
}
#PanelRight
{
	position: absolute;
	width: 575px;
	height: 352px;
	background-color: #FFF;
	display: none;
	float: right;
	overflow: hidden;
	left: 300px;
}
#PanelBottom
{
	position: relative;
	width: 875px;
	background-color: #FFF;
	display: none;
	overflow: hidden;
}
.GridView th
{
	color:White;
}