@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);

/* 
   Resetujici styl - vkladan jako prvni, potlacuje nekonzistentnost chovani browseru
   http://meyerweb.com/eric/tools/css/reset/ 
   v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
   	color: black;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
	line-height: 1.4;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	padding-right: 10px; 
  
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
  content: '';	
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{vertical-align: text-bottom;}

/* Antialiasing in webkit browsers */
/* html {
	-webkit-font-smoothing: antialiased;
} */

/* *** Float containers fix *** */ 
.clearfix:after{
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
} 

/* ------------------------------------------------------Prednacitani obrazku */
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}
	
	
	
body {background-color: #eee; padding: 0}
#bodyWrp{ width: 960px;  margin: 19px auto 0 auto; /* padding: 1px; */ background-color: transparent;}
#prefetch{position: absolute; left: -9999px; } /*nacitani obrazku pozadi s predstihem*/

.block{height: 580px; float: left; padding: 1px; background-color: #fff;}
.content{margin-top: 1px; width: 100%; height: 497px; float: left;}
#left{width: 360px; margin-right: 8px; float: left; }
#right{width: 587px; float: left;}



#topmenu{display: block; width: 100%; }
#topmenu li {float: left; margin-left: 1px;}
#topmenu li.first {float: left; margin-left: 0px;}

#topmenu li a{display: block; float: left; height: 83px; width: 136px; -ms-box-sizing: content-box; background: url(../design/tm-empty-sprite.jpg) left top repeat-x; padding: 0 5px;  }
#topmenu li a span{display: block; text-align: center; color: white; font-weight: bold !important;}
#topmenu li a:hover{background-position: 0 -83px !important;}
#topmenu li a:hover span{opacity: 1; background-position: 0 -83px !important;}
#topmenu li a.button-disabled span{color: #aaa}
            
.tm-title{ font-size: 15px; margin-top: 17px;}
.tm-subtitle{font-size: 11px; margin-top: 8px; opacity: 0.75;}


#left .header{background: transparent url(../design/header-bgr.jpg) repeat-x;}
#left .header img{display: block; width: 180px; float: left;}
#left .header h1{display: block; float: right; width: 179px; height: 83px; /* margin-left: 1px; */ border-left: 1px solid #fff; 
                 font-size: 11px; color: white; text-align: center; line-height: 80px; font-weight: bold;}
#left #home-link{display: block; width: 180px; height: 83px; float: left;  background: transparent url(../design/tm-home-sprite.jpg) 0 0 no-repeat;}
#left #home-link:hover{background-position: 0 -83px; }
#left #home-link span{visibility: hidden;}

#subheader-right{height: 18px; padding-left: 9px; background-color: #bebebe; }
#subheader-right h3{font-size: 10px; line-height: 18px; color: white; width: 80%; float: left; }
#help-trigger{display: inline-block; float: right; margin: 0;width: 18px; height: 18px; color: white; 
              background-color: #5e5e5e; font-weight: bold; text-align: center; border-left: 1px solid white; cursor: pointer;}
#help        {display: none; /* opacity: 0.9; */ width: 567px; height: 227px; padding: 10px; position: absolute; z-index: 1000; 
              /* background-color: #333; */ background: url(../design/help-bgr.png) repeat-x; color: white; margin-top: 1px;}
#help h3     {color: white; font-size: 14px; margin-bottom: 10px;}
#help p      {color: white; font-size: 13px; margin-bottom: 10px; text-align: justify;}              
#session-name {display: block; height: 59px; margin-top: 1px; background-color: #bebebe;
               font-size: 18px; font-weight: bold; padding-left: 11px; line-height: 59px; }
#session-notes {height: 100px; margin-top: 1px; padding: 10px; overflow: auto; background-color: #d8e7fe; }

.header{height: 83px; /* background-color: #689CF2; */}




.playlist{margin-top: 1px;}

/* player -------------------------*/
#controls{height: 66px;}
#controls button{display: block; width: 86px; height: 50px; border: none; margin-right: 1px; float: left; }
button#stop{background: transparent url(../design/stop-button.jpg) no-repeat;}
button#play{background: transparent url(../design/play-button.jpg) no-repeat;}
button#pause{background: transparent url(../design/pause-button.jpg) no-repeat;}

.sm2_playing button#play{background: transparent url(../design/play-button-active.jpg) no-repeat;}
.sm2_paused button#pause{background: transparent url(../design/pause-button-active.jpg) no-repeat;}

#controls .timing{width: 326px; height: 50px; margin-right: 0; float: left; background-color: #bebebe;}
#controls #sm2_timing{ width: 150px; height: 28px; float: right; margin: 11px 6px 0 0; 
                       border: 1px solid #fff; background-color: #d8e7fe; text-align: center; font-size: 15px; font-weight: bold; line-height: 28px; } 
#controls .timing-data.disabled{text-indent: -99999px;}
#controls .statusbar {
 position:relative; height: 15px; width: 587px; margin-top: 1px; overflow:hidden; background-color: #cecece; 
 cursor:pointer;
}

#controls:hover .statusbar {
 /* position:relative; cursor:ew-resize; cursor:-moz-grab; cursor:grab; */
}

#controls.dragging .statusbar {
 /* cursor:-moz-grabbing; cursor:grabbing; */
}

#controls .statusbar .position, 
#controls .statusbar .loading,
#controls .statusbar .totalTime{
  position:absolute; height: 15px;
}

#controls .statusbar .position {
 background: #74a5ff url(../design/progress-bgr.jpg) repeat-x;
}

#controls .statusbar .loading {
 background-color: #bebebe;
}

#controls .statusbar .position,
#controls .statusbar .loading {
 width:0px;
}

#controls .statusbar .totalTime{
    margin-left: 520px; width: 60px; color: #dedede; z-index: 100; text-align: right; cursor: default;
}


/* pauza */
.sm2_paused #controls .statusbar .position {
 background-color:#999; background-image: none; border-color:#999;
}



/* end player */
         

.tbl{width: 100%;  }
.tbl tr { height: 30px; background-color: transparent;}
.tbl tr.first{height: 18px;}
.tbl td, .tbl th{text-align: left; vertical-align: middle; padding-left: 15px !important;}
.tbl tr, .tbl td a{color: #4d4d4d; }
.tbl thead th{ /* height: 18px;  */color: #fff; background-color: #bebebe !important;}
.tbl tr.even{}
/* .tbl td.first, .tbl th.first{padding-left: 15px !important;} */
.tbl tr:hover td{cursor: pointer; background-color: #a9c7fe;}
.tbl tr:hover a{color: #000;}

#sessions-wrapper{background-color: #d8e7fe; height: 470px;}

#sessions{ }
#sessions th{height: 18px; cursor: pointer;}
#sessions td{padding: 0;}
#sessions tr{border-bottom: 1px solid #fff;} 

#sessions th.sorting_asc{background: url(../design/table-sorting-asc.png) 1px 1px no-repeat; }
#sessions th.sorting_desc{background: url(../design/table-sorting-desc.png) 1px 1px no-repeat;}
#sessions a.curr-session{font-weight: bold !important;}
#sessions-bottom{background-color: #bebebe; margin-top: 1px; height: 25px;}

#sessions_filter{float: right;/*  font-size: 6px !important; */ }
#sessions_filter input{ width: 140px; height: 17px; /* padding: 5px 0; */ margin: 3px 9px 0 10px; border: none; padding-left: 5px; padding-right: 5px;}
#sessions_info{color: #D8E7FE; background-color: #bebebe; text-align: center; height: 18px; line-height: 17px;}


#markers-head {height: 50px; margin-top: 1px; }
#markers-head button{display: block; border: none; width: 86px; height: 50px; color: transparent; }
#markers-head h2{display: block; float: left; width: 413px; height: 50px; margin: 0 1px; font-weight: bold; text-align: center; 
                 font-size: 14px; color: white; background-color: #bebebe; line-height: 50px; }
button#prev-marker{background: url(../design/prev-button.jpg) no-repeat; float: left;}
button#next-marker{background: url(../design/next-button.jpg) no-repeat; float: right;}

#markers-wrapper{width: 587px; height: 178px; margin-top: 1px; overflow: auto; position: absolute; background-color: #d8e7fe;}
#markers tr{border-bottom: 1px solid #fff;} 
.marker-time{width: 150px;}



.center{text-align: center !important;}
.time{width: 150px; }

embed#sm2movie{position: absolute; width: 8px; height: 8px; bottom: 0px; left: 0px;}
div#footer{font-size: 8pt; color: #777; font-style: italic; text-align: center; margin-top: 50px;}




#sessions_paginate{/* display: none; */ float: left;}