/* Copyright 2006 Google Inc. All Rights Reserved. */

/**
 * Page warnings.  These are first in case the browser breaks parsing the CSS.
 */
.page-warning {
  width: 100%;
  margin: 0;
  border: 0;
  text-align: center;
  padding: 2px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #800;
  background-color: #ffc;
}

/*
 * Base stylesheet for Presently.
 */
html, body {
  margin: 0;
  border: 0;
  padding: 0;
  overflow: hidden;
}

.nodisplay_ {
  display: none;
}

.invisible_ {
  visibility: hidden;
}

.presentation_ {
  display: none;
}

.themes_ {
  display: none;
}

.menu_ {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 100;
  margin: 0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #676767;
  border-bottom: 1px solid #676767;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
  padding: 0;
  background-color: #ffffff;
  -moz-user-select: none;
}
.menu_ .menuItem_ {
  background-color: #ffffff;
  cursor: pointer;
}

.menu_ .menuItem_:hover, .menuItem_ a:hover {
  background-color: #e8eef7;
}

.menu_ .menuItemDisabled_ {
  background-color: #ffffff;
  cursor: default;
}

.menu_ .menuSeparator_ {
  height: 1px;
  background-color: #ccc;
}

.menu_ .menuLabel_ {
  padding: 0 8px 0 8px;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  color: #112abb;
  white-space: nowrap;
}

.menu_ .menuLabelDisabled_ {
  padding: 0 8px 0 8px;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  color: #676767;
  white-space: nowrap;
}

.menu_ .menuHint_ {
  padding: 4px 8px 4px 8px;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #676767;
  white-space: nowrap;
}

.toolbar_ {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #eee;
  overflow: hidden;
  -moz-user-select: none;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
}

.toolbar_ table {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #eee;
  overflow: hidden;
  -moz-user-select: none;
}

.toolbar_ select {
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  color: black;
  border: 1px solid #7899bb;
}

.toolbar_ img.toolbarButton_ {
  display: block;
  margin: 0;
  border: 1px solid #7899bb;
  padding: 2px 20px 2px 20px;
  background-color: #eee;
  cursor: pointer;
}

.toolbar_ img.toolbarButton_:hover {
  background-color: #fff;
}

.toolbar_ img.toolbarCloseButton_ {
  display: block;
  margin: 0;
  border: 0;
  padding: 2px;
  background-color: #eee;
  cursor: pointer;
}

.slideshow {
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  background-color: #000;
}

.slideshow-view {
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
  vertical-align: middle;
  border: 0;
  padding: 0;
  margin: 0 auto;
}

/* used in TeamPresent.cs */
.team-slideshow {
  font: 12px Arial, Verdana, Helvetica, sans-serif;
  height: 100%;
  background-color: #000;
}

.slideshow-main {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.slideshow-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 263px;
  height: 100%;
  border: 0;
  overflow: hidden;
}

.slideshow-sidebar-handle {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 1px solid #999;
  width: 12px;
  background-color: #eee;
  background-image: url(../presently/images/hide.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.slideshow-sidebar-handle div {
  position: relative;
  height: 100%;
  width: 12px;
}

.slideshow-sidebar-handle-collapsed {
  background-image: url(../presently/images/show.gif);
}

.slideshow-sidebar-handle-hover {
  background-color: #e0e0e0;
}

.slideshow-sidebar-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  background-color: #efefef;
  padding-right: 10px;
}

.slideshow-invite-link  {
  font-size: 11px;
  height: 12px;
  margin: 10px 0 10px 3px;
  /*
   * width = slideshow-sidebar width
   *   - slideshow-invite-link left/right margin
   *   - input element default left/right border/padding width (2 * 3px)
   */
  width: 236px;
}

.slideshow-status-panel {
  margin: 0;
}

.slideshow-round { display: block; }

.slideshow-round * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#c6dbff;
}

.slideshow-round1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dde6f5;
  border-right:1px solid #dde6f5;
  background:#d0e0fb;
}

.slideshow-round2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaedf0;
  border-right:1px solid #eaedf0;
  background:#cddefb;
}

.slideshow-round3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cddefb;
  border-right:1px solid #cddefb;
}

.slideshow-round4 {
  border-left:1px solid #dde6f5;
  border-right:1px solid #dde6f5;
}

.slideshow-round5 {
  border-left:1px solid #d0e0fb;
  border-right:1px solid #d0e0fb;
}

.slideshow-roundfg {
  padding: 1.25em 1em;
  background:#c6dbff;
}

.slideshow-talk-gadget {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

.slideshow-talk-gadget iframe {
  border: 0 none;
}

.slideshow-emphasis {
  font-weight: bold;
  padding-bottom: 1em;
}

#controlPresentationButton.btn {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 2px;
  border: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #222;
  text-decoration: none;
  outline: none;
}

#controlPresentationButton.btn b {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 0;
  padding: 0;
  font-weight: normal;
  background: #ddd url(../presently/images/bg-btn.gif) repeat-x 0 0;
}

#controlPresentationButton.btn b b {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  left: -1px;
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 2px 4px;
  background-color: transparent;
}

#controlPresentationButton.btn:hover b, #controlPresentationButton.btn:hover b b {
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
}

.slideshow-view-background {
  -moz-user-select: none;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  vertical-align: middle;
}

.slideshow-mini {
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  position: absolute;
  bottom: 80px;
  right: 5px;
  white-space: nowrap;
  color: #FFF;
  -moz-user-select: none;
}

.slideshow-mini-top, .slideshow-mini-bottom {
  text-align: center;
  padding: 0;
  color: #e5e5e5;
  font-size: 12px;
  font-weight: bold;
}

.slideshow-mini a {
  color: #e5e5e5;
  font-size: 11px;
  white-space: nowrap;
}

.ie-trans-hack {
  background-color: #fff;
  filter: alpha(opacity=0);
}

/** BEGIN Really new slideshow toolbar styles **/
.slideshow_toolbar_container {
  z-index: 5000;
  bottom: 0;
  left: 0;
  position: absolute;
  padding-left: 10px;
  /* restore padding top/right to add 'hover when near' behavior */
  /*
  padding-top: 100px;
  padding-right: 100px;
  */
  color: #999;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}

.slideshow-toolbar-container-hover {
  color: #333;
}

.slideshow_toolbar_cell {
  padding: 0;
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

.slideshow_toolbar_container a {
  color: #999;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}

.slideshow_toolbar_controls {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  border-collapse: collapse;
}

.slideshow_toolbar_bg {
  z-index: 2;
  position: absolute;
  width: 100%; height: 100%;
  background: url(../presently/images/bg-Full.gif) no-repeat;
  opacity: 0.2;
  -moz-opacity: 0.2;
}

.slideshow-toolbar-container-hover .slideshow_toolbar_bg {
  z-index: 2;
  position: absolute;
  width: 100%; height: 100%;
  background: url(../presently/images/bg-Full.gif) no-repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
}

.slideshow_toolbar_bg_hover {
  z-index: 2;
  position: absolute;
  width: 100%; height: 100%;
  background: url(../presently/images/bg-Full.gif) no-repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
}

/* IE toolbar background hack styles */
.slideshow_toolbar_bg_iehack {
  background: url(../presently/images/bg-Full.gif) no-repeat;
  filter: alpha(opacity=20);
}

.slideshow-toolbar-container-hover .slideshow_toolbar_bg_iehack {
  background: url(../presently/images/bg-Full.gif) no-repeat;
  filter: alpha(opacity=50);
}

.slideshow_toolbar_bg_hover_iehack {
  background: url(../presently/images/bg-Full.gif) no-repeat;
  filter: alpha(opacity=50);
}

#ToolbarPrevDisabled, #ToolbarNextDisabled {
  opacity: 0.15;
  -moz-opacity: 0.15;
  filter: alpha(opacity=15);
}

.slideshow_toolbar_fg {
  z-index: 3;
  position: relative;
  zoom: 1; /* force IE to handle position: relative correctly */
  padding: 0;
  white-space: nowrap;
}

.slideshow_toolbar_fg td {
  white-space: nowrap;
}

.slideshow_toolbar_fg a img {
  border: 0 none;
}

.slideshow_toolbar_button {
  margin: 9px 5px;
}

.slideshow_toolbar_button_prev {
  margin: 9px 6px 9px 6px;
}

.slideshow-toolbar-nav-arrow {
  cursor: pointer;
  filter: alpha(opacity=23);
  opacity: 0.23;
  -moz-opacity: 0.23;
}

.slideshow-toolbar-container-hover .slideshow-toolbar-nav-arrow {
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
}

.slideshow-toolbar-nav-arrow-hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
}

.slideshow-toolbar-nav-text-bg {
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  zoom: 1;
}

.slideshow-toolbar-container-hover .slideshow-toolbar-nav-text-bg {
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  background: #fff;
  zoom: 1;
  filter: alpha(opacity=40);
  opacity: 0.40;
  -moz-opacity: 0.40;
}

.slideshow-toolbar-nav-text-bg-hover {
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  background: #fff;
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
}

.slideshow-toolbar-nav-text-fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  color: #000;
  filter: alpha(opacity=20);
  opacity: 0.20;
  -moz-opacity: 0.20;
}

.slideshow-toolbar-container-hover .slideshow-toolbar-nav-text-fg {
  position: absolute;
  top: 0;
  left: 0;  
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  color: #000;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}

.slideshow-toolbar-nav-text-fg-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  color: #000;
  zoom: 1;
  opacity: 1;
  -moz-opacity: 1;
}

.slideshow_toolbar_invite {
  margin: 9px 0 9px 12px;
}

.slideshow_toolbar_button td {
  font-size: 0px;
}

.slideshow_toolbar_button td.slideshow_toolbar_button_ul {
  background: url(../presently/images/button_bg.gif) repeat scroll 0 0;
  height: 10px;
}

.slideshow_toolbar_button td.slideshow_toolbar_button_ur {
  background: url(../presently/images/button_bg.gif) repeat scroll 100% 0;
}

.slideshow_toolbar_button td.slideshow_toolbar_button_bl {
  background: url(../presently/images/button_bg.gif) repeat scroll 0 100%;
}

.slideshow_toolbar_button td.slideshow_toolbar_button_br {
  background: url(../presently/images/button_bg.gif) repeat scroll 100% 100%;
}

.slideshow_toolbar_button td.slideshow_toolbar_button_main {
  background-color: #56617C;
  border-bottom: 2px solid #9ba4ba;
  border-top: 2px solid #9ba4ba;
  color: #eee;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 4px;
  white-space: nowrap;
}

/** END Really new slideshow toolbar styles **/

/** Full screen hint ('F11') styles **/
.slideshow_floating_message_container {
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  position: absolute;
  top: 10px;
  white-space: nowrap;
  color: #000;
  -moz-user-select: none;
}

.slideshow_floating_message_bg {
  z-index: 2;
  position: absolute;
  width: 100%; height: 100%;
  background: #fff;
  opacity: 0.5;
  -moz-opacity: 0.5;
}

.slideshow_floating_message_bg_iehack {
  filter: alpha(opacity=50);
  background: #fff;
}

.slideshow_floating_message_fg {
  z-index: 3;
  position: relative;
  padding: 0;
  white-space: nowrap;
}

/*
 * Old 1D view styles
 */

.viewport_ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
  cursor: default;
  -moz-user-select: none;
}

.headerBackground_, .contentBackground_ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
}

.header_, .content_ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
}

.viewport_ .slide {
  margin: 0;
  border: 0;
  padding: 1em;
  background-color: transparent;
}

.viewport h1, .viewport h2, .viewport h3, .viewport h4, {
  font-weight: normal;
}

.viewport h1 {
  font-size: 2em;
}

.header_ h1 {
  margin: 0;
  border: 0;
  padding: 0.25em 0.5em 0.25em 0.5em;
  font-size: 2em;
  background-color: transparent;
  white-space: nowrap;
}

.viewport h2 {
  font-size: 1.5em;
}

.viewport h3 {
  font-size: 1.25em;
}

.viewport h4 {
  font-size: 1em;
  font-weight: bolder;
}

.viewport p {
  margin: 0 0 0.5em 0;
  padding: 0;
}

.viewport ul, .viewport ol {
  margin-left: 2em;
  padding-left: 0;
  margin-bottom: 0.25em;
}

.viewport li {
  font-size: 1em;
  margin: 0.5em;
}

.viewport li li {
  font-size: 0.9em;
}

.viewport li li li {
  font-size: 0.8em;
}

.viewport li li li li {
  font-size: 0.7em;
}

/*
 * New 2D view styles
 */

.goog-presently-view {
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.goog-presently-background {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.goog-presently-foreground {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.slide .placeholder {
  /*
   * Be sure to update presently.Shape.DefaultBorderPaddingMargins if changing
   * padding, margin, or border.
   */
  position: absolute;
  margin: 0;
  padding: 3px;
  border: 0;
  background-color: transparent;
}

.slide .picture {
  padding: 0;
}

.slide .picture img {
  display: block;
  cursor: pointer;
}

.hilite {
  /*
   * Be sure to update presently.Shape.DefaultBorderPaddingMargins if changing
   * padding, margin, or border.
   */

  /*
   * We have to apply !important to the border-width and padding declarations,
   * because the element in question will have both .placeholder and .hilite
   * applied, so we have to ensure that .hilite wins.
   */
  border-width: 1px !important;
  border-style: dotted;
}

.slide .focus {
  /*
   * Be sure to update presently.Shape.DefaultBorderPaddingMargins if changing
   * padding, margin, or border.
   */
  
  /*
   * We have to apply !important to the border-width and padding declarations,
   * because the element in question will have both .placeholder and .focus
   * applied, so we have to ensure that .focus wins.
   */
  border-width: 1px !important;
  border-style: solid;
  padding: 2px !important;
}

.slide .background {
  /*
   * Backgrounds need to align to the corners of the slide exactly.
   */
  padding: 0 !important;
}

.slide p {
  margin: 0;
  padding: 0;
}

.slide ul, .slide ol, .slide blockquote {
  /* These styles force lists to indent properly even when scaled. */
  margin: 0 0 0 1.5em;
  padding: 0;
}

.text li {
  line-height: 100%;
}