/*
* Copyright (C) 2008-2011 Mag. Christian Tanzer. All rights reserved
* Glasauergasse 32, A--1130 Wien, Austria. tanzer@swing.co.at
*
* Positioning of `#document` and `#navigate` based on ideas of Matthew Levine::
*
*     http://www.alistapart.com/articles/holygrail
*
*/
/* Styling for HTML elements */
body
    { margin           : 0
    }

em, .em
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-style       : normal
    ; font-weight      : bold
    }

form div
    { margin           : 0.25em 0 0.5em
    }

img { border           : 0
    }

input, select, textarea
    { border           : 1px solid #BEBEBE
    }

input.Mandatory, select.Mandatory, textarea.Mandatory
    { border-width     : 2px
    }

input.Required, select.Required, textarea.Required
    { border-width    : 1px 1px 2px 1px
    }

input.submit, input[type="submit"], input.reset, input[type="reset"], button
    { border           : 2px outset
    ; margin           : 0.25em 0 0.75em
    ; min-width        : 10em
    ; padding          : 0.125em 0
    }

pre { font-family      : monospace }

table
    { border           : 0
    ; margin           : 0
    }

td, th
    { border-width     : 0
    ; padding          : 0 0.5em 0 0
    ; vertical-align   : top
    }

td[colspan]
    { text-align       : center
    }

td > em
    { color            : #FF6633
    ; font-size        : 125%
    ; font-weight      : bold
    ; width            : 100%
    }

td > strong
    { background-color : blue
    ; color            : white
    ; padding          : 0em 0.5em
    ; width            : 100%
    }

tr  { border-width     : 0
    ; padding          : 0
    }

/*
* CSS3 pseudo class `target` refers to active (e.i., selected last)
* internal link
* http://dev.opera.com/articles/view/improving-the-usability-of-within-page-l/
*/
:target
    { background-color : yellow
    ; color            : red
    }

/* Overall layout */
html
    { background-color : white
    ; color            : #000033
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; margin           : 0
    ; overflow         : auto
    ; padding          : 0
    }

        #header
            { background-color : white
            ; color            : #0200DE
            ; height           : 100px
            ; overflow         : hidden
            ; padding          : 0
            }

        #main
            { clear            : both
            ; max-width        : 50em
            ; min-width        : 15em
            ; overflow         : auto
            ; padding-left     :
                205px
            }

            #document, #navigate
                { float            : left
                ; position         : relative
                }

            #document
                { background-color : white
                ; padding          : 0
                ; width            : 100%
                }

            #navigate
                { background-color : #EFF3FE
                ; font-size        : small
                ; margin-left      : -100%
                ; padding          : 0.5em 5px 0
                ; right            :
                    205px
                ; width            : 190px
                }

        #footer
            { background-color : white
            ; border-top       : 1px solid #BEBEBE
            ; clear            : both
            ; margin           : 2.5em auto 0.2em
            ; padding          : 0.25em 0 0 0
            ; width            : 98%
            }

a.nospam
    { color            : #0050FF
    }
p.nospam
    { display          : inline
    }
.normal
    { color            : #000033
    }
.blue
    { color            : #0050FF
    }
.deleted
    { opacity          : 0.8
    ; text-decoration  : line-through
    }
.Error-Message, .red
    { color            : red
    }
.green
    { color            : green
    }
.orange
    { color            : #FF6633
    }
.large
    { font-size        : 120%
    }
.huge
    { font-size        : 250%
    }
.giant
    { font-size        : 500%
    }
.centered
    { text-align       : center
    }

.align-left
    { text-align       : left
    }

.align-right
    { text-align       : right
    }

.clearb
    { clear            : both
    }

.clearl
    { clear            : left
    }

.clearr
    { clear            : right
    }

.padb1
    { padding-bottom   : 1em
    }

.padb2
    { padding-bottom   : 2em
    }

.padb3
    { padding-bottom   : 3em
    }

.padt1
    { padding-top      : 1em
    }

.padt2
    { padding-top      : 2em
    }

.padt3
    { padding-top      : 3em
    }

img.centered, table.centered
    { display          : block
    ; height           : auto
    ; margin           : 1em auto
    ; text-align       : left
    ; width            : auto
    }

tr.row1, div.row1, tbody tr:nth-child(2n+1)
    { background-color : #EBEBEB
    }

tr.row2, div.row2, tbody tr:nth-child(2n)
    { background-color : white
    }

tr.row1:target, div.row1:target
    { background-color : yellow
    ; color            : red
    }

tr.row2:target, div.row2:target
    { background-color : yellow
    ; color            : red
    }

#document h1,
#document h2,
#document h3,
#document h4,
#document h5,
#document h6
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-weight      : bold
    }

#document h1.headline
    { color            : #FF6633
    ; font-size        : 135%
    }
#document h1
    { font-size        : 125% }
#document h2
    { font-size        : 120% }
#document h3
    { font-size        : 115% }
#document h4
    { font-size        : 110% }
#document h5
    { font-size        : 105% }
#document h6
    { font-size        : 100% }

#document .login div
    { padding          : 0.25em 0 0.25em 0.25em
    }

#document form.login
    { padding-top      : 0.25em
    }

#document p
    { max-width        : 40em
    }

/* Footer styles */
#footer
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : 75%
    ; vertical-align   : bottom
    }

#footer .copyright, #footer .last-change, #footer .top-link
    { background-color : white
    ; float            : left
    ; width            : 33%
    }

#footer .copyright
    { text-align       : left
    }

#footer .last-change
    { text-align       : right
    }

#footer .top-link
    { text-align       : center
    }

/* Header styles */
#header
    { background-image    : url(/media/pictures/Laser_Banner_1024x100.jpg)
    ; background-position : center
    ; background-repeat   : no-repeat
    ; background-size     : cover
    ; display             : block
    ; font-family         : "Lucida Grande", verdana, sans-serif
    ; height              : 100px
    ; margin              : 5px auto
    ; overflow            : hidden
    ; text-decoration     : none
    ; vertical-align      : 50%
    ; width               : 98%
    }

#header .logo
    { background-color    : white
    ; border              : 2px solid white
    ; color               : #000033
    ; display             : inline-block
    ; height              : 100px
    ; padding-top         : 10px
    }

#scams-abbr, #scams-abbr :target
    { color               : #BEBEBE
    ; display             : inline-block
    ; font-size           : 80px
    ; font-weight         : normal
    ; line-height         : 1
    ; padding-left        : 2%
    ; vertical-align      : top
    }
#scams-abbr:target
    { background          : transparent
    }

#union-logo
    { float               : right
    }

@media screen and (max-width: 680px)
    { #header
        { background-image    : url(/media/pictures/Laser_Banner_512x100.jpg)
        }
      #scams-abbr, #scams-abbr :target
        { font-size           : 30px
        ; line-height         : 1
        ; padding-left        : 1%
        ; vertical-align      : 70%
        }
    }

@media screen and (min-width: 1600px)
    { #header
        { background-image    : url(/media/pictures/Laser_Banner_2048x100.jpg)
        }
    }

/* Navigation styles */
#navigate input, .login input
    { background-color : #EFF3FE
    ; border           : 1px solid
    ; border-color     : #BEBEBE
    ; padding          : 0
    ; width            : 185px
    }

#navigate input.submit, #navigate input.reset,
.login input.submit, .login input.reset
    { border           : 2px outset
    ; color            : #0050FF
    ; margin           : 0.25em 0 0.75em
    }

#navigate .login input.Link,
.login input.Link
    { border           : 0
    ; color            : #0050FF
    ; cursor           : pointer
    ; margin           : 0.25em 0 0.75em
    }

#navigate .login input.Link:hover,
.login input.Link:hover
    { background-color : blue
    ; color            : #EFF3FE
    }

.login label
    { color            : #666666
    ; font-size        : 80%
    }

.login,
.login label,
.login li
    { background-color : #E0E8FB
    }

#navigate div.login li
    { padding          : 0
    }

.login li input
    { color            : #666666
    ; font-size        : 80%
    ; margin-bottom    : 0.25em
    }

#navigate li.current-link
    { background-color : rgb(50%,75%,100%)
    ; color            : #EFF3FE
    ; font-weight      : bold
    }

#navigate li.current-section
    { font-weight      : bold
    }

#navigate a.current-section,
#navigate a.current-section:link,
#navigate a.current-section:visited
    { color            : #666666
    }

#navigate a, #marginal a
    { text-decoration  : none
    }
#navigate a:link, #marginal a:link
    { color            : #0050FF
    }
#navigate a:visited, #marginal a:visited
    { color            : #54AAFF
    }
#navigate a:hover, #marginal a:hover
    { background-color : #EFF3FE
    }

#navigate h1, #marginal h1
    { background-color : #E0E8FB
    ; color            : #666666
    ; font-size        : 100%
    ; margin-bottom    : 0.25em
    ; margin-top       : 0em
    }

div.nav-section, nav section
   { margin-bottom     : 1.0em
   }

#navigate li, #marginal li
    { margin           : 0
    ; padding          :
        0.2em 0 0.2em 0
    ; position         : relative      /* for nested menues */
    }

#navigate .level-1
    { padding-left     : 0.75em
    }

#navigate .level-2
    { padding-left     : 1.00em
    }

#navigate .level-3
    { padding-left     : 1.00em
    }

#navigate .level-4
    { padding-left     : 1.00em
    }

#navigate .level-5
    { padding-left     : 1.00em
    }

#navigate .level-6
    { padding-left     : 1.00em
    }

#ownlinks li.nav-link:hover,
#ownlinks li.nav-link a:hover
    { background-color : blue
    ; color            : #EFF3FE
    }

#weblinks li.nav-link:hover,
#weblinks li.nav-link a:hover
    { background-color : rgb(255,153,0)
    ; color            : #EFF3FE
    }

#weblinks .nav-link img
    { margin-left      : 2.5%
    }

#navigate li a, #marginal li a
    { display          : block
    ; margin           : 0
    }
#navigate li td a
    { width            : auto
    }

#navigate li.google-search .google-logo
    { float            : left
    }

#navigate li.google-search .google-logo img
    { border           : 0
    ; display          : inline
    ; margin-right     : 5px
    ; padding          : 0
    }
#navigate li.google-search input.google-button
    { display          : inline
    ; float            : left
    ; margin           : -2px 10px 4px
    ; padding          : 3px 3px 2px
    }

#navigate li.google-search input.google-text
    { margin-bottom    : 0.5em
    ; width            : 190px
    }

#navigate td
    { margin           : 0
    ; padding          : 0
    ; vertical-align   : top
    }

#navigate ul, #marginal ul, .login ul
    { background-color : #EFF3FE
    ; border           : none
    ; font-weight      : normal
    ; list-style       : none
    ; margin           : 0
    ; padding          : 0
    }

.sitemap ul
    { border           : none
    ; font-weight      : normal
    ; list-style       : none
    ; margin           : 0
    ; padding          : 0
    }

.sitemap .level-1,
.sitemap .level-2,
.sitemap .level-3,
.sitemap .level-4,
.sitemap .level-5,
.sitemap .level-6,
.sitemap p
    { padding-left     : 2.5em
    }

/* Styling for news clips */
.news-clip
    { overflow         : hidden
    }

.news-clip-more
    { text-align       : left
    }

.news-clip-more a
    { border           : 1px solid #BEBEBE
    ; color            : #0050FF
    ; cursor           : pointer
    ; font-size        : small
    ; padding          : 0.1em 0.7em 0.2em
    ; margin           : 0.1em
    ; text-decoration  : none
    }

.news-clip-more :visited
    { color            : #54AAFF
    }

.news-clip-more :hover
    { background-color : yellow
    ; color            : red
    }

.news-clip-sep
    { background-color : #BEBEBE
    ; height           : 1px
    ; margin           : 0.5em 12.5%
    ; width            : 75%
    }

/* Styling for news pages */
div.news-entry + div.news-entry
    { margin-top       : 2em
    }

div.news-entry td
    { padding-bottom   : 0.25em
    }

div.news-entry .button
    { background-color : #EFF3FE
    ; float            : right
    ; font-size        : small
    ; text-align       : center
    ; width            : auto
    }

div.news-meta
    { background-color : #EBEBEB
    ; border-style     : solid
    ; border-width     : 1px 0 1px 0
    ; border-color     : #BEBEBE
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; margin-bottom    : 1em
    ; padding          : 0 0.2em
    }

.news-author, .news-date
    { font-size        : 90%
    }

.news-author:before
    { content          : "Von: "
    }

.news-author a
    { text-decoration  : none
    }

.news-author a:hover
    { text-decoration  : underline
    }

.news-date:before
    { content          : ", "
    }

.news-title
    { padding          : 0.25em 0 0.05em 0
    ; font-size        : 110%
    }

/* Styling for regatta related pages */
table.Regatta
    { border           : 3px ridge gray
    ; border-collapse  : collapse
    ; margin-left      : 1em
    }

table.Regatta ul
    { list-style       : none
    ; margin           : 0
    ; padding          : 0
    }

table.Regatta.Registration
    { margin-top       : 1em
    }

.Regatta caption
    { color            : #1b4287
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; padding          : 0.5em 0px 0.75em
    }

.Regatta .discarded
    { color            : #777777
    }

.Regatta .Place, .Regatta .Points, .Regatta .Index
    { font-weight      : bold
    }

.Regatta.Team .Place, .Regatta.Team .Points, .Regatta.Team .Index
    { vertical-align   : top
    }

.Regatta .Members .Index
    { font-weight      : normal
    ; vertical-align   : middle
    }

.Regatta td, .Regatta th
    { border           : 3px ridge gray
    ; font-size        : small
    ; padding          : 0 0.5em 0 0.5em
    ; vertical-align   : middle
    }

.Regatta .first th
    { border-bottom    : 0
    }

.Regatta .second th
    { border-top       : 0
    ; padding-bottom   : 0.25em
    }

.Regatta td, .Regatta .Index, .Regatta .Place, .Regatta .Race-Result
    { text-align       : right
    }

.Regatta td.Crew, .Regatta td.Club, .Regatta td.Team
    { text-align       : left
    }

.Regatta td.Boat-Class
    { color            : #1b4287
    ; text-align       : left
    }

.Regatta td.Nation
    { border-right     : 0
    ; padding-right    : 0
    }

.Regatta td.Sail-Number
    { border-left      : 0
    ; padding-left     : 0.25em
    }

.Regatta th.Club, .Regatta th.Sail-Number
    { text-align       : center
    }

.Regatta thead th
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-weight      : bold
    }

.Regatta.Registration td, .Regatta.Registration th
    { height           : 2em
    }

.Regatta.Registration thead
    { color            : #FF6633
    }

.Regatta.Result caption .Name,
.Regatta.Result caption .Club,
.Regatta.Result caption .Races
    { font-weight      : bold
    ; margin-bottom    : 0.5em
    ; padding          : 1em 0px 0px
    }


.Regatta.Result caption .Class
    { margin-bottom    : 0.5em
    }

.Regatta .Team .Name
    { color            : #0050FF
    ; font-weight      : bold
    ; padding          : 0 0.5em
    ; text-align       : left
    ; vertical-align   : top
    }

.Regatta.Result tbody td
    { height           : 3em
    }

.Regatta td table
    { margin-left      : 1em
    }

.Regatta td table,
.Regatta.Result td table td, .Regatta.Result td table th,
.Regatta.Registration td table td, .Regatta.Registration td table th
    { border           : 0
    ; height           : 1.2em
    }

.Regatta td table .Club
    { width            : 10em }

.Regatta td table .Crew
    { width            : 12em }

.Regatta.Result td table .Index,
.Regatta.Result td table .MNA-Number
    { display          : none
    }

.Regatta td table .Nation
    { width            : 2em }

.Regatta td table .Sail-Number
    { width            : 3.5em }

.Regatta.Result thead
    { color            : #1b4287
    }

.Regatta-Software
    { color            : #1b4287
    ; font-size        : 65%
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; padding-top      : 1em
    ; text-align       : right
    }

/* Styling for photo/gallery pages */
.gallery
    { width            : 100%
    }

.gallery button
    { min-width        : 0
    }

.gallery h1, .gallery h2
    { background-color : rgb(50%,75%,100%)
    ; color            : #EFF3FE
    ; margin-bottom    : 10px
    ; padding          : 10px 0px
    ; text-align       : center
    }

.gallery .inline
    { display          : none
    }

.gallery .inline .photo
    { display          : block
    ; margin           : auto
    }

.photo, .inline .photo-nav
    { text-align       : center
    }

#document .inline .photo-nav
    { border           : 0
    ; margin           : 5px 0
    ; max-width        : 100%
    ; padding          : 0
    ; width            : 100%
    }

.photo-nav img
    { border           : 0
    ; margin           : 0 2px
    }

.thumbnails
    { font-style       : italic
    }

.thumbnails.inline
    { overflow         : auto
    ; position         : relative
    }

.thumbnails a
    { display          : inline-block
    ; height           : 155px
    ; text-align       : center
    ; width            : 155px
    }

.thumbnails img
    { border           : 3px solid white
    ; vertical-align   : middle
    }

.thumbnails img.selected
    { border-color     : orange
    }

/* Styling for reST specific classes */

hr.docutils
    { border           : 0
    ; border-bottom    : 1px solid #BEBEBE
    ; clear            : both
    ; margin           : 0 auto 0.5em
    ; padding-top      : 0.5em
    ; width            : 85%
    }

img.align-left
    { float            : left
    ; margin           : 1px 5px 1px 0px
    }

img.align-right
    { float            : right
    ; margin           : 1px 0px 1px 5px
    }

img.pixpanded
    { display          : block
    ; float            : none
    ; height           : auto
    ; margin           : auto
    ; padding          : 5px 0px
    ; width            : auto
    }

pre.literal-block
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; padding-left     : 5em
    }

table.docutils p
    { border           : 0
    ; margin           : 0.2em 0 0 0
    ; padding          : 0
    }

table.docutils p.first,
dd p.first
    { margin           : 0
    }

table.docutils p.last,
dd p.last
    { margin           : 0.2em 0 0.2em 0
    }

/* Styling for grid-tables */
table.grid-table
    { border           : 3px ridge gray
    ; border-collapse  : collapse
    ; margin-left      : 0.5em
    }

table.grid-table thead th
    { color            : #FF6633
    ; font-weight      : bold
    ; text-align       : center
    }

table.grid-table td, table.grid-table th
    { border           : 3px ridge gray
    ; padding          : 0.05em 0.25em
    }

/* Styling for Kader table */
table.kader
    { margin           : 0em 0em 1em 0em
    ; padding          : 0px
    }

table.kader thead, table.kader thead tr, table.kader thead th
    { border           : 0
    ; color            : #FF6633
    ; margin           : 0
    ; font-weight      : bold
    ; text-align       : left
    }

table.kader td, table.kader th
    { padding          : 0 1em
    }

table.kader td+td, table.kader th+th
    { border-left      : 2px solid #888888
    }

/* Styling for Programm table */
table.programm
    { margin           : 0em 0em 1em 0em
    ; padding          : 0px
    }
table.programm thead, table.programm thead tr, table.programm thead th
    { border           : 0
    ; color            : #FF6633
    ; margin           : 0
    ; font-size        : 115%
    ; font-weight      : bold
    ; text-align       : center
    }

table.programm td > strong
    { color            : #0050FF
    ; font-weight      : bold
    ; padding          : 1.5em 0 0 1.5em
    ; text-align       : left
    }

/* Styling for admin pages */
.Error-Message
    { color            : red
    }

.Object-List
    { min-width        : 50%
    }

.Object-List a
    { color            : #666666
    ; display          : block
    ; text-decoration  : none
    }

.Object-List .Count
    { padding          : 0 0.1em 0 0.5em
    ; text-align       : right
    }

.Object-List td.Group[colspan]
    { padding          : 0
    }

.Object-List td.Group[colspan] a
    { background-color : #34444D
    ; color            : white
    ; font-size        : normal
    ; display          : block
    ; padding          : 2px 0 4px
    }

.Object-List tr.row1:target a, .Object-List tr.row2:target a
    { background-color : yellow
    ; color            : red
    }

.Object-List caption
    { color            : #1b4287
    ; display          : none
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : 115%
    ; font-weight      : bold
    ; padding          : 0em 0em 0.75em
    }

.Object-List thead
    { background-color : #E0E8FB
    ; color            : #FF6633
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; font-weight      : bold
    ; text-align       : center
    }

.Object-List td,
.Object-List th
    { font-size        : small
    ; padding          : 0 0 0.2em 0.2em
    }

.Object-Editor .Field
    { background-color : #EFF3FE
    ; font-size        : small
    ; margin-bottom    : 1em
    }

.Object-Editor .AI-Field-Header
    { color            : #999999
    ; background-color : #EFF3FE
    }

.Object-Editor .Field-Help
    { color            : #999999
    ; font-size        : 80%
    }

.Object-Editor  .Field-Div-Seq span.Field-Help
    { float            : right
    }

.Object-Editor div.field_group-Horizontal-Help-Table span.Field-Help
    { display          : none
    }

.Object-Editor input,
.Object-Editor label,
.Object-Editor select,
.Object-Editor textarea,
.Object-Editor a
    { background-color : #EFF3FE
    ; font-size        : small
    }

.Object-Editor a
    { border           : 1px solid #BEBEBE
    }

.Object-Editor input
    { width            : auto
    }

.Object-Editor input:focus,
.Object-Editor textarea:focus
    { background-color    : yellow
    }

.Object-Editor input.submit, .Object-Editor input[type="submit"],
.Object-Editor input.reset,  .Object-Editor input[type="reset"],
.Object-Editor button
    { color            : #0050FF
    }

.Object-Editor select
    { border           : 2px outset
    ; margin           : 0.25em 0 0.75em
    ; padding          : 0.125em 0
    ; width            : auto
    }

.Object-Editor legend
    { color            : #666666
    ; font-size        : small
    }

.Object-Editor ul.errorlist
    { color            : red
    }

.Formset-Horizontal th
    { text-align       : left
    }

.Formset-Horizontal ul.errorlist
    { font-size        : 70%
    ; list-style       : none
    ; margin           : 0
    ; padding          : 0
    }

.Formset-Horizontal-Help p.Field-Help
    { display          : none
    }

a.button
    { border           : 2px outset
    ; color            : #0050FF
    ; margin           : 0 0.5em
    ; padding          : 0.125em 2em 0.25em
    ; text-decoration  : None
    ; width            : 190px
    }

input.Short,
.field_group-Horizontal input.Short
    { width            : 5em
    }

input.Moderate-Len, .field_group-Horizontal input.Moderate-Len
    { width            : 6em
    }

input.Medium-Len, .field_group-Horizontal input.Medium-Len
    { width            : 9em
    }

input.Long, input.Very-Long
    { width            : 100%
    }

.field_group-Horizontal input
    { width            : 10em
    }

.field_group-Horizontal input.Long
    { width            : 15em
    }

.Object-Editor textarea
    { width            : 100%
    }

.Object-Editor label, .Field label
    { color            : #666666
    ; display          : block
    ; font-size        : small
    }

tr.inline-instance
    { white-space      : nowrap
    }

.Object-Editor tr.inline-instance label
    { display          : inline
    }

* UI-Display Inline Styling */
.ui-display-changed
    { font-style       : italic
    }
div.Inline-UI-Display h3
    { position         : relative
    ; margin           : 0
    ; text-align       : center
    }
div.Inline-UI-Display h3 span.ui-icon
    { position         : absolute
    ; top              : 50%
    ; left             : 5px
    ; margin-top       : -8px
    }
div.Inline-UI-Display h3 a.add
    { position         : absolute
    ; top              : 50%
    ; right            : 5px
    ; margin-top       : -8px
    }

div.Inline-UI-Display h3 a
    { margin           : 0 0 0 23px
    ; text-decoration  : none
    ; border           : 0px
    ; background-color : transparent
    ; font-size        : 100%
    }
div.Inline-UI-Display table a
    { margin          : 0
    }
div.Inline-UI-Display table
    { width           : auto
    }

.ui-widget .ui-display
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : small
    }

.zero-width
    { width           : 0px
    }
.first-button
    { padding-left    : 1em
    }

/* error handling */
.ui-state-error
    { padding         : 5px
    }
.ui-state-error a
    { background-color: transparent
    ; border-width    : 0
    ; font-size       : 100%
    }

ul.errorlist
    { list-style      : none
    ; padding         : 4px
    ; margin          : 0 0 1em 0
    }

.login .errorlist li
    { color           : red
    }

.gtw-next-error
    { float           : right
    }

/* Styling for calendar */
.week-roller
    { position         : relative
    }

.week-roller, #navigate .calendar
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : 0.7em
    }

.calendar
    { margin-top       : 0.5em
    }

.calendar a
    { text-decoration  : none
    }

.calendar a:link
    { color            : #0050FF
    }

.calendar a:visited
    { color            : #54AAFF
    }

.calendar a:hover
    { background-color : #EFF3FE
    }

.calendar span.event, .calendar span.date, .calendar span.event a
    { display          : block
    }

.calendar span.event
    { background-color : #FFF8AF
    ; border-bottom    : 1px solid #BEBEBE
    }

table.calendar
    { table-layout     : fixed
    ; width            : 97%
    }

.calendar td, #navigate .calendar td
    { overflow         : hidden
    ; padding          : 0
    }

.calendar .holiday .date, div.holiday
    { background-color : #CCFFFF
    }

.calendar th, .calendar .date
    { padding          : 0 0.25em 0.1em
    }

.calendar .date
    { background-color : #DDDDDD
    }

.calendar td .date, .calendar td.month-name
    { text-align       : right
    }

.calendar td .date .month
   { color             : #ABABAB
   }

.calendar td span.date a
   { display           : inline-block
   ; width             : 100%
   }

.calendar th.week-number
    { background-color : #DDDDDD
    ; color            : rgb(255,153,0)
    ; text-align       : left
    ; vertical-align   : top
    ; width            : 2em
    }

#navigate .calendar th.week-number
    { height           : 1.5em
    ; width            : 1.5em
    }

.calendar td.saturday, .calendar td.sunday,
.calendar th.saturday, .calendar th.sunday
    { color            : #444444
    }

.calendar td.selected, .calendar td.selected .date
    { background-color : #FF6633
    }

.calendar div.selected
    { border           : 2px solid #FF6633
    ; display          : none
    ; padding          : 2px
    ; text-align       : left
    }

.calendar td.today, .calendar td.today .date
    { color            : red
    ; background-color : yellow
    }

.calendar thead
    { background-color : #BEBEBE
    }

#navigate .calendar thead
    { display          : none
    }

#document .calendar span.week-number
    { display          : block
    ; height           : 8em
    }

.week-roller .ctrl
    { padding          : 0
    }

.week-roller .ctrl label
    { padding          : 4px 0 0
    }

.week-roller input, .week-roller div.anchor, .week-roller select
    { background-color : #EFF3FE
    ; border           : 2px solid #BEBEBE
    ; margin           : 0 2em 0 0
    ; padding          : 2px 0.15em 2px 0.05em
    ; text-align       : right
    }

.week-roller select
    { padding          : 1px 0.15em 1px 0.05em
    ; text-align       : left
    }

.week-roller div.anchor
    { float            : left
    ; padding          : 0
    }

.week-roller div.anchor input
    { border           : 0
    ; display          : inline
    ; margin           : 0
    ; width            : 2em
    }

.week-roller div.anchor input.year
    { width            : 3.25em
    }

.week-roller .anchor
    { margin-right     : 0.25em
    ; padding          : 4px 0.05em
    }

.week-roller label.anchor
    { float            : left
    }

.week-roller input.delta
    { margin-right     : 0em
    ; width            : 2em
    }

.week-roller input.weeks
    { width            : 2em
    }

.week-roller input:hover, .week-roller select:hover
.week-roller input:focus, .week-roller select:focus
    { background-color : yellow
    ; color            : red
    }

.week-roller input[type=submit]
    { border           : 2px outset #BEBEBE
    ; float            : right
    ; margin           : 0 0 0 2em
    ; text-align       : center
    }

.week-roller .slider-ctrl, .week-roller .slider-echo
    { display          : none
    }

.week-roller .slider-ctrl.enabled, .week-roller .slider-echo.enabled
    { display          : block
    ; position         : absolute
    }

.week-roller .slider-ctrl.enabled .ctrl
    { height           : 100%
    }

.week-roller .slider-echo .message
    { background-color : #BEBEBE
    ; font-size        : 200%
    ; height           : 100%
    ; opacity          : 0.625
    ; position         : relative
    }

.week-roller .slider-echo .message p
    { margin-bottom    : 0
    ; text-align       : center
    }

h1.day
    { overflow         : hidden
    ; width            : 100%
    }

h1.day span.week
    { float            : right
    }

/* CSS arrows */
/* http://www.dinnermint.org/blog/css/creating-triangles-in-css/ */
.css-arrow-d, .css-arrow-l, .css-arrow-r, .css-arrow-u
    { border-style     : solid
    ; display          : inline-block
    ; height           : 0
    ; width            : 0
    }

.css-arrow-d
    { border-color     : red transparent transparent
    ; border-width     : 0.5em 0.5em 0
    }

.css-arrow-l
    { border-color     : transparent red transparent transparent
    ; border-width     : 0.5em 0.5em 0.5em 0
    }

.css-arrow-r
    { border-color     : transparent transparent transparent red
    ; border-width     : 0.5em 0 0.5em 0.5em
    }

.css-arrow-u
    { border-color     : transparent transparent red
    ; border-width     : 0 0.5em 0.5em
    }


/* __END__ */