/* 
////////// CSS TOC
----------------------------------------------
  TOOLBAR
  SPEECH
  OUTLINE
  DOCUMENT
  ANNEX
  TOOLBOX
  SIDEBAR
  ----------------------------------------------
*/

/* =TOOLBAR */
.toolbar
{
  position: relative;
  top: 5px;
  padding: 0px 3px 0px 3px;
}
.toolbar a
{
  font-size: 0.9em;
  padding-left: 2em;
  text-decoration: none;
}
.toolbar a.iphone
{
	background: url(/images/watch/icoIphone.png) top left no-repeat;
}
.toolbar a.windowsmobile
{
	background: url(/images/watch/icoWindowsMobile.png) top left no-repeat;
}
.toolbar a.maximizedVideo 
{
  background: url(/images/watch/icoMaximizedVideo.png) top left no-repeat;
}
.toolbar a.standardVideo
{
  background: url(/images/watch/icoStandardVideo.png) top left no-repeat;
}
.toolbar a.audioOnly
{
  background: url(/images/watch/icoAudioOnly.png) top left no-repeat;
}
.toolbar .title
{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}

/* =SPEECH */
#speech
{
  position: relative;
  top: 5px;
}
#speaker a
{
  font-weight: bold;
  text-decoration: none;
  margin-left: 3px;
}
/* =OUTLINE */
#outline div
{
  display: block;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  cursor: pointer;
}
#outline div:hover
{
  background-color: #f1f1f1;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  padding-top: 0px;
  padding-bottom: 0px;
}
#outline .level0, #outline .level1, #outline .level2, #outline .level3, #outline .level4, #outline .level5
{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#outline .level0, #outline .level1
{
  font-size: 12px;
  font-weight: bold;
}
#outline .level2
{
  font-size: 12px;
  padding-left: 10px;
}
#outline .level3
{
  font-size: 11px;
  padding-left: 20px;
}
#outline .level4
{
  font-size: 11px;
  padding-left: 30px;
  font-style: italic;
}
#outline .level5
{
  font-size: 10px;
  padding-left: 40px;
}
/* =DOCUMENT */
.documentControls
{
  font-family: Arial,sans-serif;
  color: #262536;
  position: relative;
  width: 100%;
  height:18px;
  background: transparent url(/images/watch/toolBoxBtnBg.png) left top repeat-x;
  text-align:center;
  border-bottom: 1px solid #A9A9A9;
}

.documentControls #sync
{
  position: absolute;
  top: 1px;
  left: 3px;
  text-align:left;
  cursor: pointer;
  width: 170px; 
}

.documentControls #documentNav
{
  margin-left:auto;
  margin-right:auto;
  width:150px;
  padding-top: 1px;
  text-align:center;
}
.documentControls #documentNav div
{
  display: block;
  float: left;
}
.documentControls #documentNav #currentDocumentRank
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 56px;
  background: transparent url(/images/watch/currentDocumentRankBg.png) no-repeat center center;
}
.documentControls #documentNav img
{
  margin: 3px;
  cursor: pointer;
}
.documentControls #documentNav img:hover
{
  background: transparent url(/images/watch/documentNavBtnBg.png) no-repeat center center;
}
.documentControls #documentFunctions
{
  position: absolute;
  top: 3px;
  right: 3px;
  text-align:right;
  cursor: pointer;
}
.documentControls #documentFunctions img:hover
{
  background: transparent url(/images/watch/documentNavBtnBg.png) no-repeat center center;
}
.documentControls #documentFunctionsLegend
{
  font-family: Arial,sans-serif;
  color: #262536;
  position: absolute;
  top: 1px;
  right: 40px;
}

/* =ANNEX */
#annex
{
  position: absolute;
  top: 440px;
  left: 235px;
  right: 235px;
  height: 75px;
  border: 1px solid #a9a9a9;
}
.annexDocument
{
  font-size: 0.95em;
  cursor: pointer;
  border-bottom: 1px solid #b7b7b7;
  padding: 0 0 0 28px;
  background: url(/images/watch/icoDefault.png) no-repeat top left;
}
.annexImage
{
  background: url(/images/watch/icoImage.png) no-repeat top left;
}
.annexFlash
{
  background: url(/images/watch/icoFlash.png) no-repeat top left;
}
.annexFlashPaper
{
  background: url(/images/watch/icoFlashPaper.png) no-repeat top left;
}
.annexPDF
{
  background: url(/images/watch/icoPDF.png) no-repeat top left;
}
.annexUrl
{
  background: url(/images/watch/icoUrl.png) no-repeat top left;
}
.annexDocument:hover
{
  background-color: #CCC;
}
/* =TOOLBOX */
#toolBox a
{
  display: block;
  background: #CCC url(/images/watch/toolBoxBtnBg.png);
  margin-bottom: 3px;
  border: 1px solid #999;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
/* =SIDEBAR */

#sidebar
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 230px;
}
#sidebar textarea
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 11px;
  width: 220px;
  border-width: 1px;
  margin: 0px 0px 5px 0px;
}
#sidebar .speechListItem
{
  color: #fff;
  margin-bottom: 5px;
  margin-top: 5px;
}
#sidebar #shareInstantContentDiv, #sidebar #commentDiv, #sidebar #takeANoteContentDiv
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 11px;

}
#sidebar div.tags .tag, #sidebar div.documents .document
{
  font-family: Helvetica,Arial,sans-serif;
  border-bottom:1px solid #D7D7D7;
  font-size: 11px;
  padding-left: 5px;
  position: relative;
  cursor: pointer;
}
#sidebar div.documents .document
{
  padding-right: 15px;
}
#sidebar div.tags .tag .tagQuotesCount, #sidebar div.documents .document .documentQuotesCount
{
  position:absolute;
  right: 3px;
  top: 0px;
}
#sidebar div.tags .tag:hover, #sidebar div.documents .document:hover
{
  background-color: #71757b;
}
#sidebar div.tags .tag a, #sidebar div.documents .document a
{
  font-weight: bold;
}
#sidebar div.tags .tag a:hover, #sidebar div.documents .document a:hover
{
  color: #000;
}
#sidebar #login input.field 
{
  float: left;
  width: 150px;
}
#sidebar #login label
{
  display: block;
  float: left;
  width: 60px;
}
#sidebar #login input.submit
{
  margin-left: 60px;
  font-size: .8em;
}
/* =ACCORDION */
#sidebar_accordion
{
  height: 510px;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
}

.accordion_toggle {
  font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
  background: transparent url(/images/watch/accordionToggleBg.png) top left no-repeat;
  padding-top: 2px;
  padding-left: 4px;
  margin-bottom: 4px;
  width: 226px;
  height: 17px;
  cursor: pointer;
  margin: 0 0 5 0;
}
.accordion_toggle_active {
  font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
  background: transparent url(/images/watch/accordionToggleActiveBg.png) top left no-repeat;
  padding-top: 2px;
  padding-left: 4px;
  margin-bottom: 4px;
  width: 226px;
  height: 17px;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.accordion_content {
  width: 230px;
  overflow: hidden;
  margin: 0px 0px 5px 0px;
  background: url(/images/watch/accordionContentBg.png) no-repeat bottom left;
  max-height:370px;
  height:50px;
  overflow-y: auto;
  overflow-x: hidden;

}

.accordion_content h2 {
  margin: 15px 0 5px 10px;
  color: #0099FF;
}

.accordion_content p {
  margin: 3px;
}

#mediaPlayer {
    text-align:center;
}
#timelineBorderLeft
{
  position: absolute;
  top: 0px;
  left: 0px;
}
#timelineBorderRight
{
  position: absolute;
  top: 0px;
  right: 0px;
}