/* override setting from layout.css */
#maincontent #text #presentation .presentationpage ul {
  margin-left: 2em;
}

#maincontent #text #presentation .presentationpage ol {
  padding-left: 2em;
}

#presentation {
  position: relative;
  font-family: Tahoma, Arial;
}

  #presentation .presentationpage {
    position: absolute;
    width: 515px;
    height: 350px;
    display: none;
  }

  #presentation #page1 {
    display: block;
  }

/******************************************************************************/
/* CONTROLS                                                                   */
/******************************************************************************/

  #presentation  #presentationcontrols {
    position: absolute;
    top: 332px; /* presentationcontrols are 18px heigh */
    left: 157.0px;
    z-index: 100;
    color: #fff;
  }
  
    #presentationcontrols button {
      float:left;
      width: 58px;
      height: 18px;
      border: 0;
      padding: 0;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.9em;
    }
    
    #presentationcontrols #back {
      background: #fc1921 url( '../images/presentation/button_prev.gif' ) scroll no-repeat left 50%;
      text-align: left; 
      padding-left: 16px;
    }

    #presentationcontrols #back.disabled span {
      visibility: hidden;
    }


    #presentationcontrols #next {
      background: #fc1921 url( '../images/presentation/button_next.gif' ) scroll no-repeat right 50%;
      text-align: right;
      padding-right: 16px; 
    }
    
    #presentationcontrols #next.disabled span {
      visibility: hidden;
    }

    #presentationcontrols #page {
      float: left;
      height: 18px;
      width: 85px;
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      background-color: #808080;
    }




/******************************************************************************/
/* SPEECHBUBBLE TEMPLATE                                                      */
/******************************************************************************/


















  
  





  
  





  
  





  
  





  
  



.presentationpage .speechbubble_everything {
  height: 100%; 
  background-position: left bottom;
  background-color: white;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.presentationpage .bubble {
  position: absolute;
  background-color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.bubble div {
    font-size: 1.6em;
    line-height: 1.2;
    color: #fff;
    padding: 10px;
    width: 249.0px;
    min-height: 2.4em;
    height: auto !important;
    height: 2.4em;
  }


  
  
  

  /* SpeechBubble: orange */ 
  .speechbubble_topleft_pointright_orange .bubble {
    background-image: url(../images/presentation/bubble_orange_left.png) !important;
    background-image: url(../images/presentation/bubble_orange_left.gif);
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-right: 32px;
    background-position: right 23px;
  }  

  .speechbubble_topleft_pointdown_orange .bubble {
    background-image: url(../images/presentation/bubble_orange_down.png) !important;
    background-image: url(../images/presentation/bubble_orange_down.gif);    
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-bottom: 32px;
    background-position: 124.5px bottom;
  }

  .speechbubble_topright_pointleft_orange .bubble {
    background-image: url(../images/presentation/bubble_orange_right.png) !important;
    background-image: url(../images/presentation/bubble_orange_right.gif);
    left: 206.0px; 
    top: 43.75px;
    padding-left: 32px;
    background-position: left 23px;
  }

  .speechbubble_bottomright_pointup_orange .bubble {
    background-image: url(../images/presentation/bubble_orange_up.png) !important;
    background-image: url(../images/presentation/bubble_orange_up.gif);
    left: 206.0px; 
    bottom: 43.75px;
    padding-top: 32px;
    background-position: 124.5px top;
  }
  
  
  .speechbubble_topleft_pointdown_orange .bubble div,
  .speechbubble_topleft_pointright_orange .bubble div,
  .speechbubble_topright_pointleft_orange .bubble div,
  .speechbubble_bottomright_pointup_orange .bubble div {
    color: #ffffff;
    background-color: #ff631f;
  }

  
  
  

  /* SpeechBubble: red */ 
  .speechbubble_topleft_pointright_red .bubble {
    background-image: url(../images/presentation/bubble_red_left.png) !important;
    background-image: url(../images/presentation/bubble_red_left.gif);
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-right: 32px;
    background-position: right 23px;
  }  

  .speechbubble_topleft_pointdown_red .bubble {
    background-image: url(../images/presentation/bubble_red_down.png) !important;
    background-image: url(../images/presentation/bubble_red_down.gif);    
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-bottom: 32px;
    background-position: 124.5px bottom;
  }

  .speechbubble_topright_pointleft_red .bubble {
    background-image: url(../images/presentation/bubble_red_right.png) !important;
    background-image: url(../images/presentation/bubble_red_right.gif);
    left: 206.0px; 
    top: 43.75px;
    padding-left: 32px;
    background-position: left 23px;
  }

  .speechbubble_bottomright_pointup_red .bubble {
    background-image: url(../images/presentation/bubble_red_up.png) !important;
    background-image: url(../images/presentation/bubble_red_up.gif);
    left: 206.0px; 
    bottom: 43.75px;
    padding-top: 32px;
    background-position: 124.5px top;
  }
  
  
  .speechbubble_topleft_pointdown_red .bubble div,
  .speechbubble_topleft_pointright_red .bubble div,
  .speechbubble_topright_pointleft_red .bubble div,
  .speechbubble_bottomright_pointup_red .bubble div {
    color: #ffffff;
    background-color: #fc1921;
  }

  
  
  

  /* SpeechBubble: purple */ 
  .speechbubble_topleft_pointright_purple .bubble {
    background-image: url(../images/presentation/bubble_purple_left.png) !important;
    background-image: url(../images/presentation/bubble_purple_left.gif);
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-right: 32px;
    background-position: right 23px;
  }  

  .speechbubble_topleft_pointdown_purple .bubble {
    background-image: url(../images/presentation/bubble_purple_down.png) !important;
    background-image: url(../images/presentation/bubble_purple_down.gif);    
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-bottom: 32px;
    background-position: 124.5px bottom;
  }

  .speechbubble_topright_pointleft_purple .bubble {
    background-image: url(../images/presentation/bubble_purple_right.png) !important;
    background-image: url(../images/presentation/bubble_purple_right.gif);
    left: 206.0px; 
    top: 43.75px;
    padding-left: 32px;
    background-position: left 23px;
  }

  .speechbubble_bottomright_pointup_purple .bubble {
    background-image: url(../images/presentation/bubble_purple_up.png) !important;
    background-image: url(../images/presentation/bubble_purple_up.gif);
    left: 206.0px; 
    bottom: 43.75px;
    padding-top: 32px;
    background-position: 124.5px top;
  }
  
  
  .speechbubble_topleft_pointdown_purple .bubble div,
  .speechbubble_topleft_pointright_purple .bubble div,
  .speechbubble_topright_pointleft_purple .bubble div,
  .speechbubble_bottomright_pointup_purple .bubble div {
    color: #ffffff;
    background-color: #f003a9;
  }

  
  
  

  /* SpeechBubble: blue */ 
  .speechbubble_topleft_pointright_blue .bubble {
    background-image: url(../images/presentation/bubble_blue_left.png) !important;
    background-image: url(../images/presentation/bubble_blue_left.gif);
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-right: 32px;
    background-position: right 23px;
  }  

  .speechbubble_topleft_pointdown_blue .bubble {
    background-image: url(../images/presentation/bubble_blue_down.png) !important;
    background-image: url(../images/presentation/bubble_blue_down.gif);    
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-bottom: 32px;
    background-position: 124.5px bottom;
  }

  .speechbubble_topright_pointleft_blue .bubble {
    background-image: url(../images/presentation/bubble_blue_right.png) !important;
    background-image: url(../images/presentation/bubble_blue_right.gif);
    left: 206.0px; 
    top: 43.75px;
    padding-left: 32px;
    background-position: left 23px;
  }

  .speechbubble_bottomright_pointup_blue .bubble {
    background-image: url(../images/presentation/bubble_blue_up.png) !important;
    background-image: url(../images/presentation/bubble_blue_up.gif);
    left: 206.0px; 
    bottom: 43.75px;
    padding-top: 32px;
    background-position: 124.5px top;
  }
  
  
  .speechbubble_topleft_pointdown_blue .bubble div,
  .speechbubble_topleft_pointright_blue .bubble div,
  .speechbubble_topright_pointleft_blue .bubble div,
  .speechbubble_bottomright_pointup_blue .bubble div {
    color: #ffffff;
    background-color: #007ecf;
  }

  
  
  

  /* SpeechBubble: green */ 
  .speechbubble_topleft_pointright_green .bubble {
    background-image: url(../images/presentation/bubble_green_left.png) !important;
    background-image: url(../images/presentation/bubble_green_left.gif);
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-right: 32px;
    background-position: right 23px;
  }  

  .speechbubble_topleft_pointdown_green .bubble {
    background-image: url(../images/presentation/bubble_green_down.png) !important;
    background-image: url(../images/presentation/bubble_green_down.gif);    
    left: 8px;
    top: 43.75px;
    padding-left: 0;
    padding-bottom: 32px;
    background-position: 124.5px bottom;
  }

  .speechbubble_topright_pointleft_green .bubble {
    background-image: url(../images/presentation/bubble_green_right.png) !important;
    background-image: url(../images/presentation/bubble_green_right.gif);
    left: 206.0px; 
    top: 43.75px;
    padding-left: 32px;
    background-position: left 23px;
  }

  .speechbubble_bottomright_pointup_green .bubble {
    background-image: url(../images/presentation/bubble_green_up.png) !important;
    background-image: url(../images/presentation/bubble_green_up.gif);
    left: 206.0px; 
    bottom: 43.75px;
    padding-top: 32px;
    background-position: 124.5px top;
  }
  
  
  .speechbubble_topleft_pointdown_green .bubble div,
  .speechbubble_topleft_pointright_green .bubble div,
  .speechbubble_topright_pointleft_green .bubble div,
  .speechbubble_bottomright_pointup_green .bubble div {
    color: #ceeae9;
    background-color: #087984;
  }


/******************************************************************************/
/* ONE-IMAGE TEMPLATE                                                         */
/******************************************************************************/






.presentationpage.oneimage {
  background-color: #fff;
  font-size: 1.4em;
  line-height: 1.2;
  color: #444;
}
  .presentationpage.oneimage .oneimage_everything {
    height: 100%; /* 335px; */
    background-position: 50% 100%;
    background-color: transparent;
    background-attachment: scroll;
    background-repeat: no-repeat;
  }

  .presentationpage.oneimage .oneimage_text {
    padding: 15px 30px 0px 30px;
    background-color: #fff;  
  }


/******************************************************************************/
/* TEXTONLY TEMPLATE                                                          */
/******************************************************************************/

.presentationpage.textonly {
  background-color: #fff;
  font-size: 1.6em;
  line-height: 1.2;
  overflow: hidden;
  color: #444;
}

  .presentationpage.textonly .textonly_everything {
    background-position: 50% 50%;
    padding: 0;
    height: 100%;
    width: 100%;
  }

    .presentationpage.textonly .textonly_everything .textonly_text  {
      margin: 0px 30px; /* top-margin doesn't work? */
      position: absolute;
      top: 20px;
      padding: 10px;
      width: 431px; /* template width - margin-{left,right} - padding-{left,right} - border-{left,right} */
      border: 2px dashed #000;
      background-color: #fff;
      opacity: .85;
    }
    
    .presentationpage.textonly .textonly_everything .textonly_text p {
      margin-bottom: 0.5em;
    }


/******************************************************************************/
/* YES/NO TEMPLATE                                                            */
/******************************************************************************/








.presentationpage.yesno {
  color: #444;
  background-color: #fff;
  font-size: 1.4em;
  line-height: 1.2;
  overflow: hidden;
}

  .presentationpage.yesno .yesno_everything {
    padding: 20px 20px 32px 20px;
    height: 298px;
  }

    .presentationpage.yesno div img {
      float: left;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
    }
    
    .presentationpage.yesno div p {
      margin-bottom: 0.5em;
    }
    
    .presentationpage.yesno .yes,
    .presentationpage.yesno .no {
      position: absolute;
      top: 140.0px;
      left: 100.5px;
      width: 125px;
      padding-bottom: 26px; /* bubble thingy height */
      background: transparent url( '../images/presentation/balloon_bottom_left.gif' ) scroll no-repeat 60% bottom;
    }

    .presentationpage.yesno .no {
      left: 289.5px;
      background: transparent url( '../images/presentation/balloon_bottom_right.gif' ) scroll no-repeat 40% bottom;
    }
    
    .presentationpage.yesno .yes div,
    .presentationpage.yesno .no div {
      color: #fff;
      background-color: #fc1921;
      padding: 14px;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
    }