_roomy.sass

/ small.data_status
/   / :float right
/   :position absolute
/   :right 10px
/   :top -10px
/   :margin-right 30px

.advisor_image_medium
  :width 170px
  :border 10px solid #ccc
  :margin 0 0 15px 0
   
.report_info_block
  :position absolute
  :right 10px
  :top 0
  :background #EEEEEE none repeat scroll 0 0
  / :background #BEB63A none repeat scroll 0 0
  :border 2px solid #999
  :border-top none
  :margin 0
  / :float right
  :padding 0 10px 6px
  
  .report_numbers
    :text-align right
    :margin 0 4px 4px 0
    :font-style italic
    
    
  .pagination
    a
      :border 1px solid #666
      
    
  .data_status
    :text-align right
    :margin 2px 4px 0 0
    / :font-size 0.9em
    :font-size 9pt
    :font-style italic
    
    
#date_selector
  :background #eee
  :border 2px solid #999
  :color #222
  :padding 5px
  :font-size 10px
  :width 400px
  
  input 
    :margin 0
    
  div
    :margin 10px
    :padding 2px
    
  a, span
    :padding 4px
    :margin 1px 0
    :border 1px solid #999
    :cursor pointer
    :background #eee
    
  a  
    :background #ccc
    
  span.disabled
    :color #bbb 
    :background #ccc 
    :border 1px solid #aaa
    :cursor arrow
  
  span.current, a.current
    :color #fff
    :background #99c
    :border 1px solid #666
    
  .selector_button
    :text-align right
   
  .date_selector  
    :text-align right
    


/ #tabs
/   :height 46px
/   / :position absolute
/   / :top 80px
/   :line-height 12px
/   :margin-top 0px

  //li a
    //:color #E9E9E9


.sf-menu
  :margin 0
  :padding 0
  :list-style none

  li
    :float left
    :position relative

    a
      :font-size 12px
      / :font-weight bold
      :text-decoration none
      / :display block
      :padding 11px 15px
      :background url(/images/v2/menu_separator.png) no-repeat right top

    ul li
      :margin-top 1px
      :border-bottom 1px solid #3E3E3E

      a
        :font-size 12px
        / :font-weight bold
        :text-decoration none
        / :display block
        :padding 10px 0px 0px 20px
        :height 30px
        :margin-left 1px
        :background none
        :border-bottom 1px solid #0D0D0D

        &:hover
          / :background url(/images/v2/submenu_hover_bg.png) no-repeat left top
          :color #FFF

    &#current
      :background url(/images/v2/tab_right.png) no-repeat right top

      a
        :color #333
        :font-size 13px
        / :font-weight bold
        :text-decoration none
        / :display block
        :background url(/images/v2/tab_left.png) no-repeat left top
        :padding 11px 20px
        :border none

    &:hover
      :visibility inherit

      ul
        :left 0
        :top 3.8em
        :z-index 99

    &.sfHover ul
      :left 0
      :top 3.8em
      :z-index 99

  a
    / :display block
    / :position relative

    &:hover
      :background url(/images/v2/tab_hover.png) repeat-x

    &.sf-with-ul
      :padding-right 2.25em
      :min-width 1px

  .subtext
    :font-size 0.8em
    :color #666666
    :font-weight normal

  //*
  //  :margin 0
  //  :padding 0
  //  :list-style none

  ul
    :position absolute
    :top -999em
    :width 10em

    li
      :width 200px

      &:hover > a > .sf-sub-indicator, &.sfHover > a > .sf-sub-indicator
        :background-position -10px 0

    .sf-sub-indicator
      :background-position -10px 0

    a
      > .sf-sub-indicator
        :background-position 0 0

      &:focus > .sf-sub-indicator, &:hover > .sf-sub-indicator, &:active > .sf-sub-indicator
        :background-position -10px 0


ul.sf-menu li
  &:hover li ul, &.sfHover li ul
    :top -999em

  li
    &:hover, &.sfHover
      ul
        :left 10em
        :top 0

      li ul
        :top -999em

    li
      &:hover ul, &.sfHover ul
        :left 10em
        :top 0


.sf-sub-indicator
  :position absolute
  :display block
  :right .75em
  :top 1.05em
  :width 10px
  :height 10px
  :text-indent -999em
  :overflow hidden
  :background url('/images/v2/arrows-ffffff.png') no-repeat -10px -100px


a
  > .sf-sub-indicator
    :top .8em
    :background-position 0 -100px

  &:focus > .sf-sub-indicator, &:hover > .sf-sub-indicator, &:active > .sf-sub-indicator
    :background-position -10px -100px


li
  &:hover > a > .sf-sub-indicator, &.sfHover > a > .sf-sub-indicator
    :background-position -10px -100px


.sf-shadow ul
  :background url('/images/v2/shadow.png') no-repeat bottom right
  :padding 0 90px 9px 0

  &.sf-shadow-off
    :background transparent


*
  :margin 0
  :padding 0


body
  / :font-family Arial,Verdana, Helvetica
  / :font-size 12px
  :color #333333
  :background url("/images/v2/black_background_checker.png") repeat-x


#header
  :margin 0px 16px 0px 16px
  :color #E9E9E9
  :height 35px
  :padding-top 14px

  h1
    :font-style italic
    :font-size 1.4em
    :float left
    :margin-right 10px
    :font-weight 400


#wrapper
  :margin 0px 0px 0px 16px
  :width 960px
  :float left

  a
    :color #3E5920

/ #wrapper-right
/   //:float right
/   :position absolute
/   :right 0px
/   :height 24px
/   
/   .search
/     :float left
/   #quick_linkz
/     :float right

/ #logo
/   :margin-top 4px
/ 

#page_title
  :float left



#submenu
  :height 30px
  :padding 18px 0 0 20px
  :background url("/images/v2/submenu_background.jpg") repeat-x

  ul
    :list-style-type none

    li
      :float left
      :margin-right 25px

      a
        :color #000
        :text-decoration none
        :padding-bottom 17px
        :font-weight bold
        :font-size 0.9em

        &:hover
          :text-decoration underline
          :background url(/images/v2/submenu_selector.gif) no-repeat center bottom

      &#selected a
        :background url(/images/v2/submenu_selector.gif) no-repeat center bottom

  h2
    :font-size 1.2em


#full
  :width 960px

  .section
    :border 1px solid #E8E8E8
    :width 958px

    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px


#left
  :width 685px
  :float left
  :margin-right 20px

  .section
    :border 1px solid #E8E8E8
    :width 683px

    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px

    .summary
      :background-color #F7F7F7
      :padding 10px
      :height 280px

      #image
        :float left

      #infodata
        :float left
        :margin-left 20px
        :width 500px

        table
          :width 100%
          :border-collapse collapse
          :margin-top 1px

          tr td
            :padding 8px

          .odd
            :background-color #fff


#right
  :width 250px
  :float left

  .section
    :border 1px solid #E8E8E8
    :width 252px

    .actions
      p
        :padding 1px

      ul
        :list-style-type none
        :padding 1px

        li a
          :text-decoration none
          :font-weight bold
          :background url(/images/v2/action_bg.png) repeat-x
          :line-height 32px
          :height 32px
          :width 240px
          :display block
          :padding-left 10px
          :font-size 0.95em

          &:hover
            :background url(/images/v2/action_bg_hover.png) repeat-x
            :color #336699

    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px

    .content ul
      :list-style-type none
      :padding 10px
      :line-height 18px


.information
  :border 1px solid #ABCFFB
  :background-color #E8EFFB
  :color #336699

  .title
    :border-top 1px solid #FFFFFF
    :border-bottom 1px solid #ABCFFB
    :padding 10px
    :font-weight bold
    :background-color #D6E5FB
    :width 662px

  .content
    :padding 10px
    :line-height 18px

    p
      :margin-top 5px
      :margin-bottom 5px

  .close
    :width 16px
    :height 16px
    :background url("/images/v2/bttn_close.gif") no-repeat
    :display block
    :float right
    :margin-top -16px
    :cursor pointer

    &:hover
      :background-position 0 -16px


.section
  .content
    p
      :padding 10px
      :line-height 18px

    table
      :width 100%
      :color #666666
      :border-collapse collapse
      :margin-top 1px

      tr
        :height 12px
        :font-size 0.9em

        td
          :padding 10px

        &.odd
          :background-color #FCFCFC

      th
        :background-color #F7F7F7
        :text-align left
        :padding 10px

  .title
    .filters
      :float right
      :margin-top -6px

      .field
        :float left
        :height 18px
        :border 1px solid #E8E8E8
        :padding-top 4px
        :padding-left 4px
        :font-size 0.9em
        :width 190px
        :margin-left 5px

      .fieldselect
        :float left
        :height 24px
        :border 1px solid #E8E8E8
        :padding-top 4px
        :padding-left 4px
        :font-size 0.9em
        :margin-left 5px

    a
      :text-decoration none

      &:hover
        :text-decoration underline

    h3
      :font-size 1em
      :float left 

#tabs
  :position absolute
  :top 30px
  :z-index 300
  :width 100%


#infodata h1
  :margin-bottom 5px



.icon
  :float left
  :margin-right 8px
  :margin-top 8px


.clear
  :clear both

// Mega Menu 
ul.mega_menu

  :color #ddd
  :margin 0
  :padding 0.3em 0em
  :font-size 9pt
    
  div
    :display none
    :line-height 12px

  h2, h3
    font-size: 100%
    font-weight: normal
    display: inline 

  h3
    :width 100%
    :color #55f
    :font-weight bold
    :font-size 1.4em
    a
      :color #55f
      :text-decoration none
      
  li 
    display: inline
    position: relative

    a
      :cursor pointer
      :color #336799
      :text-decoration none
      :padding 0 0.4em

      &:hover
        :color #fc0      
        text-decoration: underline


  li.mega
    :float left
    :position relative

    h2
      :cursor pointer
      :color #E9E9E9
      :font-size 12px
      :font-weight normal
      :text-decoration none
      :display block
      :margin-top 15px
      :padding 17px 25px 11px 15px
      :background url(/images/v2/menu_separator.png) no-repeat right top
      
      a
        :color #33a
        
      span.down_arrow
        :background transparent url(/images/v2/arrows-ffffff.png) no-repeat scroll
        :background-position 0 -100px
        :display block
        :height 10px
        :overflow hidden
        :position absolute
        :right 0.75em
        :text-indent 9999px
        :top 2.5em
        :width 10px 

    .mega_div
      width: 330px
      position: absolute
      :z-index 10
      top: 5.0em
      left: 0em
      / :padding 0 126px 9px 0
      padding: 1.3em 1em 0.5em 1em
      :background transparent url(/images/v2/shadow.png) repeat-y scroll right bottom      

      a
        :cursor pointer
        padding: 0
        background-image: none

      a.more
        color: #390
        font-weight: bold
        
      .mega_body
        :margin-right 12px
        :padding 3px 0
        .mega_section
          :border-top 1px solid #777
          :margin 3px
          :padding 3px
          :font-size 9pt
        .mega_section.hover
          :background none
          
    .mega_header
      :font-size 1.2em
      :margin 0 0 9px 0
      :border none
      h1
        :color #336799
        :color #fc0
        :margin 0
        
      small
        :display block
        :color #666666
        :font-size 0.8em
        
    .hover
      :background none
      
    .menu_item
      :width 216px
      :color #e9e9e9
      :display block
      :font-size 12px
      :font-weight bold
      :height 40px
      :margin-left 1px
      :padding 10px 0 0 20px
      :position relative

      small
        :display block
        :color #666666
        :font-size 0.8em
      
      .submenu_group
        :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
        :position relative
        :left 216px
        :top -52px
        :display none
        :width 250px
        :padding 0 0 9px 0

        .menu_item
          :width 220px


      h3
        :font-size 12px

      p
        :color #666666
        :font-size 0.8em
        :font-weight normal 

  small
    :font-style italic
    :font-weight normal
    :color #888
    :display block
    :margin 5px 0 4px 0
  p
    :padding 0
    :margin 0
    :font-size 8pt

  li.hovering
    h2
      :background url(/images/v2/tab_hover.png) repeat-x scroll right top
      :padding-bottom 17px
      :background transparent
      
    div
      display: block      


#tabs .mega_menu li.mega div.mega_div


ul.right_mega li.mega h2 
  :padding-top 15px

#tabs li.selected h2
  :background url("/images/v2/tab_left.png") no-repeat scroll left top
  :color #333333

#tabs li.selected
  :background url("/images/v2/tab_right.png") no-repeat scroll right 15px
       
#special_menu
  / %div{:style => 'z-index:11;height:40px;position:absolute; right: 110px; top: 5px;'}
  :position absolute
  :right 50px
  :top 0
  / :border 1px solid red
  :text-align right
  
        
#quick_linkz
  li.mega
    / :float none
    :position none
    
    div.ql
      :margin 0
      :padding 0
      :display block
      
    small
      :margin-top 5px
      
    p
      :margin 0
      
    div.mega_div
      :text-align left
      :left auto
      / :width 400px
      :position absolute
      :z-index 10
      :top 5.0em
      / :border 1px solid red
      :right 1px
      // :padding 1.3em

   
#global_search
  / :border 1px solid red
  :padding-top 8px
  
  
.ac_results
  :padding 0px
  :border 0px solid #444
  / :background-color transparent
  :color #eee
  :overflow hidden
  :z-index 99999
  :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
  
  li
  
    / :background-color #222
    :padding 10px
    :font-size 11px
    :line-height 16px    
    / :margin 15px
    :border-top 1px solid #666
    
  li.ac_over
    :background-color #6ADA5A
    :color #222