Asp

gistfile1.sass

@charset "utf-8"

/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, header, section, aside, footer, button
  margin: 0
  padding: 0
  border: 0

body
  font-family: 'Helvetica', sans-serif
  background: #FFF image-url('bg.jpg') repeat-x top
  color: #9c9d9e

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary
  display: block

*:focus
  outline: none

@font-face
  font-family: 'Helvetica'
  src: url('/assets/fonts/Helvetica.eot')
  src: local("☺"), url('/assets/fonts/Helvetica.woff') format("woff"), url('/assets/fonts/Helvetica.ttf') format("truetype")


/* Text Type*/

p.bullet:before
  content: image-url('arrow.png')
  padding-right: 16px

.h1
  font-size: 31px

.h2
  font-size: 24px

.h3
  font-size: 15px

.Txt
  font-size: 18px

.Txtsm
  font-size: 14px

.Txtlg
  font-size: 24px
  font-weight: bold

.lineHeightTxt
  line-height: 30px

.Color
  color: #1c4b93

.black
  color: #232424

.light
  font-weight: lighter

.bold
  font-weight: bold

/* spaces */

.gap02
  padding: 8px 12px 0px 0px

.gap01
  padding-right: 13px

.Top22
  padding-top: 35px

.topBottom
  padding: 20px 0 40px 0

.topBottom6
  padding: 22px 0 9px 0

.PadBot50
  padding-bottom: 50px

.padding6
  padding: 6px

.padtop10b
  padding-top: 10px

.topBottom15
  padding: 15px 0

.Topleft22
  padding-top: 35px
  margin-left: 8px

.pad8
  margin-left: 8px

.padbot3
  padding-bottom: 3px

.Left
  float: left

.RightAlt
  float: right

.Top11
  padding-top: 10px

.Tag
  float: right
  width: 70px
  height: 91px
  background: image-url('tag.png') no-repeat top

.b
  background-color: #FF0

.MenuTop
  clear: both
  text-transform: uppercase
  padding-top: 25px
  ul
    list-style: none
    margin: 0
    padding: 0
    li
      float: left
  li
    .active1
      color: #abbf39
    .notactive
      color: #515151
  ul li a
    float: left
    text-decoration: none
    font-size: 12px
    font-weight: normal
    padding-right: 9px
    padding-left: 9px
    color: #fff
    &:hover
      text-decoration: none
      color: #949ba6

.bottomline
  border-bottom: 1px solid #dadada
  margin-bottom: 22px

.BoxBoarder
  border: 1px solid #dadada
  margin-bottom: 40px

.ImageBox
  clear: both
  height: 156px

.ImageDes
  clear: both
  height: 190px
  background-color: #f4f4f4

.img-center
  margin: 0 auto

.input-sm
  width: 38px
  height: 29px !important
  font-size: 13px !important
  -webkit-border-radius: 0px
  -moz-border-radius: 0px
  border-radius: 0px

.cus-btn
  margin-top: 20px
  background: #9fd934 image-url('arrow.png') no-repeat right
  background-image: -webkit-linear-gradient(top, #9fd934, #448b12)
  background-image: -moz-linear-gradient(top, #9fd934, #448b12)
  background-image: -ms-linear-gradient(top, #9fd934, #448b12)
  background-image: -o-linear-gradient(top, #9fd934, #448b12)
  background-image: linear-gradient(to bottom, #9fd934, #448b12)
  -webkit-border-radius: 4
  -moz-border-radius: 4
  border-radius: 4px
  font-family: Arial
  font-weight: bold
  color: #ffffff
  font-size: 14px
  padding: 6px 20px 6px 20px
  text-decoration: none
  text-transform: uppercase
  &:hover
    background: #448b12 image-url('arrow.png') no-repeat
    background-image: -webkit-linear-gradient(top, #448b12, #9fd934)
    background-image: -moz-linear-gradient(top, #448b12, #9fd934)
    background-image: -ms-linear-gradient(top, #448b12, #9fd934)
    background-image: -o-linear-gradient(top, #448b12, #9fd934)
    background-image: linear-gradient(to bottom, #448b12, #9fd934)
    text-decoration: none

.link
  float: right
  text-transform: uppercase
  padding-bottom: 50px
  ul
    list-style: none
    margin: 0
    padding: 0
    li
      float: left
      a
        float: left
        text-decoration: none
        font-size: 14px
        font-weight: bold
        padding-left: 39px
        color: #9c9d9e
        &:hover
          text-decoration: none
          color: #1c4b93

.Menubottom
  clear: both
  text-transform: uppercase
  padding-top: 25px
  ul
    list-style: none
    margin: 0
    padding: 0
    li
      float: left
  li
    .active1
      color: #abbf39
    .notactive
      color: #515151
  ul li a
    float: left
    text-decoration: none
    font-size: 12px
    font-weight: bold
    padding-right: 9px
    padding-left: 9px
    color: #9c9d9e
    &:hover
      text-decoration: none
      color: #1c4b93

/* bootstrap class */

.navbar-default
  background-color: transparent
  border-color: transparent
  .navbar-nav > li > a
    color: #1c51a2
    text-transform: uppercase
    font-weight: bold
    &:hover, &:focus
      color: #c3c3c3
      background-color: transparent

.navbar-brand
  float: left
  padding: 0px 15px
  height: 58px

.navbar-default
  .navbar-collapse, .navbar-form
    border-color: transparent

.form-control
  border-radius: 1px

select.form-control
  -moz-appearance: none
  -webkit-appearance: none
  appearance: none
  background: image-url('select-arrow.png') no-repeat right

@-moz-document url-prefix()
  select
    -moz-appearance: none
    text-indent: 0.01px
    text-overflow: ''


.navbar-default .navbar-toggle
  border-color: transparent
  &:hover, &:focus
    background-color: #1c4b93
  .icon-bar
    background-color: #ccced1

.TabPanel
  padding: 36px 0

.nav-tabs > li
  > a
    margin-right: 2px
    line-height: 1.42857143
    border: 1px solid #d8d6d6
    border-radius: 8px 8px 0 0
    background-color: #f4f4f4
  &.active > a
    color: #fff
    background-color: #1f4997
    border: 1px solid #dddddd
    border-bottom-color: transparent
    cursor: default
    &:hover, &:focus
      color: #fff
      background-color: #1f4997
      border: 1px solid #dddddd
      border-bottom-color: transparent
      cursor: default

.input-group-addon
  padding: 2px 2px

.btn-success
  color: #ffffff
  background-color: transparent
  border-color: transparent
  &:hover, &:focus, &.focus, &:active, &.active
    color: #ffffff
    background-color: transparent
    border-color: transparent

.open > .dropdown-toggle.btn-success
  color: #ffffff
  background-color: transparent
  border-color: transparent

.popupBox
  clear: both
  height: auto
  overflow: hidden
  border-bottom: 1px solid #e7e7e7
  padding-bottom: 16px
  padding-top: 12px

.popupBox2
  clear: both
  height: auto
  overflow: hidden
  padding-bottom: 16px
  padding-top: 12px

.items
  float: left
  margin-left: 18px

label
  display: inline

.regular-checkbox
  display: none
  + label
    background-color: #fff
    border: 1px solid #dadada
    padding: 1px
    display: inline-block
    position: relative
    &:active
  &:checked + label
    &:active
    background-color: #fff
    border: 1px solid #adb8c0
    color: #99a1a7
    &:before
      content: image-url('checkarrow.png')
      position: absolute
      top: 0px
      left: 0px
      color: #00a700

.big-checkbox
  + label
    padding: 12px
  &:checked + label:before
    left: 9px

.tag
  float: left
  margin-left: 22px
  padding-top: 4px

.Box
  clear: both
  margin-left: 8px

@media only screen and (max-width: 360px)
  .Menubottom
    clear: both
    ul
      list-style: none
      margin: 0
      padding: 0
      li
        clear: both
        padding-bottom: 10px
    li
      .active1
        color: #abbf39
      .notactive
        color: #515151
    ul li a
      float: left
      text-decoration: none
      font-size: 12px
      font-weight: normal
      padding-right: 9px
      padding-left: 9px
      color: #9c9d9e
      &:hover
        text-decoration: none
        color: #1c4b93

.topBlue
  clear: both
  height: auto
  overflow: hidden

/* enable absolute positioning */

.btn
  padding: 0px 0px
  background: none
  line-height: 21px

.form-control
  padding-right: 30px
  + .glyphicon
    position: absolute
    content: image-url('search.png')
    right: 0
    padding: 12px 27px

.searchPad
  padding-top: 10px

@media only screen and (max-width: 360px)
  .topBlue
    clear: both
    height: auto
    overflow: hidden
    background-color: #1c4b93
    height: 110px
    margin-bottom: 12px
  .searchPad
  .MenuTop
    clear: both
    text-transform: uppercase
    padding-top: 28px
    ul li a
      font-size: 11px
      font-weight: bold
      padding-right: 9px
      padding-left: 9px
      color: #fff