/*
 CSS for layers in view.php
 */
#marquee {
	color: lightgray;
	overflow: hidden;	
	height: 30px;
	width: 100%;
}
.marquee_message {
	margin-right: 320px;
	float: left;
	font-size: 18px;
}
#dock-container, #news-container {
	text-align: center;
}
#news-container {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
}
#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7, #sec8, #sec9, #sec10, #sec11, #sec12, #sec13 {
	display: none;
}
#close_session_link, #user_info {
	font-size:18px;
	text-decoration: none;
	color: white;
}
#bar-over-marquee {	
	width: 100%;
	height: 36px;
}
#user_bar {	
	color: white;
	float: right;	
	text-align: right;
}
#logo-oe {
	position: absolute;
	top: 25px;
	left: 10px;
}
#logo-oe img {
	width: 180px;
	height: 41px;
}
#logo-espacio-onda {
	position: absolute;
	top: 20px;
	right: 10px;
}
#logo-espacio-onda img {
	width: 115px;
}
#close_session {
	padding-top: 5px;
}
#flash-container {
	width: 100%;
	height: 100%;
	position: fixed;
}
#flash-container-window iframe {
	border: 0;

}
#flash-container-window {
	z-index: 1001;
	position: relative;
	top: 2%;
	width: 90%;
	height: 90%;
}
#forbidden_rotation p, #connection_lost p, #please_rotate p, #please_rotate div {	
	text-align: center;
	font-weight: bolder;
	text-shadow: 1px 1px black;
}
#loading-banner {
	width: 400px;
	overflow: hidden;
}
#stop_pointer_events > div {
	margin: 0 auto;
	width: 100px;
	height: 100px;
}
#stop_pointer_events img {
	width: 100%;
	height: 100%;
}
.tip {
	width: 100%;
	display: none;
	position: fixed;
	background-color: rgba(253,255, 154, 0.9);
	text-align: center;
	z-index: 99999;
	bottom: 0;
	max-height: 65px;
}
.tip button {
	margin: 10px;
	font-size: 50%;	
	padding: 10px;
	border-width: 0; 
	background-color: lightblue;	
}
.tip div {	
	float: left;
}
.tip-content { 
	margin-top: 10px; 
	max-height: 45px;
	overflow-x: hidden;
	overflow-y: auto;	
}
.tip-button1 { width: 100px; }
.tip-button1 button { cursor: pointer; }
.tip-button2 { width: 50px; margin: 10px auto;}
#overlay-message {
	text-align: center;
	font-family: 'Poiret One', verdana;
	font-size: 150%;
	color: white;
}
.please_rotate_icons, .forbidden_old_instances_icons, .forbidden_rotation_icons, .connection_lost_icons {
	margin: 0 auto;
}
.please_rotate_icon {
	float: left;
}
.please_rotate_message {
	width: 100%;
	clear: both;
}
#legal-terms, #copy-info {
	width: 100%;
	text-align: center;
	font-size: 75%;
	font-family: 'Poiret One', verdana;
	font-weight: bolder;
	color: white;
	clear: both;		
}
#renovate-licenses {
	display: none;
}