﻿/*/          [][][][][][][][][][][][][]          /*/
/*/          []        EVENT         []          /*/
/*/          []       GALLERY        []          /*/
/*/          [][][][][][][][][][][][][]          /*/


/*/    - Global / Header / Search -      /*/
.photoGallery * {outline: none; border: none; font-size: 11px;}
.photoGallery > h1 {height: 44px; width: 279px; background: url(../Images/event_gallery/hdrSloppyBorder.gif) left bottom no-repeat; margin-bottom: 15px;}
.instructionalContent {color: #363636; font-size: 11px;}
#photoSearch {width: 130px; margin: 0 4px 0 39px; height: 15px; border: solid 1px #8c8c8f; color: #0066cc;}
#photoSearchGo {}

/*/          - Nav  / Paging -          /*/
.TabNav {margin: 15px 0 7px -20px;}

.galleryPager input {float: left; margin-right: 10px;}
.galleryPager span {display: block; float: left; margin-left: 10px; margin-top: 14px;}
.galleryPager a, .galleryPager a:link, .galleryPager a:visited {color: #777}
.galleryPager a[style] {color: #0066cc;}
.galleryPager {height: 36px;}

/*/       - Preview / Animation -      /*/
.row {width: 640px; overflow: hidden; z-index: 200; position: relative; left: 0px; top: 0px;}
#TopPhotoContent {margin: 5px 0 0 0; float: left; position: relative;}
#BottomPhotoContent {float: left; position: relative;}
.image {float: left; width: 148px; border: solid 2px #fff; margin-right: 10px; text-align: center;}
.last {margin: 0px;}
.bdrImg {border: solid 2px #fff;}
.selectedImage {border: solid 2px red;}
.photoIdText {color: #000; text-align: center; display: none; }

#BottomLeftPadding, #TopLeftPadding /*animated*/ {height: 94px; width: 0px; float: left;}

/*/ - Player / Image Viewer / Controls - /*/
.playerContainer {width: 502px; float: left; line-height: 0px;}
.playerContainer table {margin: auto;}
.playerTopRow {background: url(../Images/event_gallery/bdr_Top.gif) repeat-x top; height: 13px;}
.playerBottomRow {background: url(../Images/event_gallery/bdr_Bottom.gif) repeat-x bottom; height: 13px;}
.playerLeftSide {background: url(../Images/event_gallery/bdr_LeftSide.gif) repeat-y; width: 13px;} 
.playerRightSide {background: url(../Images/event_gallery/bdr_RightSide.gif) repeat-y; width: 13px;}
#GalleryImageDisplay {float: left; display: block;}

.playerControls {float: left; width: 139px; margin-left: 22px;}
#pcHdr {margin-bottom: 17px;}
.options input {margin-bottom: 13px;}
.controls input {margin-bottom: 10px;}
#imageCategoryName {font-weight: bold; display: block;}
.imageCategoryName {color: #3f3f3f;}
