﻿.gallery{ 
	clear: both;
}

.gallery .grid {
    float: left;
    margin: none !important;
    width: 150px !important;
    height: 150px !important;
    /* background-color: #f7f7f7; */
    position: relative;
    border: none !important;
}

.gallery .folder{
	border: 1px solid #bbb;
	background-color: #ddd;
	cursor: pointer;
}

.gallery .photo{

	width: 200px;
	height: 180px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.gallery .photo .inset{
	
	/*
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 2px;
	*/
}

.gallery .folder .inset
{
    padding: 1px;
	border: none;
}

.gallery .photo .outer{
	background-color: #ccc;
}

.gallery .photo img{
	display: block;
	border: none;
}

.gallery .folder img.landscape{
	width: 90px;
}

.gallery .folder img.portrait{
	width: 75px;
	height: 90px;
}

.gallery .folder .box1{
	position: absolute;
	top: 40px;
	left:25px;
}

.gallery .folder .box2{
	position: absolute;
	top: 30px;
	left:75px;
}

.gallery .folder .box3{
	position: absolute;
	top: 70px;
	left:45px;
}

.gallery .grid .title{
	display:none !important;
/*
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	font-size: 1em;
	color: #004561; 
	*/
}

.gallery .grid .title div{
	padding: 5px;
}

.gallery .folder .title{
	color: #000; 
}

.gallery_header{
/*
	border-bottom: 1px solid #c3c5ca; 
	margin-right: 100px;
	padding: 5px;
	margin-bottom: 4px;
	*/
}

.gallery_header .paging{
	float: right;
}

.shadow_box
{
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.t, .b, .l, .r, .tl, .tr, .bl, .br
{
    position: absolute;
}
.tl, .tr, .bl, .br
{
    /*background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_vert.png');
    height: 8px;
    width: 8px;*/
}
.t, .b
{
    /*background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_horiz.png');
    background-repeat: repeat-x;
    height: 8px;
    width: 100%;*/
}
.l, .r
{
/*
    background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_vert.png');
    background-repeat: repeat-y;
    height: 100%;
    width: 8px;
    */
}
.t, .tl, .tr
{
/*
    top: -8px;
    */
}
.b, .bl, .br
{
/*
    bottom: -8px;
    background-position: 0px -8px;
    */
}
.l, .tl, .bl
{
/*
    left: -8px;
    */
}
.r, .tr, .br
{
/*
    right: -8px;
    background-position: -8px 0px;
    */
}

.tl
{
/*
    background-position: -28px 0px;
    */
}

.tr
{
/*
    background-position: -36px 0px;
    */
}

.bl
{
/*
    background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_horiz.png');
    background-position: -4px -36px;
    */
}


.br
{
    background-position: -36px -8px;
}

.angled .t, .angled .tl, .angled .tr
{
    height: 5px;
    top: -5px;
}

.angled .tl, .angled .l, .angled .bl
{
    width: 5px;
    left: -5px;
}

.angled .tl
{
    background-position: -47px -10px;
}

.angled .tr
{
    background-position: -52px -0px;
}

.angled .bl
{
    background-position: -10px -51px;
}

.angled .l
{
    background-position: -17px 0px;
}

.angled .t
{
    background-position: 0px -17px;
}

.dark .tl, .dark .tr, .dark .bl, .dark .br, .dark .l, .dark .r
{
    background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_vert_dark.png');
}
.dark .t, .dark .b, .dark .bl
{
    background-image: url('/_layouts/images/Mirata.PictureGallery/shadow_horiz_dark.png');
}




#cboxWrapper
{
    background-color:white;
}





