/****************************************************
 *                                                  *
 *  Default Rotator Plugin Styles                   *
 *  -----------------------------                   *
 *                                                  *
 *  The css styling options for this rotator are    *
 *  fairly limited, as the plugin's administration  *
 *  system is designed to handle anything that the  *
 *  client might wish to change "on the fly".       *
 *                                                  *
 *  The styles controlled in this sheet are mainly  *
 *  ones that are either too complicated to easily  *
 *  control via and adminsitration system, or ones  *
 *  that we might prefer the client not change.     *
 *                                                  *
 *                                    June 3, 2015  *
 *                                                  *
 ****************************************************/

/* Default positioning of left navigation buttons. Appearance is changed via the administration system. */
#jssora_l1, #jssora_ldn1, #jssora_l2, #jssora_ldn2, #jssora_l3, #jssora_ldn3, #jssora_l4, #jssora_ldn4, #jssora_l5, #jssora_ldn5, #jssora_l6, #jssora_ldn6 {
	top: 47%;
	width: 55px;
	height: 55px;
	left: 10px;
}
/* Default positioning of right navigation buttons. Appearance is changed via the administration system.  */
#jssora_r1, #jssora_rdn1, #jssora_r2, #jssora_rdn2, #jssora_r3, #jssora_rdn3, #jssora_r4, #jssora_rdn4, #jssora_r5, #jssora_rdn5, #jssora_r6, #jssora_rdn6 {
	top: 47%;
	width: 55px;
	height: 55px;
	right: 6px;
}
/* Default positioning of pagination controls. Appearance is changed via the administration system.  */
.jssorb {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
/* Default styles for any title text, if available and is display enabled in the admim. Will not display an empty container if content is lacking. */
/* Custom styles can be created on a rotator by rotator bases by using the containers. Example:    #slider2_container .captionTitle { }            */
.captionTitle {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	background: #000;
	background: rgba(0,0,0,.7);
	position: absolute;
	left: 20px;
	top: 20px;
	width: 300px;
	height: 40px;
	padding: 3px;
}
/* Default styles for any description text, if available and display is enabled in the admin. Will not display an empty container if content is lacking. */
/* Custom styles can be created on a rotator by rotator bases by using the containers. Example:    #slider2_container .captionDesc { }                   */
.captionDesc {
	z-index: 90;
	position: absolute;
	overflow: hidden;
	background: #000;
	background: rgba(0,0,0,.7);
	font-size: 16px;
	line-height: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
}
/* Three layouts for descriptions as of July 2016. SMH. */
.rotatorLeftDesc {
	bottom: 0px;
	top: 0px;
	left: 0px;
	min-width: 40px;
	height: 100%;
	width: 14%;
	padding: 10% 8%;
}
.rotatorRightDesc {
	bottom: 0px;
	top: 0px;
	right: 0px;
	min-width: 40px;
	height: 100%;
	width: 14%;
	padding: 10% 8%;
}
.rotatorBottomDesc {
	z-index: 90;
	position: absolute;
	bottom: 0px;
	left: 0px;
	min-height: 40px;
	height: 20%;
	width: 84%;
	padding: 15px 8%;
	margin-top: 80%;
}
/* Four layouts for the ad content (because we have options of no overlap for the description. */
.rotatorFullAd {
	display: block;
	width: 100% !important;
	height: auto !important;
	top: 0px !important;
	left: 0px !important;
}
.rotatorLeftDescAd {
	display: block;
	width: 70% !important;
	margin-left: 30% !important;
	height: auto !important;
	top: 0px !important;
	left: 0px !important;
}
.rotatorRightDescAd {
	display: block;
	width: 70% !important;
	left: 0px !important;
	height: auto !important;
	top: 0px !important;
}
.rotatorBottomDescAd {
	display: block;
	top: 0px !important;
	/*bottom:20% !important;*/
	height: 80% !important;
	width: auto !important;
	margin-bottom: 20% !important;
	left: 0px !important;
}

/* Temporarily disable the outer caption to solve emergency layout explosions */
@media (min-width:760px) {
}
#outerCaption1 {
	display: none !important;
}
#outerCaption2 {
	display: none !important;
}
#outerCaption3 {
	display: none !important;
}
#outerCaption4 {
	display: none !important;
}
#outerCaption5 {
	display: none !important;
}
#slider1_container, #slider2_container, #slider3_container, #slider4_container {
}


/* Disabled. Jan 6, 2017. SMH. 
@media (max-width:760px) {
	.rotatorLeftDescAd { width:100% !important; !important; margin-left: 0px !important;  }
	.rotatorRightDescAd { width: 100% !important;  }
	.rotatorFullAd { width: 100% !important; margin: 0px !important; }
	.slides div .rotatorLeftDesc, .slides div .rotatorRightDesc { display:none; }
	#outerCaption1 { display:block; width:92% !important; padding 0 4% !important;font-size:2.6vw !important; position:relative !important; float:left; }
	#outerCaption2 { display:block; width:92% !important; padding 0 4% !important; font-size:2.6vw !important; position:relative !important; float:left; }
	#outerCaption3 { display:block; width:92% !important; padding 0 4% !important; font-size:2.6vw !important; position:relative !important; float:left; }
	#outerCaption4 { display:block; width:92% !important; padding 0 4% !important; font-size:2.6vw !important; position:relative !important; float:left; }
	#outerCaption5 { display:block; width:92% !important; padding 0 4% !important; font-size:2.6vw !important; position:relative !important; float:left; }
}

@media (max-width:450px) {

	#outerCaption1 { font-size:4.0vw !important; }
	#outerCaption2 { font-size:4.0vw !important; }
	#outerCaption3 { font-size:4.0vw !important; }
	#outerCaption4 { font-size:4.0vw !important; }
	#outerCaption5 { font-size:4.0vw !important; }
}
*/