body {
	font-family: Arial;
	
	background-color: #010a16;
	background-image: url('verho.jpg');
	background-repeat: repeat-x;
	color: black;
}

h1, #osoite {
	color: #ffba00;
}

form { margin:0; padding:0; width:100%; float:left;  }
legend { padding-bottom:5px; font-size:24px; color:#ffba00; }
fieldset {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
form.spacedform div { padding:10px 0; float:left; display:inline; width:100%; }
label { float:left; display:inline; width:140px; line-height:2; margin-right:20px; text-align:right; } 
input, textarea { float:left; display:inline; width:350px;  border:1px solid #999999; padding:3px; font-size:12px; background:#ffffff; font-family:Arial,Helvetica,sans-serif;  } 
textarea { overflow:auto; }
input[type="checkbox"] { width:auto; float:left; display:inline; } 

input.button { border:none; width:auto; margin-left:160px; text-transform:uppercase; color:#ffffff; background:#ffba00; padding:4px 6px; cursor:pointer; }
input:focus, textarea:focus, input.invalid:focus, textarea.invalid:focus { border:1px solid #000000; background:#eeeeee; }
input.invalid, textarea.invalid { border:1px solid #FF0000;}

form span { float:left; display:inline; margin:0 15px 0 5px; }
form strong { color:#ffba00 }
form div:last-of-type { padding-bottom:0; }
/*
Protoform message & error customizations
*/
.protoform-message { float:left; width:100%; margin-bottom:10px; }
/* ul.error */
.protoform-message ul { border-top:1px solid #eeeeee; margin:5px 0 0 0; padding:5px 0 0 0; } 
.protoform-message ul li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #eeeeee; }
.protoform-message p.working { float:left; padding:20px 20px 20px 30px; background:url(loading.gif) no-repeat left center;}

button.submit {margin-top: 1em; width: 100%; display:block;}

h1.logo {
	font-size: 80px;
	display:block;
	width: 400px;
	float: left;
	margin: 20px 0;
}

#fb {
	width: 100px;
	float: right;
	margin-top: 40px;
	margin-top: 20px;
}

#logot {
	float: right;
	margin-top: 30px;
}

#logot2 {
    height: 120px;
    left: 50%;
    margin-left: -88px;
    position: absolute;
    top: 31px;
    width: 200px;
}

#osoite {
	float: left;
	font-size: 0.9em;
	margin-top: 23px;
	width: 230px;
}

#osoite0 {
	width: 100%;
	clear:both;
	margin-top: -50px;
	margin-left:0;
	color: #777;
}

#osoitea li {
	display: inline;
	float: left;
	margin-left: 30px;
}

#osoitea li:before {
	content: '•';
	font-size: 2em;
	vertical-align:-15%;
	margin-right: 30px;
}

#osoitea li:first-child:before {
	
	display:hidden;
}

#osoitea li:first-child, #osoite ul{
	margin-left:0;
	padding-left: 0;
}


#osoite ul, #osoite li {
	list-style-type: circle;
	list-style-type: none;
	}


.orangebox h1, #widebox h1 {
	color: black;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#nav, #timetables, #timetables table, .widebox {
	width: 100%;
	margin-bottom: 5px;
}

.widebox {
	padding: 10px 40px;
	width: 880px;
	clear: both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bluebox {
	background: url("siniliuku.png");
	color: white;
}

#nav {
	height: 60px;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
}

#nav a {
	color: black;
	text-decoration: none;
	padding: 18px 18px;
	display: block;
	float: left;
}

#nav a:hover {
	text-decoration: underline;
	background: #ffd200;
}

.orangebox, #nav {
	background: #ffba00;
}

tr.ylin td {
	background: #dacd01;
	font-weight: bold;
}

.leffanimi {
	font-weight: bold;
	height: 3em;
	padding: 0 20px 0 0;
}


.aikataulu {
	border-collapse: separate;
	border-spacing: 4px;
	clear: both;
}

#timetables {
	width: 968px;
	margin-left: -4px;
}

td {
	background-color: #eda005;
	background-image:url('variliuku.png');
	padding: 9px 8px;
	text-align: center;	
	background-repeat: repeat-x;
	transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;    /* FF3.7+ */
	-o-transition: background-color 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: background-color 0.3s linear; /* Saf3.2+, Chrome */
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.moviebox {
	width: 300px;
	margin-left: 30px;
	float: left;
	background-color: #00192e;
	background-image: url('siniliuku.png');
	background-repeat: repeat-x;
	color: white;
	height: 510px;
	transition: height 0.5s linear;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	border-top: 1px solid #AAAAEE;
	transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;    /* FF3.7+ */
	-o-transition: background-color 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: background-color 0.3s linear; /* Saf3.2+, Chrome */

}

.moviebox:hover {
	background: #022746;
}

.moviebox:hover .info3d img {
	margin-top: -5px;
}

#movies {
	margin-top: 30px;
}

.nomargin {
	margin-left: 0;
}


.moviecontent {
	width: 260px;
	padding: 10px 20px;
}

.infopart {
	display: block;
	width: 120px;
	font-weight: bold;
	float: left;
	clear: both;
}

.shortpart {
	width: 60px;
}

.value {
	clear: both;
}

.value a {
	color: #ffba00;
}

.value a:hover {
	text-decoration: none;
	color: white;
}

#content a {
	color: #ffba00;
	font-weight: bold;
}

#content a:hover {
	color: #1a5f99;
}

.tutustu {
	display: block;
	width: 275px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffba00;
	color: #00192e;
	font-size: 1.2em;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	background-image: url('img/nuoli.png');
	background-repeat: no-repeat;
	background-position: 245px 15px;
	border-left: 1px solid #EEEEAA;
	border-top: 1px solid #EEEEAA;
	
	transition: background-position 0.3s linear;
	-moz-transition: background-position 0.3s linear;    /* FF3.7+ */
	-o-transition: background-position 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: background-position 0.3s linear; /* Saf3.2+, Chrome */
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.varausbox input.submitReservation {
	height: 3em;
	background-color: #ffba00;
	color: #00192e;
	font-size: 1.2em;
	text-decoration: none;
	background-image: url('img/nuoli.png');
	background-repeat: no-repeat;
	background-position: 89% 50%;
	border-left: 1px solid #EEEEAA;
	border-top: 1px solid #EEEEAA;
	
	transition: background-position 0.3s linear;
	-moz-transition: background-position 0.3s linear;    /* FF3.7+ */
	-o-transition: background-position 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: background-position 0.3s linear; /* Saf3.2+, Chrome */
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.tutustu:hover, .varausbox input.submitReservation:hover {
	background-color: #1a5f99;
	background-image: url('img/nuoliv.png');
	background-repeat: no-repeat;
	color: white;
	background-position: 250px 15px;
	cursor: pointer;
}
.varausbox input.submitReservation:hover {
	background-position: 90% 50%;
}
.moviebox button {
	width: 100% !important;
}
button.tutustu { padding-left: 0; }

#content .tutustu {
	position: relative;
	color: #00192e;
}

#content .tutustu:hover {
	color: white;
}

.valilehti {
	color: black;
	background: rgba(255, 186, 0, 0.52);
	text-decoration: none;
	display: block;
	float: left;
	height: 20px;
	padding: 5px 30px;
	font-size: 0.8em;
	margin-right: 4px;
	margin-top: 20px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.current {
	background: #ffba00;
	color: black;
	font-weight: bold;
}

.valilehti:hover {
	background: yellow;
	color: black;
}

.leffanimi {
	width: 200px;
	text-align:left;
	padding-left: 20px;
	
	color: black;
	}
	
.sali {
	width: 10px;
	}
	
.info3d {
	margin-top: -30px;
	height:50px;
}

.info3d img {
	vertical-align: -50%;
	transition: margin-top 0.3s linear;
	-moz-transition: margin-top 0.3s linear;    /* FF3.7+ */
	-o-transition: margin-top 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: margin-top 0.3s linear; /* Saf3.2+, Chrome */
}

.info3d span {
	margin-left: 20px;
	color: #1a5f99;
}

#content {
	background-color: #00192e;
	background-image: url('siniliuku.png');
	background-repeat: repeat-x;
	background-position: 0 -100px;
	padding: 50px;
	color: white;
}

#content p, #content ul {
	line-height: 1.5em;
}

#content.history p, #content.history ul {
	line-height: 1.8em;
}


.huomautus {
	background: white;
	background: #36546e;
	padding: 25px;
	border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 2em 0;
}

h3 {
	background: #36546e;
	display:block;
	padding: 15px;
}



.agebox {
	width: 200px;
	margin: 10px 30px;
	float: left;
}

.agebox h4 {
	font-size: 5em;
	color: #DDD;
	margin: 0;
	padding: 0;
}

.linkpage ul, .linkpage ul li{
	list-style-type: none;
	margin:0;
	padding: 0;
}

.viikko {
	font-size: 2em;
}

.viikko span {
	display: block;
	width: 300px;
}

#logo {
	width:481px;
	height: 139px;
	background: url('logo.png');
	float:left;
	margin-left: -35px;
}

.biostara #logo, .biostara #logop {
	background-image: url('stara/biostaralogo.png');
}

#keskilogo {
	width:194px;
	height: 70px;
	background: url('xpandp2.png');
	position: absolute;
	left: 50%;
	top: 31px;
	margin-left: -15px;
}

#logop {
	width:346px;
	height: 110px;
	background: url('logop.png');
	background-repeat: no-repeat;
	float:left;
	margin-left: -35px;
	position:relative;
}

#jannap {
	position:relative;
	width:346px;
	height: 110px;
	background: url('jannap.png');
	background-repeat: no-repeat;
	float:right;
	margin-left: -35px;
}

#biokuva {
	position:relative;
	width:161px;
	height: 70px;
	background: url('stara/biokuva.png');
	background-repeat: no-repeat;
	float:right;
	margin-left: -35px;
	margin-top: 30px;
	margin-right: 30px;
}

.paimionkino #logo {
	width: 346px;
	height: 93px;
	margin-left: 0px;
	margin-right: 20px;
	background-image: url('stara/biostaralogo.png');
}

.paimionkino #logop {
	margin-left: 0;
	background-image: url('stara/biostaralogo.png');
}

.paimionkino #osoite {margin-top: 6px; }
.paimionkino #logot { margin-top: 12px; }

.aika, .sali {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	padding:0;
	width: 95px;
}

.sali {
	width: 30px;
}

.short {
	height: auto;
}

.longinfo {
	width: 450px;
	float: left;
}

#content .moviebox {
	float: right;
}

.traileri div, .traileri object {
	margin: 0 auto;
	margin-top: 100px;
	display: block !important;
}

#wrapper.nonav  {
	text-align: center;
}

.traileri { margin-bottom: 2em; }

.nonav a {
	color: #BBB;
}

.nonav a:hover {
	color:white;
	text-decoration: none;
}

.tutustubox {
	display: block;
	width: 275px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffba00;
	color: #00192e;
	font-size: 1.2em;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	background-image: url('img/nuoli.png');
	background-repeat: no-repeat;
	background-position: 245px 15px;
	border-left: 1px solid #EEEEAA;
	border-top: 1px solid #EEEEAA;
}

.tutustulink {
	color: #00192e;
}

.tutustulink:hover {
	text-decoration: none;
}



#logot img {
	float: left;
	margin-right: 5px;
}

.kuvat {
	width: 100%;
	clear: both;
	margin: 0 auto;
}

.kuvaboksi_ent {
	width: 230px;
	float: left;
	margin: 20px;
	height: 240px;
}

.kuvaboksi_ent img {
	margin-bottom: 0.5em;
}

.korkea {
	height: auto;
}

.col1, .col2 {
	width: 45%;
	float: left;
}

.col1 {
	margin-right: 5%;
}

.paiva {
	font-size: 1.5em;
	padding:0;
	position: relative;
}

.trailerlink {
	color: #FFBA00;
	font-weight: bold;
}

.isohuomio {
	background-color: #FFBA00;
	background-image: url('huom.png');
	background-repeat: no-repeat;
	clear: both;
	padding: 20px;
	background-position-y: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.isohuomio p {
	margin: 0;
	padding: 0;
	margin-left: 50px;
}

.peruskuva, .leveakuva, .kuvaboksi {
	float: left;
	margin: 0;
	padding: 0;
	width: 425px;
	position: relative;
	margin-bottom: 5px;
}

.leveakuva {
	width: 850px;
}

.kuvaboksi  {
	width: 263px;
}

.peruskuva img, .leveakuva img, .kuvaboksi img {
	margin: 0;
	padding: 0;
}

.peruskuva p, .leveakuva p, .kuvaboksi p {
	display: block;
	height: 20px;
	width: 100%;
	margin: 0;
	padding: 5px;
	bbackground: black;
	position: absolute;
	bottom: 0;
	transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;    /* FF3.7+ */
	-o-transition: background-color 0.3s linear;      /* Opera 10.5 */
	-webkit-transition: background-color 0.3s linear; /* Saf3.2+, Chrome */
}


.peruskuva:hover p , .leveakuva:hover p {
	background: #FFBA00;
}

.bloginfo {
	font-size: smaller;
}

.bloginfo a {
	color: black;
	font-weight: bold;
}

.bloginfo a:hover {
	text-decoration: none;
}

.blogpost {
	padding: 25px;
	margin: 25px 0;
	background: #062f52;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


@media screen and (max-width: 1280px) {
	td { padding: 5px; }
	.paiva { font-size: 1.2em; }
	.aika, .sali { font-size: 1em; }
	.leffanimi { font-size: 0.9em; }
	.viikko { font-size: 1.3em; }
	.isohuomio { padding: 15px; }
	.moviebox { height: 460px; }
	.widebox { padding: 10px 20px; width: 920px; }
}

.moviebox h3 {
	background: transparent;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

.kuvaboksi img {
	margin-bottom: 25px;
}

.sisaltosymboli {
	vertical-align: center;
	float:left;
	width: 20%;
	margin-right: 20px;
}

#osoitepalkki, .mobileosoite {
	color: #FFBA00;
	text-align: center;
	margin-bottom: 5px;
	font-family: 'Open Sans Condensed',sans-serif;
    font-size: 18px;
}

#osoitepalkki span { margin: 0 6px; }

.varausbox, .varausinfo, .reservationdetails, .messagebox {
display: none;
height: 500px;
height: auto;
width: 600px;
padding: 10px;
margin: 0 auto;
background-color: #00192e;
background-image: url('siniliuku.png');
background-repeat: repeat-x;
position: absolute;
top: 50px;
left: 50%;
margin-left: -300px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
z-index: 50;
}
.messagebox {
	background: white;
}
.messagebox h3 {
	color: #FFF;
}
.messagebox p {
	color: #333;
}

.varausinfo p {
	text-align:left !important;
	padding: 10px !important;
}


.varausbox h1, .varausbox h2, .varausinfo h1, .varausinfo h2, .reservationdetails h1, .reservationdetails h2 {
	color: white;
	text-align: center;
	border-bottom: 1px;
}

.varausbox table, .varausinfo table, .reservationdetails table { width: 100%; }
.varausbox > p, .varausinfo > p, .reservationdetails > p, #reservationform > p  { margin: 0; padding: 0; color: white; text-align: center; margin-bottom: 1em;}
.varausbox select { float: right; }
.varausbox td p, .varausinfo td p, .reservationdetails td p { color: black; }
.varausbox input { width: 100%; height: 2em;}
.varausbox select { width: 90%; margin: 0 auto; }
.varaustaulukko td strong { color: black !important; }
.isohuomio.matala {
    background-position-y: -3px;
}

.osoite {
    bottom: 0;
    color: white;
    display: block;
    position: absolute;
    text-align: center;
	font-weight: bold;
    width: 100%;
}

.halfside { width: 40%; margin: 0 3%; float: left; }

.modalback {
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(black, transparent);
	height: 1500px;
	width: 100%;
	z-index: 10;
	display: none;
}

.hideOverflow { overflow: hidden; }
.reservationDone {
	display: none;
	background: #36546e;
	width: 400px;
	height: 100px;
	border-radius: 5px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -200px;
	z-index: 70;
}

.loginbut {
	width: 216px;
	height: 78px;
	margin-left: -108px;
	position: absolute;
	top: -25px;
	left: 50%;
	background-image: url('lipunvaraus.png');
	transition: top 0.5s ease;
	z-index: 2;
}

.loginbut:hover {
	background-position: 216px 0;
	top: -30px;
}

.loginbox {
	background: url('variliuku.png') repeat-x scroll 0 0 #eda005;
	border-radius: 3px;
	display: none;
	font-family: 'Open Sans Condensed',sans-serif;
	color: #443922;
}
.vali {margin: 0 !important; }
.loginbox.open { display: block; }

.loginbox h2 {     color: #241B0A;
    margin-bottom: 4px;
    margin-left: 3px;
    margin-top: 3px;}
.loginbox p { margin-left: 3px; }
.loginbox a { color: #443922; }
.loginbox a:hover { color: black; }

.overTop { top: -90px; }
.overTop:hover {top: -90px !important; }


.loginbox form, .loginbox div { padding: 15px; }

.loginbox span { display: inline-block; }
.loginbox input { display: inline-block; width: 240px; }
.loginbox form, .loginbox input, .loginbox span { float: none; }
.logoarea { position: relative; }
.welcome h2, .welcome p { margin: 0; }
.welcome p { font-weight: normal; }
span.logout { float: right; }
table.reservationstable { width: 100%; margin-top: 5px;}
.reservationstable td { background: rgba(255,255,255,0.5); padding: 2px 8px;}
.esityspaikka_mobile {display: none;}
.isohuomio, .moviecontent, .readmore {position: relative; }
.info-luelisaa {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    padding: 15px;
    width: 200px;
    height: auto;
    border-radius: 10px 10px 0 0;
    text-align: center;
    background: yellow;
    color: black;
}
.fullinfo .info-luelisaa {
	display: none !important; 
}
.timetables_inner {
	position:relative;
}
.selaa-symbol {
	display: none;
	width: 110px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	background: yellow;
	border-radius: 10px 0 0 10px;
	background-image: url('img/selaa.png');
	background-repeat: no-repeat;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	padding: 5px;
	z-index: 99;
	background-position: center;
}
#timetables {clear: both; }
@media screen and (min-width: 768px) {
	.aikataulu tr:hover td {
		background: yellow;
	}
}
.mobileheader { display: none; width: 100%; }
.mobileheader img { width: 100%; }
.mobileosoite {display: none;color: white;margin-top:-20px;}
.logoarea .mobileosoite {margin-top:-50px;}
@media screen and (max-width: 500px) {
	.logoarea { display: none; }
	.mobileheader { display: block; }	
	#biokuva { display: none; }

}
@media screen and (max-width: 768px) {
		.mobileosoite {display: block;}
		#mobilespacer {clear: both;}
	#wrapper { width: 100%; }
	.moviebox, .moviebox.nomargin {
		float: none;
		margin: 10px auto;
		width: 100%;
		height: auto;
	}
	.esityspaikka_mobile {display: box;}
	.esityspaikka_full {display: none;}
	.moviebox img {width: 100%; height: auto;}
	.moviecontent {
		width: 80%;
		padding: 17px 0 69px 8%;
	}
	.longinfo {width: 93%;}
	.tutustu {
		width: 93%;
		padding: 3%;
		background-position: 90% 50%;
	}
	.tutustu:hover {
		background-position: 91% 50%;
	}
	.info3d img {width: auto;}
	.readmore {
		overflow: hidden;
	}
	.readmore p {
		max-height: 100px;
		transition: max-height 0.5s ease;
	}
	.readmore p.fullheight {
		max-height: 2000px;
	}
	
	#logop { margin: 0; float: none; width: 100%; 
	    height: auto;
		background-size: contain;
		padding-bottom: 29%;
		margin-bottom: 11px;
		}
	#keskilogo, #logot2, #biokuva {
		float: left;
		position: static;
		margin: 0;
		height: 14vw;
		background-size:contain;
		width: auto;
		background-repeat: no-repeat;
	}
	.osoite {display: none;}
	#biokuva {padding-right: 39%;}
	#keskilogo {padding-right: 46%;}
	#logot2 img {height: 100%; width: auto;}
	#nav {height: auto; overflow: hidden;}
	
	#timetables {width: 100%;overflow: hidden;}
	
	atable.aikataulu {
	  table-layout: fixed; 
	  width: auto;
	  *margin-left: -100px;/*ie7*/
	}
	.aaikataulu td, .aikataulu th {
	  vertical-align: top;
	  padding:10px;
	  width:60px;
	}
	.aikataulu tr {
		height: 50px;
	}
	.aikataulu td {
		height: 30px !important;
	}
	.aleffanimi {
	  position:absolute;
	  *position: relative; /*ie7*/
	  left:0; 
	  width:153px !important;
	  height: 2em;
	  vertical-align: middle;
	}
	.atimetables {position:relative}
	.aaikataulut_inner {
	  overflow-x:scroll;
	  overflow-y:visible;
	  width:auto; 
	  margin-left:165px;
	}
	
	.aikataulut_inner {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.aikataulu {
		width: 1000px;
	}
	
	.leffanimi {
		
		font-weight: normal;
		overflow: hidden;
		background: #efa613;
	}
	.leveakuva {width: 100% !important; }
	.peruskuva, .leveakuva, .kuvaboksi {
		float: none !important;
		clear: both !important;
		width: 100% !important;
		}
	.widebox {width: 80%; padding: 10px; }
	.peruskuva img, .leveakuva img, .kuvaboksi img {
		width: 100% !important;
	}
	.sisaltosymboli {
		width: 40% !important;
	}
	.sisaltosymboli span { display: block; }
	.sisaltosymboli img {
		max-width: 100% !important;
	}
	label { text-align: left; }
	input, textarea {
		width: 100% !important;
	}
	input.button {margin-left: 0; }
	#osoitepalkki span {display: block; }
	span.vali {display: none !important; }
	#nav a { padding: 15px 11px; }
	#fb {
		margin-top: 16px;
		margin-right: 13px;
	}
	.info-luelisaa { display: block; }
	.selaa-symbol { display: block; }
	.col1, .col2 {
		float: none;
		clear: both;
		width: 100%;
	}
	
}

hra {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
    margin: 15px 47px;
}

hr {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);
	margin: 15px 47px;
}
hr:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
#timetables {margin-bottom: -5px; }
.past {
	color: #9e7d1d;
	background: #b98e14;
	cursor: not-allowed;
}
.premiere {
	background-image:url('img/tahdet.png') !important;
	background-position: 50% 50%;
}

/* Tooltip container */
.tooltip {
    position: relative;
    /*display: inline-block;*/
    text-decoration:underline;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext {
    width: 100px;
    bottom: 100%;
    left: 50%;
    margin-left: -50px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
#check_seats_result, #check_seats_progress {
    text-align: center;
    color: white;
    margin: 10px auto;
    width: 50%;
}
#check_seats_outerbar {
	position: relative;
	height: 10px;
	background: red;
}
#check_seats_bar {
	height: 100%;
	background: green;
	width: 0;
}
.auth_logout {
	color: white;
	text-align: center;
	display: block;
	margin: 10px;
}
td.reserved {
	color: #839e00;
	background: yellow;
	padding: 3px !important;
	text-align: center;
}
.reserved .infoLabel {
	font-weight: normal;
	font-size: 10px;
	display:block;
}
.ajanvaraustab {
	background-color: #1a5f99;
	color: white;
	font-size: 15px;
	font-weight: bold;
	margin-left: 0px;
	padding: 15px 75px 9px 75px;
}

a.showauth { color: white; }
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.moviebox.expanded {
	height: auto !important;
}

.updateinfo {
	float: right;
	color: #dacd0170;
	margin-top: 36px;
}

.tanaanbox {
	position: absolute;
	color: #000000c9;
	margin-left: -50px;
	width: 100px;
	background: #dacd01;
	top: -44px;
	padding: 10px 0;
	border-radius: 5px;
	left: 50%;
	font-size: 15px;
}

.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #dacd01;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -9px;
}

.aikataulut_inner {
	position:relative;
}
#moviesTable {
	width: 249px !important;
}
.timesTableOuter {
	position: absolute;
	top: 0;
	left: 240px;
	right: 0;
	bottom: 0;
	overflow: auto;
}
#timestable {
	width: 1000px;
}
tr.ylin td {
	height: 2em;
}
.moviebox.firstcol {
	clear: both;
}
.morelink {
	color: #ffba00;
}
.moviebox img.movieimg { width: 100%; }
.email_reservation input { width: 90%; }
.expanded .moviecontent { padding-bottom: 70px; }
.goodcode { background: lightgreen; }
.badcode { background: lightred; }
.sali { padding: 4px; }
.intro { margin-top: 1em; }

.seatmap {
	position: relative;
	height: 400px;
}
.seat {
	position: absolute;
	width: 50px;
	height: 50px;
	background-image: url('img/seat_free.png');
	background-size: cover;
}
.seat.reserved:hover, .seat.temporary:hover {
	cursor: not-allowed;
	background-color: #71a2cc;
}
.seat.free:hover {
	cursor: pointer;
	background-color: #71a2cc;
}


.seat.reserved {
	background-image: url('img/seat_taken.png');
	background-color: transparent;
	padding: 0;
}
.seat.own {
	background-image: url('img/seat_own.png');
}
.seat.temporary {
	background-image: url('img/seat_temporary.png');
}
.alreadyreserved {
	background: white;
	padding: 40px 20px;
}
.alreadyreserved h2, .messagebox h2 {
	text-align: left;
	color: #555;
	margin-left: 50px;
	margin-top: 0;
}
.messagebox h2 {
	margin-top: 20px;
	margin-left: 0;
	text-align: center;
}
.messagebox p {
	text-align: center;
}
.cancelreservation {
    background-color: #fff;
    float: right;
}
.cancelreservation:hover {
	background-color: #AAA;
}
.submitReservation {
    background-color: #fff !important;
	margin-bottom: 20px;
}
.submitReservation:hover {
	background-color: #AAA !important;
}