/* This Stylesheet Drives the Photo & Video Pages */

.subnavDesignBlock{
	display:block;
	padding:2px 0 2px 0px;
	width:1020px;	
	margin:0px auto 9px auto;
}

div.col3.community{
	padding:25px 5px 0 5px;
	width:320px;
	background-image:url(http://media.suntimes.com/images/cds/preps/season/designelements/artcileleftbgteam.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
div.col3.community a{
	display:inline;
	font-size:inherit;
	color:#66CCFF;
}


/* Pluck Styles =
============================================================= */

div.Pagination{
	clear:both;
	text-align:center;
	color:#999999;
	padding-top:20px;
	display:block;
}

/* Media Galleries ============ */
div.GallerySet{
	float:left;
	width:152px;
	height:170px;
	margin: 0 5px 10px 0;
	position:relative;
}
div.GallerySet div.GallerySetWrap{
	margin-bottom:5px;
}
div.GallerySet div.GallerySetWrap span.GalleryLeadPhoto{
	overflow:hidden;
	display:block;
	
	border:3px solid #999999;
	width:140px;
	height:101px;
}
div.GallerySet div.GallerySetWrap img{
	height:101px;
}
div.GallerySet div.GallerySetTitle{
	padding-left:4px;
}
#community .GallerySetAdd{
/*
	position: absolute;
	bottom: 0px;
	left:4px;
	text-align:center;
*/
}
#community .GallerySetAdd a, #community .GallerySetAdd a:visited{
	color:#999999;
	font-size:10px;
/*
	background-image:url(http://media.suntimes.com/images/cds/icons/add_small_square.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
*/
}

div.GallerySet .PhotoGalleryPhotoCount{
	display:block;
	color:#999999;
	font-size:10px;
}


/* Photos/Videos by tag on gallery Pages ================= */
ul.RecentPhotoGalContainer, ul.RecentVideosContainer{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	clear:both;
}
ul.RecentPhotoGalContainer li, ul.SpecificPhotoGalContainer li, div.col3 ul.RecentPhotosContainer li, ul.RecentVideosContainer li{
	list-style-type:none;
	float:left;
	height:170px;
	width:70px;
	margin: 0 5px 10px 0;
	position:relative;

}
ul.RecentPhotoGalContainer div.RecentMediaThumb, ul.SpecificPhotoGalContainer div.RecentMediaThumb, ul.RecentPhotosContainer div.RecentMediaThumb, ul.RecentVideosContainer div.RecentMediaThumb{
	overflow:hidden;
	display:block;
	border:3px solid #999999;
	width:70px;
	height:101px;
}
ul.RecentPhotoGalContainer div.RecentMediaThumb img, ul.SpecificPhotoGalContainer div.RecentMediaThumb img, ul.RecentVideosContainer div.RecentMediaThumb img{
	width:64px;
}
ul div.RecentMediaDescription{
	display:none;
}
ul div.RecentMediaBy, ul div.RecentMediaCreated{
	color:#666666;
}


/* Photo Gallery ==================== */
div#GalleryTitle{
	color:#ffcc00;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
div.GalleryPagePagination{
	float:right;
	text-align:right;
}
div.AddPhotos a, div.AddPhotos a:visited{
	font-size:10px;
	display:block;
	margin-bottom:0px;
	padding-top:10px;
}
div.GalleryPromoImage{
	float:left;
	width:200px;
	padding-bottom:20px;
	margin-top:10px;
}
div.GalleryPromoImage img{
	background-color:#999999;
	padding:3px;
}
div.GalleryDescription, div.GalleryTotalPhotos{
	padding:5px 0 0 0;
	font-size:12px;
}
div.GalleryRightColumn{
	width:240px;
	margin-top:10px;
	float:left;
	margin-left:25px;
}
div.GalleryRightColumn div.GalleryImages{
	float:left;
	padding:2px;
	margin:0 14px 14px 0;
	background-color:#999999;
}
div.GalleryCreated{
	display:none;
}
div.GalleryInteract{
	clear:both;
	border-top:1px solid #353535;
	border-bottom:1px solid #353535;
	height:35px;
}
div.GalleryInteract span{
	float:left;
	margin:10px 10px 0 5px;
	font-size:12px;
}

/* Photo Page ======================= */
div.MainPhoto img{
	max-width:550px;
	width:auto;
}
div.MainPhotoDescription, div.MainVideoDescription{
	color:#999999;
	padding:5px 0 10px 0;
}
div#ReportAbuseBox, div#PhotoReportAbuseBox{
	width:155px;
	display:none; position:absolute; padding-left:5px; margin-top:5px; border:1px solid #000000; text-align:left;
	margin-left:100px;
	background-color:#FFFFFF;
}
div.MainPhotoTags,div.MainPhotoUploaded, div.MainVideoTags,div.MainVideoUploaded{
	font-size:10px;
	color:#999999;
}
div.MainPhotoPagination{
	text-align:right;
	font-size:11px;
	color:#666666;
}
div.MainPhotoPagination a{
	color:#66CCFF;
}
div.MainPhotoInteract, div.MainVideoInteract{
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	color:#666666;
	font-size:11px;
	padding: 5px 0;
}
#community .MainPhotoInteract a,#community .MainPhotoInteract a:visited{
	color:#666666;
}
div.MainPhotoInteract span, div.MainVideoInteract span{
	margin-left:15px;
}
div.MainPhotoInteract span.IconFlag_Red, div.MainVideoInteract span.IconFlag_Red{
	color:#990000;
}



div.FullPhotoGallery, div.FullVideoGallery{
	color:#ffcc00;
	background-color:#333333;
	border-top:1px solid #666666;
	border-bottom:none;
	padding:5px;
	margin-top:10px;
}
div.FullPhotoGallery a.Upload, div.FullPhotoGallery a.Upload:visited,
div.FullVideoGallery a.Upload, div.FullVideoGallery a.Upload:visited{
	float:right;
	color:#ffcc00;
	font-size:10px;
}




div.GalleryPagination{
	margin-top:10px;
	clear:both;
	display:block;
}
div.GalleryPaginationBrowse{
	float:left;
	width:150px;
}
div.GalleryPaginationNavigate{
	text-align:right;
}

/* Video Gallery ==================== */
div.VideoGalleryThumbs{
	padding:2px;
	float:left;
}
div.VideoGalleryThumbs img{
	height:120px;
}

/* Video ======== */
div#videoPlayerBox{
	text-align:center
}
div.thumbWrap{
	display:block;
	padding:5px 0;
	border-bottom:1px dotted #666666;
}
div.thumbWrap div.VideoThumb{
	float:left;
}
div.thumbWrap div.VideoThumb img{
	width:100px;
}
.thumbWrap .GallerySetTrail{
	clear:both;
}
div.thumbWrap div.VideoThumbMoreInfo{
	float:left;
	margin:0 0 0 5px;
}

/* Video Layout Page ===================== */
div.VideoLeftColumn{
	float:left;
	width:350px;
	color:#FFFFFF;
	margin:0 15px 0 0;
	padding:0 0 15px 0;
	border-right:1px solid #222222;
}
div.VideoRightColumn{
	float:left;
	width:650px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
	div.VideoRightColumn div.RecentMediaBigTitle{
		font-size:18px;
		font-weight:bold;
		display:block;
		padding:15px 0;
	}
	div.VideoRightColumn div.VideoPlayer{
		float:left;
	}
	div.VideoRightColumn div.RecentMediaDetails{
		float:left;
		margin-left:10px;
	}
	div.VideoRightColumn div.RecentMediaTitle, div.VideoRightColumn div.RecentMediaCreated{
		margin:10px 0;
	}







/* Video Gallery Page */
ul.VideoGalleryPieces{
	margin:0;
	padding:0;
}
ul.VideoGalleryPieces li{
	float:left;
	list-style:none;
	width:135px;
	height:180px;
	overflow:hidden;
	margin:0;
	padding:0 10px;
}
ul.VideoGalleryPieces li img{
	width:100%;
	display:block;
}
ul.VideoGalleryPieces span.Title{
	display:block;
	font-weight:bold;
}






/* Photo Public Galleries Index Page ================== */
div.PhotoLeftColumn{
	float:left;
	width:500px;
	margin-right:15px;
}

	div.PhotoLeftColumn ul, div.PhotoRightColumn ul{
		margin:0; padding:0;
		clear:both;
	}
	div.PhotoLeftColumn li.GallerySet, div.PhotoRightColumn li.GallerySet{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		width:150px;
		height:300px;
		margin: 0 15px 15px 0;
		position:relative;
	}
	* html div.PhotoLeftColumn li.GallerySet, * html div.PhotoRightColumn li.GallerySet{
			margin-right: 10px;
	}

li.GallerySet div.GallerySetWrap{
	margin-bottom:5px;
}
li.GallerySet div.GallerySetWrap span.GalleryLeadPhoto, div.PhotoRightColumn div.thumbholder{
	overflow:hidden;
	display:block;
	width:148px;
	height:93px;
	border:1px solid #292929;
}
li.GallerySet div.GallerySetWrap img{
	height:100px;
	height:auto;
	width:150px;
}
li.GallerySet div.GallerySetTitle a, li.GallerySet div.GallerySetTitle a:visited, div.PhotoRightColumn div.GallerySetTitle a{
	color:#3399cc;
	font-size:19px;
	display:block;
	padding:0;
}
li.GallerySet div.GallerySetDescription{	
	padding:5px 20px 0 0;
}
li.GallerySet div.GallerySetCreated{
	color:#ffcc00;
	font-size:11px;
	padding-top:10px;
}
li.GallerySet div.GallerySetCount{
	font-size:9px; color:#999999;
}
li.GallerySet .GallerySetAdd{
	padding-top:5px;
/*
	position: absolute;
	bottom: 0px;
	left:4px;
	text-align:center;
*/
}
li.GallerySet .GallerySetAdd a, li.GallerySet .GallerySetAdd a:visited{
	color:#999999;
	font-size:10px;
/*
	background-image:url(http://media.suntimes.com/images/cds/icons/add_small_square.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
*/
}

li.GallerySet .PhotoGalleryPhotoCount{
	display:block;
	color:#999999;
	font-size:10px;
}
li.GallerySet .GallerySetTrail{
	clear:both;
}

	/* First 1 is Special - Left Column */
	div.PhotoLeftColumn li.GallerySet.FirstPhotoSet{
		list-style:none;
		margin:0;
		padding:0 0 10px 0;
		float:none;
		height:auto;
		margin: 0 0 15px 0;
		position:relative;
		width:100%;
		border-bottom:1px solid #333333;
		display:block;
	}
	li.FirstPhotoSet div.GallerySetWrap span.GalleryLeadPhoto{
		overflow:hidden;
		display:block;
		width:336px;
		height:214px;
		float:right;
	}
	div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetWrap img{
		width:336px;
		height:auto;
	}
	div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetTitle, div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetDescription, div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetCreated, div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetCount, div.PhotoLeftColumn li.FirstPhotoSet div.GallerySetAdd{
		text-align:right;
		margin-right:345px;
		padding-right:0;
	}
	li.FirstPhotoSet .GallerySetAdd{
		text-align:right;
		/*
		bottom: 10px;
		*/
	}

	/* First 1 is Special - Right Column */
	div.PhotoRightColumn li.FirstPhotoSet{
		list-style:none;
		padding:0 0 10px 0;
		float:none;
		height:auto;
		margin: 0 0 15px 0;
		position:relative;
		width:100%;
		border-bottom:1px solid #333333;
	}
	div.PhotoRightColumn li.FirstPhotoSet div.GallerySetWrap span.GalleryLeadPhoto{
		overflow:hidden;
		display:block;
		width:336px;
		height:214px;
		float:left;
	}
	div.PhotoRightColumn li.FirstPhotoSet div.GallerySetWrap img{
		width:336px;
		height:auto;
	}
	div.PhotoRightColumn li.FirstPhotoSet div.GallerySetTitle, div.PhotoRightColumn li.FirstPhotoSet div.GallerySetDescription, div.PhotoRightColumn li.FirstPhotoSet div.GallerySetCreated, div.PhotoRightColumn li.FirstPhotoSet div.GallerySetCount{
		margin:0 0 0 345px;
		padding-right:0;
		text-align:left;
	}
	li.FirstPhotoSet .GallerySetAdd{
		text-align:right;
		/*
		bottom: 10px;
		*/
	}



div.PhotoRightColumn{
	float:left;
	width:500px;
}
* html div.PhotoRightColumn{
	width:480px;
}














/* Video Galleries List */
div.VideoGalleryPromoContainer ul{
	padding:0;
	margin:0 15px 0 0;
	width:306px;
	float:left;
}

div.VideoGalleryPromoContainer ul li{
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px dotted #666666;
	display:block;
	clear:both;
	padding:10px 0;
	color:#666666;
}
div.VideoGalleryPromoContainer li.VideoGalleryListTitle{
	color:#ffcc00;
	background-color:#333333;
	border-top:1px solid #666666;
	border-bottom:none;
	padding:5px;
	margin-top:10px;
}
div#GalleryList a.VideoGalleryListUpload, div#GalleryList a.VideoGalleryListUpload:visited{
	float:right;
	color:#ffcc00;
	font-size:10px;
}
div.VideoGalleryPromoContainer img{
	width:85px;
	border:3px solid #666666;
	float:left;
	margin-right:10px;
}
div.VideoGalleryPromoContainer div.VideoGalleryThumbImg{
	float:left;
}
div.VideoGalleryPromoContainer div.VideoGalleryThumbImg img{
	width:85px;
	border: 3px solid #666666;
}
div.VideoGalleryPromoContainer div.VideoGalleryThumbTrail{
	clear:both;
}


/* This should go in YS Merged */
div.GrayGradientBg{
	background-image:url(http://media.suntimes.com/images/cds/preps/season/designelements/GrayGradientTextBg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#FFFFFF;
}
div.LightBlueGradientBg{
	background-image:url(http://media.suntimes.com/images/cds/preps/season/designelements/LightBlueGradientTextBg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#FFFFFF;
}
a.car {
	cursor:pointer;
	float:right;
	height:17px;
	padding:0pt;
	width:19px;
}
.subheadWhite{
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
}
.topbar.notlogged {
	background-image:url(http://media.suntimes.com/images/cds/preps/season/designelements/topbg_notlogged_contest.jpg);
}
.topbar.loggedin {
	background-image:url(http://media.suntimes.com/images/cds/preps/season/designelements/topbg_loggedin_contest.jpg);
}



/* Discovery Styles (Home Page & General Pages)
================================= */
div.col3 div#PhotoGalleryDiscoveryWrapper{
}
html>body div.col3 div#PhotoGalleryDiscoveryWrapper div.CarouselNav{
	margin-top:-39px;
}
div.col3 div#PhotoGalleryDiscoveryWrapper div.CarouselNav{
	margin-top:-45px;
	margin-bottom:30px;
}
div.col3 div#PhotoGalleryDiscovery ul li, div.col3 div.PhotoDiscovery ul li{
	width:70px;
	height:130px;
}
div.col3 div.RecentMediaThumb{
	border:none;
	height:auto;
	width:70px;
	overflow:hidden;
}
div.col3 div#PhotoGalleryDiscovery ul li img, div.col3 div.PhotoDiscovery ul li img{
	border:3px solid #333333;
	height:auto;
}
div.col3 div.RecentMediaCreated{
	display:none;
}

div.col3 div.RecentMediaBigTitle{
	display:none;
}
div.col3 div.RecentMediaDetails{
	/*display:none;*/
}
div#PhotoDiscoveryCol3 div.RecentPhotosHeader, div#PhotoDiscoveryCol3 div.PhotoViewerTitle{
	font-size:12px;
	margin-bottom:10px;
}
div#PhotoDiscoveryCol3 div.RecentMediaThumb img{
	width:64px;
}

/* This is for the large photos with next/prev */
div.col3 div#PhotoGalleryView div.GalleryImages{
	text-align:center;
}
div.col3 div#PhotoGalleryView div.GalleryImages img{
	max-width:310px;
}

/* Video Player Tabs Box */
div#VideoTabs div#VideoFragment1, div#VideoTabs div#VideoFragment2{
	background-color:#222222;
	padding:10px 0;
	text-align:center;
	height:auto;
}
div#VideoTabs div#inlinePlayerContainer_headline, div#VideoTabs div#inlinePlayerContainer_title{
	display:none;
}
/* // end VideoTabs */



div.col4 div.PhotoDiscovery ul{
	margin:0;
	padding:0;
}
div.col4 div.PhotoDiscovery li{
	height:auto;
	border-bottom:1px dotted #999999;
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	display:block;
}
div.col4 div.RecentPhotosHeader, div.col4 div.PhotoDiscovery .car, div.col4 div.PhotoDiscovery .RecentMediaCreated{
	display:none;
}
div.col4 div.PhotoDiscovery .RecentMediaThumb{
	float:left;
	width:60px;
	margin-right:5px;
	height:auto;
	border-width:1px;
}
div.col4 div.PhotoDiscovery .RecentMediaThumb img{
	width:60px;
}
div.col4 div.GallerySetTrail{
	clear:both;
}



/* Lightboxes
================================= */
#TB_iframeContent{
	border: 5px solid #336699;
	margin-top:0;
}
#TB_title{
	display:none;
}
body#Lightbox{
	margin:20px;
	font-size:12px;
	color:#000000;
	background:none;
	background-color:#FFFFFF;
}
body#Lightbox p{
	padding:0 0 8px 0;
}
body#Lightbox table{
	font-size:12px;
}
body#Lightbox .slFieldValidationIndicator{
	color:#FF0000;
}
body#Lightbox div.Reg_LeftAlign{
	margin:5px 0 20px 0;
}
body#Lightbox button, div#LoginFormLB button{
	float:none;
	height:auto;
	width:auto;
	border:1px solid #666666;
}

body#Lightbox div.SignIn_Wrapper, div#LoginFormLB div.Reg_RightAlign{ /* This hides the links after changing password */
	display:none;
}


/* Articles
================================= */
#commentsiframe div#SiteLife_Login{
	display:none;
}