/*  Scriptio - Version 0.1 - 2006-02-06  */
/*  Copyright ©2006 Matthew Clark. All Rights Reserved.  */
/*  See http://www.scriptio.us for licensing restrictions.  */

/*  buttons  */

.scriptio-button {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
  display: inline;
  border-width: 2px;
  border-style: outset;
  border-top-color: #EEEEEE;
  border-left-color: #EEEEEE;
  border-bottom-color: #C0C0C0;
  border-right-color: #C0C0C0;
  text-align: center;
  vertical-align: middle;
  padding: 2px 6px 2px 6px;
  cursor: pointer;
}
.scriptio-button-default {
  border-style: solid;
  border-color: #000000;
}
#scriptio-button-hilite {
  color: #FFFFCC;
  background-color: #999999;
  text-decoration: underline;
}

/*  checkboxes  */

.scriptio-checkbox {
}
.scriptio-checkbox-label {
  cursor: pointer;
}
#scriptio-checkbox-hilite {
  text-decoration: underline;
}

/*  radio buttons  */

.scriptio-radio {
}
.scriptio-radio-label {
  cursor: pointer;
}
#scriptio-radio-hilite {
  text-decoration: underline;
}

/*  text entry  */

.scriptio-ask {
  background-color: #FFFFFF;
  border: 2px inset #BBBBBB;
}

/*  icons  */

.scriptio-icon {
  display: block;
  height: 14px;
  text-align: left;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}
.scriptio-icon:hover {
  background-position: top right;
  background-color: transparent;
  text-decoration: underline;
}

.scriptio-border {
  background-color: #3A3A3A;
}
.scriptio-expo-container {
  width: 298px;
  height: 300px;
  text-align: left;
  vertical-align: top;
}
.scriptio-expo {
  position: absolute;
  overflow: hidden;
}
.scriptio-speaker {
  width: 15px;
  background-image: url(images/speaker.gif);
}
.scriptio-play {
  width: 15px;
  background-image: url(images/play.gif);
}
.scriptio-pause {
  width: 15px;
  background-image: url(images/pause.gif);
}
.scriptio-left {
  width: 6px;
  background-image: url(images/left.gif);
}
.scriptio-center {
  background-image: url(images/center.gif);
  background-repeat: repeat-x;
}
.scriptio-right {
  width: 6px;
  background-image: url(images/right.gif);
}
.scriptio-rewind {
  width: 15px;
  background-image: url(images/rewind.gif);
}
.scriptio-forward {
  width: 15px;
  background-image: url(images/forward.gif);
}
.scriptio-menu {
  width: 15px;
  background-image: url(images/menu.gif);
}
.scriptio-thumb2 {
  position: absolute;
  margin-left: 1px;
}
.scriptio-thumb {
  width: 11px;
  height: 14px;
  position: absolute;
  left: 0%;
  background-image: url(images/thumb.gif);
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 100;
}
.scriptio-volume {
  position: absolute;
  display: block;
  width: 24px;
  height: 100px;
  background-image: url(images/volume.gif);
  z-index: 50;
}
.scriptio-slider2 {
  position: absolute;
  top: 2px;
  height: 80px;
}
.scriptio-slider {
  display: block;
  left: 2px;
  top: 100%;
  text-align: left;
  vertical-align: top;
  position: absolute;
  width: 22px;
  height: 10px;
  padding: 0px 0px 10px 0px;
  margin: 0;
  cursor: pointer;
  z-index: 100;
  background-image: url(images/slider.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.scriptio-menu-box {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  position: absolute;
  width: 90px;
  background-color: white;
  border: 1px solid #3A3A3A;
  border-right: 2px outset;
}
.scriptio-menu-item, a.scriptio-menu-item, a.scriptio-menu-item:visited {
  color: black;
  display: block;
  padding: 2px 4px 2px 6px;
  border-bottom: 1px solid #3A3A3A;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
.scriptio-menu-item a:hover {
  color: white;
  background-color: #666666;
  text-decoration: none;
}
.scriptio-menu-disabled {
  color: gray;
}
.scriptio-console {
  border: 1px solid #3A3A3A;
  text-align: left;
  vertical-align: top;
  overflow: auto;
  margin: 0px 0px 0px 0px;
}
.scriptio-console-item {
  padding: 3px 2px 3px 4px;
  cursor: pointer;
}
.scriptio-status {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #3A3A3A;
  text-align: left;
  margin: 0px 0px 0px 0px;
}
.scriptio-timing {
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #3A3A3A;
  text-align: center;
  vertical-align: top;
  width: 50px;
}
.scriptio-cursor {
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #3A3A3A;
  text-align: center;
  vertical-align: top;
  width: 74px;
}
.scriptio-message {
  padding: 0px 0px 0px 8px;
  text-align: left;
}
.scriptio-console, .scriptio-timing, .scriptio-cursor, .scriptio-message {
  font-size: 10pt;
}
.scriptio-source {
  font-family: "Trebuchet MS, Arial, Helvetica, sans-serif";
  font-size: 12pt;
  padding: 10px 5px 10px 10px;
  line-height: 2em;
  vertical-align: top;
}
.scriptio-load {
  color: #FF6699;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 14pt;
  font-weight: bold;
  text-decoration: blink;
}
/*  must end with carriage return  */