/**
 * User Style:
 * Change the following styles to modify the appearance of Colorbox.  They are
 * ordered & tabbed in a way that represents the nesting of the generated HTML.
 */

#cboxOverlay  {
	/*
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	*/
	background-color: rgba(0%,0%,0%,.9);
}
#colorbox {
	outline:0;
}


/**
 * Navigation
 */
#cboxTopLeft {
	width: 14px;
	height: 14px;
	background: url(../Images/controls.png) no-repeat 0 0;
}
#cboxTopCenter {
	height: 14px;
	background: url(../Images/border.png) repeat-x top left;
}
#cboxTopRight {
	width: 14px;
	height: 14px;
	background: url(../Images/controls.png) no-repeat -36px 0;
}
#cboxBottomLeft {
	width: 14px;
	height: 43px;
	background: url(../Images/controls.png) no-repeat 0 -32px;
}
#cboxBottomCenter {
	height: 43px;
	background: url(../Images/border.png) repeat-x bottom left;
}
#cboxBottomRight {
	width: 14px;
	height: 43px;
	background: url(../Images/controls.png) no-repeat -36px -32px;
}
#cboxMiddleLeft {
	width: 14px;
	background: url(../Images/controls.png) repeat-y -175px 0;
}
#cboxMiddleRight {
	width: 14px;
	background: url(../Images/controls.png) repeat-y -211px 0;
}


/**
 * Content
 */
#cboxContent {
	background: #fff;
	overflow: visible;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom: 5px;
}
#cboxLoadingOverlay {
	background: url(../Images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
	background: url(../Images/loading.gif) no-repeat center center;
}
#cboxTitle {
	position: absolute;
	bottom: -28px;
	left: 0;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 90%;
	color: #7C7C7C;
}
#cboxCurrent {
	position: absolute;
	bottom: -28px;
	left: 58px;
	color: #7C7C7C;
	font-size: 90%;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose  {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	position: absolute;
	bottom: -29px;
	background: url(../Images/controls.png) no-repeat 0px 0px;
	width: 23px;
	height: 23px;
	text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active  {
	outline: 0;
}

#cboxPrevious {
	left: 0px;
	background-position:  -51px -25px;
}
#cboxPrevious:hover {
	background-position: -51px 0px;
}
#cboxNext {
	left: 27px;
	background-position: -75px -25px;
}
#cboxNext:hover {
	background-position: -75px 0px;
}
#cboxClose {
	right: 0;
	background-position: -100px -25px;
}
#cboxClose:hover {
	background-position: -100px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -125px 0px;
	right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position: -150px -25px;
	right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -125px 0px;
}




.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]),
.ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=true]) {
    cursor: pointer;
}
.ytp-thumbnail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
    cursor: pointer;
}
.ytp-small-mode .ytp-large-play-button {
    width: 42px;
    height: 30px;
    margin-left: -21px;
    margin-top: -15px;
}

.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
.ytp-button:focus,
.ytp-button {
    outline: 0;
}
.ytp-button {
    border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
}