/**********************************************************************                       
 Colorado Parks and Wildlife                    
 SharePoint 2013                    
 Branding (Rotator)          
 v 1.1                   

 Change Log (Merten): 1.0-1.1 - Removed 100% width from paging controls and added pointer-events:none to caption div
 ********************************************************************** */                  
															

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo                                                           
	LAYOUT
   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

	.banner_rotator.cbq-layout-main .bx-wrapper .image {width: auto; float: none;}
	.bx-wrapper {position: relative; margin: 0 auto 25px; padding: 0; *zoom: 1;}
	.bx-wrapper img {max-width: 100%; display: block;}
	.bx-wrapper .bx-viewport {}


	/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo                                                           
		LOADER
	   ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

		.bx-wrapper .bx-loading {min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute;top: 0; left: 0; z-index: 2000;}


	/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo                                                           
		PAGER
	   ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

		.bx-wrapper .bx-pager,
		.bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; /*width: 100%;*/ }
		.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: bold; color: #666; padding-top: 20px; }
		.bx-wrapper .bx-pager .bx-pager-item,
		.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
		.bx-wrapper .bx-pager.bx-default-pager a {background: #666; text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 5px;outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

		.bx-wrapper .bx-pager.bx-default-pager a:hover,
		.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

		/* DIRECTION CONTROLS (NEXT / PREV) */
		.bx-wrapper .bx-prev {left: 10px; background: url(../images/controls.png) no-repeat 0 0px;}
		.bx-wrapper .bx-next {right: 10px; background: url(../images/controls.png) no-repeat -46px 0px;}

		.bx-wrapper .bx-prev:hover {background-position: 0 -63px;}
		.bx-wrapper .bx-next:hover {background-position: -46px -63px;}
		.bx-wrapper .bx-controls-direction a {position: absolute; top: 37%; margin-top: -16px; outline: 0; width: 32px; height: 62px; text-indent: -9999px; z-index: 9999;}

		.bx-wrapper .bx-controls-direction a.disabled {display: none;}

		/* AUTO CONTROLS (START / STOP) */
		.bx-wrapper .bx-controls-auto {text-align: center;}
		.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

		.bx-wrapper .bx-controls-auto .bx-start:hover,
		.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}

		.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;}

		.bx-wrapper .bx-controls-auto .bx-stop:hover,
		.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

		/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
		.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
		.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

		/* CUSTOM PAGING */
		.bx-wrapper .bx-pager {text-align: right; bottom: 20%; right: 2%; z-index: 99;}
		.bx-wrapper .bx-pager.bx-default-pager a {text-align: left; background: #a1d1f1; z-index: 99;}
		.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f8d830;}


	/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo                                                           
		IMAGE CAPTIONS
	   ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

		.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; width: 100%; }
		.bx-wrapper .bx-caption span {color: #fff; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; display: block; font-size: .85em; padding: 10px;}

		/* CUSTOM CAPTION WRAPPER */
		.bx-wrapper .banner-caption {position: relative; background: url(../images/overlay.png) repeat; pointer-events: none;}

		/* CUSTOM TITLE */
		.bx-wrapper .title {font-size: 30px; color: #a1d1f1; margin-top: -6.8%; padding: 10px 10px 10px 40px; line-height: 1.5em;}