!background_color = #EEEEEE
!surveyor_flash_background_color = #FFF1A8
!surveyor_color = #FFFFF1 
!surveyor_text_color = #333333

!surveyor_menus_active_color = #EBEBCC
!surveyor_menus_border_color = #ccc

body
  :background-color= !background_color
#surveyor
  :font-family "Century Gothic"
  :width 960px
  :padding 20px
  :margin 0 auto
  :text-align left
  :font-family Helvetica
  :font-size 100%
  :background-color= !surveyor_color
  :color= !surveyor_text_color
  .surveyor_flash
    :background-color= !surveyor_flash_background_color
    :margin 0 auto
    :padding 5px
    :width 300px
    :font-weight bold
    :text-align center
  .survey_title
    :font-size 2em
    :font-weight bold
    :padding 5px 0
  .surveyor_menu
    :float right
    ul
      :background-color= !background_color
      :border= 1px solid !surveyor_menus_border_color
      :border-bottom-width 0
      :list-style none
      li
        :border= 0 solid !surveyor_menus_border_color
        :border-bottom-width 1px
      li.active, li.active input[type="submit"]
        :background-color= !surveyor_menus_active_color
  .previous_section
  .next_section
    :float right  
  .survey_section
    span.title
      :display block
      :padding 5px 0
      :font-weight bold
      :font-size 1.5em

  // question groups
  fieldset.g_inline fieldset
    :display inline
  fieldset.g_grid li.surveyor_radio label
    :visibility hidden
    input
      :visibility visible
  fieldset.g_repeater
    ol fieldset
      :display inline
    input[type="submit"].add_row
      :font-size 0.7em    
  
  // question groups and questions
  .survey_section>fieldset>ol
    :padding-left 1em  
  fieldset
    :padding 5px 0 10px 0
    ol
      fieldset
        :vertical-align top
      li
        label, input
          :vertical-align top
        :padding 1px 0
        p.inline-hints
          :margin 0
          :padding 0
          :display inline
      li.inline
        :display inline
      li.datetime, li.time
        input, fieldset, fieldset ol li
          :display inline
    &.q_inline ol li
      :display inline
    input, textarea, select
      :margin 0 3px
    input[type="text"], textarea
      :font-size 0.8em
    
  // buttons
  input[type="submit"]
    :font-size 1em
    :border 0px
    :padding 5px
    :cursor pointer
    :background-color= !background_color