/*##########*/
/*Page storyshows inkl. subpages*/
/*##########*/
.storyshows .container {
	padding: 20px 0 0 0;
}

.showTippBox {
	width: 962px;
	height: 276px;
	background: transparent url(../images/bg_show_tipp_ts20231006115502.jpg) no-repeat top left;
	position: relative;
	margin: 0 auto 28px;
}

.showTippTop {
	width: 41px;
	height: 10px;
	position: absolute;
	background: transparent url(../images/bg_show_tipp_top_ts20231006115502.png) no-repeat top left;	
	top: -10px;
	left: 435px;
}

.showTippInfo {
	width: 320px;
	height: 210px;
	float: left;
	margin: 63px 0 0 130px;
	position: relative;	
}

.showTippInfo h2 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 11px 0;
	line-height: 22px;	
}

.showTippInfo p {
	color: #b4b4b4;
	font-size: 13px;
	line-height: 18px;	
	margin: 0 0 10px 0;
}

.showTippLinks {
	width: 320px;
	height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;	
}

.showTippInfo a.watch {
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
	float: left;
	margin: 5px 0 0 0;
}

.showTippInfo a.reg {
	width: 154px;
	height: 21px;
	display: block;
	background: transparent url(../images/btn_bg_big_hover_ts20231006115502.gif) no-repeat top left;
	float: right;
	text-align: center;
	cursor: pointer;
	padding: 5px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.showTippTrailer {
	width: 448px;
	height: 249px;
	float: right;
	margin: 14px 13px 0 0;	
}

.showOverview {
	padding: 0 0 10px 8px;	
}

.showOverview .showItem {
	width: 460px;
	float: left;
	margin: 0 39px 30px 0;
	border: #292929 1px solid;
	background: #000000;
}

.showOverview .showItem .showInfoText {
	width: 431px;
	height: 82px;
	float: left;
	padding: 15px 15px 0 14px;	
}

.showOverview .showItem .showInfoText h3, .showOverview .showItem .showInfoText h3 a {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 11px 0;
	text-decoration: none;	
}

.showOverview .showItem .showInfoText p {
	color: #b4b4b4;
	font-size: 13px;
	line-height: 18px;
}

.showOverview .showItem .showLinks {
	width: 445px;
	height: 37px;
	float: left;
	padding: 0 15px 0 0;	
}

.showOverview .showItem .showLinks a.watch {
	width: 154px;
	height: 21px;
	display: block;
	background: transparent url(../images/btn_bg_big_hover_ts20231006115502.gif) no-repeat top left;
	float: right;
	text-align: center;
	cursor: pointer;
	padding: 5px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}




/*showdetail*/
/*----// div's //----*/
.showDetailBg #wrapper {
	background: none;
}

#site {
	background-color: transparent;
	background-repeat: no-repeat;
	/*background-position: 50% 70px;*/
	background-position: 50% 0;
}

#site.showDetailBg.red {
	background-image: url(../images/bg_showdetail_porncast_ts20231006115502.jpg);
}

#site.showDetailBg.hot {
	background-image: url(../images/bg_showdetail_hot_ts20231006115502.jpg);
}

#site.showDetailBg.yelllow {
	background-image: url(../images/bg_showdetail_mw_ts20231006115502.jpg);
}

#site.showDetailBg.grey {
	background-image: url(../images/bg_showdetail_nextday_ts20231006115502.jpg);
}

#site.showDetailBg.greyy {
	background-image: url(../images/bg_showdetail_asscompany_ts20231006115502.jpg);
}

#site.showDetailBg.redd {
	background-image: url(../images/bg_showdetail_venus_ts20231006115502.jpg);
}

#site.showDetailBg.green {
	background-image: url(../images/bg_showdetail_carpediem_ts20231006115502.jpg);
}

#site.showDetailBg.yellow {
	background-image: url(../images/bg_showdetail_rentagirl_ts20231006115502.jpg);
	min-height: 826px;
	height: auto !important;
	height: 826px;
}

#site.showDetailBg.bluee {
	background-image: url(../images/bg_showdetail_mrmrs_ts20231006115502.jpg);
}


.metaSite .coindisplay {
	display: inline;
	font-size: 13px;
	font-weight: normal;
	color: #808080;
}


/*showDetailVideoBox*/
#showDetailVideoBox {
	height: 288px;
	/*padding: 122px 0 55px 222px;*/
	padding: 49px 0 55px 219px
}
#site.showDetailBg.redd #showDetailVideoBox {
	/*padding: 118px 0 59px 235px;*/
	padding: 50px 0 59px 237px;
}
/*
#site.showDetailBg.yellow #showDetailVideoBox {
	width: 512px;
	height: 288px;
	margin: 50px 0px 55px 228px;
	position: relative;	
}

#site.showDetailBg.hot #showDetailVideoBox {
	width: 512px;
	height: 288px;
	margin: 48px 0px 55px 229px;
	position: relative;	
}
*/
#showDetailVideoBox #showTrailer, #showDetailVideoBox img {
	border: #000000 2px solid;
	background: transparent;
}

/*showDetailInfoBox*/

#showDetailInfoBox {
	width: 880px;
	margin: 0 auto 50px;
	position: relative;	
}


#showDetailInfoBox .bgHeadingBox {
	width: 854px;
	height: 100%;
	background: #000000;
	opacity: 0.7;	
	border: #3e2f2c 1px solid;
	position: absolute;
	top: 0;
	left: 0;
	padding: 11px 12px 15px 12px;
}

#showDetailInfoBox .showDetailInfoBoxTop {
	width: 854px;
	padding: 0 0 10px 0;
	border-bottom: #81635a 1px solid;
	position: relative;
	top: 11px;
	left: 12px;
}

#showDetailInfoBox .showDetailInfoBoxBottom {
	width: 854px;
	position: relative;
	top: 19px;
	left: 12px;
	padding: 0 0 10px 0;
}

#showDetailInfoBox .showDetailInfoBoxBottom a {
	color: #ffffff;	
}


#showDetailInfoBox .showDetailInfoBoxTop h3 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	margin: 7px 0 0 0;	
}

#showDetailInfoBox .showDetailInfoBoxTop h3 span {
	font-size: 16px;
	text-transform: none;	
}

#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox {
	float: right;
}

/*#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a {
	width: 154px;
	height: 26px;
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #332400;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/btn_bg_big_ts20231006115502.gif) no-repeat top left;
	float: right;
	margin: 0 0 0 11px;
	cursor: pointer;
}*/

#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a {
	height: 24px;
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #332400;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/btn_bg_grey_ts20231006115502.gif) repeat-x top left;
	float: right;
	margin: 0 0 0 11px;
	cursor: pointer;
	padding: 0px 10px;
	border: #787878 1px solid;
}

#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a.btnRegister {
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
}


#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a:hover {
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
}

#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a.btnSoon:hover {
	background: transparent url(../images/btn_bg_grey_ts20231006115502.gif) repeat-x top left;

}



#showDetailInfoBox .showDetailInfoBoxTop .showInfoBtnBox a span {
	display: none;
}

#showDetailInfoBox .showDetailInfoBoxBottom a.buyticket {
	font-size: 15px;
	font-weight: bold;
	color: #ba8626;
	text-decoration: underline;
	margin: 14px 0 0 0;
	display: inline-block;	
}

/*-----------------------------------------------------------------------------*/
/*----------------------changes for new showdetail sites-----------------------*/
/*-----------------------------------------------------------------------------*/
/*wrapper anpassungen for transparent background and 100% width*/
.wrapper {
	margin: 0;
	height: 100%;
	background: transparent url(../images/bg_black_70_ts20231006115502.png) repeat 0 0;
}
.contentBox {
	z-index: 480;	
}
.contentBox p.wm {
	width: 920px;
}
/*showdetail infobox*/
#showDetailInfoBox {
	width: 920px;
	margin: 0 auto;
}
/*showdetail subnavigation*/
.showDetailNavigation {
	border-bottom: 1px solid #000000;
	height: 50px;
}
.showDetailNavigation ul {
	float: left;
	width: 530px;
}
.showDetailNavigation li {
	float: left;
	margin-right: 30px;
	line-height: 50px;
}
.showDetailNavigation li a {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.showDetailNavigation li a.active {
	color: #ff7800;
}
/*showdetail content area*/
.showDetailInfoBoxContent {
	border-top: 1px solid #505050;
	padding-top: 20px;
}
/*showdetail - about the show*/
.showDetailInfoBoxContent .column1 {
	width: 430px;
	float: left;
	padding-right: 40px;
}

.showDetailInfoBoxContent .soon {
	width: 880px;
	float: left;
	padding-right: 40px;
}

.showDetailInfoBoxContent .column2 {
	width: 450px;
	float: left;
}
.showDetailInfoBoxContent h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.showDetailInfoBoxContent .column1 p b {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
}
/*showdetail - about the show data listing*/
.showdetailListing li {
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin-top: 3px;
	color: #000000;
}
.showdetailListing li span {
	display: inline-block;
	width: 100px;
	text-align: center;
}
.showdetailListing .detaillable {
	color: #5d5d5d;
	width: 140px;
	text-align: left;
	padding-left: 10px;
}
.showdetailListing .detailhead, .showdetailListing .detailhead .detaillable {
	font-size: 18px;
	color: #000000;
}
.showdetailListing .detailguest {
	background: #e5e5e5 url(../images/bg_showdetail_listing_guest_ts20231006115502.gif) repeat-y 0 0;
}
.showdetailListing .detailfree {
	background: #fff1a3 url(../images/bg_showdetail_listing_free_ts20231006115502.gif) repeat-y 0 0;
}
.showdetailListing .detailpremium {
	background: #b6e287 url(../images/bg_showdetail_listing_premium_ts20231006115502.gif) repeat-y 0 0;
}
/*showdetail - actors*/
.itemActor {
	border-bottom: 1px solid #333333;	
	margin-bottom: 20px;
}
.itemActor.last {
	border: 0;
	margin: 0;
}
.itemActor .avatar {
	float: left;
	width: 220px;
	display: block;
	margin: 0 16px 20px 0;
}
.itemActor .infosContainer {
	float: left;
	width: 684px;
}
.itemActor h3 {
	padding: 0 0 0 15px;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #333333;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
.itemActor h3 a {
	text-decoration: none;
	color: #ffffff;
}
.itemActor .more {
	display: block;
	float: right;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}
.itemActor .characteristics {
	float: left;
	width: 203px;
	padding: 0 0 0 16px;
	margin: 19px 0;
	border-right: 1px solid #333333;
}
.itemActor .characteristics dt {
	float: left;
	width: 105px;
	line-height: 18px;
	margin-bottom: 5px;
}
.itemActor .characteristics dd {
	float: left;
	width: 95px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.itemActor .description {
	float: left;
	width: 435px;
	padding-left: 28px;
	margin: 19px 0;
}
.itemActor .description p {
	margin-bottom: 20px;
}
.itemActor .description a {
	color: #ffffff;
}
.itemActor .description a:hover {
	color: #ff7800;
}
.itemActor .buttonContainer {
	text-align: right;
}
.itemActor .buttonContainer a, .itemActor .buttonContainer a:hover {
	display: inline-block;
	height: 24px;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #332400;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
	cursor: pointer;
	padding: 0px 10px;
}
.actorsInfo {
	width: 520px;
	padding: 20px;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}
.actorsInfo span {
	color: #ff6600;
	font-weight: bold;
}
.actorsInfo img {
	display: block;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 220px;
	float: left;
}
.actorsInfo .buttonContainer {
	padding-top: 20px;
}
.actorsInfo .buttonContainer a, .actorsInfo .buttonContainer a:hover {
	display: inline-block;
	height: 24px;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #332400;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
	cursor: pointer;
	padding: 0px 5px;
}

/*showdetail - about the show - teaser for join or buy*/
.showDetailInfoBoxContent .registerTeaser {
	padding: 40px 0 0 140px;
	background: transparent url(../images/teaserRegister_guest_ts20231006115502.jpg) no-repeat 0 0;
	height: 180px;
}
.showDetailInfoBoxContent .freeuser {
	padding-left: 248px;
	background: transparent url(../images/teaserRegister_freeuser_ts20231006115502.jpg) no-repeat 0 0;
}
.showDetailInfoBoxContent .registerTeaser h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
/*showdetail - buttons*/
.showDetailNavigation .showInfoBtnBox {
	float: right;
	padding-top: 13px;
	width: 380px;
}
/*showInfoBtnBox addons*/
.showDetailNavigation .showInfoBtnBox a, .registerTeaser a {
	height: 24px;
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #332400;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/btn_bg_grey_ts20231006115502.gif) repeat-x top left;
	float: right;
	margin: 0 0 0 11px;
	cursor: pointer;
	padding: 0px 10px;
	border: #787878 1px solid;
}
.registerTeaser a {
	float: left;
	margin: 10px 0 0 0;
}
.showDetailNavigation .showInfoBtnBox a.btnRegister, .registerTeaser a.btnRegister {
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
}
.showDetailNavigation .showInfoBtnBox a:hover, .registerTeaser a:hover {
	background: transparent url(../images/btn_bg_hover_ts20231006115502.gif) repeat-x top left;
	border: #e5a716 1px solid;
}
.showDetailNavigation .showInfoBtnBox a.btnSoon:hover, .registerTeaser a.btnSoon:hover {
	background: transparent url(../images/btn_bg_grey_ts20231006115502.gif) repeat-x top left;
}
.showDetailNavigation .showInfoBtnBox a span, .registerTeaser a span {
	display: none;
}
/*rating - show rating*/
.ratingContainer {
	background: url(../images/icon_rating_ts20231006115502.png) 0 0 repeat-x;
	width: 85px;
	height: 17px;
	margin: 0 0 18px 0;
	float: right;
}
.rating {
	background: url(../images/icon_rating_ts20231006115502.png) 0 100% repeat-x;
	width: 50%;
	height: 17px;	
	display: block;
}
.ratingLabel {
	background: url(../images/icon_speechbubble_ts20231006115502.png) 0 0 no-repeat;
	width: 28px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	float: right;
	color: #000000;
	font-weight: bold;
	margin: 0 0 10px 10px;
}
/*---------- star rating ----------*/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating li.current-rating {
	background: url(../images/icon_rating_ts20231006115502.png) repeat-x scroll left -1000px transparent;
}
.star-rating {
	background-position: left top;
	display: block;
	height: 17px !important;
	list-style: none outside none;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
	width: 85px !important;
	margin: 0 0 18px 0;
	float: right;
}
.star-rating li {
	background: none repeat scroll 0 0 transparent !important;
	border: 0 none !important;
	display: inline;
}
ul.star-rating a, ul.star-rating li.current-rating {
	border: medium none;
	height: 17px !important;
	left: 0;
	line-height: 17px !important;
	margin: 0 !important;
	outline: medium none;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	text-indent: -9999px;
	top: 0;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}
.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}
.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating li.current-rating {
	background-image: url(../images/icon_rating_ts20231006115502.png) !important;
	background-position: left center !important;
	z-index: 1;
}
/*showdetail - comments*/
.showDetailInfoBoxContent.comments h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
.showDetailInfoBoxContent.comments .pagination {
	float: right;
	padding: 0;
}
.showDetailInfoBoxContent.comments .pagination li {
	background: none;
}
.showDetailInfoBoxContent.comments .pagination li a, .showDetailInfoBoxContent.comments .pagination li a:hover {
	background: none;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
	border: 0;
}
.showDetailInfoBoxContent.comments .pagination li.active a {
	color: #ff7800;	
	background: none;
	text-decoration: none;
}
.itemComments {
	padding-bottom: 11px;
	background: url(../images/bg_comments_bottom_ts20231006115502.gif) 0 100% no-repeat;
	margin-bottom: 7px;
	color: #000000;
}
.itemComments.last {
	margin-bottom: 0;
}
.itemComments .content {
	background: url(../images/bg_comments_top_ts20231006115502.gif) 0 0 no-repeat #ffffff;
	padding: 10px;
}

.itemComments.self {
	padding-bottom: 11px;
	background: url(../images/bg_comments_bottom_grey_ts20231006115502.gif) 0 100% no-repeat;
}
.itemComments.self .content {
	background: url(../images/bg_comments_top_grey_ts20231006115502.gif) 0 0 no-repeat #cecece;
}
.itemComments img {
	display: block;
	float: left;
	width: 100px;
	padding-right: 20px;
}
.itemComments .infos {
	float: left;
	width: 780px;
}
.itemComments .communityFormTextarea img {
	width: auto;
}
.itemComments .communityFormTextarea {
	line-height: 50px;
}
.itemComments .infos a {
	color: #ff7800;
	font-weight: bold;
}
.itemComments .infos p {
	margin-bottom: 10px;
}
.itemComments .infos span {
	display: inline-block;
	float: right;
}
.itemComments .comment {
	font-weight: bold;
	font-style: italic;
}
.itemComments.self p {
	font-size: 16px;
	font-weight: bold;
}
.itemComments.self textarea {
	border: 1px solid #747474;
	background-color: #ffffff;
	padding: 0 0 0 5px;
	width: 760px;
	height: 80px;
}
.itemComments.self input {
	width: 154px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-top: 10px;
	border: 0;
	background: url(../images/btn_bg_big_ts20231006115502.gif) 0 0 no-repeat;
	cursor: pointer;
}






/*###################################*/
/*Player style for story shows*/
/*###################################*/
/*----// PLAYER //----*/

#site.player {
	background-image: url(../images/bg_body_player_ts20231006115502.jpg);
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	min-height: 100%;
}

#wrapper.player {
	width: 100%;
	max-height: 720px;
	min-height: 405px;
	height: auto !important;	
	background: transparent url(../images/bg_content_player_ts20231006115502.jpg) repeat top left;
	/*position: relative;*/
	margin-top: 0.5%;
}

#wrapper.playerRegister {
	width: 864px;
}

#videoBox {
	/*width: 1280px;*/
	margin: 0 auto;
	position: relative;		
}

.videoBoxShadowLeft {
	width: 140px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -140px;
	background: transparent url(../images/bg_player_shadow_left_ts20231006115502.png) repeat-y top left;
}

.videoBoxShadowRight {
	width: 240px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: -240px;
	background: transparent url(../images/bg_player_shadow_right_ts20231006115502.png) repeat-y top left;
}

#videoBar {
	/*width: 1280px;*/
	margin: 0 auto;
	position: relative;	
}

#videoBox .playerBox {
	position: relative;
	margin: 0 auto;
	min-width: 720px;
	max-width: 1280px;
	text-align: center;
	display: block;
}

#videoBox .playerBox .player {
	display: inline-block;
	position: relative;	
}



.bgPlayerBottom {
	width: 100%;
	height: 140px;
	position: absolute;
	bottom: -140px;
	background: transparent url(../images/bg_player_bottom_shadow_ts20231006115502.jpg) no-repeat top center;
}

.nobar .bgPlayerBottom {
	bottom: -106px;
}


/*userActionBox*/

.userActionBox {
	width: 100%;
	background: transparent url(../images/bg_black_70_ts20231006115502.png) repeat top left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 20px 0 10px;	
}

.userActionBox h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 25px 10px;
	line-height: 1.3em;	
}

.userActionBox ul li {
	display: inline;	
}

.userActionBox li a {
	display: inline-block;
	width: 320px;
	height: 31px;
	background: transparent url(../images/bg_uab_btn_ts20231006115502.png) no-repeat center center;
	text-align: center;
	padding: 18px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #c0c0c0;
	text-decoration: none;
	line-height: 30px;	
}

.userActionBox li a:hover {
	color: #ffffff;	
}

.userActionBox li a.color0:hover {
	background: transparent url(../images/bg_uab_btn_hover_aquamarine_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color1:hover {
	background: transparent url(../images/bg_uab_btn_hover_rot_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color2:hover {
	background: transparent url(../images/bg_uab_btn_hover_gelb_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color3:hover {
	background: transparent url(../images/bg_uab_btn_hover_gruen_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color4:hover {
	background: transparent url(../images/bg_uab_btn_hover_lila_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color5:hover {
	background: transparent url(../images/bg_uab_btn_hover_orange_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color6:hover {
	background: transparent url(../images/bg_uab_btn_hover_pink_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li a.color7:hover {
	background: transparent url(../images/bg_uab_btn_hover_blau_ts20231006115502.png) no-repeat center center;	
}

.userActionBox li.last a img {
	margin: 0 12px 0 0;	
}

.userActionBox li.last a:hover {
	color: #c0c0c0;	
}

/*quicklinks box*/

.quicklinkBox {
	background: #ffffff;
	border: #000000 1px solid;	
}

/*------------------------*/
/*----// quicklinks //----*/
/*------------------------*/


#quicklinkBox {
    position: absolute;
	bottom: 0px;
	left: 195px;
    display: none;
    z-index: 11;
    width: 400px;
	/*max-height: 100%;*/
	height: auto;	
	overflow-y: scroll;
	overflow-x: hidden;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	text-align: left;	
}

/*ul*/

#quicklinkBox ul {
	width: 400px;
	float: left;
	background: #ebebeb;	
}

#quicklinkBox ul.sub1 {
	width: 400px;
	float: left;
	background: #999999;
	display: none;	
}

#quicklinkBox ul.sub2 {
	width: 400px;
	float: left;
	background: #666666;
	display: none;	
}

#quicklinkBox ul.sub3 {
	width: 400px;
	float: left;
	background: #333333;
	display: none;	
}

#quicklinkBox ul.sub4 {
	width: 400px;
	float: left;
	background: #1a1a1a;
	display: none;	
}

/*li a*/

#quicklinkBox ul li {
	width: 400px;
	float: left;	
}

#quicklinkBox ul li a, #quicklinkBox ul li span {
	width: 381px;
	height: 16px;
	border-bottom: #000000 1px solid;
	display: block;
	float: left;
	padding: 3px 5px 3px 19px;
	color: #535353;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 5px 8px;	
	cursor: pointer;
}

#quicklinkBox ul li a:hover, #quicklinkBox ul li span:hover {
	background-color: #999999;
	color: #ff9600;
}

#quicklinkBox ul.sub1 li a, #quicklinkBox ul.sub1 li span {
	width: 367px;
	padding: 4px 5px 3px 33px;
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 18px 8px;
	color: #ffffff;	
	cursor: pointer;
}

#quicklinkBox ul.sub1 li a:hover, #quicklinkBox ul.sub1 li span:hover {
	background-color: #666666;
	color: #ff9600;
}

#quicklinkBox ul.sub2 li a, #quicklinkBox ul.sub2 li span {
	width: 353px;
	padding: 4px 5px 3px 47px;
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 32px 8px;
	color: #ffffff;	
	cursor: pointer;
}

#quicklinkBox ul.sub2 li a:hover, #quicklinkBox ul.sub2 li span:hover {
	background-color: #333333;
	color: #ff9600;
}

#quicklinkBox ul.sub3 li a, #quicklinkBox ul.sub3 li span {
	width: 332px;
	padding: 4px 5px 3px 68px;
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 47px 8px;
	color: #ffffff;	
	cursor: pointer;
}

#quicklinkBox ul.sub3 li a:hover, #quicklinkBox ul.sub3 li span:hover {
	background-color: #1a1a1a;
	color: #ff9600;
}

#quicklinkBox ul.sub4 li a, #quicklinkBox ul.sub4 li span {
	width: 314px;
	padding: 4px 5px 3px 86px;
	background: transparent url(../images/img_quick_eye_ts20231006115502.png) no-repeat 64px 10px;
	color: #ffffff;	
	cursor: pointer;
}

#quicklinkBox ul.sub4 li a:hover, #quicklinkBox ul.sub4 li span:hover {
	background-color: #000000;
	color: #ff9600;
}

/*li a active*/

#quicklinkBox ul li a, #quicklinkBox ul li span {
	background: transparent url(../images/img_quick_arrow_down_ts20231006115502.png) no-repeat 5px 8px;	
}

#quicklinkBox ul.sub1 li a, #quicklinkBox ul.sub1 li span {
	background: transparent url(../images/img_quick_arrow_down_ts20231006115502.png) no-repeat 18px 8px;	
}

#quicklinkBox ul.sub2 li a, #quicklinkBox ul.sub2 li span {
	background: transparent url(../images/img_quick_arrow_white_down_ts20231006115502.png) no-repeat 32px 8px;	
}

#quicklinkBox ul.sub3 li a, #quicklinkBox ul.sub3 li span {
	background: transparent url(../images/img_quick_arrow_white_down_ts20231006115502.png) no-repeat 47px 8px;	
}

#quicklinkBox ul.sub4 li a, #quicklinkBox ul.sub4 li span {
	background: transparent url(../images/img_quick_arrow_white_down_ts20231006115502.png) no-repeat 64px 8px;	
}


/*li a active*/

#quicklinkBox ul li.expandable a, #quicklinkBox ul li.expandable span {
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 5px 8px;	
}

#quicklinkBox ul.sub1 li.expandable a, #quicklinkBox ul.sub1 li.expandable span {
	background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 18px 8px;	
}

#quicklinkBox ul.sub2 li.expandable a, #quicklinkBox ul.sub2 li.expandable span {
	background: transparent url(../images/img_quick_arrow_white_right_ts20231006115502.png) no-repeat 32px 8px;	
}

#quicklinkBox ul.sub3 li.expandable a, #quicklinkBox ul.sub3 li.expandable span {
	background: transparent url(../images/img_quick_arrow_white_right_ts20231006115502.png) no-repeat 47px 8px;	
}

#quicklinkBox ul.sub4 li.expandable a, #quicklinkBox ul.sub4 li.expandable span {
	background: transparent url(../images/img_quick_arrow_white_right_ts20231006115502.png) no-repeat 64px 8px;	
}


/*role*/

#roleBox {
    position: absolute;
    bottom: 0px;
    left: 210px;
    display: none;
    z-index: 11;
    width: 400px;
    max-height: 100%;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    border-top: #000000 1px solid;
}

/*ul*/

#roleBox ul {
    width: 400px;
    float: left;
    background: #ebebeb;
}

#roleBox ul.sub1 {
    width: 400px;
    float: left;
    background: #999999;
    display: none;
}


/*li a*/

#roleBox ul li {
    width: 300px;
    float: left;
}

#roleBox ul li a, #roleBox ul li span {
    width: 381px;
    height: 16px;
    border-bottom: #000000 1px solid;
    display: block;
    float: left;
    padding: 3px 5px 3px 19px;
    color: #535353;
    text-decoration: none;
    font-weight: bold;
    background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 5px 8px;
    cursor: pointer;
	text-align: left;
}

#roleBox ul li a:hover, #roleBox ul li span:hover {
    background-color: #999999;
    color: #ff9600;
}

#roleBox ul.sub1 li a, #roleBox ul.sub1 li span {
    width: 367px;
    padding: 4px 5px 3px 33px;
    background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 18px 8px;
    color: #ffffff;
    cursor: pointer;
}

#roleBox ul.sub1 li a:hover, #roleBox ul.sub1 li span:hover {
    background-color: #666666;
    color: #ff9600;
}

/*li a active*/

#roleBox ul li a, #roleBox ul li span {
    background: transparent url(../images/img_quick_arrow_down_ts20231006115502.png) no-repeat 5px 8px;
}

/*li a active*/

#roleBox ul li.expandable a, #roleBox ul li.expandable span {
    background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 5px 8px;
}

#roleBox ul.sub1 li.expandable a, #roleBox ul.sub1 li.expandable span {
    background: transparent url(../images/img_quick_arrow_right_ts20231006115502.png) no-repeat 18px 8px;
}







/*player bar*/

#wrapper.playerbar {
	width: 100%;
	height: 34px;	
	background: none;
	position: relative;
	bottom: 0px;
	background: transparent url(../images/bg_playerbar_ts20231006115502.jpg) repeat-x top left;
}

#wrapper.nobar {
	width: 100%;
	height: 34px;	
	background: none;
	position: relative;
	bottom: 0px;
}

#videoBar .playerBar {
	position: relative;
	margin: 0 auto;
	min-width: 720px;
	max-width: 1280px;
	text-align: center;
	height: 34px;
	display: block;
}

.playerBar .bar {
	height: 34px;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display:inline;
	text-align: center;
}

.playerBar .bar ul {
	display: inline-block;
	position: relative;
	top: -2px;	
}

.playerBar .bar ul.controlLeft {
	margin: 0 0 0 0;
}

.playerBar .bar ul.controlRight {
	margin: 0 0 0 8px;
}

.playerBar .bar ul li {
	height: 22px;
	display: inline;
	margin: 0px 8px 0 0;	
}

.playerBar .bar ul li button {
	display: inline;
	width: 23px;
	height: 22px;
	border: none;
	cursor: pointer;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;	
}

.playerBar .bar ul li a {
	display: block;
	width: 23px;
	height: 22px;
	cursor: pointer;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 2px 0 0 0;	
}

.playerBar .bar ul li a span {
	display: none;	
}

.playerBar .bar ul li button.disabled {
	opacity: 0.4;
	cursor: default;
}

.playerBar .progressBar {
	width: 586px;
	height: 22px;
	display: inline-block;
	text-align: left;
	position: relative;
	top: 7px;
}

.playerBar .progressBar .cuepoint {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 7px;	
	background: transparent url(../images/icon_playerbar_cuepoint_ts20231006115502.png) no-repeat top left;	
}

.playerBar .progressBar #cue1 {
	left: 152px;		
}

.playerBar .progressBar #cue2 {
	left: 350px;		
}

/*player help*/

#playerHelp {
	width: 100%;
	height: 100%;
	background: #ffffff;
	color: #000000;	
}

#playerHelp h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 11px 0;
	color: #ff6600;
	margin: 10px 0 10px 10px;
}

.playerHelpContent {
	width: 904px;
	float: left;
	border-top: #cccccc 1px solid;
	padding: 1px 0 0 0;
	margin: 0 10px 10px 10px;	
}

.playerHelpItem {
	width: 904px;
	float: left;
	padding: 9px 0 6px 0;	
}

.playerHelpItem.grey {
	background: #e5e5e5;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;		
}

.playerHelpItem .helpImg {
	width: 45px;
	height: 20px;
	overflow: hidden;
	margin: 5px 0 0 16px;
	float: left;
	background-image: url(../images/img_playerhelp_icons_ts20231006115502.gif);
}

.playerHelpItem #timeline.helpImg {
	background-position: 0px 0px;
}

.playerHelpItem #quicklinks.helpImg {
	background-position: 0px -20px;
}

.playerHelpItem #decisionbar.helpImg {
	background-position: 0px -40px;
}

.playerHelpItem #role.helpImg {
	background-position: 0px -60px;
}

.playerHelpItem #view.helpImg {
	background-position: 0px -80px;
}

.playerHelpItem #zoom.helpImg {
	background-position: 0px -100px;
}

.playerHelpItem #mute.helpImg {
	background-position: 0px -120px;
}

.playerHelpItem #lastnext.helpImg {
	background-position: 0px -140px;
}

.playerHelpItem .helpImg img {
	margin: 2% auto;
	width: 45px;
	height: 20px;	
}

.playerHelpItem .helpTxt {
	width: 828px;
	float: right;
}

.playerHelpItem .helpTxt p {
	font-size: 12px;
	line-height: 14px;		
}

.playerHelpItem .helpTxt p span.hint {
	font-weight: bold;	
}

/*player bar - btns*/

.playerBar .bar ul li a#inline {
    background-image: url(../images/icon_playerbar_help_ts20231006115502.gif);
}

.playerBar .bar ul li a#inline.close {
    width: 31px;
	height: 33px;	
    background-image: url(../images/icon_playerbar_close_ts20231006115502.gif);
	margin: -3px 0 0 0;
}

.playerBar .bar ul li button#quicklinkBtn {
    background-image: url(../images/icon_playerbar_quicklinks_ts20231006115502.gif);
}

.playerBar .bar ul li button#quicklinkBtn.open {
	width: 31px;
	height: 33px;	
    background-image: url(../images/icon_playerbar_close_ts20231006115502.gif);
}

.playerBar .bar ul li button, .playerBar .bar ul li button:focus {
	outline: none !important;
	border: none !important;
	-moz-outline: none;
}

.playerBar .bar ul li button#decisionBtn.close {
	background-image: url(../images/icon_playerbar_decision_ts20231006115502.gif);	
}

.playerBar .bar ul li button#decisionBtn.open {
	width: 31px;
	height: 33px;	
    background-image: url(../images/icon_playerbar_close_ts20231006115502.gif);
	margin: -3px 0 0 0;
}


.playerBar .bar ul li button#viewBtn {
	background-image: url(../images/icon_playerbar_view_ts20231006115502.gif);	
}

.playerBar .bar ul li button#roleBtn.close {
	background-image: url(../images/icon_playerbar_role_ts20231006115502.gif);	
}

.playerBar .bar ul li button#roleBtn.open {
	width: 31px;
	height: 33px;	
    background-image: url(../images/icon_playerbar_close_ts20231006115502.gif);
	margin: -3px 0 0 0;
}

.playerBar .bar ul li button#fullscreenBtn.fullscreenOff {
	background-image: url(../images/icon_playerbar_fullscreen_undo_ts20231006115502.gif);	
}

.playerBar .bar ul li button#fullscreenBtn.fullscreenOn {
	background-image: url(../images/icon_playerbar_fullscreen_ts20231006115502.gif);	
}

.playerBar .bar ul li button#volumeBtn.volumeOn {
	background-image: url(../images/icon_playerbar_volume_ts20231006115502.gif);	
}

.playerBar .bar ul li button#volumeBtn.volumeOff {
	background-image: url(../images/icon_playerbar_mute_ts20231006115502.gif);	
}


.playerBar .bar ul li button#backBtn {
	background-image: url(../images/icon_playerbar_event_back_ts20231006115502.gif);	
}

.playerBar .bar ul li button#rewindBtn {
	background-image: url(../images/icon_playerbar_rewind_ts20231006115502.gif);	
}

.playerBar .bar ul li button#playBtn.play {
	background-image: url(../images/icon_playerbar_play_ts20231006115502.gif);	
}

.playerBar .bar ul li button#playBtn.pause {
	background-image: url(../images/icon_playerbar_pause_ts20231006115502.gif);	
}

.playerBar .bar ul li button#forwardBtn {
	background-image: url(../images/icon_playerbar_forward_ts20231006115502.gif);	
}

.playerBar .bar ul li button#nextBtn {
	background-image: url(../images/icon_playerbar_event_next_ts20231006115502.gif);	
}



















/*player new design*/


#site.playerV2 {    
    overflow: hidden;
    position: relative;
}

#site.playerV2 div#bgPlayer {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;	
}

#header {
	position: relative;
	z-index: 500;
	background-color: #000000;
}

#wrapper.playerV2 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
    position: absolute;
	z-index: 2;
	text-align: center;
	background-image: none;
}

#wrapper.playerV2 table.box {
	width: auto;
	height: auto;
	text-align: center;
	vertical-align: middle;	
	margin: 0 auto;
}

#wrapper.playerV2 table td.top, #wrapper.playerV2 table td.bottom {
	height: 5px;	
}

#wrapper.playerV2 table td.left, #wrapper.playerV2 table td.right {
	width: 15px;	
}

#wrapper.playerV2 .playerV2Box table td.top, #wrapper.playerV2 .playerV2Box table td.bottom {
	height: 15px;	
}


#wrapper.playerV2 table td.player {
	width: auto;	
}

#wrapper.playerV2 table td.playerContainer {
	width: auto;
	text-align: center;	
}

#wrapper.playerV2 table td.playerContainer .playerV2Box {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #000000;
	display: inline-block;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px;
	position: relative;	
}


#wrapper.playerV2 table td.playerBox {
	display: inline-block;
	position: relative;	
}


#wrapper.playerV2 table td.playerbarBox {
	display: inline-block;
	position: relative;
	height: 20px;
	width: 100%;
}

#wrapper.playerV2 table td.playerBox .player {
	display: inline-block;
	position: relative;	
}

#wrapper.playerV2 table td.playerContainer .playerV2Box {
	display: inline-block;
	position: relative;	
}


#wrapper.playerV2 table td.playerBox .player #saboomPlayerBox {
	height: auto;
}

#saboom_flowplayer {
	height: 100%;	
	width: 100%;
	max-width: 1210px;
	max-height: 720px;
	min-width: 680px !important;
	min-height: 365px !important;	
}
#playerV2Bar {
	width: 100%;	
	height: 35px;
	background: #000000;		
	position: absolute;
	bottom: -15px;
	left: 0px;
	text-align: center;
}

#playerV2Bar table {
	width: 720px !important;
	height: 35px !important;
	margin: 0 auto;	
}

#playerV2Bar table td.controlsLeft {
	width: 190px;
}

#playerV2Bar table td.controlsRight {
	width: 100px;
}


#playerV2Bar table td.progressBarBox {
	width: 430px;
	position: relative;
}

#playerV2Bar table td.progressBarBox .progressBar {
	display: block;
    height: 35px;
	width: 430px;
    text-align: left;
	position: relative;
	bottom: 0px;

}

#playerV2Bar table td.progressBarBox .progressBar .cuepoint {
    background: transparent url(../images/icon_playerbar_cuepoint_ts20231006115502.png) no-repeat left top;
    height: 9px;
    position: absolute;
    top: 13px;
    width: 9px;
}


#playerV2Bar table td.controlsLeft ul {
	display: block;
	height: 35px;
	float: left;	
	
}

#playerV2Bar table td.controlsRight ul {
	display: block;
	height: 35px;
	float: right;	
	
}


#playerV2Bar table td ul li {
	float: left;
}


#playerV2Bar table td ul li button {
	width: 30px;
	height: 35px;
	background-image: url(../images/player/player_controls_ts20231006115502.gif);
	cursor: pointer;	
	border: none;
	float: left;
}

#playerV2Bar table td ul li a#inline {
	width: 30px;
	height: 35px;
	background-image: url(../images/player/player_controls_ts20231006115502.gif);
	background-position: -30px 0px;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
	float: left;
}

#playerV2Bar table td ul li a#inline span {
	display: none;	
}

#playerV2Bar table td ul li a#inline:hover {
	background-position: -30px 35px;
}


#playerV2Bar table td ul li button#quicklinkBtn.close {
	background-position: -60px 0px;
}

#playerV2Bar table td ul li button#quicklinkBtn.close:hover {
	background-position: -60px 35px;
}

#playerV2Bar table td ul li button#quicklinkBtn.open {
	background-position: 0px 0px;
}

#playerV2Bar table td ul li button#quicklinkBtn.open:hover {
	background-position: 0px 35px;
}

#playerV2Bar table td ul li button#decisionBtn {
	background-position: -90px 0px;
}

#playerV2Bar table td ul li button#decisionBtn:hover {
	background-position: -90px 35px;
}


#playerV2Bar table td ul li button#roleBtn {
	background-position: -120px 0px;
}

#playerV2Bar table td ul li button#roleBtn:hover {
	background-position: -120px 35px;
}


#playerV2Bar table td ul li button#fullscreenBtn.fullscreenOff {
	background-position: -150px 0px;
}

#playerV2Bar table td ul li button#fullscreenBtn.fullscreenOff:hover {
	background-position: -150px 35px;
}

#playerV2Bar table td ul li button#fullscreenBtn.fullscreenOn {
	background-position: -180px 0px;
}

#playerV2Bar table td ul li button#fullscreenBtn.fullscreenOn:hover {
	background-position: -180px 35px;
}


#playerV2Bar table td ul li button#volumeBtn.volumeOn {
	background-position: -270px 0px;
}

#playerV2Bar table td ul li button#volumeBtn.volumeOn:hover {
	background-position: -270px 35px;
}

#playerV2Bar table td ul li button#volumeBtn.volumeOff {
	background-position: -240px 0px;
}

#playerV2Bar table td ul li button#volumeBtn.volumeOff:hover {
	background-position: -240px 35px;
}

#playerV2Bar table td ul li button#backBtn {
	background-position: -360px 0px;
}

#playerV2Bar table td ul li button#backBtn:hover {
	background-position: -360px 35px;
}


#playerV2Bar table td ul li button#playBtn.play {
	background-position: -300px 0px;
}

#playerV2Bar table td ul li button#playBtn.play:hover {
	background-position: -300px 35px;
}

#playerV2Bar table td ul li button#playBtn.pause {
	background-position: -330px 0px;
}

#playerV2Bar table td ul li button#playBtn.pause:hover {
	background-position: -330px 35px;
}

#playerV2Bar table td ul li button#nextBtn {
	background-position: -390px 0px;
}

#playerV2Bar table td ul li button#nextBtn:hover {
	background-position: -390px 35px;
}

#playerV2Bar table td ul li button.disabled {
    cursor: default;
    opacity: 0.4;	
}

#playerV2Bar table td ul li button#quicklinkBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -60px 0px;
}

#playerV2Bar table td ul li button#decisionBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -90px 0px;
}


#playerV2Bar table td ul li button#roleBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -120px 0px;
}


#playerV2Bar table td ul li button#fullscreenBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -150px 0px;
}


#playerV2Bar table td ul li button#volumeBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -270px 0px;
}


#playerV2Bar table td ul li button#backBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -360px 0px;
}


#playerV2Bar table td ul li button#playBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -300px 0px;
}


#playerV2Bar table td ul li button#nextBtn.disabled:hover {
    cursor: default;
    opacity: 0.4;
	background-position: -390px 0px;
}



#wrapper.playerV2 p.wmV2 {
	color: #999999;
    font-size: 9px;
    bottom: -10px;
	right: 0px;	
	position: absolute;
	width: 200px;
	height: 11px;
	text-align: right;
}

.playerV2Box .ui-widget-content {
	background: url(../images/player/bg_progressbar_white_ts20231006115502.png) repeat-x scroll 50% 50% transparent;
}

.playerV2Box .ui-widget-header {
    background: url(../images/player/bg_progressbar_grey_ts20231006115502.png) repeat-x scroll left 50% transparent;
}

.playerV2Box .ui-progressbar .ui-progressbar-value {
    margin: 0 0px;
}

.fskBoxV2 {
	width: 100%;
	height: 110px;
	display: block;
	position: absolute;
	bottom: 35px;
	left: 0px;
	z-index: 111;	
}

.fskBoxV2 .fsk16show {
	background: none !important; 
}


.playerV2Box #quicklinkBox {
	bottom: 35px;
}

/*mens weekend*/

.menweSelection {
	width: 100%;
	height: 100%;
}

.menweSelection table {
	width: 100%;
	height: 100%;	
}

.menweSelection table td {
	width: 33%;
	height: 100%;
	cursor: pointer;	
}

/*ass company*/

.assSelection {
	width: 100%;
	height: 100%;	
}

.assSelection table {
	width: 100%;
	height: 100%;	
}

#mode.assSelection table td {
	height: 100%;	
}

#mode.assSelection table td.left, #mode.assSelection table td.right {
	width: 40%;
	cursor: pointer;
}

#mode.assSelection table td.middle {
	width: 20%;
}

#role.assSelection table td.tLeft {
	width: 37%;
	height: 70%;
	cursor: pointer;	
}

#role.assSelection table td.tMiddle {
	width: 30%;
	height: 70%;
	cursor: pointer;	
}

#role.assSelection table td.tRight {
	width: 33%;
	height: 70%;
	cursor: pointer;	
}

#role.assSelection table td.bLeft, #role.assSelection table td.bMiddle, #role.assSelection table td.bRight {
	height: 30%;	
}

#role.assSelection table td.bLeft {
	width: 55%;
}

#role.assSelection table td.bMiddle {
	width: 25%;
	cursor: pointer;
}

#role.assSelection table td.bRight {
	width: 20%;	
}


#characterSelection.assSelection table td.tLeft, #characterSelection.assSelection table td.tMiddle, #characterSelection.assSelection table td.tRight {
	height: 50%;
}

#characterSelection.assSelection table td.tLeft {
	width: 35%;
}

#characterSelection.assSelection table td.tMiddle {
	width: 30%;
	cursor: pointer;
}

#characterSelection.assSelection table td.tRight {
	width: 35%;
	cursor: pointer;
}

#characterSelection.assSelection table td.bTMiddle, #characterSelection.assSelection table td.bTRight {
	height: 50%;
	cursor: pointer;	
}

#characterSelection.assSelection table td.bTLeft {
	width: 35%;
	height: 25%;	
}

#characterSelection.assSelection table td.bTMiddle {
	width: 30%;	
}

#characterSelection.assSelection table td.bTRight {
	width: 35%;
}

#characterSelection.assSelection table td.bBLeft {
	width: 35%;
	height: 25%;
	cursor: pointer;
}




#quickStory.assSelection table td.tLeft, #quickStory.assSelection table td.tMiddle, #quickStory.assSelection table td.tRight {
	height: 50%;
}

#quickStory.assSelection table td.tLeft {
	width: 35%;
}


#quickStory.assSelection table td.tMiddle {
	width: 30%;
	cursor: pointer;
}

#quickStory.assSelection table td.tRight {
	width: 35%;
	cursor: pointer;
}

#quickStory.assSelection table td.bTLeft {
	width: 35%;
	height: 25%;	
}

#quickStory.assSelection table td.bBLeft {
	width: 40%;
	height: 25%;
	cursor: pointer;
}

#quickStory.assSelection table td.bMiddle {
	width: 10%;
}

#quickStory.assSelection table td.bRight {
	width: 30%;
	cursor: pointer;
}


#quickStory.assSelection table td.bBorder {
	width: 20%;
}


#roleGirl.assSelection table td.top {
	height: 12% !important;
}

#roleGirl.assSelection table td.middle {
	height: 58% !important;
	cursor: pointer;
}

#roleGirl.assSelection table td.girl1 {
	width: 25%;
}

#roleGirl.assSelection table td.girl2 {
	width: 23%;
}

#roleGirl.assSelection table td.girl3 {
	width: 24%;
}

#roleGirl.assSelection table td.girl4 {
	width: 28%;
}

#roleGirl.assSelection table td.bottom {
	height: 30% !important;
}


#role.assSelection table td.sec {
	height: 30%;
}

#quickStory.assSelection table td.sec {
	height: 50%;
}

#characterSelection.assSelection table td.sec {
	height: 50%;
}





/*zwischendiv fuer coinkaufloesung special for storyshows*/
#payDivCoins {
	width: 900px;
	height: 375px;
    background: url(../images/bg_paystorycoin_ts20231006115502.png) no-repeat 0 0 transparent;
	position: relative;
	color: #000;
}
#payDivCoins .img {
	position: absolute;
	top: 115px;
	left: 63px;
	width: 304px;
	height: 171px;
}
#payDivCoins .message {
	position: absolute;
	top: 113px;
	left: 424px;
	width: 460px;
}
#payDivCoins .message .text1 {
	font-size: 22px;
	font-weight: bold;
	display: block;
	line-height: normal;
}
#payDivCoins .message .name {
	font-size: 32px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
	line-height: normal;
}
#payDivCoins .message .text2 {
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	display: block;
}
#payDivCoins .button {
	position: absolute;
	top: 243px;
	left: 426px;
	width: 270px;
	height: 37px;
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 37px;
}
#payDivCoins .button span {
	font-size: 13px;
}