.paModalDiv
{
	max-width: 800px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 padding-left: 30px;
 padding-right: 30px;
}

.paModalImage
{
	display: block;
}

.paName {
	font-size: 30px;
	padding-left: 10px;
	padding-bottom: 20px;
}

.paNameMulti {
	position: relative;
	padding-left: 60px;
}

.paBackDIV {
	position: absolute;
	left: 10px;
	width: 40px;
	height: 30px;
	top: -4px;
	-webkit-box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.05);
	box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.05);
	background-color: #e2e2e2;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
}


.paDescription {
	font-size: 12px;
	padding-left: 10px;
}

.paSlideshow, .paSlideshow a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.paSlideshowPrev, .paSlideshowPrev a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	
}


.paSlideshowNext, .paSlideshowNext a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.paSlideshowClose, .paSlideshowClose a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

.paSlideshowStartStop, .paSlideshowStartStop a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;

}

.paSlideshowContainer {
	
}


/********************************************************************************************
 *                                                                                          *
 *  New styles added for the thumbnail version of the album list, when more than one album  *
 *  is associated to a given page. This replaces the old dropdown list.                     *
 *  NOTE: To use the old dropdown version instead, set the $oldAlbumDropdowns in the page   *
 *  template. Example:  <?php $oldAlbumDropdowns = true; ?>                                 *
 *                                                                                          *
 ********************************************************************************************/

.photoAlbumsThumbnailContainer { padding:10px; width:95%; overflow:none; }
.photoAlbumsThumbnail { }
.albumThumbnail 
{ 
	padding:6px; 
	float: none !important; 
	display: inline-block;
	vertical-align: top;
}
.selectedAlbumThumbnail { border: 1px solid #666666; opacity:0.9; }
.paAlbumSeparatorContainer { padding:15px; }
.paAlbumSeparator { 
	display: none; 
	height: 1px;
	border: 0; 
	border-top: 1px solid #666699;
	margin: 1em 0; 
	padding: 0;
	width:90%;
}




.paPrevNextLinks, .paPrevNextLinks a:link {
	font-size: 13px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.paPrevNextContainer {
	text-align: center;

}

.paNoPhotosMSG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.paSlideShowSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}

.paContainer {
	text-align: center;
}

.paContainer > a {
	text-align: left;
}

.paAlbumCell {
padding: 10px;
}

.paPhotoName {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.paPhotoNoName { display:none; } /* Added Sept 12, 2018. SMH. */

.paPhotoDescription {
	font-size: 10px;
	text-align: center;
	font-weight: normal;
}

.paPhotoDescription {
	font-size: 13px;
	text-align: center;
	font-weight: normal;
}

/* Altnerate Photo Album Styles */

a img {border: none;}
#contentarea {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
}
#contentarea #largeimage {
	border: 1px solid #cccccc;
	width: 500px;
	height: 375px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#contentarea #largeimage img {
	height: 375px;
	max-height: 375px;
	max-width: 500px;
}
#contentarea #lgimage_desc_container {
  margin-right: auto;
	margin-left: auto;
	width: 500px;
  display: block;
}
#contentarea #lgimage_desc_container #lgimage_desc {
	display: block;
	text-align: center; /* default.  Use custom_photoAlbum.css to change positioning. */
}


#filmstrip {text-align: center; margin-top: 15px; position: relative;}
#filmstrip #images{
	margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
	padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px;
	height: 140px;
	text-align: center;
	display: inline;
	z-index: 10;
}
#filmstrip #images .thumbnail{
	padding-top: 0px; padding-left: 1px; padding-bottom: 0px; padding-right: 0px;
	margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px;
	display: inline;
	/*z-index: 50;*/
}
#filmstrip #images .hide_thumb { visibility: hidden;}
.thumbnail img {width: 110px; height: 110px;}
#filmstrip .prevPhoto{
	display: inline;
	left: 15px;
	position: relative;
  z-index: 50;
}
#filmstrip .nextPhoto {
	display: inline;
	position: relative;
  z-index: 50;
	right: 15px;
}
#filmstrip .nextPhoto img, #filmstrip .prevPhoto img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/*#filmstrip .prevPhoto img {padding-right:1px; margin: 0px 0px 0px 0px;}
#filmstrip .nextPhoto img {padding-left:2px;}*/

#player {
  width: 501px;
	height: 27px;
	position: relative; 
	margin-top: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

/* Override to control how the image thumbnails appear. */
.thumbnailImage {  }



/***********
Front end Admin Styles
******************/

.paTableCell {
	padding: 8px;
	vertical-align: top;
}


.pa_manageCellright {
	padding-left: 20px;
}

.paManageAlbumSelection {
	padding-bottom: 10px;
}

.paManageTopButtons {
	padding-bottom: 5px;
	padding-top: 5px;
}

.paManageSelAll {
	display: inline; 
	float: left;
}

.paManageTopSub {
	display: inline; 
	float: right;
}

.paManageBottomSub  {
	margin-top: 15px;
}

.paManageFieldGroupSmall {
	padding-bottom: 8px;
}

.paManageFieldGroupBig {
	padding-bottom: 15px;
}

.paManageFieldGroupBig textarea {
	height: 60px; 
	width: 100%; 
	max-width: 400px;
}

.paManagePhoto {
	padding-bottom: 20px; 
	border-bottom: 1px solid #CCCCCC;
}

.paManagePhoto:not(:first-child) {
	padding-top:20px; 
}





@media screen and (max-width: 500px) {
	.paTableCell {
		display: block;
		padding-top: 0px;
	}
	
	.paTableCell:nth-child(even) {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 600px) {
	.pa_manageCell {
		display: block;
	}
	
	.pa_manageCellright {
		padding-left: 0px;
		padding-top: 5px;
	}
}



/******************************
New alternate view styles
********************************/

.paAltContainer {
						
}

.paAltActiveContainer {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.paAltActiveDescContainer {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 40%;
}

.paAltActiveImgContainer {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 60%;
	position: relative;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}

.paAltActiveNameDescOuter {
	margin-right: 30px;
}

.paAltActiveName {
	font-weight: bold;
	margin-bottom: 8px;
}

.paAltActiveDesc {
	
}

.paAltActivePrevious, .paAltActiveNext {
	position: absolute;
	top: 40%;
	height: 46px;
	cursor: pointer;
	z-index: 3;
}


.paAltPrevious, .paAltNext {
	position: absolute;
	top: 35px;
	height: 46px;
	
	cursor: pointer;
	opacity: 1;
	z-index: 2;
}

.paAltPrevious, .paAltActivePrevious {
	left: 0px;
	width: 35px;
	background-image: url(/plugins/Rotator/img/a04.png);
	background-repeat: no-repeat;
	background-position: -256px -36px;
}

.paAltNext, .paAltActiveNext {
	right: 0px;
	width: 29px;
	background-image: url(/plugins/Rotator/img/a04.png);
	background-repeat: no-repeat;
	background-position: -315px -36px;
}

.paAltPrevious:hover, .paAltActivePrevious:hover {
	background-position: -136px -36px;
}

.paAltNext:hover, .paAltActiveNext:hover {
	background-position: -195px -36px;
}



.paAltActiveLoader {
	opacity: 0.8;
	 background: transparent url('/images/paLoading.gif') center no-repeat;
	 background-size: 80px 80px;
	 position: absolute;
	 top: 0px;
	 bottom: 0px;
	 left: 0px;
	 right: 0px;
	 z-index: 2;
}


.paAltThumbnailContainerOuter {
	position: relative;
	margin-top: 40px;
	/*height: 221px; this is set automatically in PHP prior to css inclusion */
	width: 100%;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
	white-space: nowrap;
}

.paAltThumbnailContainerInner {
	overflow: hidden;
	position: relative;
	/*height: 221px; this is set automatically in PHP prior to css inclusion */
}


.paAltItems {
	left: 0px;
	position: absolute;
	z-index: 1;
}

.paAltItemOuter {
	display: inline-block;
	/*width: 120px;  this is set automatically in PHP prior to css inclusion */
	margin-right: 30px;
}

.paAltItemInner {
	cursor: pointer;
	position: relative;
}

.paAltItemName {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,.6);
	color: black;
	text-align: center;
}

.paAltItemNameInner {
	position: absolute;
  top: 46%;
  left: 0px;
  right: 0px;
  -ms-transform: translateY(-46%);
  -webkit-transform: translateY(-46%);
  -moz-transform: translateY(-46%);
  -o-transform: translateY(-46%);
  transform: translateY(-46%);
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none !important;
  font-weight: bold;
  white-space: normal;
}

.paAltItemInner:hover .paAltItemName {
	display: block;
	
}

.paAltItemDesc {
	display: none;
}

@media (max-width:760px) {
 	.paAltActiveContainer {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
 	
 	.paAltActiveDescContainer {
 		order: 2;
 	}
 	
 	.paAltActiveImgContainer {
 		order: 1;
 		margin-bottom: 20px;
	}
}