screen.sass

@import compass/reset
@import compass/css3/gradient

=box-shadow
  -moz-box-shadow: 3px 3px 3px #666
  -webkit-box-shadow: 3px 3px 3px #666
  box-shadow: 3px 3px 3px #666


=border-radius(!radius)
  border-radius = !radius
  -moz-border-radius = !radius
  -webkit-border-radius = !radius

html
  height: 100%
body
  height: 100%
  line-height: 1.4em
  font-family: Arial, Helvetica, sans-serif

#header_wrapper
  background-color: #BBF000
  padding-top: 5px

#header
  height: 80px
  border-top: solid 1px #fff
  border-bottom: solid 5px #BBF000
  +linear-gradient(color-stops(rgb(127,148,169) 2%, rgb(76,105,137) 27%, rgb(51,84,125) 27%, rgb(0,40,89) 100%), top)
  h1 
    a
      &:link, &:visited
        font-style: italic

#main-navigation
  border-bottom: solid 5px #BBF000
  +linear-gradient(color-stops(rgb(164,214,0) 0%, rgb(196,245,51) 48%, rgb(164,214,0) 100%), left)
  +border-radius("0")
  
#main-navigation ul li
  background: none

#main-navigation ul li a
  &:link, &:visited 
    font-style: italic
    color: #012851
    font-weight: bold
    display: inline
#main-navigation ul
  padding: 3px 14px
  
#main-navigation ul li
  color: #fff
  font-weight: bold
  padding-left: 5px

.secondary-navigation-wrapper
  +border-radius("6px")
  background-color: #fff
  padding: 3px
  +box-shadow

.secondary-navigation
  +linear-gradient(color-stops(rgb(77,106,138) 15%, rgb(38,74,112) 56%, rgb(27,70,111) 99%), top)
  +border-radius("6px")
  border-bottom: 0

#map_wrapper
  height: 400px
  width: 100%

#map_canvas
  height: 100%
  width: 100%

#calendar h2#month
  color: #F07F19
  width: 100%
  +linear-gradient(color-stops(#002859, #4C698B), left)
  text-align: left
  font-size: 14px
  padding: 5px
  font-weight: bold
  +border-radius("3px")
  margin-bottom: 10px
  font-style: italic

#calendar table 
  width: 100%
  border-spacing: 5px

#calendar td
  -moz-border-radius: 10px
  -webkit-border-radius: 10px
  border-radius: 10px
  padding: 6px 8px

#calendar th 
  color: #fff
  text-align: left
  vertical-align: top
  width: 14.2857142857143%
  padding: 0 0 0 8px

#calendar td 
  background: #FFF
  color: #777
  height: 80px
  vertical-align: top
  font-size: 16px


#calendar .notmonth 
  color: #3F5F85
  background-color: #8094AC

#calendar .future
  background-color: #BFDCFF

#calendar #month 
  margin: 0
  padding-top: 10px
  padding-bottom: 10px
  text-align: center


#calendar #month a, #calendar #month a:hover 
  text-decoration: none
  padding: 0 10px
  color: #3D5980


#calendar .today
  background-color: #FFAF6F
  color: #F07F19


#calendar ul 
  margin: 0
  margin-top: 5px
  padding: 0
  list-style: none


#calendar li 
  margin: 0
  padding: 0
  font-size: 11px
  text-align: center


#main .block #calendar-container
  margin-top: 10px
  +border-radius("10px")
  +box-shadow
  padding: 3px

#calendar-container .inner
  background-color: #01285a
  +border-radius("10px")
  +linear-gradient(color-stops(#496688, #002859), top)


#footer .block
  background-color: #fff
  padding: 3px
  +box-shadow
  +border-radius("4px")


#footer .block p
  background-color: #262626
  +border-radius("4px")

.event_button_bar
  padding: 0.2em

.ui-autocomplete-loading  
  background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat


.ac_results 
  padding: 0px
  border: 1px solid black
  background-color: white
  overflow: hidden
  z-index: 99999


.ac_results ul 
  width: 100%
  list-style-position: outside
  list-style: none
  padding: 0
  margin: 0


.ac_results li 
  margin: 0px
  padding: 2px 5px
  cursor: default
  display: block
  /* 
   * if width will be 100% horizontal scrollbar will apear 
   * when scroll mode will be used
   */
  /*width: 100%*/
  font: menu
  font-size: 12px
  /* 
   *it is very important, if line-height not setted or setted 
   *in relative units scroll will be broken in firefox
   */
  line-height: 16px
  overflow: hidden


.ac_loading 
  background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat


.ac_odd 
  background-color: #eee


.ac_over 
  background-color: #0A246A
  color: white