
#ooe .c-wob {
	color: white;
}

#ooe .cpt {
	border: 0;
	width: 770px;
	height: 400px;

	position: relative;

	font-size: 11px;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}


/** 16:10 Aspect Total (Player 16:9 + Controlbar)  **/
#ooe .cpt .viewer {
	position:absolute;
	width: 640px;
	height: 400px;
}

#ooe .cpt .viewer .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

#ooe .cpt .viewer .content .outer-image {
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #4f9797;
}
#ooe .cpt .viewer .content img {
}

#ooe .cpt .viewer .content .outer-text {
	bottom: 0px;
	height: 90px;
	padding: 20px;
	position: absolute;
}
#ooe .cpt .viewer .content .inner-text {
	width: 100%;
	height: 100%;
	color: white;
	font-size: 1.4em;
	line-height: 1.4em;
	text-shadow: #000 1px 1px 2px;
}

#ooe .cpt .viewer .content .inner-text a,
#ooe .cpt .viewer .content .inner-text a:link,
#ooe .cpt .viewer .content .inner-text a:visited,
#ooe .cpt .viewer .content .inner-text a:active,
#ooe .cpt .viewer .content .inner-text a:hover {
	color: #fff;
	text-decoration: underline;
}

#ooe .cpt .viewer .content .inner-text a:hover {
	text-decoration: none;
}




#ooe .cpt .viewer .content .inner-text h2 {
	margin-bottom: 1em;
	font-size: 1.2em;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 4px;
}



#ooe .cpt .itemlist {
	position:relative;
	left: 640px;
	width: 130px;
	height: 100%;
	overflow: auto;
}


#ooe .cpt .itemlist .btn-next,
#ooe .cpt .itemlist .btn-prev {
	 width: 100%;
	 height: 40px;
	 background-position: center center;
	 background-repeat: no-repeat;
	 text-align: center;
	 cursor: pointer;
	 position: absolute;
	 left: 0;
}
#ooe .cpt .itemlist .btn-next span,
#ooe .cpt .itemlist .btn-prev span {
	display: none;
}


#ooe .cpt .itemlist .btn-prev {
	 background-image:url(../../../images/campaign/green_arrow_up.png);
	 top: 0;
}

#ooe .cpt .itemlist .btn-next{
	 background-image:url(../../../images/campaign/green_arrow_down.png);
	 bottom: 0;
}

#ooe .cpt .itemlist ul {

	padding-top: 8px;
	width: 100%;

}


#ooe .cpt .itemlist ul li {

	width:112px;
	height: 70px;
	margin:auto;
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
}


#ooe .cpt .itemlist ul li:hover {
}

#ooe .cpt .itemlist ul li.active {
}

#ooe .cpt .itemlist li .thumb {
	position: absolute;
	z-index:8;

	background-color: #4f9797;
	width: 100%;
	height: 100%;

	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}


#ooe .cpt .itemlist li.active .thumb {
	-moz-opacity:1.0!important;
	filter:alpha(opacity=100)!important;
	opacity:1.0!important;
}

#ooe .cpt .itemlist li:hover .thumb {
	-moz-opacity:1.0!important;
	filter:alpha(opacity=100)!important;
	opacity:1.0!important;
}

#ooe .cpt .itemlist .title {
	position: absolute;
	padding: 4px;
	bottom: 0px;
	left: 22px;
	width: 76px;
	text-shadow: #000 1px 1px 2px;
	z-index: 9;

}

#ooe .cpt .itemlist .long-title {
	display: none;
}

#ooe .cpt .itemlist div.description {
	display: none;
}

#ooe .cpt .itemlist div.link {
	display: none;
}

#ooe .cpt .itemlist div.camp-img {
	display: none;
}


