// 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 > input[type="text"] {
  border: 1px solid #999999;
  color: black;
}

.wmd-prompt-dialog > form > input[type="button"]{
  border: 1px solid #888888;
  font-family: trebuchet MS, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}