﻿#GalleryPlate
{
    background-color:#427ac7;
    background-image:url('../Images/Design/Gallery/GalleryBgTopLeft.gif');
    background-repeat:no-repeat;
    width:700px;
}

#GalleryPlateTopRight
{
    background-image:url('../Images/Design/Gallery/GalleryBgTopRight.gif');
    background-repeat:no-repeat;
    background-position:top right;
    width:700px;
}

#GalleryPlateBottomRight
{
    background-image:url('../Images/Design/Gallery/GalleryBgBottomRight.gif');
    background-repeat:no-repeat;
    background-position:bottom right;
    width:700px;
}

#GalleryPlateBottomLeft
{
    background-image:url('../Images/Design/Gallery/GalleryBgBottomLeft.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:700px;
}

#GalleryPlateInside
{
    padding-bottom:4px;
    padding-top:19px;
}

.GalleryItem
{
    float:left;
    width:187px;
    margin-left:27px;
    position:relative;
}

.GalleryItemImgPlate
{
    background-image:url('../Images/Design/Gallery/GalleryItemPlateBg.png');
    height:132px; width:187px;
    position:relative;
    margin-bottom:14px;
    margin-top:6px;
}

.GalleryItemDate
{
    font-family:Verdana;
    font-size:11px;
    line-height:18px;
    color:#d6e8f6;
    font-weight:bold;
}

.GalleryItemTitle
{
    font-family:Verdana;
    font-size:12px;
    line-height:18px;
    color:#FFFFFF;
    font-weight:bold;
}

.GalleryItemImg
{
    padding-top:12px;
    padding-left:6px;
}

.GalleryItemSpacer
{
    float:left;
    width:20px;
}

.GallerySpacer
{
	clear: left;
    width: 650px;
    height: 1px;
    background-image: url('../Images/Design/Gallery/GallerySpacerBg.gif');
    margin-left: 25px;
    margin-bottom: 14px;
    line-height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.GalleryItemLink
{
    padding-bottom:18px;
}

.GalleryFolder
{
    position:absolute;
    left:-6px;
    bottom:44px;
}

.GalleryGrayPlate
{
    background-image:url('../Images/Design/Gallery/PlateGrayTopLeft.gif');
    background-repeat:no-repeat;
    background-color:#464646;
}

.GalleryGrayPlateTopRight
{
    background-image:url('../Images/Design/Gallery/PlateGrayTopRight.gif');
    background-repeat:no-repeat;
    background-position:top right;
}

.GalleryGrayPlateBottomRight
{
    background-image:url('../Images/Design/Gallery/PlateGrayBottomRight.gif');
    background-repeat:no-repeat;
    background-position:bottom right;
}

.GalleryGrayPlateBottomLeft
{
    background-image:url('../Images/Design/Gallery/PlateGrayBottomLeft.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
}

.GalleryViewInside
{
    padding:16px 18px 23px 16px;    
}

.GalleryViewSubject
{
    font-size:16px;
    line-height:18px;
    color:#FFFFFF;
    padding-top:5px;
    padding-left:7px;
}

.GalleryViewImage
{
    border:solid 6px #FFFFFF;
    width:415px;
    height:277px;
    float:left;
    background-color:#FFFFFF;
}

.GalleryViewImage img
{
    width:415px;
    height:277px;
}

.GalleryViewList
{
    float:right;
    width:229px; height:289px;
    background-color:#626262;
    background-image:url('../Images/Design/Gallery/GalleryViewListBgTopLeft.gif');
    background-repeat:no-repeat;
    position:relative;
}

.GalleryViewListTopRight
{
    background-image:url('../Images/Design/Gallery/GalleryViewListBgTopRight.gif');
    background-repeat:no-repeat;
    background-position:top right;
    width:229px; height:289px;
}

.GalleryViewListBottomRight
{
    background-image:url('../Images/Design/Gallery/GalleryViewListBgBottomRight.gif');
    background-repeat:no-repeat;
    background-position:bottom right;
    width:229px; height:289px;
}

.GalleryViewListBottomLeft
{
    background-image:url('../Images/Design/Gallery/GalleryViewListBgBottomLeft.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:229px; height:289px;
}

.GalleryViewListInside
{
   padding-top:8px;
}

.GalleryViewItem
{
    border:solid 1px #FFFFFF;
    float:left;
    margin-left:7px;
    margin-bottom:6px;
    height:43px; width:65px;
    cursor:pointer;
}

.GalleryViewItemSelected
{
    border:solid 1px #d2201f;    
}

.GalleryViewHeader
{
    padding-bottom:13px;
}

/*
###################################
	GallleryContent Paging
###################################
*/
.GalleryContentPaging
{
	width: 700px;
}
.GalleryContentPaging .Paging
	{
		position: relative;
		height: 38px;
		width: 700px;
	}
.GalleryContentPaging .PagingPrev
	{
		position: absolute;
		width: 32px;
		height: 30px;
		top: 8px;
		left: 0px;
	}
.GalleryContentPaging .PagingLinks
	{
		padding-top: 13px;
		width: 700px;
		text-align: center;
	}
.GalleryContentPaging .PagingNext
	{
		position: absolute;
		width: 32px;
		height: 30px;
		top: 8px;
		right: 0px;
	}
.GalleryContentPaging .PagingItem
	{
		display: inline-block;
		padding-left: 5px;
		padding-right: 6px;
		font-size: 11px;
		line-height: 16px;
	}
	
	/*
###################################
	GalleryListContent Paging
###################################
*/
.GalleryListContentPaging
{
    position:absolute;
	width: 219px;
	left:4px;
	bottom:7px;
}

.GalleryListContentPaging .Paging
	{
		position: relative;
		height: 19px;
		width: 219px;
	}
.GalleryListContentPaging .PagingPrev
	{
		position: absolute;
		width: 32px;
		height: 19px;
		top: 0px;
		left: 0px;
	}
.GalleryListContentPaging .PagingLinks
	{
		width: 219px;
		text-align: center;
		padding-top:0px;
		color:#FFFFFF;
		font-size:11px;
		font-family:Verdana;
	}
.GalleryListContentPaging .PagingNext
	{
		position: absolute;
		width: 32px;
		height: 19px;
		top: 0px;
		right: 0px;
	}
	
	

.LoadingImage
    {
        background-image:url('../Images/Design/Gallery/loading.gif');
        background-position:center;
        background-repeat:no-repeat;
    }