html {
  height: 100%; }

body {
  font-family: 'Open Sans', Arial sans-serif;
  margin: 0;
  padding: 0;
  height: 100%; }

.logo {
  width: 120px;
  height: 25px;
  margin-top: 6px;
  margin-left: 5px;
  float: left; }

.binder-container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-flex-direction: column-reverse;
  display: flex;
  flex-direction: column; }

.binder-contents {
  /* temporary font selection */
  font-family: Arial, sans-serif;
  width: 98%;
  height: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px; }

/* Links get underline on hover */
a:hover {
  text-decoration: underline; }

a {
  text-decoration: none;
  font-size: 0.75rem; }

input {
  font-size: 0.6875rem;
  font-family: Arial; }

table.editor {
  width: 100%; }

.window-sub-nav {
  font-size: 11px; }

.view-entry {
  width: 166px;
  height: 166px;
  padding: 10px;
  border-bottom: 1px dashed #D7D7D7;
  font-size: 11px; }

.top-level-selected-tab {
  font-weight: bold;
  font-size: 11px;
  color: #990000; }

.binder-status {
  display: none;
  position: absolute;
  top: 46px;
  right: 10px;
  min-width: 300px;
  height: auto !important;
  min-height: 40px;
  vertical-align: middle;
  z-index: 4001;
  color: #4C4C4C;
  background-color: white;
  border: 1px solid #666666;
  padding: 4px 20px 2px 20px;
  opacity: .9;
  filter: alpha(opacity=90);
  justify-content: center;
  align-items: center; }

.binder-status-player {
  display: none;
  position: absolute;
  top: 30px;
  right: 10px;
  min-width: 300px;
  height: auto !important;
  min-height: 40px;
  vertical-align: middle;
  z-index: 5201;
  color: #4C4C4C;
  background-color: white;
  border: 1px solid #666666;
  padding: 4px 20px 2px 20px;
  justify-content: center;
  align-items: center; }

.binder-slide-show-pane {
  padding: 0px;
  margin: 0px;
  background: white url("/assets/pattern-278db761c6f6739830ffe25092f6ef2969e2f68e179e583f23ae95fe66807fac.gif") repeat top right; }

.lead-in a:link {
  color: white; }

.lead-in a:hover {
  color: #E0E0E0; }

.lead-in-padding {
  padding: 0px;
  float: left; }

.binder-lead-in {
  padding: 0px; }

.binder-footer {
  height: 6px;
  text-align: center; }

/* The following are old style for the player/editor and should be removed */
.binder-tab {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  display: inline-block;
  bottom: -5px;
  line-height: 25px;
  height: 29px;
  width: 100%;
  overflow: hidden; }

.binder-tab-selected {
  font-weight: bold;
  font-size: 11px;
  position: absolute;
  top: 3px;
  z-index: 20;
  left: 9px;
  height: 29px;
  width: 100%;
  right: 10px;
  overflow: hidden; }

#binder-tab-selected-left {
  left: 0;
  position: absolute;
  z-index: 20;
  top: 3px;
  width: 9px;
  height: 29px; }

.binder-tab-selected-text {
  left: 0px;
  right: 10px;
  width: 100%;
  position: absolute;
  overflow: hidden; }

.binder-tab-selected-edit {
  font-weight: bold;
  font-size: 11px;
  position: absolute;
  bottom: 0px;
  left: 9px;
  height: 29px;
  width: 100%;
  overflow: hidden;
  text-align: center; }

.binder-tab-unselected {
  font-weight: bold;
  font-size: 11px;
  bottom: 0px;
  top: 3px;
  z-index: 20;
  left: 9px;
  height: 29px;
  width: 100%;
  overflow: hidden; }

.basic-tab {
  text-align: left;
  float: left;
  list-style: none; }

#binder-tab-unselected-left {
  left: 0;
  z-index: 20;
  top: 3px;
  width: 9px;
  height: 29px; }

#binder-tab-unselected-right {
  right: 0px;
  width: 9px;
  top: 3px;
  height: 29px;
  z-index: 20; }

.binder-footer-left {
  padding-left: 10px;
  padding-top: 6px;
  font-size: x-small;
  float: left;
  text-align: left;
  width: 30%; }

.binder-footer-left a {
  text-decoration: underline; }

.binder-footer-right {
  text-align: right;
  font-size: small;
  font-weight: normal;
  float: right;
  width: 30%;
  font-weight: bold;
  font-size: 11px; }

.binder-footer-center {
  margin-top: 6px;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
  text-align: center;
  font-size: 11px;
  line-height: 1.4; }

.binder-header-top {
  background-color: #ffffff;
  border-bottom: solid 1px #EBEBEB;
  color: #1A1A1A;
  min-height: 20px;
  margin: 0;
  padding: 0px 12px 0px 6px;
  z-index: 500; }

.binder-header-top a {
  color: #666666;
  font-size: small; }

.binder-header-line {
  font-size: 6px;
  height: 6px;
  padding: 0;
  margin: 0; }

.binder-header-left {
  padding: 10px 0 3px 14px;
  font-size: 18px;
  float: left;
  text-align: left;
  width: 60%;
  line-height: 92%;
  height: 36px; }

.binder-header-left a {
  text-decoration: underline; }

.binder-header-right {
  text-align: right;
  font-size: 12px;
  float: right;
  width: 26%;
  height: 36px; }

.binder-header-right a {
  text-decoration: underline; }

.binder-header-right img {
  vertical-align: middle;
  margin-top: 0px; }

.binder-header-center {
  float: left;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 36%;
  font-size: 11px;
  line-height: 1.4; }

.binder-header-label {
  color: #666666;
  margin-top: 14px;
  font-size: 14px; }

/* Toolbar */
.tb-icon {
  float: left;
  padding: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #EEEEEE;
  background-color: #ffffff; }

.tb-name {
  float: left;
  padding: 3px;
  background-color: #D1DADA;
  border: 2px solid #FFFFFF;
  font-size: 11px;
  font-weight: bold; }

.tb-text-select {
  float: right; }

.tb-spacer {
  float: left;
  width: 4px; }

.tb-divider {
  float: left;
  width: 7px;
  height: 22px;
  border-right: 1px solid #8D8D8D; }

.tb-group {
  margin-right: 16%;
  margin-left: 16%; }

.title-box {
  padding: 10px;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE; }

.slide-box {
  padding: 20px;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE; }

/*
* Layout
*/
.layout-table {
  width: 850px;
  font-size: 11px; }

.layout-nav {
  text-align: right; }

.layout-content {
  text-align: center; }

.layout-footer {
  text-align: center; }

.layout-img {
  padding-bottom: 0px;
  width: 500px; }

.login {
  padding-bottom: 5px; }

.ads {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }

.featured-content {
  width: 550px;
  min-height: 510px;
  border: 1px solid #D7D7D7;
  background-color: #EEEEEE; }

.featured-content-text {
  padding: 20px; }

.about-content {
  width: 250px;
  padding: 10px;
  min-height: 300px;
  border: 1px solid #D7D7D7;
  background-color: #EEEEEE;
  font-size: 11px; }

.edit-content {
  width: 200px;
  padding: 10px;
  min-height: 300px;
  border: 1px solid #D7D7D7;
  background-color: #EEEEEE; }

.edit-content-td {
  width: 240px; }

table.about-content-table {
  width: 100%;
  font-size: 11px; }

.signup-content {
  width: 250px;
  padding: 10px;
  min-height: 130px;
  border: 1px solid #D7D7D7;
  background-color: #EEEEEE; }

.signup-form {
  width: 540px;
  min-height: 470px;
  padding-left: 10px;
  border: 1px solid #D7D7D7;
  background-color: #EEEEEE;
  font-size: 11px; }

.login-form {
  width: 280px;
  min-height: 300px;
  background-color: #FFF; }

.icon-small {
  float: left;
  margin-right: 0px;
  margin-left: 12px;
  margin-top: 5px;
  width: 36px;
  height: 35px;
  background-image: url("/assets/icons/binder_36x35-97e591ffe33b1509c97efb9960d7735de074adfe293c10c56a30348fb5415b67.png");
  background-repeat: no-repeat;
  border: 0px none;
  padding-right: 10px; }

.errorExplanation {
  padding: 15px;
  border: 5px solid red;
  width: 90%; }

.fieldWithErrors {
  border-left: 1px solid red; }

/* Styles for images based tabs */
.my-tab-row {
  height: 16px; }

.my-tab-off {
  text-align: center;
  z-index: 10; }

.my-tab-on {
  text-align: center;
  z-index: 10; }

.my-tab-contentS {
  padding: 0px 0px;
  border: 0px none;
  text-decoration: none;
  z-index: 10;
  height: 16px;
  text-align: left;
  margin-left: 34px; }

.my-tab-content {
  padding: 0px 0px;
  border: 0px none;
  text-decoration: none;
  z-index: 10;
  height: 16px; }

.my-tab-content-left {
  padding: 0px 0px;
  width: 100px;
  height: 30px;
  background-image: url("/assets/main_nav_off_left-c8340ab429c5e29fb37dcec4325a6807b0fe401d12f4583d067540f9c5810ab5.gif"); }

.my-create {
  text-align: center;
  z-index: 10;
  /* position: absolute;
  left: 700; 
  margin-top: 30px; */
  /* width:100px; */ }

.options-container {
  vertical-align: bottom;
  border-bottom: 1px solid #A6A5A6;
  border-right: 1px solid #A6A5A6; }

.editor-options-close {
  /* width:220px; */
  width: 40px;
  text-align: center;
  border: 2px solid white;
  font-weight: bold;
  padding: 6px;
  background-color: #D1DADA;
  cursor: pointer; }

.editor-options-spacer {
  height: 1px;
  position: absolute; }

.editor-options-open {
  width: 232px;
  border-left: 1px solid #A6A5A6;
  border-bottom: 1px solid #A6A5A6;
  border-right: 1px solid #A6A5A6;
  display: none;
  background-color: #D1DADA; }

.editor-tab {
  text-decoration: underline;
  color: #696969;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none; }

.editor-tab a {
  /*	color: #990000;	*/
  color: #003399; }

.editor-tab-selected {
  font-weight: bold;
  font-size: 13px;
  color: #990000; }

.editor-divs {
  font-size: 13px;
  text-align: left;
  margin: 10px;
  font-weight: normal; }

/*
* www.spiffycorners.com
*/
.spiffy-tab {
  text-align: center;
  padding-right: 5px; }

.spiffy-tab-content {
  text-align: left; }

.spiffy-tab-end {
  text-align: center; }

.spiffy-sub-tab {
  background-color: #FFFFFF;
  padding: 10px 10px 10px 20px;
  text-align: center;
  font-size: 11px; }

.my-sub-tab {
  width: 910px;
  background-image: url("/assets/sub_nav_middle-1d9052f1f31a3358f3e2a349984dd2064b155f5c9adf705689e7fb03ddc839a8.gif");
  background-repeat: repeat-x;
  padding: 10px 10px 10px 20px;
  text-align: center;
  font-size: 11px;
  position: relative;
  top: -10px;
  z-index: 5; }

.spiffy-sub-tab-b {
  position: relative;
  *top: 0px;
  top: 0px;
  height: auto;
  z-index: 10;
  border-left: 4px #D6D6D6 solid;
  border-right: 4px #D6D6D6 solid;
  border-top: 4px #D6D6D6 solid;
  word-break: break-word; }

.binder-subtab-span {
  z-index: 5; }

#binder-tab-pane {
  border-left: 4px #D6D6D6 solid;
  border-right: 4px #D6D6D6 solid;
  border-top: 4px #D6D6D6 solid;
  position: relative;
  top: 30px;
  background-color: #D6D6D6;
  z-index: 5;
  height: auto; }

* html #binder-tab-pane {
  float: left;
  width: 99%; }

#binder-tab-pane-adj {
  position: relative;
  top: -28px; }

.spiffy_white {
  height: 99%;
  margin-top: 8px;
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.spiffy-tab-content-b {
  text-align: center;
  white-space: nowrap;
  padding-right: 0px;
  display: inline-block;
  margin-left: -4px;
  width: auto; }

.main-tab-content {
  float: left;
  text-align: center;
  white-space: nowrap;
  padding-right: 0px;
  min-width: 200px; }

.spiffy-tab-content-add {
  white-space: nowrap;
  padding-right: 0px;
  width: 14px;
  text-align: left;
  padding-top: 5px; }

.spiffy-tab-credits {
  text-align: center;
  white-space: nowrap; }

.spiffy-tab-credits {
  text-align: center;
  padding-left: 50px; }

/* selected */
.spiffyS {
  display: block;
  font-size: 11px; }

.spiffyS * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #D1DADA; }

.spiffyS1 {
  border-right: 1px solid #fcfcfc;
  padding-right: 1px;
  margin-right: 3px;
  border-left: 1px solid #fcfcfc;
  padding-left: 1px;
  margin-left: 3px;
  background: #fdfdfd; }

.spiffyS2 {
  border-right: 1px solid #fafafa;
  border-left: 1px solid #fafafa;
  padding: 0px 1px;
  background: #fefefe;
  margin: 0px 1px; }

.spiffyS3 {
  border-right: 1px solid #fefefe;
  border-left: 1px solid #fefefe;
  margin: 0px 1px; }

.spiffyS4 {
  border-right: 1px solid #fcfcfc;
  border-left: 1px solid #fcfcfc; }

.spiffyS5 {
  border-right: 1px solid #fdfdfd;
  border-left: 1px solid #fdfdfd; }

.spiffy_contentS {
  padding: 0px 5px;
  background: #D1DADA;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  padding-top: 2px; }

.spiffy_contentSC {
  padding: 0px 5px;
  background: #FFFFFF;
  text-align: center; }

/* not selected */
.spiffy {
  display: block; }

.spiffy * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #5C7D7F;
  font-size: 11px; }

.spiffy1 {
  border-right: 1px solid #e6e6e6;
  padding-right: 1px;
  margin-right: 3px;
  border-left: 1px solid #e6e6e6;
  padding-left: 1px;
  margin-left: 3px;
  background: #d7d7d7; }

.spiffy2 {
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  padding: 0px 1px;
  background: #d4d4d4;
  margin: 0px 1px; }

.spiffy3 {
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  margin: 0px 1px; }

.spiffy4 {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6; }

.spiffy5 {
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7; }

.spiffy_content {
  padding: 0px 5px;
  background: #5C7D7F;
  font-weight: bold;
  font-size: 11px;
  height: 20px;
  padding-top: 2px; }

/* Toolbar */
.spiffyT {
  display: block; }

.spiffyT * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #E1E7EE; }

.spiffyT1 {
  border-right: 1px solid #f2f4f7;
  padding-right: 1px;
  margin-right: 3px;
  border-left: 1px solid #f2f4f7;
  padding-left: 1px;
  margin-left: 3px;
  background: #e8edf2; }

.spiffyT2 {
  border-right: 1px solid #fcfcfd;
  border-left: 1px solid #fcfcfd;
  padding: 0px 1px;
  background: #e6ebf1;
  margin: 0px 1px; }

.spiffyT3 {
  border-right: 1px solid #e6ebf1;
  border-left: 1px solid #e6ebf1;
  margin: 0px 1px; }

.spiffyT4 {
  border-right: 1px solid #f2f4f7;
  border-left: 1px solid #f2f4f7; }

.spiffyT5 {
  border-right: 1px solid #e8edf2;
  border-left: 1px solid #e8edf2; }

.spiffy_toolbar {
  padding: 0px 0px;
  /* border:5px solid #DFDFDF; */
  background: #E1E7EE;
  height: 24px;
  width: 56%;
  float: right;
  position: relative;
  top: -2px;
  /* margin:2px 0px; */ }

.edit-menu {
  padding: 12px;
  width: 100%;
  /* IE */
  width: auto;
  height: auto;
  border: 1px solid #b2b2b2;
  margin: 2px;
  display: none;
  position: absolute;
  background-color: #fff;
  text-align: left;
  color: #666;
  text-decoration: none;
  font-weight: bold;
  z-index: 5200;
  list-style: none; }

.edit-menu a {
  color: #555; }

* html body .edit-menu {
  position: absolute; }

a.mybut {
  width: 20px;
  background-color: white;
  height: 100%;
  background-image: url("/assets/d2-6dcb41780999de95e8d5986404b4459eff0d35fb84096105d6a7d885752dbab3.png") no-repeat;
  border-top: 1px solid #999B9E;
  border-right: 1px solid #999B9E;
  border-bottom: 1px solid #999B9E;
  text-decoration: none;
  /*position: absolute;*/
  position: relative;
  /* left:-10px; */
  /* top:3px; */
  z-index: 10000;
  right: 15px;
  top: 6px; }

a.mi {
  border: 0px;
  display: block;
  vertical-align: middle; }

a.mi#mi-ok {
  text-align: center; }

.menu-separator {
  border-top: solid 1px #aaaaaa;
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px; }

.if {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 0px dashed #D7D7D7;
  width: 100%;
  height: 98%;
  z-index: 998; }

.med {
  overflow: auto;
  border: 0px;
  width: 100%;
  height: 98%;
  position: relative;
  z-index: 997;
  background-color: white; }

.iframe-title-content {
  overflow: auto;
  text-align: left;
  font-size: x-large;
  position: relative;
  top: 0%;
  height: 12%;
  width: 100%;
  border: none; }

.if-div {
  width: 48%;
  height: 78%;
  top: 0%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
  z-index: 990;
  float: left;
  min-width: 10px; }

@media screen and (max-width: 480px) {
  .if-div {
    width: 100%; } }
.if-div-url {
  border: 1px solid #D7D7D7;
  width: 98%;
  min-height: 20px;
  left: 1%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
  z-index: 990;
  float: left;
  margin-left: 10px;
  top: 0%;
  min-width: 10px; }

.if-div-comment {
  border: 1px solid #D7D7D7;
  width: 48%;
  height: 16%;
  left: 1%;
  top: 20%;
  background-color: transparent;
  z-index: 998; }

.open-content-icon {
  float: right; }

.if-div-right {
  /* border:1px solid #D7D7D7; */
  width: 48%;
  height: 78%;
  left: 51%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
  z-index: 998; }

@media screen and (max-width: 480px) {
  .if-div-right {
    width: 100%;
    float: right;
    left: 0px;
    min-height: 300px; } }
.if-div-sm {
  float: left;
  width: 23%; }

@media screen and (max-width: 480px) {
  .if-div-sm {
    width: 100%;
    float: left;
    left: 0px; } }
.if-div-right-lg {
  width: 48%;
  height: 78%;
  left: 27%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
  z-index: 998; }

.if-div-wide {
  float: left;
  width: 71%;
  margin-left: 10px; }

@media screen and (max-width: 480px) {
  .if-div-wide {
    width: 100%;
    margin-left: 0px; } }
.if-banner {
  cursor: move;
  display: none;
  width: 100%;
  height: 0px;
  margin-top: 0px;
  background-color: #cc99cc;
  z-index: 1001;
  /* make it transparent */
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.if-edit-link {
  position: relative;
  float: right;
  top: 28px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if0-edit-link {
  position: absolute;
  right: 2px;
  top: 26px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if0a-edit-link {
  position: relative;
  float: right;
  top: 28px;
  margin-top: 4px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if0b-edit-link {
  position: relative;
  float: right;
  top: 48px;
  margin-top: 0px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if0c-edit-link {
  position: relative;
  float: right;
  top: 28px;
  margin-top: 0px;
  margin-left: 28px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if1a-edit-link {
  position: absolute;
  float: right;
  right: 52%;
  top: 2px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if1b-edit-link {
  position: absolute;
  right: 0px;
  top: 2px;
  margin-top: 0px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if1c-edit-link {
  position: absolute;
  float: right;
  right: 75%;
  top: 2px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.if1d-edit-link {
  position: absolute;
  float: right;
  right: 1%;
  top: 2px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 3px;
  font-size: small;
  z-index: 1002; }

.edit-box {
  width: 99%;
  height: 210px;
  position: absolute;
  left: 12px;
  bottom: 0px;
  z-index: 4000; }

.edit-footer {
  z-index: 999999;
  height: 04px;
  position: fixed;
  bottom: 0px;
  width: 98%;
  *position: relative; }

.edit-search-title {
  height: 60px;
  width: 74px;
  padding-top: 4px;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  margin-bottom: 4px; }

.if-body {
  vertical-align: top;
  /* ipad fix: overflow: auto; */
  vertical-align: top;
  text-align: center;
  font-size: 36px;
  margin: 2px;
  height: auto; }

@media screen and (max-width: 480px) {
  .if-body {
    width: 100%;
    float: left; } }
.if-body ul {
  position: relative; }

.if-body ol {
  position: relative; }

.slide-outline {
  position: relative; }

#slide-outline {
  position: relative; }

.slide-outline ul {
  padding-left: 1em;
  margin-left: 0px; }

.iframe-title-text {
  height: auto;
  overflow: auto;
  vertical-align: top;
  width: 100%;
  float: left;
  padding-bottom: 10px;
  height: 0px; }

#m0-title {
  overflow: hidden;
  /*line-height:2em;*/
  font-size: 11px;
  color: #606060;
  border: 0px;
  width: 98%;
  float: left; }

#m1-title {
  overflow: hidden;
  line-height: 2em;
  font-size: 11px;
  color: #606060; }

.if-resize {
  cursor: move;
  display: none;
  float: right;
  width: 0px;
  height: 0px;
  margin-top: 0px;
  background-color: #cc99cc;
  z-index: 1001; }

.div-parent {
  position: relative;
  overflow: visible;
  margin: 0 auto;
  padding: 1px;
  z-index: 1000;
  /* border:1px solid #ff0000;*/ }

.coveremall {
  /* For debugging
  *
  *
  */
  background-color: #99ccbb;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: move;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.smallColorSquare {
  width: 10px;
  height: 10px;
  float: left;
  border: 1px solid #000000;
  margin-right: 1px;
  margin-bottom: 1px;
  cursor: pointer;
  z-index: 1001; }

.color-menu {
  width: 200px;
  position: absolute;
  margin-top: 28px;
  margin-left: 6px;
  background-color: white;
  z-index: 1001; }

.editor-buttons {
  /*width:100%;*/
  height: 24px;
  border: 5px solid #DFDFDF;
  text-align: center; }

#nav, #nav ul {
  margin: 0;
  list-style: none;
  padding: 3px;
  background-color: #D1DADA;
  font-size: 11px;
  font-weight: bold;
  z-index: 1200; }

#nav a {
  display: block;
  width: 5em;
  padding: 3px;
  background-color: #D1DADA;
  border: 1px solid #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center; }

#nav li {
  float: left;
  width: 5em; }

#nav li ul {
  position: absolute;
  width: 9em;
  left: -999em; }

#nav li ul a {
  width: 9em;
  text-align: left; }

#nav li ul a:hover {
  background-color: #9999cc; }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto; }

.search-title {
  font-family: arial;
  font-size: 13px;
  font-weight: bold; }

#bintab-s {
  width: 100%; }

#bitab-us {
  width: 100%;
  float: right;
  height: 29px;
  margin-top: 0px;
  width: 10%;
  position: relative;
  background: url("/assets/main_nav_off_right-da17d1398569d807346909fea83002005e4d15c75cab06ade2accc86f4daa7c1.gif") no-repeat; }

/* the following rule is recognized only by IE6 */
* html body #binder-tab-selected-right {
  top: -1px; }

* html body #binder-tab-selected-left {
  top: -1px; }

* html body #binder-tab-unselected-left {
  top: -1px; }

* html body #binder-tab-unselected-right {
  top: -1px; }

* html body .btimg-u {
  top: -1px; }

* html body .binder-tab-unselected {
  top: -1px; }

* html body .binder-tab-selected-edit {
  position: relative; }

.binder-info {
  font-family: 'Open Sans', Arial, sans-serif;
  padding: 6px 10px 6px 10px;
  text-align: left;
  color: #525252;
  background-color: #EBEBEB;
  font-weight: normal;
  font-size: small; }

.binder-info a {
  font-size: small; }

.binder-info input[type="submit"] {
  font-family: 'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif; }

.binder-info input[type="button"] {
  font-family: 'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif; }

.binder-info input[type="select"] {
  font-family: 'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif; }

/**
* POPUP CONTAINER STYLES
*/
#popupMask {
  position: absolute;
  z-index: 9998;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  /* this hack is so it works in IE
  */
  background-color: transparent !important;
  background-color: #333333;
  /* this hack is for opera support
  * you can uncomment the background-image if you don't care about opera.
  * this gives you the flexibility to use any bg color that you want, instead of the png
  */
  background-image/**/: url("/assets/maskBG-49c69bce33d3da120c6c16bd42923481dffd1e9e491b4ec032bdcf7e7eef5af9.png") !important;
  /* For browsers Moz, Opera, etc.*/
  background-image: none;
  background-repeat: repeat;
  display: none; }

#popupContainer {
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0px;
  display: none;
  padding: 0px; }

#popupInner {
  border: 2px solid #000000;
  background-color: #ffffff; }

#popupFrame {
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9999;
  text-align: center;
  font-family: arial;
  font-size: 11px; }

#popupTitleBar {
  background-color: #486CAE;
  color: #ffffff;
  font-weight: bold;
  height: 1.3em;
  padding: 5px;
  border-bottom: 2px solid #000000;
  border-top: 1px solid #78A3F2;
  border-left: 1px solid #78A3F2;
  border-right: 1px solid #204095;
  position: relative;
  z-index: 9999; }

#popupTitle {
  float: left;
  font-size: 1.1em; }

#popupControls {
  float: right;
  cursor: pointer; }

.player-frame {
  border: 2px solid green;
  padding: 1px; }

.player-binder-name {
  font-size: 0.75rem;
  line-height: 20px; }

.player-what {
  position: relative;
  float: left;
  color: #878787;
  text-align: left;
  z-index: 0; }

.player-what:hover {
  background-color: transparent;
  z-index: 50; }

.player-what span {
  /*CSS for enlarged image*/
  position: absolute;
  background-color: #ECEDDF;
  padding: 5px;
  left: -1000px;
  border: 1px solid gray;
  visibility: hidden;
  text-align: center;
  color: blue;
  text-decoration: none; }

.player-what span img {
  /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px; }

.player-what:hover span {
  /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 60px;
  /*position where enlarged image should offset horizontally */ }

.about-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 50%; }

.about-content {
  font-size: 14px;
  width: 50%;
  float: left;
  text-align: left; }

.about-frame {
  width: 50%;
  float: left; }

.tab-wrapper a {
  font-family: 'Open Sans', Arial, sans-serif; }

/* styles for helper menu */
.helper-main {
  width: 162px;
  position: absolute;
  top: 40px;
  right: 4px;
  padding-right: 6px;
  z-index: 1000; }

.helper-top {
  height: 23px;
  width: 154px;
  background-color: transparent;
  background-image: url("/assets/helper_top-8ce1231e95a30e0788fb02f18b082f5c2604728d947184a022a082f8ce0e16b0.gif");
  background-repeat: no-repeat; }

.helper-middle {
  background-color: transparent;
  background-image: url("/assets/helper_middle-1988f83fa8a3467b213c3a1e94f3956e481691424ae6a68dabe64900cfdfac44.gif");
  background-repeat: repeat-y;
  width: 154px;
  margin-left: 1px;
  text-align: left;
  font-size: 12px; }

.helper-bottom {
  height: 22px;
  width: 154px;
  background-image: url("/assets/helper_bottom-1242aa96b7ac42af9ab4fc128a49a7c568f2234b3ebf30c18b8c4eab4eabe0c7.gif");
  background-color: transparent;
  background-repeat: no-repeat; }

.image-arrow-h {
  background-image: url("/assets/icons/arrow_button_h-47bf8614d7e2547fc444b0002519f9135296d2ff405536f8ffcd4171c2360853.gif");
  background-repeat: no-repeat;
  padding-left: 24px;
  margin-left: 6px;
  height: 16px; }

.clear-floats {
  clear: both; }

#close-modal-window {
  position: relative;
  top: 0px;
  text-align: right;
  margin-right: -14px;
  margin-bottom: 6px; }

.close-modal-window {
  position: relative;
  top: 0px;
  text-align: right;
  margin-right: -14px;
  margin-bottom: 6px; }

#close-modal-window a {
  color: #333333;
  font-weight: bold; }

.close-modal-window a {
  color: #333333;
  font-weight: bold; }

.modal-window {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 7200; }

* html .modal-window {
  width: 110%;
  height: 1000px; }

.modal-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5000;
  background-color: red;
  opacity: .1;
  filter: alpha(opacity=10); }

#modal-window-background {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
  z-index: 7000 !important;
  opacity: .2;
  filter: alpha(opacity=20); }

.modal-window-background {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
  z-index: 7000 !important;
  opacity: .2;
  filter: alpha(opacity=20); }

#edit-background {
  width: 150%;
  height: 100%;
  margin-left: -50%;
  position: absolute;
  bottom: 0;
  z-index: 5000;
  opacity: .0;
  filter: alpha(opacity=0); }

#edit-box-content {
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  z-index: 9000;
  width: 98%;
  height: 200px;
  bottom: 48px;
  position: absolute;
  bottom: 0px;
  background-color: #f7f6B9;
  border: solid 3px #FBE356; }

.modal-window-login-content {
  font-size: small;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 180px;
  width: 270px;
  margin-left: -125px;
  margin-top: -125px;
  z-index: 9000;
  text-align: center;
  border: 1px solid #969696;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 14px 1px #404040;
  padding: 6px 20px 0 20px;
  opacity: .9;
  filter: alpha(opacity=90);
  padding-top: 8px; }

* html .modal-window-login-content {
  left: 45%;
  width: 300px; }

#modal-window-signup-content {
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 160px;
  width: 400px;
  height: 440px;
  margin-left: -125px;
  margin-top: -125px;
  z-index: 6000;
  text-align: left;
  border: solid 2px #950202;
  padding: 0 20px 0 20px; }

* html #modal-window-signup-content {
  left: 50%; }

.share {
  text-align: right;
  margin-top: 4px;
  float: right;
  width: 344px;
  height: 29px;
  background: url("/assets/icons/share-8a4d845958ec61e1a04f9cb3429193af90fc56a556f6d63863c73b0cd667f276.gif");
  background-repeat: no-repeat; }

#about-content-1 {
  color: #ff0000; }

.edit-menu-text {
  font-size: 12px;
  font-weight: normal;
  width: 44%;
  margin-left: 4px;
  float: left;
  text-align: left;
  white-space: normal; }

.xsearch {
  width: 98%;
  border-left: 0px solid #A6A5A6;
  border-bottom: 0px solid #A6A5A6;
  border-right: 0px solid #A6A5A6; }

.results-text {
  float: left;
  width: 150px;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  padding-left: 6px;
  padding-top: 5px; }

.alert {
  display: none;
  text-align: left;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 200px;
  border: solid 3px #f0f0f0;
  padding: 15px 20px 5px 20px;
  z-index: 10000;
  color: #4C4C4C;
  background-color: white;
  -webkit-box-shadow: 7px 8px 10px #7D7D7D;
  -moz-box-shadow: 7px 8px 10px #7D7D7D;
  box-shadow: 7px 8px 10px #7D7D7D; }

.more-tabs-left {
  float: left;
  position: relative;
  top: 5px;
  width: 18px;
  height: 29px;
  z-index: 1000;
  cursor: pointer; }

*.more-tabs-left {
  top: 4px\9; }

.more-tabs-right {
  float: left;
  border: 0;
  position: relative;
  top: 5px;
  left: -1px;
  width: 18px;
  height: 29px;
  z-index: 1000;
  cursor: pointer; }

*.more-tabs-right {
  top: 4px\9; }

/* styles for the star rater */
.star-rating {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  position: relative; }

.star-rating li {
  padding: 0px;
  margin: 0px;
  /*\*/
  float: left;
  /* */ }

.star-rating li a {
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px; }

.star-rating li a:hover {
  z-index: 1;
  left: 0px; }

.star-rating a.one-star {
  left: 0px; }

.star-rating a.one-star:hover {
  width: 20px; }

.one-star-rating {
  z-index: 1;
  left: 0px;
  width: 20px; }

.star-rating a.two-stars {
  left: 20px; }

.star-rating a.two-stars:hover {
  width: 40px; }

.two-star-rating {
  z-index: 1;
  left: 20px;
  width: 40px; }

.star-rating a.three-stars {
  left: 40px; }

.star-rating a.three-stars:hover {
  width: 60px; }

.three-star-rating {
  z-index: 1;
  left: 40px;
  width: 60px; }

.star-rating a.four-stars {
  left: 60px; }

.star-rating a.four-stars:hover {
  width: 80px; }

.four-star-rating {
  z-index: 1;
  left: 60px;
  width: 80px; }

.star-rating a.five-stars {
  left: 80px; }

.star-rating a.five-stars:hover {
  width: 100px; }

.five-star-rating {
  z-index: 1;
  left: 80px;
  width: 100px; }

#properties-block {
  width: 100%;
  background-color: #000000;
  position: relative;
  z-index: 6000;
  opacity: .3;
  filter: alpha(opacity=30);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  height: 150px; }

#properties-image {
  width: 100%;
  background: url("/assets/trans-1bea9c47b8767848d9e03f2a004dc3106d801ea11acb79f4fb10e6bb34385f97.png") repeat top right;
  position: relative;
  z-index: 6000;
  height: 150px; }

.tablist {
  background-color: #FFFFFF;
  border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
  border-style: solid;
  border-width: 1px;
  overflow: auto;
  padding: 5px;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  width: 14em;
  height: 40px; }

.edit-menu-on {
  padding: 1px 3px 1px 3px;
  background-color: #F6F5B1;
  border-top: 1px solid #ACAD9E;
  border-right: 1px solid #ACAD9E;
  border-left: 1px solid #ACAD9E;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-left: 2px; }

.edit-menu-off {
  padding: 1px 3px 1px 3px;
  background-color: #D1CFCF;
  border-top: 1px solid #ACAD9E;
  border-right: 1px solid #ACAD9E;
  border-left: 1px solid #ACAD9E;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-left: 2px; }

#drop-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  margin-top: 0px; }

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#drop-nav li {
  display: inline-block;
  position: relative;
  text-align: left;
  top: 0px;
  z-index: 5100;
  margin: 0 1px;
  /* crazy stuff below this line to get IE7 to work */
  zoom: 1;
  *display: inline;
  _height: 30px; }

/* this is the parent menu */
#drop-nav li a {
  display: inline-block;
  text-decoration: none;
  z-index: 600; }

#drop-nav li img {
  vertical-align: middle;
  z-index: 600; }

#drop-nav li a:hover {
  color: #666666;
  text-decoration: underline; }

/* submenu, it's hidden by default */
#drop-nav ul {
  position: absolute;
  left: 0;
  display: none;
  margin: 0 0 0 -15px;
  padding: 0;
  list-style: none;
  background-color: #f1f1f1;
  *margin-top: 24px;
  margin-bottom: 4px; }

#drop-nav ul li {
  float: left;
  border-bottom: 1px solid #e9e9e9; }

/* display block will make the link fill the whole area of LI */
#drop-nav ul a {
  display: block;
  height: 30px;
  padding: 4px 4px 0px 4px;
  color: #666;
  z-index: 3000;
  text-decoration: none; }

#drop-nav ul a:hover {
  background-color: #ff0000;
  color: black !important;
  text-decoration: none;
  width: 100%; }

.drop-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  margin-top: 0px; }

.profile-dd {
  left: 75% !important;
  transform: translateX(-50%); }

.header-profile-image {
  width: 39px;
  height: 35px;
  border-radius: 50%; }

.tab-view-options-list {
  left: 0 !important;
  transform: translateX(65px); }

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.drop-nav li {
  display: inline-block;
  position: relative;
  text-align: left;
  top: 0px;
  z-index: 5100;
  margin: 0 1px;
  /* crazy stuff below this line to get IE7 to work */
  zoom: 1;
  *display: inline;
  _height: 30px; }

/* this is the parent menu */
.drop-nav li a {
  display: inline-block;
  text-decoration: none;
  z-index: 600; }

.drop-nav li img {
  vertical-align: middle;
  z-index: 600; }

.drop-nav li a:hover {
  color: #666666;
  text-decoration: underline; }

/* submenu, it's hidden by default */
.drop-nav ul {
  position: absolute;
  left: 0;
  display: none;
  margin: 0 0 0 -15px;
  padding: 0;
  list-style: none;
  background-color: #f1f1f1;
  *margin-top: 24px;
  margin-bottom: 4px; }

.drop-nav ul li {
  float: left;
  border-bottom: 1px solid #e9e9e9; }

/* display block will make the link fill the whole area of LI */
.drop-nav ul a {
  display: block;
  height: 30px;
  padding: 4px 4px 0px 4px;
  color: #666;
  z-index: 3000;
  text-decoration: none; }

.drop-nav ul a:hover {
  background-color: #ff0000;
  color: white;
  text-decoration: none;
  width: 100%; }

/* fix ie6 small issue */
.old_ie6_fix html #drop-nav ul {
  margin: 0 0 0 -2px; }

/* Pull right menu */
#drop-nav ul li ul {
  min-width: 120px;
  float: left;
  display: none;
  top: 12px;
  left: 86px; }

#drop-nav ul li ul a:hover {
  color: black;
  text-decoration: underline; }

.useful {
  float: right;
  margin: -1px 0px 0px 0px;
  background-color: #F0F0F0;
  color: #666;
  font-size: 12px;
  min-width: 70px;
  height: 20px;
  padding: 4px 14px 3px 3px;
  *width: 100px; }

.useful img {
  border: 0;
  margin-left: 4px; }

.useful a {
  text-decoration: none;
  color: #666666; }

.badge {
  float: right;
  max-width: 70px;
  margin: 0px 14px 0px 6px; }

.editor-note {
  position: absolute;
  background-image: url("/assets/help_bubble-f7493fbf51ae8d4bf333d3edd1ded688ada51e89030492ac6ba3993c2a82be26.png");
  background-repeat: no-repeat;
  right: 150px;
  top: 22px;
  width: 140px;
  height: 80px;
  padding: 20px 4px 2px 10px;
  border: 0; }

.upload-note {
  display: inline-block;
  position: absolute;
  background-image: url("/assets/help_bubble-f7493fbf51ae8d4bf333d3edd1ded688ada51e89030492ac6ba3993c2a82be26.png");
  background-repeat: no-repeat;
  left: -106px;
  top: 12px;
  width: 120px;
  height: 80px;
  padding: 20px 10px 2px 10px;
  border: 0; }

.privacy-note {
  float: right;
  background-color: #FFE7A1;
  background-repeat: no-repeat;
  width: 160px;
  height: 70px;
  padding: 10px 10px 10px 10px;
  margin-right: 180px;
  border: 0; }

.subtab-note {
  display: inline-block;
  position: absolute;
  background-color: #FFE303;
  left: -20px;
  top: 60px;
  width: 80px;
  padding: 10px 10px 10px 10px;
  color: #666666;
  border: 0; }

.ipad-message {
  display: none;
  position: absolute;
  top: 12px;
  left: 30px;
  width: 250px;
  height: 60px;
  background-color: white;
  padding: 4px 6px 4px 6px;
  border: 1px solid #C4C4C4; }

.embed-list {
  background-color: #6B6B6B;
  color: white;
  padding: 6px 6px 6px 6px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 8px;
  text-align: left; }

.toc {
  text-align: left;
  font-weight: normal;
  margin: 4px 4px 4px -4px; }

.toc a {
  font-size: large;
  line-height: 1.8; }

.toc-sub {
  font-size: 12pt;
  line-height: 1;
  font-family: Tahoma, Arial, Helvetica, sans-serif; }

.toc-div {
  height: 96%;
  overflow: visible;
  padding-left: 10px; }

.toc-div ul {
  margin: 4px 4px 4px -4px; }

#toc-placeholder ul > li {
  list-style-type: disc; }

#toc-placeholder ul ul li {
  border: none;
  list-style-type: circle; }

#toc-placeholder ul ul ul li {
  border: none;
  list-style-type: circle; }

.toc-dialog {
  max-height: 500px; }

#binder-subtab-pane {
  display: block;
  z-index: 10; }

.tab_layout_input_row {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  margin-left: 8px;
  margin-top: 14px; }

.tab_layout_radio {
  margin-left: 22px;
  margin-top: 6px; }

#select_binder_colors a {
  text-decoration: underline; }

.tab-content-box {
  background-color: #FAFAFA;
  padding: 8px 8px 4px 8px;
  z-index: 100004;
  margin-bottom: 10px; }

.tab-content-box-act {
  background-color: #F7F6B9;
  display: inline-block;
  padding: 4px 6px 4px 6px;
  border-radius: 6px 6px 0px 0px;
  z-index: 2010; }

.tab-content-box-inact {
  background-color: white;
  display: inline-block;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 4px 6px 4px 6px;
  border-radius: 6px 6px 0px 0px;
  z-index: 1990; }

.top-edit-buttons {
  display: inline-block;
  float: left;
  height: 42px;
  background-color: #666666;
  padding: 4px 6px 4px 6px;
  margin-right: -3px;
  color: white;
  text-align: center;
  margin-top: 8px;
  width: auto; }

.top-edit-buttons li a:hover {
  color: #4f4f4f;
  text-decoration: underline; }

.top-edit-buttons-light {
  display: inline-block;
  min-width: 42px;
  height: 32px;
  background-color: #F4F4F4;
  padding: 14px 6px 4px 6px;
  margin-right: -2px;
  color: black;
  text-align: center;
  margin-top: 4px;
  display: inline-block;
  margin-top: 6px; }

.top-edit-buttons img {
  margin-bottom: -5px; }

#button-nav {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none; }

#button-nav li {
  display: inline-block;
  position: relative;
  text-align: left;
  top: -5px;
  z-index: 5100;
  margin: 0 1px;
  /* crazy stuff below this line to get IE7 to work */
  zoom: 1;
  *display: inline;
  _height: 30px; }

#button-nav a {
  color: white;
  text-decoration: none;
  margin-top: 2px; }

#button-nav div:hover a {
  color: white;
  text-decoration: none;
  margin-top: 2px; }

div.button-nav a:visited {
  color: white;
  text-decoration: none;
  margin-top: 2px; }

.ui-button-text {
  font-size: 10px; }

.ui-dialog {
  box-shadow: 0 0 14px 1px #404040;
  border-radius: 6px 6px 6px 6px;
  opacity: .95;
  filter: alpha(opacity=95);
  z-index: 5100; }

.ui-dialog-content input {
  font-size: 11px; }

.ui-dialog-titlebar {
  height: 10px;
  font-size: 11px; }

.modal-window-editor-content {
  z-index: 100004;
  /* position:relative;
     top: 0px;
     left: 0px; */ }

.search-box {
  width: 200px;
  color: #AAAAAA;
  padding: 2px 5px 2px 10px;
  border: 1px solid #ccc;
  border-radius: 6px 6px 6px 6px;
  background: white url("/assets/icons/search-a99cba5a457163b2a757205c4b6082dc02592bbddab95fa638e012d54ecfad1a.png") 96% 50% no-repeat;
  height: 16px;
  margin-right: 18px;
  font-size: small; }

.tooltip {
  display: inline;
  position: relative; }

.tooltip:hover:after {
  background: #f1f1f1;
  top: 26px;
  color: #666666;
  font-weight: 300;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 3098;
  min-width: 100px; }

.tooltip:hover:before {
  border: solid;
  border: 6px solid transparent;
  border-bottom-color: #f1f1f1;
  top: 14px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 3099; }

.pricing-box {
  float: left;
  margin-left: 16px; }

.pricing-head {
  width: 224px;
  background-color: #999999;
  border: 1px solid #999999;
  height: 80px;
  padding: 20px;
  color: #FFFFFF;
  text-align: center;
  font-size: xx-large; }

.pricing-detail {
  width: 224px;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  min-height: 60px;
  padding: 20px;
  text-align: center;
  line-height: 1.5; }

.price-amount {
  font-size: medium; }

.price-window {
  font-family: 'Gafata', Arial, sans-serif;
  font-size: medium;
  text-align: center; }

.price-paypal {
  background-color: #F0F0F0;
  border: 1px solid #F2F2F2;
  min-width: 100px;
  display: block;
  padding: 20px 14px 4px 14px;
  font-size: large;
  font-weight: bold;
  height: 58px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  opacity: 1; }

.arrow-bottom {
  width: 0;
  height: 0;
  position: absolute;
  margin-left: 42px;
  margin-top: 18px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 8px solid white; }

.red-button {
  float: right;
  background-color: #FF0000;
  padding: 6px 10px 8px 10px;
  margin-top: -6px; }

.red-button a {
  color: white;
  text-decoration: none; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: 'Gafata', Arial sans-serif; }

.edit-results {
  width: 100%;
  height: 300px; }

.e-result {
  float: left;
  vertical-align: baseline;
  margin-left: 12px; }

.e-results-more {
  float: left;
  text-align: right;
  margin-left: 5px;
  margin-bottom: 10px; }

.editor-help {
  font-size: medium;
  background-color: #ffffff;
  position: absolute;
  z-index: 9000;
  text-align: left;
  border-radius: 6px 6px 6px 6px;
  padding: 0px 12px 6px 12px;
  opacity: .9;
  filter: alpha(opacity=90);
  padding-top: 8px; }

.editor-help ul {
  padding-left: 52px;
  padding-top: 4px;
  margin-top: 0px; }

.pointer-up {
  width: 0;
  height: 0;
  opacity: .9;
  filter: alpha(opacity=90);
  border-bottom: 20px solid white;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  z-index: 9000; }

.pointer-down {
  width: 0;
  height: 0;
  opacity: .9;
  filter: alpha(opacity=90);
  border-top: 20px solid white;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  z-index: 9000; }

.help-select a {
  color: white;
  font-size: large;
  font-weight: bold;
  text-decoration: underline; }

.large-number {
  font-size: 36px;
  width: 36px;
  float: left;
  font-weight: bold;
  color: #D3D3D3; }

.info-tab {
  display: inline-block;
  border-radius: 12px 12px 12px 12px;
  width: 12px;
  height: 10px;
  margin: 0 10px 0 -10px;
  padding: 0px 0px 8px 7px;
  background-color: #333331; }

.info-box {
  font-family: 'Open Sans', sans-serif;
  font-size: medium;
  text-align: left;
  padding: 10px 16px 10px 20px; }

.info-box a {
  font-size: medium;
  vertical-align: bottom; }

.counts {
  width: 98%;
  padding: 2px 6px 4px 6px;
  background-color: #AAAAAA;
  color: white;
  margin-top: 4px; }

.view-counter {
  width: 62%;
  float: right;
  text-align: right;
  margin-right: 3px; }

.useful-counter {
  width: 34%;
  float: left;
  margin-left: 3px; }

.binder-info input[type="password"] {
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: medium; }

.binder-info input[type="text"]:placeholder {
  color: #737373; }

.binder-info input[type=radio]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0; }

.binder-info input[type=radio]:not(old) + label > span {
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  margin: 0.25em 0.5em 0.25em 0.25em;
  border: 0.0625em solid silver;
  border-radius: 0.25em;
  background: white;
  vertical-align: bottom;
  margin-left: -32px; }

.binder-info input[type=radio]:not(old):checked + label > span > span {
  display: block;
  width: 0.5em;
  height: 0.5em;
  margin: 0.125em;
  border: 0.0625em solid #7F7F7F;
  border-radius: 0.125em;
  background: #7F7F7F; }

.binder-info input[type="submit"] {
  color: white;
  background-color: #7F7F7F;
  padding: 3px 5px 3px 5px;
  font-size: small;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  margin-top: -3px; }

.binder-info input[type="button"] {
  color: white;
  background-color: #7F7F7F;
  padding: 3px 5px 3px 5px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  font-size: small; }

.binder-info select {
  background-color: #ffffff;
  padding: 4px 5px 4px 5px;
  font-size: inherit;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px; }

.binder-info input[type="text"] {
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: small; }

.binder-info textarea {
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: medium; }

iframe.no-scrolling {
  overflow: hidden; }

.info-page {
  font-family: 'Open Sans', Arial sans-serif; }

.info-page h1 {
  text-align: left;
  font-family: 'Open Sans', Arial sans-serif; }

.info-page h2 {
  text-align: left;
  margin-top: -6px;
  font-family: 'Open Sans', Arial sans-serif; }

.tab-edit-box {
  margin-right: 1px;
  height: 16px;
  text-align: center;
  max-width: 230px;
  position: relative;
  top: 1px;
  border: 0; }

a.tab-arrow {
  text-decoration: none;
  height: 15px;
  background-color: white;
  position: relative;
  z-index: 10000;
  right: 12px;
  top: 4px; }

a.tab-arrow img {
  border: 0;
  padding: 0;
  z-index: 30; }

a.sub-arrow {
  text-decoration: none;
  position: relative;
  z-index: 10000;
  right: 2px;
  top: 4px; }

a.base-arrow {
  border-top: 1px solid #999B9E;
  border-right: 1px solid #999B9E;
  border-bottom: 1px solid #999B9E;
  text-decoration: none;
  position: relative;
  z-index: 1000;
  right: 1px;
  top: 4px; }

.edit-menu-indent {
  margin-left: 20px; }

.player-menu-section {
  float: left;
  margin-left: 2%;
  margin-right: 3%;
  height: 100%;
  border-left: solid 1px #E0E0E0;
  min-height: 40px;
  padding-left: 1.5%;
  padding-right: 3%; }

.player-more-info {
  display: none;
  margin: 4px 10px 4px 12px;
  padding: 4px 4px 4px 6px;
  font-size: .9em;
  font-weight: normal;
  background-color: white;
  border-radius: 6px; }

.player-more-info a {
  font-size: .9em; }

.icon-bar-button {
  float: left;
  padding: 0 14px 0 14px; }

.icon-bar {
  display: block;
  margin-top: 2px;
  width: 18px;
  height: 3px;
  border-radius: 1px;
  background-color: #666; }

.title-page {
  overflow: auto;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.form-info select {
  font-family: 'Lato', Arial, sans-serif !important;
  background-color: #ffffff;
  padding: 4px 5px 4px 5px;
  font-size: inherit;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px; }

.form-info input[type="text"] {
  font-family: 'Lato', Arial, sans-serif;
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: medium; }

.form-info textarea {
  font-family: 'Lato', Arial, sans-serif;
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: medium; }

.form-info input[type="textarea"] {
  font-family: 'Lato', Arial, sans-serif;
  color: #333;
  height: 2em;
  width: 95%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  margin-top: 4px;
  font-size: medium; }

.mytable {
  display: table; }

.mytable-row {
  display: table-row;
  text-align: left;
  font-size: small; }

.mytable-cell {
  display: table-cell;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  padding: 4px 4px 4px 4px; }

.mytable-cell-bottom {
  display: table-cell;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  padding: 4px 4px 4px 4px; }

.mytable-cell-right {
  display: table-cell;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  padding: 4px 4px 4px 4px; }

.mytable-cell-bottom-right {
  display: table-cell;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  padding: 4px 4px 4px 4px; }

.jmi_alert_messages {
  min-width: 200px; }

.mousescroll {
  overflow: hidden; }

.mousescroll:hover {
  overflow-y: scroll; }

.player-options-button input[type="button"] {
  padding: 3px 5px 3px 5px;
  border: 1px solid #999999;
  border-radius: 6px 6px 6px 6px;
  font-size: small;
  background-color: #999999;
  margin-right: 10px;
  color: white;
  font-weight: lighter; }

.player-options-button-mobile input[type="button"] {
  padding: 3px 5px 3px 5px;
  border: 1px solid #555555;
  border-radius: 6px 6px 6px 6px;
  font-size: small;
  background-color: #555555;
  color: white;
  float: left; }

.visuallyhidden {
  display: none; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.player-options-upgrade {
  width: 260px;
  height: 150px;
  background-image: url("/assets/screenshots/player_display_options-e51c285243b711088b25084cd8e69ab8edd235d4cca823e1d5e5b0ccb37f1108.jpg");
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background-repeat: no-repeat; }

.tab-shape-upgrade {
  margin-right: 6px;
  width: 200px;
  height: 40px;
  background-image: url("/assets/screenshots/tab_shape-b3a024e84345e9232ee7cd85d8343915788ddd58256dec3ed3dcec14d70398b1.jpg");
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  float: left;
  background-repeat: no-repeat; }

.hide-url-upgrade {
  margin-right: 6px;
  width: 200px;
  height: 80px;
  background-image: url("/assets/screenshots/hide_url_nag-8492d0351deb958bcde8209ebd15fb1554d83937b129c3e09d21d9bad9e7cc46.jpg");
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  float: left;
  background-repeat: no-repeat;
  z-index: 10; }

.yellow-button {
  position: absolute;
  left: 420px;
  z-index: 100;
  background-color: #ffff00;
  padding: 6px 10px 8px 10px;
  margin-top: 16px; }

.yellow-button a {
  color: black;
  text-decoration: none; }

.about-modal #add_author_name_and_copy_binder_heading {
  font-size: 1.6em;
  color: #1E1E1E;
  font-weight: 300; }

.about-modal-body .add-author-name {
  font-size: medium;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  color: #333333; }

#add_author_name_btn {
  background-color: #7F7F7F;
  padding: 3px 5px 3px 5px;
  font-size: inherit;
  height: 38px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  margin-top: 10px;
  font-family: 'Lato', Arial, sans-serif !important;
  color: white; }

.add-author-name p {
  margin-block-start: 1em;
  margin-block-end: 1em; }

.toc-div #tab-name {
  color: black;
  font-weight: bold; }