// Styles for the WYSIWYG question/answer editor

.wmd-panel
{
}

#wmd-button-bar {
  border: 1px solid #ddd;
  height:36px;
  float:left;
  width:99%;
}

#wmd-input {
  height: 500px;
  background-color: Gainsboro;
  border: 1px solid DarkGray;
  margin-top: -($baseline);
}

#wmd-preview {
  background-color: LightSkyBlue;
}

#wmd-output {
  background-color: Pink;
}

#wmd-button-row {
  position: relative;
  margin-left: ($baseline/4);
  margin-right: ($baseline/4);
  margin-bottom: 0px;
  margin-top: ($baseline/2);
  padding: 0px;
  height: 20px;
}

.wmd-spacer {
  width: 1px;
  height: 20px;
  margin-left: 14px;
  position: absolute;
  background-color: Silver;
  display: inline-block;
  list-style: none;
}

.wmd-button {
  width: 20px;
  height: 20px;
  margin-left: ($baseline/4);
  margin-right: ($baseline/4);
  position: absolute;
  background-image: url('#{$static-path}/images/wmd-buttons.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: inline-block;
  list-style: none;
}

.wmd-button > a {
  width: 20px;
  height: 20px;
  margin-left: ($baseline/4);
  margin-right: ($baseline/4);
  position: absolute;
  display: inline-block;
}


/* sprite button slicing style information */
#wmd-bold-button    {left: 0px;   background-position: 0px 0;}
#wmd-italic-button  {left: 25px;  background-position: -20px 0;}
#wmd-spacer1        {left: 50px;}
#wmd-link-button    {left: 75px;  background-position: -40px 0;}
#wmd-quote-button   {left: 100px;  background-position: -60px 0;}
#wmd-code-button    {left: 125px;  background-position: -80px 0;}
#wmd-image-button   {left: 150px;  background-position: -100px 0;}
#wmd-attachment-button   {left: 175px;  background-position: -120px 0;}
#wmd-spacer2        {left: 200px;}
#wmd-olist-button   {left: 225px;  background-position: -140px 0;}
#wmd-ulist-button   {left: 250px; background-position: -160px 0;}
#wmd-heading-button {left: 275px; background-position: -180px 0;}
#wmd-hr-button      {left: 300px; background-position: -200px 0;}
#wmd-spacer3        {left: 325px;}
#wmd-undo-button    {left: 350px; background-position: -220px 0;}
#wmd-redo-button    {left: 375px; background-position: -240px 0;}
#wmd-help-button    {right: 0px; background-position: -260px 0;}


.wmd-prompt-background
{
  background-color: Black;
}

.wmd-prompt-dialog
{
  border: 1px solid #999999;
  background-color: #F5F5F5;
}

.wmd-prompt-dialog > div {
  font-size: 1em;
  font-family: arial, helvetica, sans-serif;
}

.wmd-prompt-dialog {
  .form {
    width: 400px;
    margin: 0 auto;
  }
  .form-actions {
    text-align: center;
  }

  .input-text {
    width: 400px;
    padding: 0px 12px;
  }

  .field-hint,
  .field-message.has-error {
    width: 380px;
  }

  .file-upload {
    .input-text {
      width: 230px;
    }
    .field-message.has-error {
      margin-top: -1px;
      width: 210px;
    }
    .form-btn {
      margin: 0 0 0 10px;
      height: 35px;
      width: 130px;
      padding: 6px;
    }
  }
}
