/*-------------------------------------------------------------------------------------------
/* OptionsFramework Admin Styles
/*-------------------------------------------------------------------------------------------

.updated
  max-width: 764px
  margin-bottom: 0px !important

.side-nav
  float: left
  width: 150px
  overflow: hidden
  margin: 0px
  margin-right: -1px
  padding: 0px
  border-width: 1px
  border-style: solid
  border-color: #DFDFDF
  background-color: #F1F1F1
  ul li
    margin: 0px
    margin-bottom: -1px
    border-bottom: solid 1px
    border-bottom-color: #DFDFDF

.side-bar-nav-item a
  border: none
  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
  margin: 0px
  width: 100%
  padding-right: 0px !important
  padding-top: 7px
  padding-bottom: 7px
  color: #464646
  font-size: 14px
  text-shadow: white 0 1px 0

.nav-tab:hover
  border-color: inherit !important

.side-bar-nav-item a
  &:hover
    color: red
  &.nav-tab-active
    color: white
    text-shadow: 0 -1px 0 #333333
    background-color: #777
    font-size: 14px

.top-button
  margin-bottom: 3px

.metabox-holder
  float: left
  width: 953px
  
.blueprint-header
  border-bottom-left-radius: 3px
  border-top-left-radius: 3px
  border-bottom-right-radius: 0px
  border-top-right-radius: 0px
  border-top: solid 1px
  border-top-color: #DFDFDF
  border-right: solid 1px
  border-right-color: #DFDFDF
  border-left: solid 1px
  border-left-color: #DFDFDF
  background-color: #F1F1F1
  height: 50px
  clear: both

.version
  float: right
  color: #999
  margin-right: 20px
  p
    font-size: 14px
    padding: 0px
    margin: 15px 0 0 0

.blueprint-logo
  width: 150px
  height: 30px
  background: url('https://placester.com/wp-content/themes/v2/img/placester-logo.png') no-repeat left top
  margin: 10px 0 0 20px
  float: left

.builder-options
  float: left
  margin: 20px 0 0 0
  font-weight: bold
  text-shadow: white 0 1px 0
  font-size: 16px
  color: #666

#optionsframework
  position: relative
  z-index: 0
  width: 800px
  background: #fff
  float: left
  p
    margin-bottom: 0
    padding-bottom: 10px
  .section
    padding: 10px 10px 0
  .group
    padding-bottom: 40px
  .section
    .heading
      padding: 10px 0px
      margin: 0 0 15px
      border-bottom: 1px solid #dfdfdf
    .controls
      float: left
      min-width: 350px
      width: 54%
      padding-right: 2%
    .explain
      max-width: 38%
      float: left
      font-size: 12px
      line-height: 16px
      color: #777
  .section-checkbox
    .controls
      width: 98%
    .explain
      max-width: 94%
  .section-color .controls
    min-width: 125px
    width: 125px
  .controls
    input, select, textarea
      margin-bottom: 10px
      width: 100%
  .section-radio label, .section-multicheck label
    float: left
    max-width: 90%
    line-height: 16px
    margin-bottom: 5px
  input
    &.checkbox, &.of-radio
      width: 30px
      float: left
      clear: both
  .controls
    .of-color
      float: left
      width: 80px
      margin-left: 5px
      margin-right: 5px
    .of-typography-size
      width: 80px
      margin-left: 5px
      float: left
    .of-typography-unit
      width: 50px
      margin-left: 5px
      float: left
    .of-typography-face
      width: 100px
      margin-left: 5px
      float: left
    .of-typography-style
      width: 80px
      margin-left: 5px
      margin-right: 5px
      float: left
    .of-border-size
      width: 80px
      margin-right: 5px
      float: left
    .of-border-style
      width: 50px
      margin-right: 5px
      float: left
  .of-background-properties
    clear: both
    margin-top: 18px
  .controls
    .of-background-repeat, .of-background-position, .of-background-attachment
      width: 125px
      margin-right: 5px
      float: left
  div.section-background .controls input.upload
    width: 47%
  .controls
    .of-radio-img-img
      border: 3px solid #f9f9f9
      margin: 0 5px 10px 0
      display: none
      cursor: pointer
      float: left
    .of-radio-img-selected
      border: 3px solid #ccc
    .of-radio-img-img:hover
      opacity: .8
    .of-border-width
      width: 80px
      float: left
    .of-border-style
      width: 120px
      float: left
  .hide
    display: none
  .of-option-image
    max-width: 340px
    margin: 3px 0 18px 0
  .mini .controls select, .section .mini .controls
    width: 140px
  .mini
    .controls
      input
        min-width: 140px
        width: 140px
      min-width: 140px
      width: 140px
    .explain
      max-width: 74%
  .controls input
    &.upload
      width: 80%
    &.upload_button
      float: right
      width: 60px
      border-color: #BBBBBB
      cursor: pointer
      height: 23px
      &:hover
        border-color: #666666
        color: #000
  .screenshot
    float: left
    margin-left: 1px
    position: relative
    width: 344px
    margin-top: 3px
    img
      background: #FAFAFA
      border-color: #ccc #eee #eee #ccc
      border-style: solid
      border-width: 1px
      float: left
      max-width: 334px
      padding: 4px
      margin-bottom: 10px
    .mlu_remove
      background: url("../images/ico-delete.png") no-repeat
      border: medium none
      bottom: 4px
      display: block
      float: left
      height: 16px
      padding: 0
      position: absolute
      left: -4px
      text-indent: -9999px
      width: 16px
    .no_image
      .file_link
        margin-left: 20px
      .mlu_remove
        bottom: 0px
  .reset-button
    float: left
    cursor: pointer


/* Bottom Section

#optionsframework-submit
  padding: 7px 10px
  border-top: 1px solid #ECECEC
  background-color: #F1F1F1
  background-image: -moz-linear-gradient(center top, #f9f9f9, #ececec)

h3#optionsframework-submit-top 
  span
    vertical-align: middle
  .button-primary
    margin-left: 25px

#default_opts
  float: right
  span
    vertical-align: middle
  select
    margin: 0px
    height: auto
    font-size: 14px
    vertical-align: middle
  input
    margin: 0px

#export_div
  #export_txt
    width: 300px
    margin-left: 3px
  a
    float: right
    

//  Featured Listing
//
.featured_listings_options
  .section-info
    background-color: #F1F1F1
    border-bottom: 1px solid #DFDFDF
    h4
      font-size: 16px
      border-bottom: none !important
  div
    float: left
    margin-right: 10px
    &.featured-listing-form-beds
      width: 70px
    &.featured-listing-form-city
      width: 180px
    &.featured-listing-form-zip
      width: 100px
    &.featured-listing-form-min-price, &.featured-listing-form-max-price
      width: 160px
  input.pls_search_button
    float: left
    width: 110px !important
    margin-top: 14px

  .section-featured-listing .controls
    width: 100% !important
    padding-bottom: 30px

  .sort_wrapper
    display: none

hr
  width: 100%

.featured-listing-search
  margin-bottom: 30px
  .heading
    clear: both
  .fls-add-listing
    width: 120px !important
    float: left
    margin-top: 20px
  .fls-address-select
    margin-top: 20px
    width: 250px !important
    float: left
    margin-right: 10px

.multicheck-list
  width: 430px
  li
    float: left
    width: 210px

.section-slideshow
  .option
    .controls
      width: 100% !important
      .featured_slideshow_options
        .featured_slide
          width: 358px
          margin: 0 0 10px 10px
          float: left
          background-color: #F1F1F1
          padding: 10px
          border: 1px solid #DFDFDF
          .featured_slide_header
            h2 
              float: left
            .slideshow_type
              float: left
              width: 300px !important
              margin: 9px 0 0 0px
              font-size: 16px
          p
            margin: 0px
            float: left
            padding: 15px 0 !important
            font-size: 14px


          
          .item_row
            float: left
        // 