html, body { height: 100%; margin: 0; padding: 0; }
body { background: #fff; color: #000; font: normal 12px Arial; }

body#ditv-player, body#ditv-player-standalone { background: 0; margin: 0; text-align: left; }

img { border: 0; }

h1 {font-size: 1.8em; padding-bottom: 0}
h2 {font-size: 1.4em; padding: 0; }
h3 {font-size: 1.1em; padding: 0; margin-bottom:0}

/* css clearfix */
div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix {display: inline-block;}
* html div.clearfix {height: 1%;}
div.clearfix {display: block;}

/* Layout */

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -79px; }

.header { height: 108px; background: #72BAE3; color: #fff; padding: 0 50px; }
	.header h1 { margin: 0; padding: 30px 0 0; font-size: 36px; }
	.header .ingeress { margin: 0 3px; }
	.header .tietologo { position: absolute; top: 0; right: 5px; display: block; height: 98px; width: 118px; background: url(Tieto_BottomRightCorner_Logo_blu.png) no-repeat 0 0; }

.live-lobby .header h1, .live-lobby .header .ingeress { text-align: center; }

.container { margin: 0 50px; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* frontpage broadcast selection */
#live, #videoindex {clear: both; overflow: hidden; width:auto; padding: 20px 0; list-style: none; margin:0; border: 0;}
#live h2, #videoindex h2, 
#live p, #videoindex p {float: right; width: 200px; margin: 0 20px 0 0; padding:0;}
#live p, #videoindex p {font-size: 12px;}
#live h2 a, #videoindex h2 a { text-decoration: none; color: #72BAE3; }
#live img, #videoindex img {float: left; margin: 0 15px 1em 0}
#live .duration, #videoindex .duration {color: #666666; margin-top: 10px; display: block; }
	
/* content columns */
.col {width: 445px; margin: 0 0 20px 0; }
.left, .form { float: left; clear: none; }
.right, .instructions { float: right; clear: right; }

/* Player page */
.player { margin: 20px auto 0; }

.tietoInteract { margin-top: 5px; }
.tietoSlide { width: 600px; float: left; margin-top: 20px; }

#name, #question { border: 1px solid #00A0D6; }
#questions { background: #fff; }

/* Live lobby */

.live-lobby .container img { margin: 50px auto; }

.live-info { width: 899px; margin: 0 auto; }

.live-left, .live-right { width: 45%; float: left; }
.live-left { padding-right: 40px; }
.live-right { padding-left: 40px; }

.live-left a, .live-right a { color: #000; }

/* Admin page */
.admin { margin: 20px 0 0 0; }

/* footer navigation */
.push { clear: both; }
.footer, .push { height: 79px; }
.footer { background:  no-repeat bottom right; text-align: center; }
.footer-links { padding: 35px 0 0; }
.footer a { color: #72BAE3; padding: 0 10px; border-right: 1px solid #72BAE3; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer span { padding-left: 10px; color: #72BAE3; }