/**
 * TOC:
 * - General text formatting
 * - Quotes positioning
 * - Quotes common style
 * - User module style
 * - Playlist module style
 * - Chapter style
 * - User notes style
 * - Dialog boxes
 * - Presenter module style
 * - Live module
 *******************************************/
 

/**
 * General text formatting
 *******************************************/
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
div.pres-block{clear: both;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

html {font-size:100.01%;}
body {font-size:11px;color:#222;background:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;line-height:1;}
h4 {font-size:1.1em;line-height:1.25;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:focus, a:hover {color:#666;text-decoration:underline;}
a {color:#222;text-decoration:none;}
ul { list-style-type: none; }
textarea{border:1px solid #b9b9b9;padding:2px;font:normal 1em "lucida grande",tahoma,verdana,arial,sans-serif;}
input{border:1px solid #b9b9b9;padding:2px;}

.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.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;}

.container{position:relative;}

.highlight {background-color: #ffffcc;}
.left{float:left;}
.right{float:right;}
.centered{margin-left:auto;margin-right:auto;text-align:center;}
.green{color:#6bad04;}
.red{color:#d31a30;}
.font08{font-size:0.8em;}
.font09{font-size:0.9em;}
.font10{font-size:1.0em;}
.font11{font-size:1.1em;}
.font12{font-size:1.2em;}
.font13{font-size:1.3em;}
.font14{font-size:1.4em;}
.font15{font-size:1.5em;}
.font16{font-size:1.6em;}
.font17{font-size:1.7em;}

/**
 * Quotes positioning
 *******************************************/
.quote a, .quote-first a { font-size: 0.9em; padding: 1px 13px; }
.quote, .quote-first { position: relative; line-height: 1.5em; }
.quote { margin-left: -11px; }
.quote a span, .quote-first a span { display: none; position: relative; }
.quote a:hover .quote-chapters, .quote-first a:hover .quote-chapters {display:block;position:absolute;top:1.6em;left:0;width: 20em;padding:5px;margin:0px;z-index:900000;opacity: 1;}
.quote a:hover .quote-chapters *, .quote-first a:hover .quote-chapters * { display:inline; position: relative; }

/**
 * Quotes common style
 *******************************************/
.quote a, .quote-first a { background-color: transparent; background-repeat: no-repeat; text-decoration: none; }
.quote a, .quote-first a { background-position: 0px 0px; }
.quote a:hover, .quote-first a:hover { background-position: 0px -16px; }
.quote-highlight { text-decoration: underline; font-weight: normal; }
.quote-tag { background-color: #ffffcc; text-decoration: underline; }

.quote a span, .quote-first a span{color: #000;}
.quote a:hover, .quote-first a:hover{color: #fff;}
.quote a, .quote a:hover{background-image: url(../themes/default/breadcrumb.gif); }
.quote-first a, .quote-first a:hover{background-image: url(../themes/default/breadcrumbFirst.gif); }
.quote a:hover .quote-chapters, .quote-first a:hover .quote-chapters { background: #f0f0f0; border: 1px dotted #ff6633; }

a.timecode {
  margin-left: -11px;
  font-size: 0.9em;font-family: Arial;
  text-decoration: none;
  padding: 1px 12px;padding-top:2px;color: #000;
  background: transparent url(../themes/default/breadcrumb.gif) 0px 0px no-repeat;
}
a.timecode:hover {color: #fff;background: transparent url(../themes/default/breadcrumb.gif) 0px -16px no-repeat;}
/**
 * User module style
 *******************************************/
.user-menu-item{position:relative;text-align:center;margin-top:10px;padding:5px;}
.user-menu-item span{display:block;text-align:center;margin-top:-5px;}
.user-menu-item.selected{background:#eaeeef none;}
.panel{position:relative;background:#eaeeef none;min-height:510px;margin-left:-10px;}
.panel .panel-content{position:relative;margin:10px;}
.panel .panel-content .usernote{position:relative;margin:10px;height:435px;overflow:auto;background-color:white;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.function{position:relative;text-align:right;}
.function button{margin:0px;}
.function button .ui-button-text{line-height:1em;padding:0.3em 0.3em 0.3em 2.1em;}
.user .panel-content h1{border:0px solid transparent;}
.notes-list{height:350px;background:white;width:95%;border:1px solid #222222;overflow:auto;}
.notes-list a{text-decoration:none;margin:2px;padding:4px;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.notes-list a:hover{background-color:#EAEEEF;}
/**
 * Playlist module style
 *******************************************/
.playlists-list{height:350px;}
.playlists-sharing-user-list{height:200px;}
.playlist .panel-content h1{border:0px solid transparent;}
div.bookmark, .playlist-item{display:block;background:#eaeeef none;margin:2px;padding:2px 5px 2px 5px;text-decoration:none;cursor:pointer;}
div.bookmark a, div.playlist-item a {text-decoration:none;}
.pl-pres.selected, .playlist .panel-content .selected {background:#b9bdbf;}
div.pl-item-editing-context{border:1px dotted #b9b9b9;padding:5px;}
div.pl-item-editing-context a{cursor:text;text-decoration:none;}
div.pl-item-editing-context a:hover{color:black;}
div.drophover{border:5px solid #eaeeef;}
div.playlist .timecode {-moz-border-radius: 3px 3px 3px 3px;background-color: #171D1B;opacity: 0.75;color: #F7FFFD;font: 1em Arial;padding: 0 2px;position: absolute;}
form.bookmark-list-container{margin:5px;}
.bookmarks-list{height:440px;overflow:auto;background-color:white;border:1px solid #b9b9b9;}
.bookmarks-list h2{color:#464646;font-weight:bold;cursor:pointer;font-size:1em;padding:2px;border-width:1px 0 0;border-color:#999;border-style:solid;background:transparent url('../images/icons/16x16/actions/14_layer_lowerlayer.png') no-repeat top right;}
.bookmarks-list h2.opened{background:transparent url('../images/icons/16x16/actions/14_layer_raiselayer.png') no-repeat top right;}
.bookmark-presenters{font-weight:normal;font-style:italic;}
.bookmarks-list div.bookmarkBlock{cursor:pointer;padding:2px;margin:2px;}
.bookmarks-list form{padding:0px;margin:0px;}
div.playlist div.mediaHolder{width:280px;height:211px;}
div.playlist button#bookmarkItemGo,div.playlist button#playlistItemDelete{margin-left:25px;}
div.playlist button#playlistSave{float:right;}
div.playlist div.playlistCreation{position:relative;width:280px;height:180px;margin-left:25px;border:2px dotted #b9b9b9;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
div.playlist div.playlistCreation .message{color:#b9b9b9;font-size:1.5em;text-align:center;position:absolute;left:50%;top:50%;width:200px;height:80px;margin-left:-100px;margin-top:-25px;}
div#playlistSaveDialog input{width:250px;}
div#playlistSaveDialog button{position:relative;right:0;}
div.playlist-item-list{height:400px;overflow:auto;background-color:white;border:1px solid #b9b9b9;}
div.playlist-item-edit{border:1px solid #b9b9b9;}
/**
 * Chapter style
 ********************************************/
.cli-chapter-content{height:100%;}
.cli-chapter-content a.disabled{color:#c4c7c8;cursor:pointer;}
.level0 a, .level1 a{font-size:1.1em;font-weight:bold;padding-left:5px;}
.level2 a{font-size:1em;font-weight:normal;padding-left:15px;}
.level3 a{font-size:0.9em;font-weight:normal;padding-left:20px;}
.level4 a{font-size:0.9em;font-weight:normal;padding-left:25px;}
.level5 a{font-size:0.8em;font-weight:normal;padding-left:30px;}

/**
 * Watch style
 ********************************************/
div.cli-chapter-extract{color:#b9b9b9;text-align:right;border-top:1px dotted #b9b9b9;margin-top:15px;}
div.documentContainer a.pdf{display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:140px;height:20px;padding-top:70px;background:#ccc url(../images/icons/64x64/mimetypes/pdf.png) no-repeat center 5px;}
div.documentContainer a.pdf:hover{border:1px solid #666;text-decoration:none;}
ul.colibri-keywords-list p{margin:5px;}
ul.colibri-documents-list p{margin:5px;}
/**
 * User notes style
 */
.cli-note-form input{display:none;}
.cli-note-form { position:relative;padding:5px;margin:2px 2px 2px 35px;color:#5d5d5c;min-height:20px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.cli-note-form textarea{font: normal 1em "lucida grande",tahoma,verdana,arial,sans-serif;border:0;width:96%;background:transparent none;resize: none;}
.cli-note-form-user{background:#e2f0f2 none;}
.cli-note-form-shared{background:#ecfae9 none;}
.cli-note-menu-button{position:absolute;top:0px;right:0px;display:none;border:0 none;background: transparent none;}
.cli-note-menu-button span{display:block;width:15px;height:15px;background: transparent url("smoothness/images/ui-icons_888888_256x240.png") -64px -16px;}
.cli-note-menu{position:absolute;padding:3px;}
.cli-note-container-user-bg{background:transparent url(../images/modules/watch/cli-icon-note.gif) no-repeat 5px center;}
.cli-note-container-shared-bg{background:transparent url(../images/modules/watch/cli-icon-shared.gif) no-repeat 5px center;}
/* Dialog boxes
-----------------------------------------*/
.ui-dialog{-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666;}
.dialogBox{display:none;}
.dialogBox h3{font:bold 1.1em "lucida grande",tahoma,verdana,arial,sans-serif;}
.cli-note-menu{
  background:transparent url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x;
  border:1px solid #ccc;
  -moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  position:absolute;top:0;left:0;
}
.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;
}
/**
 * Cluster module
 ********************************************/
.presentationClusterList{margin-top: 30px;}
.presentationClusterList h1{margin-bottom: 0;}
.tree{overflow-x:auto;overflow-y:hidden;position: relative;width: 950px;}

.tree ul{padding-left: 0;margin: 2px 0 4px 10px; display: none;}
.tree ul#mainList{width: 100%;padding-left: 0;margin: 0;margin-left: -20px;display: block;}
.tree ul li{
    background-position:middle left;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 8px;
    padding-bottom: 3px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    margin: 0;}
.tree .loaderImg{vertical-align: middle;display: none;}
.tree .branch{display: block;position: relative;}
.tree .imgBt{margin-top: 2px; margin-left: 7px; position: absolute;cursor: pointer;}
.tree .title{margin-left: 24px;display: block;}
.tree .clusterDescription{
    font-size:12px;
    margin-left: 25px;
    margin-bottom: 0px;
    color:#7a7a7a;
    line-height:1;
    text-align: justify;}
.tree .clusterDescription p {margin-bottom: 2px;}
/*other style*/
.tree a,  .tree .normalColor{text-decoration: none;color:#010101;font-size: 14px;}
.tree a:focus{color: #919191;}
.tree a:hover{color:#010101;text-decoration: underline;}
.tree hr{border: solid 1px #ccc;}
.tree .fadedColor{color:#cbcbcb;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .branch .imgBt:hover {background-image: url(smoothness/images/ui-icons_ff6600_256x240.png); }


/**
 * Presenter module style
 ********************************************/
.presenter .item {background-color:#f2f2f2;display:block;float:left;margin:2px;width:310px;height:91px;}
.presenter .item img {width:108px;height:81px;background:black none;display:block;float:left;margin:5px;}
.presenter .item .description{display:block;clear:right;float:left; margin:2px;width:180px;}
/**
 * Live module
 ********************************************/
.live .mainFrame { position: relative; height: 600px; width: 100%; }
.live .cli-media-holder{position: absolute;top: 0px;left: 0px;width: 504px;height: 400px;}
.live .cli-message-header{position: absolute;top: 3px;left: 510px;width: 425px;height: 15px; padding: 2px 0 2px 5px; font-size: 1.2em; margin: 0 0 0 3px;}
.live .cli-message-holder{position: absolute;top: 0px;left: 510px;width: 436px;height: 102px; padding: 23px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.live .livePresenter .cli-message-holder { height: 377px; }
.live .livePresenter .cli-message-holder .questionStackContainer { height: 377px; overflow: auto; }
.live .cli-survey-header-manage { position: absolute;top: 134px;left: 510px;width: 425px;height: 15px; padding: 2px 0 2px 5px; font-size: 1.2em; margin: 1px 0 0 3px;}
.live .cli-survey-holder { position: absolute;top: 132px;left: 510px;}
.live .livePresenter .cli-survey-header-manage { position: absolute;top: 409px;left: 0px;width: 493px;height: 15px; padding: 2px 0 2px 5px; float:left; font-size: 1.2em; margin: 1px 0 0 3px;}
.live .livePresenter .cli-survey-header-result { position: absolute;top: 410px;left: 513px;width: 425px;height: 15px; padding: 2px 0 2px 5px; float:left; font-size: 1.2em; z-index: 42;}
.live .livePresenter .cli-survey-holder { position: absolute;top: 407px;left: 0px;width: 948px;height: 126px;}
.live .cli-annex-header { position: absolute;top: 406px;left: 0px;width: 499px;height: 15px;padding: 2px 0 2px 5px; font-size: 1.2em;  display: none;}
.live .cli-annex-holder { position: absolute;top: 406px;left: 0px;width: 504px; height:127px; overflow: auto;}
.live .cli-media-holder,
.live .cli-document-holder,
.live .cli-survey-holder .survey-content,
.live .cli-survey-holder .survey-result,
.live .cli-message-holder,
.live .cli-annex-holder { border: 1px solid #d7d7d7;}

.live #mediaPlayer { max-width: 504px; max-height: 378px; }
.live .cli-message-holder #askAQuestion textarea { width: 426px; height: 62px; margin: 2px; resize: none; }
.live .cli-message-holder #askAQuestion input { margin: 2px; }
.live .mediaPlayerControls { display: block; margin: 0px;}
.live .rana-media-fullscreen, .rana-media-mute, .rana-media-volume { float: left; margin: 0 10px;}
.live .rana-media-volume {margin: 5px; width: 15%;}
.live #alertBar {display: none;}
.live .cli-message-holder .question { position: relative; padding: 5px; }
.live .cli-message-holder .question .message { word-wrap: break-word; }
.live .cli-message-holder .question:hover { background-color: #edf0f7; }
.live .cli-message-holder .question .questionAuthor { font-weight: bold; }
.live .cli-message-holder .question input.buttonDelete {
  cursor: pointer;
  background: transparent url(../images/delete.gif) no-repeat top left;
  border: 0px solid transparent;
  position: absolute; top: 2px; right: 2px;
  width: 16px; height: 16px;}
.live .livePresenter .cli-survey-holder .survey-status { color: #00BB00; }
.live .cli-survey-holder .survey-content { width: 426px;height: 337px; padding: 32px 5px; overflow: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.live .cli-survey-holder .survey-content #survey-question { font-weight: bold; font-size: 1.1em; }
.live .cli-survey-holder .survey-content .center-button { text-align: center; }
.live .cli-survey-holder .survey-content #send-answer { margin: 0 auto; }
.live .cli-survey-holder .survey-result { width: 426px;height: 333px; padding: 34px 5px; overflow: auto; display: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.live .livePresenter .cli-survey-holder .survey-content { width: 504px; height:86px; padding: 10px 5px; float: left; padding: 32px 0 0 0;}
.live .livePresenter .cli-survey-holder #surveyForm { position: relative; }
.live .livePresenter .cli-survey-holder .survey-result { width: 436px; height:118px; float: right; padding: 0; overflow: hidden; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.live .livePresenter .cli-survey-holder .survey-result-inner { width: 426px; height:91px; margin: 23px 0 0 0; padding: 2px 5px; overflow: auto;}
.live .livePresenter .cli-survey-holder .survey-result .survey-title { margin: 4px 0px; font-weight: bold; }
.live .livePresenter .cli-survey-holder .survey-result .round-select .ui-button-text { padding-top: 0em; padding-bottom: 0em; }
.live .livePresenter .cli-survey-holder #survey-message, 
.live .livePresenter .cli-survey-holder #surveyList { width: 97%; height: 25px; display: block; margin: 5px auto; font-size: 1.1em; }
.live .livePresenter .cli-survey-holder #send-survey { position: absolute; right: 5px; margin: 15px 0px; }
.live .livePresenter .cli-survey-holder #reset-survey { position: absolute; left: 5px; margin: 15px 0px; }
.live .livePresenter .cli-survey-holder .question-round { display: none; }
.live .livePresenter .cli-survey-holder .current-round { display: block; }

.live #selectable .ui-selecting { background: #FFFFFF; }
.live #selectable .ui-selected, .live #selectable .ui-selected:hover { background: #fefefe; color: #222222; }
.live #selectable { list-style-type: none; margin: 10px auto; padding: 0; width: 95%; }
.live #selectable li { margin: 3px; padding: 0.25em 0.4em; font: normal 1.4em arial,sans-serif;  height: 18px; overflow: hidden; cursor: pointer; color: #222222; }
.live #selectable li:hover { background: url("smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x; }

.live .cli-annex-holder .document-content { display: block;padding: 2px; }
.live .cli-annex-holder .document-content img { vertical-align: middle; width: 16px; height: 16px;}
.live .cli-annex-holder .document-content:hover { background: #F4F4F4 url("smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") center center; text-decoration: none;  }