/*  player defaults */
body {
background: #fff; 
color: #fff;
margin:0; 
padding:0; 
font: 75%/1.5em arial, verdana, helvetica, geneva, sans-serif;
}

body#ditv-player, body#ditv-player-standalone {margin: 30px auto 0; text-align: center;}

/* player background */
body#ditv-player{
background: #fff url(player_background.jpg) 50% 18px no-repeat;
}

/* standalone player background */
body#ditv-player-standalone{
background: #fff url(broadcast_plain.jpg) 50% 18px no-repeat;
}

/* common elements */ 
input, select, textarea {font: 1em arial, verdana, helvetica, geneva, sans-serif}

h1, h2, fieldset {margin:0; padding:0}
h1 {font-size: 1.3em; padding: 0 0 6px}
h2 {font-size: 1em; padding: 0 0 3px 2px;}
p {margin: 0 0 1em; padding:0}

.content h1 {font-size: 1.8em; padding-bottom: 0}
.content h2 {font-size: 1.2em; padding: 0; color: #FFCF18}
.content h2 a {color: #FFCF18}
.content h3 {font-size: 1.1em; padding: 0; margin-bottom:0}

fieldset {border: 0}
legend {display: none}
q {quotes: none}

a {color: #fff}

img {display: block;}
a img {border: 0}

.c-b {clear: both}

/* forms */
fieldset {padding-top: 1em}
fieldset textarea, 
fieldset input {width: 99%}
fieldset input.half {width: 49%}
fieldset .inline input {width: auto}
.submit {}

/* layout framework */
/* common containers */

/* wide player layout */
#ditv-player #container {width: 994px; height: 640px;}
/* narrow standalone player layout */
#ditv-player-standalone #container {width: 384px; height: 470px;}
/* container default */
#container {margin: 0 auto; text-align: left; position: relative}

.content {height: 530px; padding: 10px; background: #6D6D6D; color: #fff;}

/* content secondary class. Do you want overflowing content to scroll, hide or overflow */
.scroll {overflow: auto;}
.clip {overflow: hidden;}
.support {position: absolute; left: 0px; bottom: 0px; color: #777; font-size: 0.9em; z-index: 1000; clear: left}
.sami {position: absolute; left: 0px; bottom: 35px; font-size: 1.2em; z-index: 1000; clear: left}
.qa {position: absolute; left: 0px; bottom: 45px; z-index: 1000; clear: left; height:0;}



/* frontpage broadcast selection */
#live, #videoindex {clear: both; overflow: hidden; width: auto; border-top: 1px solid #ccc; padding: 1em 0; list-style: none; margin:0;}
#live h2, #videoindex h2, 
#live p, #videoindex p {float: left; width: 320px; margin:0; padding:0;}
#live p, #videoindex p {font-size: 0.9em;}
#live img, #videoindex img {float: left; margin: 0 15px 1em 0}
.duration {color: #cacaca; display: block;}

/* content columns */
.col {width: 48%; margin: 0 0 1.5em 0}
.left, .form {float: left; clear: left;}
.right, .instructions {float: right; clear: right;}

/* indexpage controls */
.controls {clear: both;}

/* ditv player */
#ditvplayer {width: 384px; height: auto; float: left;}
.player {margin-bottom: 7px;}
.slide {width: 600px; height: 450px;float: right; background: #eee; border: 0; overflow: hidden}
.qa {width: 100%; height: 0; clear: both; margin-top: 10px; /*border-top: 1px solid #4F4F4F; border-left: 1px solid #4F4F4F; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1*/}

/* interaction */
.interact ul#chapter {font-size: 0.9em; width: 100%; list-style: none; margin: 0; padding:0; overflow: auto;}
.video-wide {height: 144px;}
.video-normal {height: 70px;}

.interact a {color: #fff; display: block; text-decoration: none; padding: 0 2px; width: 94%}
.interact a:hover {background: #0A246A; cursor: pointer}
.interact a, .interact label {}
.current {background: #0A246A}

/* send question form */
.send {width: 60px; margin: 0 0 0 10px}
#name {width: 310px; border: 1px solid #fff}
#name:focus {background: #ffa}
#question {width: 384px; border: 1px solid #fff}
#question:focus {background: #ffa}

/* questions iframe */
#questions {background: #777}
#questions p {margin:0; padding: 1px 10px; color: #fff}
#questions div {overflow: auto; width: 100%; height: 60px}
#questions span {padding-right: 5px}
cite {font-weight: bold; font-style: normal}

.bglight {background: #888;}
.bgdark {background: #777;} 
.bgred {background: #DC5C5C;} 
.bggreen {background: #00C000;}

/* support navigation */
.support ul, .support li {list-style: none; float: left; margin:0; padding:0}
.support ul {padding-right: 10px}
.support a {color: #777; padding: 0 10px; border-right: 1px solid #777}

/* footer navigation */
.footer ul, .footer li {list-style:none; float:left; margin:0; padding:0}
.footer ul {padding-right:10px}
.footer a {color: #72BAE3; padding: 0 10px; border-right: 1px solid #72BAE3; text-decoration: none;	}
.footer {z-index: 1000; color:#72BAE3;}

/*new tieto brand stuff*/
#tietoContainer {margin-top: 30px; margin-left:50px; text-align: left; position: relative;}
#videoIndex {background:#00A0D6}

.tietoInteract ul#tietoChapter {font-size: 0.9em; width: 100%; list-style: none; margin: 0; padding:0; overflow: auto;color:black;}
.tietoInteract a {color: black; display: block; text-decoration: none; padding: 0 2px; width: 94%}
.tietoInteract a:hover {background: #CCECF7; cursor: pointer}
.tietoInteract a, .tietoInteract label {}
.tietoCurrent {background: #CCECF7}
.tietoSlide {width: 620px; height: 450px;float: right; background: #eee; border: 0; overflow: hidden; position: absolute; margin-left:10px;}
/*//new tieto brand stuff*/