/* This file is used on: 
	gallery_ajax.cfm, gallery_page.cfm, video_gallery_ajax.cfm and video_gallery_page.cfm
*/


/* IMAGE GALLERY */

.gallery { padding:2px 0; margin:0; }
.gallery .container { border:1px solid #FFF; width:auto; padding:15px 4px; display:block; background-color:#ECECEC;
position:relative; overflow:hidden;}
.gallery .container .row { margin:0 auto; display:table; height:auto; width:100%; clear:both; }
.gallery .container .image { float:left; margin:4px 9px; width:172px; height:auto; position:relative; }
.gallery .container .image .imageTop { background:url(../../images/video_gallery/bg_video.png); padding:10px 15px; height:130px; width:auto; }
.gallery .container .image:hover .imageTop { background:url(../../images/video_gallery/bg_video-over.png); }
.gallery .container .image .imageBottom { background:url(../../images/video_gallery/bg_video.png) bottom left; padding:0 15px; height:5px; width:auto;}
.gallery .container .image:hover .imageBottom { background:url(../../images/video_gallery/bg_video-over.png) bottom left; }

.gallery .container .image .imageContainer { width:140px; height:105px; position:relative; cursor:pointer; }
.gallery .container .image .imageContainer img { width:4px; height:4px; border:0; }
.gallery .container .image .imageContainer .topRowContainer{ width:100%; height:4px; position:absolute; top:0; left:0; }
.gallery .container .image .imageContainer .bottomRowContainer{ width:100%; height:4px; position:absolute; bottom:0px; left:0; }
.gallery .container .image p { margin:0; padding:0; font-family:'Tahoma'; font-size:11px; line-height:13px; text-align:left; }
.gallery .container .image .image_title { padding:2px 0 0 0; font-weight:bold; color:#AAA; }
.gallery .container .image:hover .image_title { font-weight:bold; color:#555; }
.gallery .container .paging { width:100%; height:24px; }
.gallery .container .previous { float:left; padding-left:15px; }
.gallery .container .next { float:right; padding-right:15px; }
.gallery .container .paging div {  font-weight:bold; font-size:12px; cursor:pointer; vertical-align:bottom; }
.gallery .container .paging div:hover { color:#555; }
.gallery .container .gallery_loading { margin:0 auto; height:172px; text-align:center; margin-top:40px; }
.gallery .container .no_photos{  margin-top:100px; text-align:center  }

/* VIDEO GALLERY */

.videoGallery { padding:2px 0; margin:0; }
.videoGallery .container { border:1px solid #FFF; width:auto; padding:15px 4px; display:block; background-color:#ECECEC; overflow:hidden;
position:relative; }
.videoGallery .container .row { margin:0 auto; display:table; height:auto; width:100%; clear:both; }
.videoGallery .container .video { float:left; padding:10px 15px; margin:4px 9px; width:142px; height:160px; position:relative; 
	background:url(../../images/video_gallery/bg_video.png); }
.videoGallery .container .video:hover { background:url(../../images/video_gallery/bg_video-over.png); }
.videoGallery .container .video .imageContainer { width:140px; height:105px; position:relative; cursor:pointer; }
.videoGallery .container .video .imageContainer img { width:4px; height:4px; }
.videoGallery .container .video .imageContainer .topRowContainer{ width:100%; height:4px; position:absolute; top:0; left:0; }
.videoGallery .container .video .imageContainer .bottomRowContainer{ width:100%; height:4px; position:absolute; bottom:0px; left:0; }
.videoGallery .container .video p { margin:0; padding:0; font-family:'Tahoma'; font-size:11px; line-height:13px; text-align:left; }
.videoGallery .container .video .video_title { padding:2px 0 0 0; font-weight:bold; color:#555555; }
.videoGallery .container .video .video_title:hover { cursor:pointer; text-decoration:underline; }
.videoGallery .container .video .video_length { color:#B9B9B9; }
.videoGallery .container .video .play_button {  position:absolute; bottom:0; left:0px; width:170px; height:20px; cursor:pointer; background:url(../../images/video_gallery/bg_video-play-btn.png) repeat-x; border:1px solid #DADADA;  }
.videoGallery .container .video .play_button p { font-size:10px; color:#B2B2B2; text-align:center; vertical-align:top; padding-top:3px; }
.videoGallery .container .video:hover .play_button { background:url(../../images/video_gallery/bg_video-play-btn-over.png) repeat-x; border:1px solid #555;}
.videoGallery .container .video:hover .play_button p { color:#FFF;}
.videoGallery .container .paging { width:100%; height:24px; }
.videoGallery .container .previous { float:left; padding-left:15px; }
.videoGallery .container .next { float:right; padding-right:15px; }
.videoGallery .container .paging div {  font-weight:bold; font-size:12px; cursor:pointer; vertical-align:bottom; }
.videoGallery .container .paging div:hover { color:#555; }
.videoGallery .container .gallery_loading { margin:0 auto; height:172px; text-align:center; margin-top:40px;  }
.videoGallery .container .no_videos{  margin-top:100px; text-align:center  }