gluttonberg-core 2.5

data/app/assets/stylesheets/admin.sass

@@ -0,0 +1,2919 @@
+@charset "UTF-8"
+
+/* Base colours
+/* DARK BUTTONS (Default: Blue) -----------------
+/* LIGHT BUTTONS (Default: Grey) ----------------
+/* ERROR COLOURS --------------------------------
+/* SIDEBAR BASE ---------------------------------
+/* SHARED HYPERLINK COLOURS ---------------------
+/* ASSET LIBRARY --------------------------------
+/* TABLE COLOURS --------------------------------
+/* FORM COLOURS ---------------------------------
+/* HELP COLOURS ---------------------------------
+/* ==================================================================
+/* Reset base styles - Assume nothing
+/* ==================================================================
+
+*
+  margin: 0
+  padding: 0
+  font-size: 1em
+  font-weight: normal
+  font-style: normal
+  line-height: 1
+  text-align: left
+
+li
+  list-style-type: none
+
+strong
+  font-weight: bold
+
+em
+  font-style: italic
+
+body
+  background-color: #f5f1e7
+  margin: 0 0 0 220px
+  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
+  font-size: 82%
+  color: #727272
+
+/* ==================================================================
+/* Import everything else
+/* ==================================================================
+/* HEADINGS =========================================================
+
+#wrapper
+  h2
+    font-size: 1.2em
+    &#pageTitle
+      padding: 11px 15px 8px 100px
+      font-size: 22px
+      font-family: Georgia, Serif
+      height: 26px
+      border-top: 1px solid #f9f7f1
+      border-bottom: 1px solid #ebe4d1
+      a
+        text-decoration: none
+        color: #727272
+  h1#loginTitle
+    background-color: #244e66
+    background-position: left bottom
+    background-repeat: repeat-x
+    background-image: url("/assets/pagetitle_bkg.gif")
+    color: white
+    font-size: 1.6em
+    height: 22px
+    padding: 8px 15px
+    margin-bottom: 50px
+
+.show#assets #wrapper h2#pageTitle
+  margin: 0
+  font-weight: normal
+
+/* HEADINGS =========================================================
+
+#content
+  padding: 0 25px 0 50px
+  min-width: 797px
+
+/* SIDEBAR ==========================================================
+
+#sidebar
+  position: absolute
+  left: 0
+  top: 0
+  height: 100%
+  width: 220px
+  background: #dfdedc
+  padding: 82px 0 0 0
+  border-right: #efebe4 1px solid
+  h1
+    border-bottom: #333333 1px solid
+    background-position: center left
+    background-repeat: no-repeat
+    background-image: url("/assets/heading_bkg.gif")
+    color: white
+    font-size: 1.6em
+    text-indent: 43px
+    padding: 8px 0
+    width: 220px
+    height: 1em
+  h2#navTitle
+    height: 0
+    /* hide text
+    letter-spacing: -1000em
+    text-indent: -10000em
+  form
+    padding: 0
+  input
+    border: 2px solid #2f759a
+    -moz-border-radius: 13px
+    -webkit-border-radius: 13px
+    padding: 0.3em 10px
+  ul
+    border-top: 1px solid #c3c2c2
+    border-bottom: 1px solid #ffffff
+    li
+      position: relative
+    a
+      padding: 16px 0 0 84px
+      display: block
+      height: 29px
+      font-size: 13px
+      font-weight: bold
+      text-decoration: none
+      border-top: 1px solid #ffffff
+      border-bottom: 1px solid #c3c2c2
+      color: #727272
+    li
+      &:hover
+        background: #dfdedc url("/assets/sidebar/menu_over.jpg") repeat-x
+      a.active
+        background: #dfdedc url("/assets/sidebar/menu_active.jpg") repeat-x
+    a.nav_trigger
+      position: absolute
+      top: 11px
+      right: 25px
+      display: block
+      height: 27px
+      width: 45px
+      background: url("/assets/sidebar/nav_closed.png")
+      padding: 0
+      border: none
+      &.open
+        background: url("/assets/sidebar/nav_open.png")
+    ul
+      border-top: none
+      border-bottom: none
+      display: none
+    li.active_parent
+      ul
+        display: block
+      background: #dfdedc url("/assets/sidebar/menu_active.jpg") repeat-x !important
+    ul a
+      padding: 8px 0 8px 84px
+      font-family: Georgia, Serif
+      height: 15px
+      background: #dfdedc
+      font-weight: normal
+      border-top: none
+      border-bottom: none
+      &.active
+        position: relative
+        color: #ffffff
+        background: #eb98a9
+        &:hover
+          position: relative
+          color: #ffffff
+          background: #eb98a9
+      &:hover
+        background: #dfdedc url("/assets/sidebar/menu_over.jpg") repeat-x
+    a img
+  li
+    display: block
+    &.current
+      background-position: right center
+      background-repeat: no-repeat
+      background-image: url("/assets/sidebar/current_bkg.gif")
+      /* Browser-specific border-radius
+      -moz-border-radius-topleft: 3px
+      -moz-border-radius-bottomleft: 3px
+      -webkit-border-top-left-radius: 3px
+      -webkit-border-bottom-left-radius: 3px
+
+#navigation a
+  &#dashboard_nav
+    background: 30px url("/assets/sidebar/icon_dashboard.png") no-repeat
+  &#content_nav
+    background: 30px url("/assets/sidebar/icon_content.png") no-repeat
+  &#library_nav
+    background: 30px url("/assets/sidebar/icon_library.png") no-repeat
+  &#settings_nav
+    background: 30px url("/assets/sidebar/icon_settings.png") no-repeat
+  &#feedback_nav
+    background: 30px url("/assets/sidebar/icon_feedback.png") no-repeat
+
+#sidebar p
+  background-position: left top
+  background-repeat: no-repeat
+  background-image: url("/assets/sidebar/icon_logged_in.gif")
+  color: #8b8b8b
+  padding: 0 0 0 30px
+  margin: 10px 20px 0 20px
+  width: 150px
+  strong, a
+    color: white !important
+
+/* WRAPPER ==========================================================
+
+#wrapper
+  width: 954px
+  float: left
+  min-height: 30em
+
+/* HEADER ==========================================================
+
+#header
+  height: 82px
+  position: relative
+  padding-left: 50px
+  border-bottom: 1px solid #ebe4d1
+  h1
+    font-size: 24px
+    font-family: Helvetica, sans-serif
+    font-weight: bold
+    position: absolute
+    top: 30px
+    left: 100px
+  #user
+    position: absolute
+    right: 25px
+    top: 36px
+    font-size: 12px
+    a.username
+      color: #727272
+      text-decoration: underline
+      margin-right: 25px
+  img
+    position: absolute
+    top: 18px
+
+#subheader
+  position: relative
+  img
+    position: absolute
+    top: 6px
+    left: 48px
+
+/* SUB-NAVIGATION ===================================================
+
+#subnav
+  padding-top: 15px
+  li
+    float: left
+  a
+  #backLink a
+    background-position: left center
+    background-repeat: no-repeat
+    background-image: url("/assets/sub_nav_back_bkg.gif")
+    color: #244e66 !important
+    padding-left: 13px
+    -moz-border-radius-topright: 3px
+    -moz-border-radius-bottomright: 3px
+    -webkit-border-top-right-radius: 3px
+    -webkit-border-bottom-right-radius: 3px
+  .button
+    float: right
+    a
+      display: block
+      margin: 0 0 15px 14px
+
+.button a, a.button, input.button, button
+  color: #727272
+  background-color: #ffffff
+  border: #e0ded8 1px solid
+  -webkit-border-radius: 3px
+  font-size: 13px
+  font-weight: bold
+  padding: 7px 12px
+  text-decoration: none
+
+a.button:hover, .button:hover a, input.button:hover, button:hover
+  background: #f58da2
+  color: #ffffff
+
+.editable
+  border: none
+  button
+    margin: 0 0 0 15px
+
+#assetsDisplay input.button
+  position: absolute
+  right: 25px
+  bottom: 25px
+
+#assets.show #wrapper #subnav li
+  padding: 0 !important
+
+/* TAB BAR ==========================================================
+
+#tabBar
+  background: #666666
+  padding: 0.6em 0 0 0
+  width: 100%
+  float: left
+  li
+    float: left
+  a
+    float: left
+    font-weight: bold
+    color: white
+    text-decoration: none
+    padding: 0.4em 15px 0.7em 15px
+    margin: 0 0 0 15px
+  .current a
+    background: white
+    color: #244e66
+    -moz-border-radius-topright: 3px
+    -moz-border-radius-topleft: 3px
+    -webkit-border-top-right-radius: 3px
+    -webkit-border-top-left-radius: 3px
+
+/* ICON NAVIGATION ==================================================
+
+#iconNav
+  width: 80%
+  padding: 50px 10%
+  float: left
+  color: #727272
+  background-color: white
+  border: #E0DED8 1px solid
+  margin-top: 25px
+  -webkit-border-top-left-radius: 0 0
+  -webkit-border-top-right-radius: 3px 3px
+  -webkit-border-bottom-left-radius: 3px 3px
+  -webkit-border-bottom-right-radius: 3px 3px
+  border-top-left-radius: 0px 0px
+  border-top-right-radius: 3px 3px
+  border-bottom-left-radius: 3px 3px
+  border-bottom-right-radius: 3px 3px
+  li
+    width: 20%
+    float: left
+  a
+    background: top no-repeat
+    text-decoration: none
+    min-height: 56px
+    padding-top: 100px
+    display: block
+    width: 110px
+    overflow: hidden
+    color: #727272
+    text-align: center
+    font-family: Georgia, Serif
+    font-size: 14px
+    margin: auto
+    &:hover
+      color: #F58DA2
+
+/* Base styles
+
+form, .pageBlock
+  margin: 25px 0
+  background: #FFFFFF
+  border: #e5e4e3 1px solid
+  padding: 30px 20px
+  width: 836px
+  float: left
+  position: relative
+  -moz-border-top-left-radius: 0 0
+  -moz-border-top-right-radius: 3px 3px
+  -moz-border-bottom-left-radius: 3px 3px
+  -moz-border-bottom-right-radius: 3px 3px
+  -webkit-border-top-left-radius: 0 0
+  -webkit-border-top-right-radius: 3px 3px
+  -webkit-border-bottom-left-radius: 3px 3px
+  -webkit-border-bottom-right-radius: 3px 3px
+  border-top-left-radius: 0px 0px
+  border-top-right-radius: 3px 3px
+  border-bottom-left-radius: 3px 3px
+  border-bottom-right-radius: 3px 3px
+
+.article_form form
+  /*  width: 576px;
+  width: 435px
+  margin-top: 0
+  padding: 0 20px
+
+#assetsDialog .nosubnav
+  margin-top: 0
+
+.nosubnav
+  margin-top: 25px
+
+.left_column
+  float: left
+  width: 540px
+
+.right_column
+  float: right
+  width: 270px
+
+#gluttonberg_page_description_name
+  width: 240px
+
+fieldset
+  border: none
+  clear: both
+
+legend
+  font-size: 14px
+  font-family: Georgia, Serif
+  color: #727272
+  width: 100%
+  padding: 0 0 16px 0
+  margin-bottom: 16px
+  display: block
+  border-bottom: 1px solid #dcdbd9
+
+/*label {
+ *text-align: right;
+ *padding: 0.2em 0.6em 0.2em 0;
+ *margin: 1px 0 0 0;
+ *width: 12em;
+ *float: left;
+ *clear: left;
+ *font-size: 14px;
+ *font-family: Georgia, Serif;
+ *}
+
+label
+  padding: 0.2em 0.6em 0.2em 0
+  margin: 10px 0
+  display: block
+  font-size: 14px
+  font-family: Georgia, Serif
+  &.error
+    clear: both
+    float: none
+    display: block
+    margin: 0 auto
+
+input.error
+  background: #EB98A9 !important
+
+label
+  &.checkbox
+    text-align: left
+    clear: right
+    margin-left: 0.6em
+  &.inline
+    margin-left: 0.6em
+    width: auto
+    clear: none
+
+input.inline
+  clear: none
+
+.mceEditor
+  float: left
+
+input
+  &.text, &.password, &.checkbox, &.radio
+    margin-bottom: 15px
+    float: left
+    clear: right
+    background: #ebebeb
+
+textarea, select
+  margin-bottom: 15px
+  float: left
+  clear: right
+  background: #ebebeb
+
+input
+  &.checkbox, &.radio
+    margin-top: 0.35em
+    margin-left: 12.6em
+    clear: left
+  &.text, &.password
+    margin-bottom: 15px
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+
+/* Input/textarea styles and widths
+
+textarea
+  margin-bottom: 15px
+  background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+  border: none
+  padding: 0.2em 0.5em
+
+input
+  &.tiny
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    width: 2em
+  &.small
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    width: 5em
+
+textarea.small
+  background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+  border: none
+  padding: 0.2em 0.5em
+  width: 5em
+
+input.medium, textarea.medium
+  background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+  border: none
+  padding: 0.2em 0.5em
+  width: 10em
+
+select.medium
+  width: 11em
+
+input.large
+  background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+  border: none
+  padding: 0.2em 0.5em
+  width: 335px
+
+select.large
+  width: 335px
+
+textarea
+  &.large
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    width: 365px
+  &.short
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    height: 5em
+  &.medium
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    height: 10em
+  &.tall
+    background: #ebebeb right top no-repeat url("/assets/form/input_bkg.jpg")
+    border: none
+    padding: 0.2em 0.5em
+    height: 20em
+
+/* Selects
+
+select
+  margin-top: 0.3em
+
+/* Form controls — save/cancel
+
+p.controls
+  padding: 1em 0 0 0
+  margin: 0.5em 0 0 0
+  text-align: center
+  a
+    color: #727272
+    text-decoration: none
+    font-family: 'Lucida Grande'
+  input
+    color: #727272
+    background-color: #ffffff
+    border: #e0ded8 1px solid
+    -webkit-border-radius: 3px
+    font-size: 13px
+    font-weight: bold
+    padding: 7px 12px
+    text-decoration: none
+    cursor: pointer
+    &:hover
+      background: #f58da2
+      color: #ffffff
+  strong
+    font-size: 14px
+    color: #727272
+
+/* Error display
+
+div.error
+  background-color: #EB98A9
+  padding: 10px
+  margin: 15px
+  h2, ul, p
+    margin-left: 10px
+    margin-bottom: 10px
+    color: black
+  h2, p
+    color: black
+  li
+    font-size: 1.2em
+    padding: 0.3em 0 0 0
+    display: block
+  ul ul li
+    font-size: .9em
+    padding: 0.3em 0 0 0
+    display: block
+
+/* Inline help
+
+form p.help
+  color: #333333
+  margin: 0.4em 0 1em 12.6em
+  width: 25em
+  float: left
+  clear: both
+
+/* Localization selector
+
+#select-localization
+  border-bottom: 1px solid #cccccc
+  background: #e9e9e9
+  padding-top: 0.7em
+  height: 0.8em
+  label
+    position: absolute
+    left: -1000em
+  select
+    font-size: 1.2em
+    margin: 0.1em 0.6em 0 0
+
+.historycontrols form select button label input, .select-version select button label input
+  padding: 0
+
+.publish_message
+  border-bottom: 1px solid #c6f971
+  border-top: 1px solid #c6f971
+  height: 20px
+  padding-left: 50px
+  padding-top: 7px
+  font-family: "Arial" "Verdana" sans-serif
+  background: #e4fcbb no-repeat url("/assets/tick.gif") 20px center
+  .view-versions a
+    color: #487102
+
+.unpublish_message
+  border-bottom: 1px solid #fdd475
+  border-top: 1px solid #fdd475
+  height: 20px
+  padding-left: 50px
+  padding-top: 7px
+  font-family: "Arial" "Verdana" sans-serif
+  background: #feeabd no-repeat url("/assets/warning.gif") 20px center
+  position: absolute
+  top: 145px
+  width: 740px
+  .view-versions a
+    color: #a37200
+
+.view-versions
+  position: absolute
+  right: 10px
+
+#select-version
+  border-bottom: 1px solid #dadada
+  background: #f4f4f4
+  margin: 0
+  height: 30px
+  padding: 5px
+  position: relative
+  form
+    margin: 0
+  label
+    position: absolute
+    left: 1px
+  select
+    position: absolute
+    right: 150px
+    font-size: 1.2em
+  #change_verson_btn
+    position: absolute
+    right: 50px
+    top: 8px
+
+table
+  width: 877px
+  clear: both
+  border-bottom: #dddddd 1px solid
+
+thead
+  border-top: #e8e7e6 1px solid
+  border-left: #e8e7e6 1px solid
+  border-right: #e8e7e6 1px solid
+  th
+    background: #dfdedc url("/assets/sidebar/menu_over.jpg") repeat-x
+    font-size: 16px
+    color: #727272
+    font-family: Georgia, Serif
+    height: 45px
+    padding: 0 0 0 15px
+    a
+      color: #727272
+      text-decoration: none
+      padding-right: 25px
+      background: none
+      display: inline-block
+      &:hover, &.desc:hover, &.current.asc
+        background: url("/assets/library/sort_by_asc.png") right no-repeat
+      &:hover, &.asc:hover, &.current.desc
+        background: url("/assets/library/sort_by_desc.png") right no-repeat
+
+tbody th
+  background: #f2f2f2
+  font-size: 1.2em
+  color: #999999
+
+td
+  padding: 15px 15px 20px
+
+table tr
+  background: white url("/assets/row_divider.jpg") repeat-x bottom
+
+tr.even td
+  background-color: #f3f2f2
+
+table .controls
+  border-right-width: 0
+
+th.controls
+  letter-spacing: -1000em
+  text-indent: -1000em
+
+td.controls a
+  margin: 0 0.5em 0 0
+  float: left
+  color: #408eb3
+  &:hover
+    color: #c26b31
+
+tr
+  &.insert_after td
+    border: none
+    border-bottom: 2px solid black
+    padding-bottom: 4px
+  &.insert_before td
+    border: none
+    border-top: 2px solid black
+    padding-top: 4px
+
+.treeTable tr
+  &.insert_child td
+    border: none
+    background-color: #3875d7
+    color: white
+  &.ui-draggable-dragging td
+    color: black
+    background-color: #EB98A9
+    z-index: 1
+
+/* Asset Library
+
+#tabs-recent
+  width: 100%
+  float: left
+  color: #727272
+  background-color: white
+  margin-top: -1px
+  -webkit-border-top-left-radius: 0 0
+  -webkit-border-top-right-radius: 3px 3px
+  -webkit-border-bottom-left-radius: 3px 3px
+  -webkit-border-bottom-right-radius: 3px 3px
+  border-top-left-radius: 0px 0px
+  border-top-right-radius: 3px 3px
+  border-bottom-left-radius: 3px 3px
+  border-bottom-right-radius: 3px 3px
+
+#assets_table #tabs-recent
+  width: 80%
+  margin: 0 10%
+
+h2.assetList
+  border-bottom: 1px solid #cccccc
+  font-weight: bold
+  color: #333333
+  padding: 0 0 0.3em 0
+  margin-top: 1em
+  margin-bottom: 0.6em
+
+ul.assetList
+  width: 80%
+  padding: 50px 10%
+  float: left
+  color: #727272
+  background-color: #ffffff
+  border: #e0ded8 1px solid
+  margin-top: -1px
+  -webkit-border-top-left-radius: 0 0
+  -webkit-border-top-right-radius: 3px 3px
+  -webkit-border-bottom-left-radius: 3px 3px
+  -webkit-border-bottom-right-radius: 3px 3px
+  li
+    width: 20%
+    float: left
+    text-align: center
+    &.clear
+      clear: both
+      float: none
+      width: 100%
+      height: 1px
+  a
+    display: block
+    width: 110px
+    overflow: hidden
+    color: #727272
+    text-align: center
+    font-family: Georgia, Serif
+    font-size: 14px
+    margin: auto
+    &:hover
+      color: #F58DA2
+  h3
+    text-align: center
+  p
+    color: #666666 !important
+    font-size: 0.9em
+  a
+    background: center top no-repeat
+    text-decoration: none
+    min-height: 56px
+    padding-top: 100px
+    &.assetArchive, &.assetAudio, &.assetBinary, &.assetDocument, &.assetImage, &.assetVideo
+      background-image: url("/assets/library/asset_generic_medium.gif")
+    &.collection
+      background-image: url("/assets/icons/folder.png")
+    &.browseAll
+      background-image: url("/assets/library/all.png")
+    &.browseArchives
+      background-image: url("/assets/library/browse_archives_medium.gif")
+    &.browseAudios
+      background-image: url("/assets/library/audio.png")
+    &.browseBinaries
+      background-image: url("/assets/library/browse_binaries_medium.gif")
+    &.browseDocuments
+      background-image: url("/assets/library/icon_document.jpg")
+    &.browseImages
+      background-image: url("/assets/library/image.png")
+    &.browseVideos
+      background-image: url("/assets/library/video.png")
+    &.browseUncategorised
+      background-image: url("/assets/library/other.png")
+
+.asset_title .controls
+  display: none
+
+tr:hover span.controls
+  display: block
+
+/* Assets
+
+#assets
+  &.show
+    #subnav
+      margin-bottom: 30px
+    #wrapper
+      position: relative
+      h2, h3, p, dl, ul.collections
+        margin-left: 270px
+        margin-right: 30px
+      h2
+        font-weight: bold
+        margin-bottom: 0.3em
+        clear: both
+      h3
+        border-bottom: 1px solid #e6e6e6
+        font-size: 0.88em
+        font-weight: bold
+        padding-bottom: 0.6em
+        margin-bottom: 0.5em
+      dl
+        margin-bottom: 2em
+      dt
+        font-weight: bold
+        padding: 0.2em 0
+        width: 5.5em
+        float: left
+        clear: left
+      dd
+        padding: 0.3em 0 0.1em 0
+        clear: right
+      ul
+        margin-bottom: 2em
+      li
+        padding: 0.3em 0 0.1em 0
+    #preview
+      text-align: center
+      margin-top: 30px
+      width: 250px
+      height: 200px
+      position: absolute
+      left: 12px
+      top: 0px
+      overflow: hidden
+      padding-left: 10px
+  &.edit #preview
+    text-align: center
+  &.show
+    #assetID
+      background: #006699
+      color: white
+      text-align: center
+      padding: 0.2em 0.4em
+      margin-top: 30px
+      position: absolute
+      right: 10px
+      top: 5.3em
+      strong
+        font-size: 1.8em
+        text-align: center
+        display: block
+    #categoryAndType
+      color: #666666
+      margin-bottom: 1.5em
+    #description
+      margin-bottom: 1.5em
+    #public-path
+      margin-left: 340px
+      width: 22em
+      clear: both
+      float: left
+    #public-path-note
+      font-size: 0.9em
+      padding: 1em 0
+      clear: both
+      float: left
+
+/* Asset browser link
+
+.assetBrowserLink
+  margin-bottom: 1em
+  float: left
+  clear: right
+  strong, a
+    float: left
+  strong
+    background-color: #d4eaf7
+    border: 1px solid #999999
+    whitespace: nowrap
+    padding: 0.35em 0.8em
+    margin: 0 0.5em 0 0
+    width: 17em
+    overflow: hidden
+  span
+    display: block
+    padding-top: 15px
+
+.publicpath a
+  color: #727272
+
+/* Asset Browser
+
+#assetsDialog
+  h1
+    background: #807f65
+    color: white
+    font-weight: bold
+    font-size: 1.6em
+    padding: 0.2em 0
+    text-indent: 10px
+  #assetsNavigation
+    width: 100%
+    li, a
+      float: left
+    li
+      padding: 0.5em 0
+      height: 1.9em
+    a
+      text-decoration: none
+      margin: 0 0 0 8px
+      /* Browser-specific border-radius
+      -moz-border-radius-topright: 3px
+      -moz-border-radius-bottomright: 3px
+      -webkit-border-top-right-radius: 3px
+      -webkit-border-bottom-right-radius: 3px
+  #assetPanels a
+    overflow: hidden
+  #assetsSearch
+    float: right !important
+    label
+      color: white
+      padding: 0.4em 0.5em 0 0
+    input
+      background: white left center no-repeat url("/assets/library/search_icon.gif")
+      border: 2px solid #373b40
+      padding: 0.3em 0.6em 0.3em 28px
+      width: 12em
+  form
+    padding: 0 0 0 0
+  #upload
+    margin-left: 15px
+    float: left
+  #cancel
+    margin: 0 15px
+    float: right
+    color: #727272
+    background-color: #ffffff
+    border: #e0ded8 1px solid
+    -webkit-border-radius: 3px
+    font-size: 13px
+    font-weight: bold
+    padding: 7px 12px
+    text-decoration: none
+    &:hover
+      background: #f58da2
+      color: #ffffff
+    img
+      display: none
+
+/* Asset panels
+
+#assetPanels
+  margin: 1em 2%
+  width: 98%
+  float: left
+  li
+    float: left
+  a
+    float: left
+    border: 2px solid white
+    text-decoration: none
+    color: black
+    padding: 10px 10px 10px 130px
+    width: 10em
+    min-height: 75px
+    position: relative
+    &:hover
+      border-color: #244e66
+  div
+    text-align: center
+    width: 110px
+    height: 75px
+    position: absolute
+    left: 10px
+    top: 10px
+    overflow: hidden
+  h2
+    font-size: 1em
+    font-weight: bold
+    margin: 0 10px 0.2em 0
+  p
+    font-size: 0.85em
+    color: #666666
+
+/* BUTTONS ==========================================================
+
+.buttonAqua, .buttonGrey
+  text-decoration: none !important
+  font-weight: bold
+  padding: 0.3em 0.6em
+  -moz-border-radius: 3px
+  -webkit-border-radius: 3px
+  float: left
+
+/* Dark Buttons -----------------------------------------------------
+
+.buttonAqua
+  background-color: #244e66
+  background-image: url("/assets/button_bkg_aqua.gif")
+  background-repeat: repeat-x
+  border: #082536 2px solid
+  color: white !important
+
+/* Light Buttons ----------------------------------------------------
+
+.buttonGrey
+  background-color: #cccccc
+  background-position: left top
+  background-repeat: repeat-x
+  background-image: url("/assets/button_bkg_grey.gif")
+  border: #244e66 2px solid
+  color: #244e66
+
+.clear-asset
+  margin-left: 0.5em
+
+p
+  &.empty
+    font-size: 2em
+    color: #cccccc
+    text-align: center
+    padding: 5em 0 0 0
+    width: 100%
+    float: left
+  &.newLink
+    padding: 1em
+    /* Plus and Minus controls ----------------------------------------
+    ul.plusAndMinus
+      margin: 0.2em 0 0 1em
+      float: left
+      li, a
+        width: 18px !important
+        height: 18px
+        float: left
+      li
+        border: 0 !important
+        padding: 0 !important
+        margin: 0
+        list-style-type: none
+      a
+        background: left top no-repeat url("/assets/form/plus_and_minus.gif")
+        letter-spacing: -1000em
+        text-indent: -1000em
+      .minus
+        background-position: right top
+        margin-left: 4px !important
+
+/* WIDGETS ==========================================================
+
+/* OVERLAYS AND DIALOGS =============================================
+/* Assets Dialog ----------------------------------------------------
+
+#assetsDialogOverlay, #overlay
+  background: url("/assets/library/dialog_overlay.png")
+  width: 100%
+  height: 100%
+  position: absolute
+  left: 0
+  top: 0
+  z-index: 20
+
+.dialogue_spinner
+  margin: auto
+  background: white
+  position: absolute
+  top: 50%
+  left: 50%
+
+/* Inline Help Dialog -----------------------------------------------
+
+#helpDialog, #assetsDialog
+  margin: 10% auto 0
+  height: 80%
+  width: 80%
+  background: white
+  padding: 10px
+  position: absolute
+  border-radius: 3px
+  -webkit-border-radius: 3px
+  left: 0
+  top: 0
+  right: 0
+  z-index: 21
+
+#helpDialog h1, #assetsDialog h1
+  font-weight: bold
+  font-size: 1.6em
+  padding: 0.2em 0
+  text-indent: 10px
+
+#helpDialog .controls, #assetsDialog .controls
+  padding: 0.8em 0
+  height: 1.8em
+  width: 100%
+  position: absolute
+  left: 0
+  bottom: 0
+
+#helpDialog .controls li, #assetsDialog .controls li
+  list-style-type: none
+
+#helpDialog .display, #assetsDialog .display
+  padding: 0
+  width: 100%
+  height: 85%
+  float: left
+  clear: both
+  overflow: auto
+
+#helpDialog .display .assetList, #assetsDialog .display .assetList
+  padding: 0
+  width: 99%
+
+#helpDialog .display ul.assetList
+  overflow: hidden
+
+#assetsDialog
+  .display ul.assetList
+    overflow: hidden
+  form
+    width: 98%
+    background: white
+    padding-top: 15px
+  &#tabs-upload form
+    -webkit-border-top-left-radius: 0
+
+/* SORTER ===========================================================
+
+#sorterLabel
+  font-weight: bold
+  color: #666666
+  margin: 0.8em 0 0.8em 15px
+  float: left
+
+#sorter
+  border-bottom: 1px solid #cccccc
+  margin: -2.4em 0 0 0
+  width: 100%
+  float: left
+  li, a
+    float: left
+  li
+    padding: 0.4em 0
+  a
+    border: 1px solid white
+    text-decoration: none
+    color: #333333
+    padding: 0.3em 0.8em
+  .current
+    border-color: #7eb2bc
+    background: #c3eded
+  .first
+    margin-left: 6em
+  #sortAdded
+    margin-left: 5em
+    padding-left: 15px
+
+/* PAGINATION =======================================================
+
+#paginator
+  border-top: 1px solid #cccccc
+  width: 100%
+  float: left
+  position: relative
+  li
+    padding: 0.5em 0
+  #count
+    font-weight: bold
+    font-size: 1.2em
+    text-indent: 15px
+    color: #333333
+    float: left
+  #previous, #next
+    float: right
+  #previous a, #next a
+    background: left top no-repeat url("/assets/paginator.gif")
+    width: 20px
+    height: 19px
+    text-indent: -1000em
+    letter-spacing: -1000em
+    display: block
+  #previous
+    margin-right: 36px
+    &.disabled a
+      background-position: left bottom !important
+  #next
+    position: absolute
+    right: 15px
+    top: 0
+    a
+      background-position: right top !important
+    &.disabled a
+      background-position: right bottom !important
+
+/* This stylesheet controls the display of Gluttonberg's Help Functions
+/* CONTEXTUAL HELP ICON =============================================
+
+#contextualHelp
+  position: absolute
+  right: 25px
+  top: 8px
+  a
+    background: white 44px 3px no-repeat url("/assets/help/help.jpg")
+    color: #727272
+    border: #e0ded8 1px solid
+    -webkit-border-radius: 3px
+    font-size: 13px
+    font-weight: bold
+    padding: 7px 27px 7px 12px
+    text-decoration: none
+    width: 36px
+    display: block
+    &:hover
+      background: #f58da2
+      color: #ffffff
+
+/* HELP DIALOG BOX ==================================================
+
+#helpDialog
+  .display
+    padding: 1.5em 10px 0
+    width: 90%
+  #closeHelp
+    margin: 0 15px 0 0
+    float: right
+  p
+    font-size: 1em
+    margin-bottom: 1.5em
+    line-height: 1.167em
+  h2, h3
+    font-weight: bold
+    color: #727272
+  h2
+    font-size: 1.333em
+    line-height: 1.313em
+    text-transform: uppercase
+    letter-spacing: 0.05em
+    margin-top: 1.5em
+    margin-bottom: 0.5em
+    padding: 15px 0 3px 0
+  h3
+    font-size: 1.167em
+    margin-top: 1.5em
+    margin-bottom: 0.75em
+  strong.note
+    color: red
+  abbr
+    border-bottom: none
+    text-transform: uppercase
+    font-size: 0.8em
+    letter-spacing: 0.05em
+  ul
+    line-height: 1em
+    margin-bottom: 10px
+  li
+    margin-left: 20px
+    line-height: 1.167em
+    list-style-type: circle
+
+/* DELETION CONFIRMATION ============================================
+
+#delete
+  margin-left: 20px
+  form
+    background: 15px 25px no-repeat url("/assets/form/warning.gif")
+    background-color: white
+    border: #727272 1px solid
+    margin: 8em auto 0 auto
+    padding: 25px 25px 25px 90px
+    width: 25em
+    -moz-border-radius: 4px
+    -webkit-border-radius: 4px
+    float: none
+  h1
+    font-weight: bold
+    font-size: 2em
+    color: #727272
+  p.message
+    font-size: 1.2em
+    margin: 0.3em 0 1em 0
+    line-height: 1.2
+
+#restrict_site_access
+  margin-left: 20px
+  form
+    /*background: 15px 25px no-repeat url("/assets/form/warning.gif");
+    background-color: white
+    border: #727272 1px solid
+    margin: 8em auto 0 auto
+    padding: 25px 25px 25px 25px
+    width: 17em
+    -moz-border-radius: 4px
+    -webkit-border-radius: 4px
+    float: none
+  h1
+    font-weight: bold
+    font-size: 2em
+    color: #727272
+  p.message
+    font-size: 1.2em
+    margin: 0.3em 0 1em 0
+    line-height: 1.2
+
+/* LOGIN PAGE =======================================================
+
+#login
+  margin: 60px 20% 0 20%
+  h1
+    margin-bottom: 2em
+  .buttonGrey
+    margin-left: 12.6em
+    clear: both
+  .forgot-password
+    float: left
+    padding: 4px
+    margin-left: 20px
+    a
+      color: #408eb3
+      &:hover
+        color: #c26b31
+
+/* PAGE INDEX =======================================================
+
+table
+  .published_state
+    width: 5em
+  .published
+    color: #10a232
+  .behaviour
+    width: 6em
+  .page, .home
+    background-position: left center
+    background-repeat: no-repeat
+    padding: 0.2em 0
+    text-indent: 22px
+    display: block
+    width: 100%
+  tr
+    background: #fafafa
+    height: 45px
+    font-family: Georgia, Serif
+    font-size: 14px
+  td
+    span
+      &.pagetitle, &.asset_title
+        display: block
+        float: left
+        padding-right: 10px
+      &.controls
+        float: left
+        width: 300px
+    &:hover span.controls a
+      display: inline
+    span.controls a
+      display: none
+      margin: 0 10px 0 0
+      color: #727272
+      text-decoration: none
+      font-size: 12px
+  .page
+    /*background-image: url("/assets/content/page.gif");
+  .home
+    /*background-image: url("/assets/content/home.gif");
+
+/* Page form --------------------------------------------------------
+
+#pageBehaviours
+  input, label
+    margin-bottom: 0
+  select
+    margin-left: 12.6em
+    min-width: 13em
+    clear: both
+
+/* Page show --------------------------------------------------------
+
+#page_localizations .pageBlock
+  border-bottom: 1px solid #cccccc
+  padding: 40px 3% 5px 3%
+  width: 94%
+  float: none
+  margin-bottom: 25px
+  h2
+    font-weight: bold
+
+#pages .pageBlock
+  border-bottom: 1px solid #cccccc
+  padding: 2em 3%
+  width: 94%
+  float: left
+  span
+    font-size: 0.88em
+    color: #333333
+  h2
+    font-weight: bold
+    width: 8.5em
+    float: left
+  dt, strong
+    color: #244e66
+  table, ul, dl
+    float: left
+    clear: none
+  table
+    width: 35em
+    .controls a
+      margin: 0
+      float: right
+  thead
+    display: none
+  td
+    border-right: 0
+    padding-left: 0
+  dl
+    width: 30em
+  dd
+    padding: 0.3em 0
+  dt
+    padding: 0.3em 0
+    font-weight: bold
+    width: 7em
+    float: left !important
+    clear: left
+  dd
+    padding-top: 0.35em
+    clear: right
+
+.meta
+  font-size: 0.85em
+  color: #333333
+  padding: 1.5em 3%
+  width: 96%
+  float: left
+  dt
+    font-weight: bold
+    margin-right: 0.5em
+    float: left
+  dd
+    margin-right: 1.5em
+    float: left
+
+/* GENERIC SETTINGS PAGE ============================================
+
+#generic_settings small
+  font-size: 0.9em
+  margin: 15px
+
+/* CONTENTS PAGE ====================================================
+/* Contents list ----------------------------------------------------
+
+#pageContent
+  background: #f8f8f8
+  li
+    background: left top no-repeat url("/assets/page_content_fillin.gif")
+    text-align: center
+    padding: 80px 0 0 0
+    margin: 0 1em 0 0
+    width: 127px
+    float: left
+  span
+    text-align: center
+    display: block
+
+/* Contents Page Icons ----------------------------------------------
+
+#iconNav
+  #pagesNav
+    background-image: url("/assets/content/pages.png")
+  #blogsNav
+    background-image: url("/assets/content/blogs.png")
+  a
+    background-image: url("/assets/icons/folder.png")
+  #news_storiesNav
+    background-image: url("/assets/content/newsstories.gif")
+  #companiesNav
+    background-image: url("/assets/content/companies.gif")
+  #showsNav
+    background-image: url("/assets/content/shows.gif")
+  #venuesNav
+    background-image: url("/assets/content/venues.gif")
+
+/* Templates form
+
+#templateSections li
+  border-bottom: 1px solid #cccccc
+  width: 100%
+  float: left
+  position: relative
+  &.last
+    border: 0
+
+/* LOCALES PAGE ICONS ===============================================
+
+#iconNav
+  #usersNav
+    background-image: url("/assets/settings/users.png")
+  #localesNav
+    background-image: url("/assets/settings/locale.jpg")
+  #metadataNav
+    background-image: url("/assets/settings/config.png")
+
+/* Locales form -----------------------------------------------------
+
+#dialects .checkbox
+  margin-bottom: 0.5em
+
+.ui-accordion
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  font-size: 1.1em
+  border-bottom: 1px solid #d3d3d3
+
+.ui-accordion-group
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  border: 1px solid #d3d3d3
+  border-bottom: none
+
+.ui-accordion-header
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  cursor: pointer
+  background: #e6e6e6 url(/assets/tabs/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  a
+    margin: 0
+    padding: 0
+    border: 0
+    outline: 0
+    line-height: 1.3
+    text-decoration: none
+    font-size: 100%
+    list-style: none
+    display: block
+    font-size: 1em
+    font-weight: normal
+    text-decoration: none
+    padding: 0.5em 0.5em 0.5em 1.7em
+    color: #555555
+    background: url(/assets/tabs/888888_7x7_arrow_right.gif) 0.5em 50% no-repeat
+    &:hover
+      background: url(/assets/tabs/454545_7x7_arrow_right.gif) 0.5em 50% no-repeat
+      color: #212121
+  &:hover
+    background: #dadada url(/assets/tabs/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    color: #212121
+
+.selected .ui-accordion-header
+  background: white url(/assets/tabs/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+  &:hover
+    background: white url(/assets/tabs/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+  a
+    color: #212121
+    background: url(/assets/tabs/454545_7x7_arrow_down.gif) 0.5em 50% no-repeat
+    &:hover
+      color: #212121
+      background: url(/assets/tabs/454545_7x7_arrow_down.gif) 0.5em 50% no-repeat
+
+.ui-accordion-content
+  background: white url(/assets/tabs/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  color: #222222
+  font-size: 1em
+  p
+    padding: 1em 1.7em 0.6em
+
+.ui-tabs-nav
+  margin: 25px 0 0 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  font-size: 1.1em
+  float: left
+  position: relative
+  z-index: 1
+  bottom: -1px
+  ul
+    margin: 0
+    padding: 0
+    border: 0
+    outline: 0
+    line-height: 1.3
+    text-decoration: none
+    font-size: 100%
+    list-style: none
+    position: relative
+    bottom: -1px
+  li
+    float: left
+    border-bottom: #E0DED8 1px solid
+    a
+      float: left
+      font-weight: normal
+      font-family: Georgia, Serif
+      color: #727272
+      background-color: #ffffff
+      background-image: url('/assets/library/inactive_tab.jpg')
+      background-repeat: repeat-x
+      border-top: #e0ded8 1px solid
+      border-right: #e0ded8 1px solid
+      border-bottom: none
+      border-left: #e0ded8 1px solid
+      -webkit-border-top-left-radius: 3px 3px
+      -webkit-border-top-right-radius: 3px 3px
+      -webkit-border-bottom-left-radius: 0 0
+      -webkit-border-bottom-right-radius: 0 0
+      font-size: 13px
+      padding: 7px 12px
+      text-decoration: none
+      &:hover
+    &.ui-tabs-selected
+      border: none
+      a
+        background-image: none
+        &:hover
+
+.ui-tabs-panel
+  margin: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  clear: left
+  color: #222222
+
+.ui-tabs-hide
+  display: none
+
+.ui-slider
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  font-size: 1.1em
+  background: white url(/assets/tabs/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  border: 1px solid #aaaaaa
+  height: 0.8em
+  position: relative
+
+.ui-slider-handle
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  position: absolute
+  z-index: 2
+  top: -3px
+  width: 1.2em
+  height: 1.2em
+  background: #e6e6e6 url(/assets/tabs/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  border: 1px solid #d3d3d3
+  &:hover
+    background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    border: 1px solid #999999
+
+.ui-slider-handle-active
+  background: white url(/assets/tabs/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+  border: 1px solid #aaaaaa
+  &:hover
+    background: white url(/assets/tabs/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+    border: 1px solid #aaaaaa
+
+.ui-slider-range
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  height: 0.8em
+  background: #dadada url(/assets/tabs/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  position: absolute
+  border: 1px solid #d3d3d3
+  border-left: 0
+  border-right: 0
+  top: -1px
+  z-index: 1
+  opacity: 0.7
+  filter: Alpha(Opacity = 70)
+
+.ui-dialog
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  font-size: 1.1em
+  background: white url(/assets/tabs/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  color: #222222
+  border: 4px solid #aaaaaa
+  position: relative
+
+.ui-draggable
+  background: url('/assets/drag_handle.png') no-repeat
+  width: 11px
+  height: 10px
+  display: block
+  float: left
+  margin: 2px 15px 0 0
+  cursor: move
+  &.home, &.page
+    background: url('/assets/drag_handle.png') no-repeat
+    width: 11px
+    height: 10px
+    display: block
+    float: left
+    margin: 2px 15px 0 0
+    cursor: move
+
+.ui-dialog.ui-draggable .ui-dialog-titlebar
+  cursor: move
+  cursor: move
+
+.ui-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  z-index: 99999
+
+.ui-resizable .ui-resizable-handle
+  display: block
+
+body
+  .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
+    display: none
+
+.ui-resizable-n
+  cursor: n-resize
+  height: 7px
+  width: 100%
+  top: -5px
+  left: 0px
+
+.ui-resizable-s
+  cursor: s-resize
+  height: 7px
+  width: 100%
+  bottom: -5px
+  left: 0px
+
+.ui-resizable-e
+  cursor: e-resize
+  width: 7px
+  right: -5px
+  top: 0px
+  height: 100%
+
+.ui-resizable-w
+  cursor: w-resize
+  width: 7px
+  left: -5px
+  top: 0px
+  height: 100%
+
+.ui-resizable-se
+  cursor: se-resize
+  width: 13px
+  height: 13px
+  right: 0px
+  bottom: 0px
+  background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0
+
+.ui-resizable-sw
+  cursor: sw-resize
+  width: 9px
+  height: 9px
+  left: 0px
+  bottom: 0px
+
+.ui-resizable-nw
+  cursor: nw-resize
+  width: 9px
+  height: 9px
+  left: 0px
+  top: 0px
+
+.ui-resizable-ne
+  cursor: ne-resize
+  width: 9px
+  height: 9px
+  right: 0px
+  top: 0px
+
+.ui-dialog-titlebar
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  padding: 0.5em 1.5em 0.5em 1em
+  color: #555555
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  border-bottom: 1px solid #d3d3d3
+  font-size: 1em
+  font-weight: normal
+  position: relative
+
+.ui-dialog-titlebar-close
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat
+  position: absolute
+  right: 8px
+  top: 0.7em
+  width: 11px
+  height: 11px
+  z-index: 100
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat
+  span
+    display: none
+
+.ui-dialog-titlebar-close-hover
+  background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat
+
+.ui-dialog-content
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  color: #222222
+  padding: 1.5em 1.7em
+
+.ui-dialog-buttonpane
+  position: absolute
+  bottom: 0
+  width: 100%
+  text-align: left
+  border-top: 1px solid #aaaaaa
+  background: white
+  button
+    margin: 0.5em 0 0.5em 8px
+    color: #555555
+    background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    font-size: 1em
+    border: 1px solid #d3d3d3
+    cursor: pointer
+    padding: 0.2em 0.6em 0.3em 0.6em
+    line-height: 1.4em
+    &:hover
+      color: #212121
+      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+      border: 1px solid #999999
+    &:active
+      color: #212121
+      background: white url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+      border: 1px solid #aaaaaa
+
+.ui-datepicker-div
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  background: white url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  font-size: 1.1em
+  border: 4px solid #aaaaaa
+  width: 15.5em
+  padding: 2.5em 0.5em 0.5em 0.5em
+  position: relative
+  z-index: 9999
+  display: none
+
+.ui-datepicker-inline
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  background: white url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  font-size: 1.1em
+  border: 4px solid #aaaaaa
+  width: 15.5em
+  padding: 2.5em 0.5em 0.5em 0.5em
+  position: relative
+  float: left
+  display: block
+
+#ui-datepicker-div
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  background: white url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  font-size: 1.1em
+  border: 4px solid #aaaaaa
+  /*width: 15.5em;
+  padding: 2.5em 0.5em 0.5em 0.5em
+  position: relative
+  z-index: 9999
+  display: none
+
+.ui-datepicker-control, .ui-datepicker-current
+  display: none
+
+.ui-datepicker-next
+  position: absolute
+  left: 0.5em
+  top: 0.5em
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  left: 14.6em
+  &:hover
+    background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  a
+    text-indent: -999999px
+    width: 1.3em
+    height: 1.4em
+    display: block
+    font-size: 1em
+    background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat
+    border: 1px solid #d3d3d3
+    cursor: pointer
+    background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat
+    &:hover, &:active
+      background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat
+
+.ui-datepicker-prev
+  position: absolute
+  left: 0.5em
+  top: 0.5em
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  &:hover
+    background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  a
+    text-indent: -999999px
+    width: 1.3em
+    height: 1.4em
+    display: block
+    font-size: 1em
+    background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat
+    border: 1px solid #d3d3d3
+    cursor: pointer
+    &:hover, &:active
+      background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat
+
+.ui-datepicker-header
+  select
+    border: 1px solid #d3d3d3
+    color: #555555
+    background: #e6e6e6
+    font-size: 1em
+    line-height: 1.4em
+    position: absolute
+    top: 0.5em
+    margin: 0 !important
+    &.ui-datepicker-new-month
+      width: 7em
+      left: 2.2em
+    &.ui-datepicker-new-year
+      width: 5em
+      left: 9.4em
+  option
+    &:focus, &:hover
+      background: #dadada
+
+table.ui-datepicker
+  width: 15.5em
+  text-align: right
+  td a
+    padding: 0.1em 0.3em 0.1em 0
+    display: block
+    color: #555555
+    background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    cursor: pointer
+    border: 1px solid white
+    &:hover
+      border: 1px solid #999999
+      color: #212121
+      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    &:active
+      border: 1px solid #aaaaaa
+      color: #212121
+      background: white url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+  .ui-datepicker-title-row td
+    padding: 0.3em 0
+    text-align: center
+    font-size: 0.9em
+    color: #222222
+    text-transform: uppercase
+    a
+      color: #222222
+
+.ui-datepicker-cover
+  display: none
+  display/**/: block
+  position: absolute
+  z-index: -1
+  filter: mask()
+  top: -4px
+  left: -4px
+  width: 193px
+  height: 200px
+
+.ui-component
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+  font-family: Verdana, Arial, sans-serif
+  font-size: 1.1em
+
+.ui-component-content
+  border: 1px solid #aaaaaa
+  background: white url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x
+  color: #222222
+  a
+    color: #222222
+    text-decoration: underline
+
+.ui-default-state
+  border: 1px solid #d3d3d3
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  font-weight: normal
+  color: #555555 !important
+  a
+    color: #555555
+  &:hover
+    border: 1px solid #999999
+    background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+    font-weight: normal
+    color: #212121 !important
+  &:active
+    border: 1px solid #aaaaaa
+    background: white url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+    font-weight: normal
+    color: #212121 !important
+    outline: none
+
+.ui-hover-state
+  border: 1px solid #999999
+  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x
+  font-weight: normal
+  color: #212121 !important
+  a
+    color: #212121
+
+.ui-active-state
+  border: 1px solid #aaaaaa
+  background: white url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x
+  font-weight: normal
+  color: #212121 !important
+  outline: none
+  a
+    color: #212121
+    outline: none
+
+.ui-arrow-right-default
+  background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%
+
+.ui-arrow-right-hover, .ui-arrow-right-active
+  background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%
+
+.ui-arrow-right-content
+  background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%
+
+.ui-arrow-left-default
+  background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%
+
+.ui-arrow-left-hover, .ui-arrow-left-active
+  background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%
+
+.ui-arrow-left-content
+  background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%
+
+.ui-arrow-down-default
+  background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%
+
+.ui-arrow-down-hover, .ui-arrow-down-active
+  background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%
+
+.ui-arrow-down-content
+  background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%
+
+.ui-arrow-up-default
+  background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%
+
+.ui-arrow-up-hover, .ui-arrow-up-active
+  background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%
+
+.ui-arrow-up-content
+  background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%
+
+.ui-close-default
+  background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%
+
+.ui-close-hover, .ui-close-active, .ui-close-content
+  background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%
+
+.ui-folder-closed-default
+  background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%
+
+.ui-folder-closed-hover, .ui-folder-closed-active
+  background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%
+
+.ui-folder-closed-content
+  background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%
+
+.ui-folder-open-default
+  background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%
+
+.ui-folder-open-hover, .ui-folder-open-active, .ui-folder-open-content
+  background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%
+
+.ui-doc-default
+  background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%
+
+.ui-doc-hover, .ui-doc-active
+  background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%
+
+.ui-doc-content
+  background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%
+
+.ui-arrows-leftright-default
+  background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%
+
+.ui-arrows-leftright-hover, .ui-arrows-leftright-active
+  background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%
+
+.ui-arrows-leftright-content
+  background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%
+
+.ui-arrows-updown-default
+  background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%
+
+.ui-arrows-updown-hover, .ui-arrows-updown-active
+  background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%
+
+.ui-arrows-updown-content
+  background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%
+
+.ui-minus-default
+  background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%
+
+.ui-minus-hover, .ui-minus-active
+  background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%
+
+.ui-minus-content
+  background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%
+
+.ui-plus-default
+  background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%
+  &:hover, &:active
+    background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%
+
+.ui-plus-hover, .ui-plus-active
+  background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%
+
+.ui-plus-content
+  background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%
+
+.ui-hidden
+  display: none
+
+.ui-accessible-hidden
+  position: absolute
+  left: -99999999px
+
+.ui-reset
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+
+.ui-clearfix
+  display: inline-block
+  display: block
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+
+* html .ui-clearfix
+  height: 1%
+
+/* ui.autocomplete
+
+.ui-autocomplete
+  background-color: #eeeeee
+  position: absolute
+  cursor: default
+  &.ui-menu-item a
+    display: block
+    padding: 4px 6px
+    text-decoration: none
+    line-height: 12px
+  .ui-menu-item a
+    &.ui-state-hover, &.ui-state-active
+      background-color: #78959d
+      color: white
+      margin: 0
+
+.ui-autocomplete-loading
+  background: white url(/images/ui-anim_basic_16x16.gif) right center no-repeat
+
+ul.tagit
+  padding: 1px 5px
+  border-style: solid
+  border-width: 1px
+  border-color: #c6c6c6
+  overflow: auto
+  li
+    -moz-border-radius: 5px 5px 5px 5px
+    display: block
+    float: left
+    margin: 2px 5px 2px 0
+    &.tagit-choice
+      background-color: #dee7f8
+      border: 1px solid #cad8f3
+      padding: 2px 4px 3px
+      &:hover
+        background-color: #bbcef1
+        border-color: #6d95e0
+    &.tagit-new
+      padding: 2px 4px 3px
+      padding: 2px 4px 1px
+      padding: 2px 4px 1px 0
+    &.tagit-choice
+      input
+        display: block
+        float: left
+        margin: 2px 5px 2px 0
+      a.close
+        color: #777777
+        cursor: pointer
+        font-size: 12px
+        font-weight: bold
+        outline: medium none
+        padding: 2px 0 2px 3px
+        text-decoration: none
+  input[type="text"]
+    -moz-box-sizing: border-box
+    border: none
+    margin: 0
+    padding: 0
+    width: inherit
+    border-color: #c6c6c6
+    background-color: white
+    color: #333333
+    height: 20px
+
+/* LOG-IN FORM
+
+#form
+  width: 491px
+  height: 324px
+  background-image: url("/assets/form/login_bg.png")
+  margin: auto
+  position: relative
+  padding-top: 100px
+  #login_tab, #password_tab
+    position: absolute
+    right: 50px
+    top: 95px
+    z-index: 500
+  #login_tab
+    right: 230px
+    &.active
+      border-bottom: none
+      padding-bottom: 8px
+  #password_tab.active
+    border-bottom: none
+    padding-bottom: 8px
+  form
+    margin: 0
+    padding: 25px 0px 25px 40px
+    width: 366px
+    background: none
+    float: none
+    border: none
+  h2
+    font-family: Georgia, Serif
+    font-size: 16px
+    padding-bottom: 23px
+  label
+    width: 65px
+    text-align: left
+    font-family: Georgia, Serif
+    font-weight: normal
+    padding-top: 11px
+  input.text_field
+    background: url("/assets/form/field_bg.jpg")
+    border: none
+    width: 270px
+    height: 40px
+    padding: 0 12px
+    &:focus
+      background: url("/assets/form/field_bg_active.jpg")
+      outline: none
+  .last
+    float: right
+    margin: 30px 5px
+  .button
+    float: right
+    color: #727272
+    background-color: #ffffff
+    border: #e0ded8 1px solid
+    -webkit-border-top-left-radius: 3px 3px
+    -webkit-border-top-right-radius: 3px 3px
+    -webkit-border-bottom-left-radius: 0px 0px
+    -webkit-border-bottom-right-radius: 0px 0px
+    font-size: 14px
+    font-weight: normal
+    font-family: Georgia, Serif
+    padding: 7px 12px
+    text-decoration: none
+    &:hover
+      background: #f58da2
+      color: #ffffff
+
+#login_title
+  position: absolute
+  top: 44px
+  left: 98px
+  font-size: 24px
+  font-weight: bold
+  font-family: Helvetica, sans-serif
+  height: 12px
+
+#login_tab_section, #password_reset_tab_section
+  background: url("/assets/form/login_form_bg.jpg")
+  width: 424px
+  height: 247px
+  position: absolute
+  top: 119px
+  left: 34px
+
+#login_tab_section .flash
+  position: absolute
+  top: 55px
+
+#form #login_tab_section .last
+  margin: -35px 0
+
+#password_reset_tab_section, #login_tab_section
+  display: none
+
+#password_reset_tab_section.active, #login_tab_section.active
+  display: block
+
+/* MAIN DASHBOARD
+
+#main
+  .new_gluttonberg_article
+    p
+      clear: both
+    label
+      width: 110px
+    #gluttonberg_article_submit
+      clear: both
+      float: right
+      display: block
+      color: #727272
+      background-color: #ffffff
+      border: #e0ded8 1px solid
+      -webkit-border-radius: 3px
+      font-size: 13px
+      font-weight: bold
+      padding: 7px 12px
+      text-decoration: none
+      margin: 0 25px 13px 0
+      &:hover
+        background: #f58da2
+        color: #ffffff
+  .left
+    width: 477px
+    float: left
+  .right
+    width: 380px
+    float: right
+    .summary div
+      float: left
+      width: 50%
+      font-size: 16px
+      font-family: Georgia, Serif
+  .left h3
+    padding: 18px 0
+    border-bottom: 1px solid #EBE4D1
+    margin: 0 0 18px 0
+    font-size: 16px
+    font-family: Georgia, Serif
+  .right .summary div
+    h3
+      padding: 18px 0
+      border-bottom: 1px solid #EBE4D1
+      margin: 0 0 18px 0
+      font-size: 16px
+      font-family: Georgia, Serif
+    p
+      font-size: 14px
+      padding: 0 0 12px
+
+div.wysiwyg
+  margin: auto
+  clear: both !important
+  float: none !important
+  border: none !important
+  background: none !important
+  ul.toolbar
+    border: none !important
+    padding-bottom: 15px !important
+    li
+      width: 25px !important
+      height: 25px !important
+      background: url('/assets/gb_wysiwyg.png') no-repeat !important
+      margin: 0 2px 0 0 !important
+      border: none !important
+      &.separator
+        width: 5px !important
+        height: 25px !important
+        background: none !important
+      &.bold
+        background-position: 0 0 !important
+      &.italic
+        background-position: -25px 0 !important
+      &.justifyRight
+        background-position: -175px 0 !important
+      &.justifyLeft
+        background-position: -200px 0 !important
+      &.indent
+        background-position: -225px 0 !important
+      &.createLink
+        background-position: -150px 0 !important
+      &.insertHorizontalRule
+        background-position: -125px 0 !important
+      &.asset_selector
+        background-position: -100px 0 !important
+      &.insertOrderedList
+        background-position: -250px 0 !important
+      &.insertUnorderedList
+        background-position: -275px 0 !important
+      &.html
+        background-position: -75px 0 !important
+      &.removeFormat
+        background-position: -50px 0 !important
+      &.bold.wysiwyg-button-hover
+        background-position: 0 -25px !important
+      &.italic.wysiwyg-button-hover
+        background-position: -25px -25px !important
+      &.justifyRight.wysiwyg-button-hover
+        background-position: -175px -25px !important
+      &.justifyLeft.wysiwyg-button-hover
+        background-position: -200px -25px !important
+      &.indent.wysiwyg-button-hover
+        background-position: -225px -25px !important
+      &.createLink.wysiwyg-button-hover
+        background-position: -150px -25px !important
+      &.insertHorizontalRule.wysiwyg-button-hover
+        background-position: -125px -25px !important
+      &.asset_selector.wysiwyg-button-hover
+        background-position: -100px -25px !important
+      &.insertOrderedList.wysiwyg-button-hover
+        background-position: -250px -25px !important
+      &.insertUnorderedList.wysiwyg-button-hover
+        background-position: -275px -25px !important
+      &.html.wysiwyg-button-hover
+        background-position: -75px -25px !important
+      &.removeFormat.wysiwyg-button-hover
+        background-position: -50px -25px !important
+
+.first_column, .second_column
+  width: 50%
+
+.pagination
+  float: right
+  padding-top: 15px
+  a
+    text-decoration: none
+    color: #727272
+  em
+    font-weight: bold
+  .disabled
+    color: #9c9c9f
+
+.new_gluttonberg_article
+  .wysiwyg
+  textarea.wysiwyg
+    margin-left: 176px
+
+#gluttonberg_article_state
+  display: block
+  clear: both
+  float: none
+  margin: 25px auto
+
+p.no_content
+  text-align: center
+  color: #727272
+
+#gluttonberg_page_state
+  display: block
+  float: none
+  margin: auto
+  width: 132px
+
+#publish_meta
+  text-align: center
+  select
+    float: none
+
+.second_column form
+  border: none
+
+.wysiwyg-input
+  width: 545px
+  height: 400px
+
+#login #form img
+  position: absolute
+  top: 35px
+  left: 45px
+
+#form li
+  .button
+    background: #f4f7f9
+  .active.button
+    background: white
+    color: #727272
+
+#assetsDisplay .ui-tabs-nav li.ui-tabs-selected
+  margin-top: 1px
+
+#tabs
+  position: relative
+  form#asset_search_form
+    position: absolute
+    right: 0
+    background: none
+    border: none
+    padding: 0
+    width: 221px
+    float: none
+    -moz-border-top-left-radius: 0 0
+    -moz-border-top-right-radius: 0 0
+    -moz-border-bottom-left-radius: 0 0
+    -moz-border-bottom-right-radius: 0 0
+    -webkit-border-top-left-radius: 0 0
+    -webkit-border-top-right-radius: 0 0
+    -webkit-border-bottom-left-radius: 0 0
+    -webkit-border-bottom-right-radius: 0 0
+    border-top-left-radius: 0 0
+    border-top-right-radius: 0 0
+    border-bottom-left-radius: 0 0
+    border-bottom-right-radius: 0 0
+    top: -13px
+
+#assetsDialog form#asset_search_form
+  position: absolute
+  right: 15px
+  background: none
+  border: none
+  padding: 0
+  width: 221px
+  float: none
+  -moz-border-top-left-radius: 0 0
+  -moz-border-top-right-radius: 0 0
+  -moz-border-bottom-left-radius: 0 0
+  -moz-border-bottom-right-radius: 0 0
+  -webkit-border-top-left-radius: 0 0
+  -webkit-border-top-right-radius: 0 0
+  -webkit-border-bottom-left-radius: 0 0
+  -webkit-border-bottom-right-radius: 0 0
+  border-top-left-radius: 0 0
+  border-top-right-radius: 0 0
+  border-bottom-left-radius: 0 0
+  border-bottom-right-radius: 0 0
+  top: -15px
+
+#flash
+  margin: 5px 0px
+  color: black
+  font-size: 1.2em
+  #flash_error
+    padding: 10px 10px
+    /*border: thin solid #8b0000;
+    background: #EB98A9
+  #flash_notice
+    padding: 10px 10px
+    /*border: thin solid #008000;
+    background: #83c761
+
+form#list_search_form
+  float: right !important
+  width: 225px !important
+  padding: 0px
+  background: none
+  border: none
+  margin: 0px
+
+.expandable
+  cursor: pointer
+  padding-left: 30px
+  &.collapsed
+    background: url("/assets/icons/collapsed.png") no-repeat left
+  &.expanded
+    background: url("/assets/icons/expanded.png") no-repeat left
+
+.expandable_content
+  padding-top: 20px
+
+.ui-datepicker-calendar
+  width: 200px
+
+.ui-timepicker-div
+  .ui-widget-header
+    margin-bottom: 8px
+  dl
+    text-align: left
+    dt
+      height: 25px
+    dd
+      margin: -25px 10px 10px 65px
+  td
+    font-size: 90%
+
+.ui-tpicker-grid-label
+  background: none
+  border: none
+  margin: 0
+  padding: 0
+
+.gallery_images
+  .title
+    padding-left: 12px
+    margin: auto 0
+  .thumb
+    height: 40px
+
+.published_at
+  display: none
+
+.publish_immediatly
+  cursor: pointer
+
+.block_label
+  text-align: left
+  width: 100%
+  margin-bottom: 5px
+  padding-top: 35px
+
+#gluttonberg_page_localization_page_description_name, #gluttonberg_page_localization_page_group_ids
+  width: 270px
+
+p
+  clear: both
+  float: none
+  margin: 0 0 15px 0
+
+.recent_comments h3
+  padding: 18px 0
+  border-bottom: 1px solid #EBE4D1
+  margin: 0 0 18px 0
+  font-size: 16px
+  font-family: Georgia, Serif
+
+.approve_comment
+  color: #A5C260
+  font-weight: bold
+
+.disapprove_comment
+  color: #C96831
+  font-weight: bold
+
+.comment
+  padding-bottom: 10px
+  margin-bottom: 10px
+  border-bottom: 1px solid #EBE4D1
+
+.left_column
+  input
+    width: 533px
+    &.text, &.password
+      width: 533px
+  textarea
+    width: 533px
+
+.ui-sortable
+  .delete
+    float: left
+  img
+    padding: 10px
+
+#content_sortable
+  background: none !important
+  padding-top: 15px
+
+#content_list_box
+  padding-top: 5px
+
+#content_sortable .orderable-list-item
+  background: #DFDFDF
+
+/* Sortable columns
+/* tables
+
+table.gb_tablesorter
+  font-family: arial
+  background-color: #CDCDCD
+  margin: 10px 0pt 15px
+  font-size: 8pt
+  width: 100%
+  text-align: left
+  thead tr th, tfoot tr th
+    background-color: #e6EEEE
+    border: 1px none #FFF
+    font-size: 10pt
+    /*padding: 4px;
+  thead tr .header
+    cursor: pointer
+    background: #ececec
+    &:hover
+      cursor: pointer
+      background: #ececec url(bg.gif) no-repeat center 32px
+  tbody td
+    color: #3D3D3D
+    /*padding: 4px;
+    background-color: #FFF
+    vertical-align: top
+  thead
+    tr
+      .asc
+        background: url(asc.gif) no-repeat center 32px
+        background-color: #FD0
+        &:hover
+          background: url(asc.gif) no-repeat center 32px
+          background-color: #FD0
+      .desc
+        background: url(desc.gif) no-repeat center 32px
+        background-color: #FD0
+        &:hover
+          background: url(desc.gif) no-repeat center 32px
+          background-color: #FD0
+        background-color: #FD0
+        color: black
+      .asc
+        background-color: #FD0
+        color: black
+    th
+      color: #000 !important
+    tr .header th
+      &.first
+        -moz-border-radius-topleft: 4px !important
+        -webkit-border-top-left-radius: 4px !important
+      &.last
+        -moz-border-radius-topright: 4px !important
+        -webkit-border-top-right-radius: 4px !important
+
+.pager
+  padding: 0px
+
+#pager form
+  padding: 0px
+  margin: 0px
+
+.pager form img
+  margin: 0 0 -4px
+
+
+