@import '/EI/CSS/Public/global.css';

/******* View Albums, View Photos ***/
.photosv2 .errorMode {display: block; clear: both;}
.photosv2 .photoSearch {
	width: 100%; clear: both; float: left;
	}
	.photosv2 .branding + .photoSearch {margin-top: 1em;}
.viewAlbums .rssFeed {
    display: block;
    float: right;
    }
.viewAlbums .PagerList + .rssFeed {
    padding: 4px 0 0;
    }
.photosv2 .searchContainer {
    display: block; float: right; margin-bottom: 1em;
    }
	.viewAlbums .catDropdown, .viewPhotos .albumReturn {
		display: block;	float: left; margin-bottom: 1em;
		padding-top: 3px; /* feign vertical alignment with search box floated left */
		}
	.viewAlbums .catDropdown > label, .viewPhotos .albumReturn {
		font-weight: bold;
		font-size: 1.08em;
		}
	.photosv2 .searchContainer label, .photosv2 .searchContainer input {
		vertical-align: middle;
		display: inline;
		}
		.photosv2 .searchContainer .albumSearchImage {
			border: none !important;
			padding: 0 !important;
			}
	.photosv2 .searchContainer .text {
		max-width: 150px;
		}
.photoGalleries_photosWrap { min-height: 400px; }
.photoGalleries_detailsView {}
.photosWrap .header {
    margin-bottom: 10px;
    clear: both;
    }
.photosv2 .photothumb {
    display: block; clear: both;
    padding: 1px;
    background: url(/EI/MS/Images/Frame/bg/tint/000x10.png) transparent repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
	.photosv2 .thumbList .photothumb:hover, .photosv2 .photoNav .photothumb:hover {background-image: url(/EI/MS/Images/Frame/bg/tint/000x15.png); cursor: pointer;}
	.photosv2 .photothumb > input, .photothumb > img, .photothumb > a {
		display: block; padding: 10px; margin: 0; border: none;
		background: url(/EI/MS/Images/Frame/bg/tint/FFFx15.png) transparent repeat;
		}
		.photosv2 .tdPhotoSidebar .photothumb > img {width: 180px; height: auto;}
		.photosv2 .thumbList .photothumb:hover > input, .photosv2 .thumbList .photothumb:hover > img, .photosv2 .thumbList .photothumb:hover > a,
		.photosv2 .photoNav .photothumb:hover > a {background-image: url(/EI/MS/Images/Frame/bg/tint/FFFx35.png);}
	.photosv2 .thumbList .photothumb > input, .photosv2 .thumbList .photothumb > img, .photosv2 .thumbList .photothumb > a {
		height: 100px;
		width: 100px;
		overflow: hidden;
		}
		.photosv2 .thumbList .photothumb > img {-ms-interpolation-mode: bicubic; /* for ie7 image scaling */}
.photosv2 .thumbList, .photosv2 .thumbList li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    .photosv2 .thumbList {}
    .photosv2 .thumbList li {
        display: block;
        float: left;
        width: 122px;
        margin-right: 10px; /* margin-right is a user-config'd option and could get over-written */
        margin-bottom: 10px;
        }
    .viewPhotos .photothumbWrap {}
	    .viewPhotos .photothumbWrap .caption {
	        padding: 2px 5px;
	        margin: 0;
	        height: 12px;
	        clear: both;
	        }
.photosv2 .captionText {
    width: 120px;
    height: 3.8em;
    overflow: hidden;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    clear: both;
    font-size: 1em;
    }
    .photosv2 .thumbList .photothumb + .captionText {margin-top: .5em;}
.photosv2 .branding {clear: both;}
.photosv2 .branding.top {margin: 0 0 1em;}
.photosv2 .branding.bottom {margin: 1em 0 0;}
.photosv2 .tagCloud {
	text-align: center;
	padding: 1px;
	background: url(/EI/MS/Images/frame/bg/tint/000x20.png) repeat transparent;
	clear: both;
	}
	.photosv2 .tagCloud {width: auto;}
.photosv2 .tagCloud > ul, .photosv2 .tagCloud > h3 {
	background: url(/EI/MS/Images/frame/bg/tint/FFFx40.png) repeat transparent;
	padding: 4px; width: auto; margin: 0; border: none;
	}
.photosv2 .tagCloud h3 {font-size: 1em; padding-bottom: 0;}
	
/*-- Album Page Styles --*/
.viewAlbums .displayAsDetail, .viewAlbums .displayAsGrid {overflow: auto; clear: both;}
.viewAlbums .displayAsDetail > .thumbList, .viewAlbums .displayAsDetail > .thumbList > li {
	list-style-type: none; margin: 0; padding: 0;
	width: 100%; clear: both; display: block; float: left;
	}
	.viewAlbums .displayAsDetail > .thumbList > li {margin-bottom: 1em;}
	.viewAlbums .displayAsDetail > .thumbList > li > .photothumb {float: left; margin-right: 1em;}
	.viewAlbums .displayAsDetail > .thumbList > li > .modified {font-style: italic;}
	.viewAlbums .displayAsDetail > .thumbList > li > h3 {margin: 10px 0 .2em; padding: 0;}
	.viewAlbums .displayAsDetail > .thumbList > li > .blurb {margin: 0 0 .5em;}
.photoGalleries_gridView { margin: 0 10px 10px 0; } /* rfros delete? */

/* Photos.ascx/Photo Overlay styles - non lightbox - see lightbox.css for additional styling (and ultimately, potentially clean up & combine with this one) */
.viewPhotos .albumTitleCount {
	font-size: 1.167em;
	color: #666;
	margin-bottom: 10px;
	}
.viewPhotos .photoGalleriesTable {
	display: block;
	clear: both;
	}
	.viewPhotos .tdPhotoSidebar .photothumb + .title {
		margin: 1em 0 .2em; padding: 0;
		}
	.viewPhotos .tdPhotoSidebar p {line-height: 1.4;}
	
/* Photo.ascx/Photo Permalink page styles */
.photosv2.viewPhoto {min-width: 394px; overflow: auto;}
.viewPhoto > [id$=divNormal] {width: 100%; clear: both;}
	.viewPhoto > [id$=divNormal] .photoViewPane {
		}
		.viewPhoto > [id$=divNormal] .photoContainer {
			float: left;
			margin: 10px 10px 0 0;
			}
			.viewPhoto > [id$=divNormal] .photoContainer .photothumb > img {max-width: 100%; height: auto;}
	.viewPhoto > [id$=divNormal] ul.photoNav, .viewPhoto > [id$=divNormal] ul.photoNav li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		.viewPhoto > [id$=divNormal] ul.photoNav {}
		.viewPhoto > [id$=divNormal] ul.photoNav li {margin-top: 10px; float: left;}
		.viewPhoto > [id$=divNormal] ul.photoNav li.previousThumb {margin-right: 5px;}
		.viewPhoto > [id$=divNormal] ul.photoNav .photothumb > a {padding-bottom: 6px;}
		.viewPhoto > [id$=divNormal] ul.photoNav .photothumb img {
			width: 70px; height: 70px; padding-bottom: 11px;
			background-color: Transparent;
			background-repeat: no-repeat;
			-ms-interpolation-mode: bicubic; /* for ie7 image scaling */
			}
			.viewPhoto > [id$=divNormal] ul.photoNav [id$=divPrev] a img {
				background-position: left bottom;
				background-image: url(/EI/T/Images/PhotoAlbums/NavArrows-prev.png);
				}
			.viewPhoto > [id$=divNormal] ul.photoNav [id$=divNext] a img {
				background-position: right bottom;
				background-image: url(/EI/T/Images/PhotoAlbums/NavArrows-next.png);
				}
		.viewPhoto > [id$=divNormal] ul.photoNav img[src$="beginAlbum.png"],
		.viewPhoto > [id$=divNormal] ul.photoNav img[src$="endAlbum.png"] {padding-left: 10px; padding-right: 10px;}
		.viewPhoto > [id$=divNormal] ul.photoNav img[src$="beginAlbum.png"] {padding-top: 10px;}
		.viewPhoto > [id$=divNormal] ul.photoNav img[src$="endAlbum.png"] {}
	.viewPhoto > [id$=divNormal] .metaData {
		clear: both; margin-top: 1em; width: 394px;
		}
		.viewPhoto input[id$=inputPermalink] {
			display: block;
			margin: 2px 0 0;
			border-width: 1px;
			padding: 5px;
			width: 382px;
			}
		.viewPhoto .shareThis {margin: 8px 0 8px 0;}
.viewPhoto .albumTitleCount {
	font-size: 1.08em;
	text-align: left;
	width: 100%; clear: both;
	}
	.viewPhoto .albumTitleCount a {font-weight: bold;}
.viewPhoto .photoCaption {
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 .2em;
	padding: 0;
	border: none;
	}
.viewPhoto .photoByline, .viewPhoto label {
	font-size: 1.08em;
	line-height: 1.2;
	font-style: italic;
	}
	.viewPhoto .photoByline {margin: 0 0 .92em;}
.viewPhoto .tagCloud {
	margin-bottom: 10px;
	}
.control.photosv2.viewPhoto .tagCloud h3 {
	font-size: 1em;
	}
.viewPhoto label {
	font-weight: normal;
	margin: 0 0 .2em;
	}
.viewPhoto h3[id$=Results] {
	margin: 0 0 1em; padding: 0;
	font-size: 1em;
	}