div.editor_toolbar
  a
    float: left
    width: 16px
    height: 16px
    margin: 5px
    background-repeat: no-repeat

  span
    display: none


.editor_toolbar
  .button
    background-image: url('../images/icons/exclamation.png')
    
  .bold
    background-image: url('../images/icons/text_bold.png')

  .italic
    background-image: url('../images/icons/text_italic.png')

  .underline
    background-image: url('../images/icons/text_underline.png')

  .strikethrough
    background-image: url('../images/icons/text_strikethrough.png')

  .justifyleft
    background-image: url('../images/icons/text_align_left.png')

  .justifycenter
    background-image: url('../images/icons/text_align_center.png')

  .justifyright
    background-image: url('../images/icons/text_align_right.png')

  .undo
    background-image: url('../images/icons/arrow_undo.png')

  .redo
    background-image: url('../images/icons/arrow_redo.png')

  .insertorderedlist
    background-image: url('../images/icons/text_list_numbers.png')

  .insertunorderedlist
    background-image: url('../images/icons/text_list_bullets.png')

  .link
    background-image: url('../images/icons/link.png')

  .image
    background-image: url('../images/icons/image.png')
  
  .file
    background-image: url('../images/icons/file.png')

  .html
    background-image: url('../images/icons/page_code.png')


iframe.editor
  border: 1px solid #999
  height: 400px
  width: 100%