@CHARSET "UTF-8";
html, body{height:100%;font:normal 11px Arial, Helvetica, sans-serif; }
body { margin:0; padding:0;}
div.container { position:relative; padding:auto; width:920px;margin:0 auto; }
.clear { clear:both; }
a { color:#999;text-decoration:none;}
a img{ border:none }
div.mainFrame { height: 570px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;  }
div#generatedByMomindum{position:absolute;bottom:5px; right:12px;}
div.presenter-information{text-align:left;}
div.presenter-information img{margin-bottom:10px;margin-right:10px;}

div#header {position:relative;min-height:50px;top:0px;left:0px;}
div#header #logo {_height:50px;/*hack ie6*/}
div#header #logo1 {float:left;}
div#header #logo2 {float:right;}

div.mainFrame div#titleHolder{position:relative;height:40px;top:12px;vertical-align:middle;padding-left:10px;}
div.mainFrame div#titleHolder h1.title{font-size:1.5em;font-weight:bold;}
div#media { width:280px;height:210px; }
div#playerHolder, div#documentHolder, #listHolder, div.cli-annex-holder { border:1px solid #D3D3D3;background-color:white; }
div#captionHolder { font-weight:bold;background: rgba(255,255,255,0.7);border: 1px solid #aaa; }

.centered{text-align:center;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.plugin-missing, .notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
.shadow {
-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666;
}
.ie-shadow {display:none;}
/* STACK (CAPTIONS, CHAPTERS, KEYWORDS, DOCUMENTS-LIST) 
-----------------------------------------*/
#listHolder {padding:0;}
#listHolder #listTabs {
	margin:-1px -1px 0;
	_position:relative;
	_margin:-1px 0 0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-bottom-right-radius:0;
	-moz-border-bottom-left-radius:0; 
}
.ui-tabs .ui-tabs-nav li a{padding:.1em .5em;}
.cli-chapter, .cli-keyword, .cli-document, .cli-caption { overflow:auto; }
.cli-chapter ul, .cli-keyword ul, .cli-document ul {display:block;margin:0;padding:2px 0 0; overflow:auto;}
.cli-chapter li, .cli-keyword li, .cli-document li {list-style-type: none;}
a.timecode {
	display:inline-block;
	height:16px;
	line-height:16px;
  margin:0 -11px 1px 0;
  font-size: 10px;
  text-decoration: none;
  padding:0 12px;
	color: #000;
  background: transparent url(../images/breadcrumb.gif) 0px 0px no-repeat;
}
a.timecode:hover {color: #fff;background-position:0px -16px;}

.cli-chapter a, a.colibri-keywords-label  {display:block;text-decoration: none; padding:1px 0; }
a.colibri-keywords-label  { padding:1px 4px; }
.cli-chapter a:hover, a.colibri-keywords-label:hover { background-color: #f1f1f1; }

.cli-keyword p, .cli-document p {margin:0 0 4px 13px;}

/* CAPTIONS
--------------------------------*/
#listHolder .ui-tabs-nav a.caption {
	height:1.3em;
	width:1.3em;
}
#listHolder .ui-tabs-nav .ui-icon {
	position:absolute;
	top:50%;
	margin-top: -8px;
	left:50%;
	margin-left: -8px;
}
.cli-caption-content {
	padding: 4px;
	font-size: 1.1em;
}
.cli-caption-content a {
	color:#888;
	_padding-right:4px;/*hack ie6 for :after*/
}
.cli-caption-content a:after {
	content:" ";
}
.cli-caption-content a.current {
	color:#000;
}
.cli-caption-content a:hover {
	background: #e8e8e8;
	color:#000;
}

/* CHAPTERS
-----------------------------------------*/
ul.listTabs { font-size:11px;margin:0px; padding:0px; }
ul.listTabs li { font-size:11px;margin:0px; padding:0px; }
.cli-chapter .ilevel0 a span.chapterTitle {font-size: 11px;font-weight: bold;left: 2px;}
.cli-chapter .level0 a,.cli-chapter .level1 a {font-size:1.1em;padding-left:9px;font-weight:bold;}
.cli-chapter .level2 a {font-size:1em;padding-left:18px;}
.cli-chapter .level3 a {font-size:1em;padding-left:27px;font-style:italic;}
.cli-chapter .level4 a {font-size:.9em;padding-left:36px;}
.cli-chapter .level5 a {font-size:.9em;padding-left:45px;}
.cli-chapter a.currentChapter {background: url(../images/outlineItem.gif) repeat;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;}
.cli-chapter a.disabled{color:#c4c7c8;cursor:pointer;}

/* DOCUMENT
-----------------------------------------*/
#documentContainer {width:100%; height:100%;}
div.docInfo { padding:2px 16px; }
a.buttonGoLeft, a.buttonGoRight {
  padding:5px;
}
a.buttonGoLeft {margin-left:5px;}
a.buttonGoRight {margin-right:5px;}

a.buttonGoLeft:focus, a.buttonGoRight:focus {
  outline:none;
}

/* ANNEXES
-----------------------------------------*/
.cli-annex-content{overflow:auto;}
.cli-annex-holder ul li{list-style-type: none;}
.cli-annex-holder a.annex-item{color:black;display:block;clear:both;padding:2px;}
.cli-annex-holder a.annex-item:hover{text-decoration:none;color:black;background:#f1f1f1;}
.cli-annex-holder a span{}
.cli-annex-holder a span.annex-item-text{line-height:16px;}
.cli-annex-holder a span.annex-item-icon{display:block;float:left;width:16px;height:16px;margin-right:2px;}
.cli-annex-holder a span.url{background:transparent url(../images/icons/16x16/mimetypes/html.png) no-repeat top left;}
.cli-annex-holder a span.pdf{background:transparent url(../images/icons/16x16/mimetypes/pdf.png) no-repeat top left;}
.cli-annex-holder a span.image{background:transparent url(../images/icons/16x16/mimetypes/image.png) no-repeat top left;}
.cli-annex-holder a span.media, .cli-annex-holder a span.audio{background:transparent url(../images/icons/16x16/mimetypes/media.png) no-repeat top left;}
.cli-annex-holder a span.undefined{background:transparent url(../images/icons/16x16/mimetypes/document.png) no-repeat top left;}
.cli-annex-holder a span.swf{background:transparent url(../images/icons/16x16/mimetypes/swf.png) no-repeat top left;}

/* OVERLAY 
-----------------------------------------*/
*{ margin:0; padding:0; }
#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('../images/dim.png'); display:none; text-align:left; }
/* JQUERY REQUIREMENTS 
-----------------------------------------*/
.ui-tabs .ui-tabs-hide{display: none;}
.ui-tabs .ui-tabs-panel{padding:0;}
/* COLIBRI MENU
-----------------------------------------*/
.cli-menu-holder button{float:right; margin:0 0 0 2px;}
.cli-menu-holder .ui-button-text-icon-primary .ui-button-text, .cli-menu-holder .ui-button-text-icons .ui-button-text{padding:0.1em 1em 0.1em 2.1em;}
.cli-menu-holder button.ui-button-icon-only{width:1.9em;}
.cli-menu-holder .ui-button-icon-only .ui-button-text, .cli-menu-holder .ui-button-icons-only .ui-button-text { padding: 0.1em; }
.cli-function-menu { position:absolute;top:0;left:0;width:180px; z-index: 1000;}

/* DIALOG BOXES
-----------------------------------------*/
.ui-dialog{-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666;}
.dialog-box{display:none;}
.dialog-box h3{font:bold 1.1em "lucida grande",tahoma,verdana,arial,sans-serif;}
.sharing-instant-dialog p{text-align:center;}
.playlist-item-context{border:1px solid #d7d7d7;padding:5px;}
.playlist-item-context a{cursor:text;text-decoration:none;}
.message-box{
  position:absolute;padding:5px;top:-2000px;
  background:#E6E6E6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
  border:1px solid #ccc;
  text-align:center;
  line-height: 20px;
  vertical-align: middle;
  z-index: 1000;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

/* UI wmv player
---------------------------------------------------*/
.colibri-media, #colibri-media{ height: 100%; width: 100%; }
div#playerHolder {z-index: 10;}
#colibri-ui-player {
	position: absolute;
	z-index: 5000;
	left:-1px;
	right: -1px;
}
/* progress bar _____________ */
#colibri-media-timeline {
	position:relative;
	height:5px;
	border-top:1px solid #777;
	padding-right: 6px;
	/*ie6*/
	_height:12px;
	_font-size:1px;
	_padding-right:14px;
}
#colibri-ui-player:hover #colibri-media-timeline {
	padding-right: 13px;
	height:12px;
	margin-top: -7px;
}
div#colibri-media-slider {
	height:100%;
	position:relative;
	background: none;
	border: 0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
div#colibri-media-slider div.ui-slider-range-min {
	padding:0 0 0 7px;
	height:100%;
	/*ie6*/
	_height:12px;
}
div#colibri-media-slider a.ui-slider-handle {
	height:100%;
	width:5px;
	top:0;
	margin:0;
	padding:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-top:none;
	border-bottom: none;
	cursor:pointer;
	/*ie6*/
	_width:12px;
}
#colibri-ui-player:hover div#colibri-media-slider a.ui-slider-handle {
	width:12px;
}
div#colibri-media-slider a.ui-slider-handle:focus,
ul.mediaPlayerControls li.colibri-media-volume a.ui-slider-handle:focus {
outline:none;
}
/* controls _____________ */
ul.mediaPlayerControls {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	height:28px;
	clear:both;
	cursor:default;
}
ul.mediaPlayerControls li {
	display:block;
	float:left;
}
ul.mediaPlayerControls li.colibri-media-timer {
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
	padding:7px 0 0 8px;
}
ul.mediaPlayerControls li.colibri-media-fullscreen {
	display:none;
}
ul.mediaPlayerControls li.colibri-media-play {
	margin:0;
	border-width:0 1px 0 0;
	cursor:pointer;
	border-radius: 0 0 0 3px;
	width:28px;
}
ul.mediaPlayerControls li.colibri-media-play span.ui-button-text {
	padding:5px;
	width:18px;
	line-height: 18px;
}
ul.mediaPlayerControls li.colibri-media-mute {
	float:right;
	padding:4px 2px;
	margin-top:2px;
	border:none;
	background:none;
	cursor:pointer;
}
ul.mediaPlayerControls li.colibri-media-volume {
	float:right;
	width:50px;
	height:5px;
	margin:11px 10px 0 4px;
	padding:0;
	/*ie6*/
	_font-size:1px;
}
ul.mediaPlayerControls li.colibri-media-volume div.ui-slider-range-min {
	padding:0 0 0 2px;
	height:5px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
ul.mediaPlayerControls li.colibri-media-volume a.ui-slider-handle{
	width:9px;
	height:9px;
	cursor:pointer;
	padding:0;
	top:-3px;
	/*ie6*/
	_margin-left:-6px;
}

/* HTML 5 PLAYER ( play button )
---------------------------------------------------*/
#playerClick {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:36px;
}
#bigPlayButton {
	position: absolute;
	width: 40px;
	height: 40px;
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-20px;
	background: url('../images/play-button.png');
}

/*case html5 is used in a wmv layout*/
#playerHolder.html5.wmv-layout #colibri-ui-player {
	bottom:-37px;
}
#playerHolder.html5.wmv-layout video {
	border-bottom:1px solid #777;
}
#playerHolder.html5.wmv-layout #playerClick {
	bottom:0;
}

/*case html5 is used in a flv layout*/
#playerHolder.html5.flv-layout #bigPlayButton {
	margin-top: -4px;
}
#playerHolder.html5.flv-layout div#colibri-ui-player {
	left:0;
	right:0;
	bottom:0;
}
#playerHolder.html5.flv-layout #colibri-media-timeline {
	padding-right: 13px;
	height:12px;
	margin-top: -7px;
	border-left: 0;
	border-right: 0; 
}
#playerHolder.html5.flv-layout div#colibri-media-slider a.ui-slider-handle {
	width:12px;
}
#playerHolder.html5.flv-layout ul.mediaPlayerControls {
	border-radius: 0;
	border-width: 1px 0 0;
}

/*case mobile display*/
#playerHolder.mobileDisplay.html5 #colibri-ui-player #colibri-media-timeline {
	height:20px;
}