/**
 * @fileOverview Banner Gadget CSS File
 * @version 1.0
 * @since 2010-09-22
 */
 
.gcb_container {
	width: 100%; 
	height: 100%; 
	position: relative;
	overflow:hidden;
}
.gcb_image{
	height:100%;
	position: relative;
	width:100%;
}
.gcb_image_loading{
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -110px;
	overflow: hidden;
	z-index: 4;
}
.gcb_image_loading img{
	position: absolute;
	z-index: 5;
}
.gcb_image_loading_overlay{
	width: 100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}
.gcb_image_current, .gcb_image_next
{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gcb_image_current
{
	z-index: 2;
}
.gcb_image_next
{
	z-index: 1;
}
.gcb_image_legend
{
	font-family: Trajan, Georgia, Times New Roman, Times, Sans-serif;
	position:absolute;
	bottom: 60px;
	left: 20px;
	z-index:3;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 2px #000000;
	display:block;
	filter: Shadow("Color=#000000, Direction=135, Strength=2");
	_padding-right: 3px;
}
.ie6 .gcb_image_legend, .ie7 .gcb_image_legend, .ie8 .gcb_image_legend
{
	width: 100%;
}
.gcb_image_legend .shadowContainer
{
	position: relative;
	width: 100%;
	
}
.gcb_image_legend .shadowContainer div
{
	position: absolute;
}
.gcb_image_legend .shadow
{
	top: 2px;
	left: 2px;
	color: #333;
} 


/*
.ie7 .gcb_image_legend, .ie8 .gcb_image_legend
{
	background-image: url(bin/ie-shadow.png);
	padding: 3px 5px;
}
*/
.gcb_image_link
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 3;
}
.gcb_navigation{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
}
.gcb_navigation_arrow {
	background: url(bin/navigation_arrows.png) top left no-repeat;
	float: left;
	height: 20px;
	width: 22px;
}
.previous{
	background-position: 0px 20px;
	cursor:pointer;
	z-index:21;
}
.gcb_container:hover .previous {
	background-position: 0px 0px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.gcb_navigation:hover .previous:hover {
	background-position: 0px -40px;
}
.next{
	background-position: 0px 20px;
	cursor:pointer;
	z-index:21;
}
.gcb_container:hover .next{
	background-position: 0px -20px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.gcb_navigation:hover .next:hover {
	background-position: 0px -60px;
}
.gcb_navigation_paginator{
	background: url(bin/navigation_bg.png) top left repeat-x;
	float: left;
	height: 20px;
	text-align: center;
	z-index: 20;
	visibility: hidden;
}
.gcb_container:hover .gcb_navigation_paginator{
	opacity: 0.5;
	filter: alpha(opacity=50);
	visibility: visible;
}
.gcb_navigation:hover .gcb_navigation_paginator {
	visibility: visible;
}
.gcb_navigation:hover .previous, .gcb_navigation:hover .next, .gcb_navigation:hover .gcb_navigation_paginator {
	opacity: 1;
	filter: alpha(opacity=100);
}
.gcb_navigation_paginator ul{
	list-style: none outside none;
	margin: 0px 5px;
	padding: 0;
}
.gcb_navigation_paginator ul li{
	background: url(bin/navigation_item.png) top left no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	width: 10px;
	height: 20px;
}
.gcb_navigation_paginator ul .selected {
	background-position: 0px -20px;
}

.gcb_video {
    position: absolute;
    /*z-index: -99;*/
    width: 100%;
    /* height: 100%; */
    /* position: relative; */
    padding-bottom: 56.25%;
    height: 0;
}
.gcb_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gcb_inlinePlayer {
    position: absolute;
    z-index: 1000;
    width:100%;
}

.gcb_inlinePlayer .gcb_btn_vol{position:absolute;right:20px;top:20px;width:32px;height:32px;background:url("bin/volume.png") no-repeat;cursor:pointer}
.gcb_inlinePlayer .gcb_btn_vol.on{background-position:0 0}
.gcb_inlinePlayer .gcb_btn_vol.off{background-position:0 -32px}

@media screen and (max-width: 992px){
    .gcb_inlinePlayer {
        position: absolute;
        z-index: 1000;
        width: 100%;
    }
    .gcb_inlinePlayer .gcb_btn_vol {
        position: absolute;
        right: 10px;
        top: auto;
        bottom: 0px;
        width: 32px;
        height: 32px;
        background: url(bin/volume.png) no-repeat;
        cursor: pointer;
    }
    #centerblock {
        padding-top: 70px;
        max-height: 360px;
    }
}