/*main viewer*/
#viewer {
   float: right;
   display: block;
   width: 512px;
   height: 384px;
   background: #EFEFEF;
   position: relative;
   overflow: hidden;
   border-bottom: 5px solid #FFFFFF;
   text-align: center;
}

#viewer img{
   z-index: 1;   
}

#viewer #controls {
   position: absolute;
   left: 0;
   background: #000000;
   width: 100%;
   color: #FFFFFF;
   z-index: 2;
   text-align: right;
}

#viewer .in-controls {
   padding: 1em;
}

/*agenda*/

#agenda ul {
	height: 94px;
}	

#iframePlayer {
	width: 240px !important;
   height: 234px !important;
}