html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 11px Tahoma;
}

#player {
	padding: 5px;
	height: calc(100% - 53px);
	width: -moz-available;
}

#wrapper {
	position: absolute;
	width: 100%;
	height: inherit;
	min-width: 460px;
	min-height: 385px;
}

#photos, #galleria {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 54px;
}

#bottom {
	position: absolute;
	left: 0;
	right: 0;
	height: 30px;
	bottom: 0;
	text-align: right;
	background-color: buttonface;
	padding: 10px 0 4px;
}

#buttonClose {
	position: absolute;
	left: 50%;
	margin-left: -39px;
}

#buttonPrint, #buttonSave {
	margin-right: 5px;
}

#tabcontent > a {
	display: none;
}

.noPhoto {
	background-image: url("/winner6/img/noimage.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: inherit;
	width: inherit;
}

.noVideo {
	background-image: url("/winner6/img/no_video_big.png");
	background-repeat: no-repeat;
	background-position: center;
	height: inherit;
	width: inherit;
}

.bottomNoPhoto > a {
	display: none;
} 

@media print {
	#bottom {
		display: none;
	}
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
	border: none;
	display: flex;
	padding: 0px 3px 0px 3px;
	font-size: 14px;
	justify-content: center;
}

div.tab div {
    padding: 5px 16px;
}

/* Style the buttons inside the tab */
div.tab button {
	width: 100%;
    outline: none;
    cursor: pointer;
    padding: 2px 16px;
    transition: 0.3s;
    font-size: 14px;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	background-color: #DDDDDD;
    border-color: #808080 #a4a09a -moz-use-text-color #808080;
    border-image: none;
    border-radius: 2px 3px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    margin-top: 4px;
    min-width: 202px;
    position: relative;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #AAA;
}

/* Create an active/current tablink class */
div.tab button.active {
	
	background: buttonface none repeat scroll 0 0;
    /*background-color: white;*/
}

/* Style the tab content */
.tabcontent {
	height:  calc(100% - 29px);
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.openYoutubeDiv {
	width: -moz-fit-content;
	margin: auto;
	padding-top: 170px;
}

.openYoutubeDiv > a {
	font-size: xx-large;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}