/*
* Copyright (C) 2008-2010 Mag. Christian Tanzer. All rights reserved
* Glasauergasse 32, A--1130 Wien, Austria. tanzer@swing.co.at
*/
/* Styling for HTML elements */
body
    { margin           : 0.2em 0.5em
    }

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

img { border           : 0
    }

pre { font-family      : monospace }

table
    { border           : 0
    ; margin           : 0
    }

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

td[colspan]
    { text-align       : center
    }

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
            }

        div#main
            { clear            : both
            ; overflow         : auto
            ; padding          : 0
            }

            div#document, div#marginal, div#navigate, nav#navigate
                { padding          : 0 5px
                }

            div#document
                { background-color : white
                ; border-left      : 200px
                    solid #EFF3FE
                ; max-width        : 45em
                ; min-width        : 20em
                }

            div#marginal
                { background-color : #EFF3FE
                ; float            : right
                ; font-size        : small
                ; padding-top      : 0.5em
                ; width            : 175px
                }

            div#navigate, nav#navigate
                { background-color : #EFF3FE
                ; float            : left
                ; font-size        : small
                ; padding-top      : 0.5em
                ; width            : 190px
                }

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

a.nospam
    { color            : #0050FF
    }
p.nospam
    { display          : inline
    }
.normal
    { color            : #000033
    }
.blue
    { color            : #0050FF
    }
.Error-Message
    { color            : red
    }
.orange
    { color            : #FF6633
    }
.large
    { font-size        : 120%
    }
.centered
    { text-align       : center
    }

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
    }

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

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

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

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

/* 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_2.jpg)
    ; background-position : center
    ; background-repeat   : no-repeat
    ; display             : inline-block
    ; font-family         : "Lucida Grande", verdana, sans-serif
    ; height              : 100px
    ; margin              : 5px 0px 15px
    ; text-decoration     : none
    ; vertical-align      : 50%
    ; width               : 100%
    }

#header #scams-logo
    { background-color    : white
    ; border              : 2px solid white
    ; display             : inline-block
    ; height              : 100px
    ; margin              : 0
    ; padding             : 0
    }

#header #scams-abbr
    { color               : #BEBEBE
    ; display             : inline-block
    ; font-size           : 80px
    ; height              : 100px
    ; padding-left        : 8%
    ; text-align          : center
    }

#header #union-logo
    { float               : right
    ; margin              : 0px 0px 10px 2px
    }

/* 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, div#marginal a
    { text-decoration  : none
    }
#navigate a:link, div#marginal a:link
    { color            : #0050FF
    }
#navigate a:visited, div#marginal a:visited
    { color            : #54AAFF
    }
#navigate a:hover, div#marginal a:hover
    { background-color : #EFF3FE
    }

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

div.nav-section
   { margin-bottom     : 1.5em
   }

#navigate li, div#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
    }

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

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

#navigate li a, div#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, div#marginal ul, .login ul
    { background-color : #EFF3FE
    ; border           : none
    ; font-weight      : normal
    ; list-style       : none
    ; margin           : 0
    ; padding          : 0
    }

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

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

/* Styling for news clips */
a.news-clip-more
    { border           : 1px solid #BEBEBE
    ; color            : #0050FF
    ; cursor           : pointer
    ; font-size        : small
    ; padding          : 0 0.5em 0.1em 0.5em
    ; text-decoration  : none
    }

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

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

div.news-clip-sep
    { background-color : #BEBEBE
    ; clear            : right
    ; 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 infos */
td.sailnumber, td.place, td.points, td.rank, td.index, td.oesv_no
    { text-align       : right
    }

tbody td.boat_class
    { color            : #1b4287
    }

table.Regatta-Result td.nation,
table.Regatta-Registration td.nation
    { border-right     : 0
    ; padding-right    : 0
    }
table.Regatta-Result td.sailnumber,
table.Regatta-Registration td.sailnumber
    { border-left      : 0
    ; padding-left     : 0.25em
    }

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

table.Regatta-Registration thead
    { color            : #FF6633
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; font-weight      : bold
    }

table.Regatta-Registration thead td.club,
table.Regatta-Registration thead td.sailnumber
    { text-align       : center
    }

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

table.Regatta-Registration tbody td,
table.Regatta-Registration thead td
    { height           : 2em
    }

tr.Regatta-Registration-Team td
    { background-color : #DEDEDE
    ; color            : #0050FF
    ; font-weight      : bold
    }

tr.Regatta-Registration-Team td.Regatta-Registration-Team
    { padding          : 0 0.5em 0 2.5em
    ; text-align       : left
    }

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

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

table.Regatta-Result thead td.club,
table.Regatta-Result thead td.sailnumber
    { text-align       : center
    }

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

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

table.Regatta-Result tbody td.discarded
    { color            : #777777
    }

table.Regatta-Result thead tr.first td
    { border-bottom    : 0
    }

table.Regatta-Result thead tr.second td
    { border-top       : 0
    ; padding-bottom   : 0.25em
    }

table.Regatta-Result span.Regatta-Name,
table.Regatta-Result span.Regatta-Club,
table.Regatta-Result span.Regatta-Races
    { font-weight      : bold
    }

table.Regatta-Result span.Regatta-Races
    { padding          : 1em 0px 0px
    }

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

tbody td.Regatta-Result-Place,
tbody td.Regatta-Result-Total
    { font-weight      : bold
    ; padding-right    : 1em
    ; text-align       : right
    }

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

tr.Regatta-Result-Team td.Regatta-Result-Place
    { text-align       : right
    }

tr.Regatta-Result-Team td table
    { padding          : 0.1em 0.5em 0.1em 0.5em
    }

tr.Regatta-Result-Team td table td
    { background-color : white
    ; border           : 0
    ; color            : #000033
    ; font-weight      : normal
    ; height           : 1em
    ; padding          : 0px 0.5em
    ; text-align       : left
    ; vertical-align   : top
    }

tr.Regatta-Result-Team td table tr.row1 td
    { background-color : #EBEBEB
    }

tr.Regatta-Result-Team td table tr.row2 td
    { background-color : white
    }

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

.regatta-klassen
    { color            : #FF6633
    ; font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : 120%
    ; font-style       : normal
    ; font-weight      : bold
    ; text-align       : center
    }

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

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

.photo-nav
    { border           : 0
    ; margin           : 2px 0
    ; padding          : 0
    ; text-align       : center
    }

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

div.thumbnail
    { float            : left
    ; font-style       : italic
    ; padding          : 5px
    }

div.thumbnail a
    { height           : 150px
    ; width            : 150px
    }

/* Styling for reST specific classes */

hr.docutils
    { clear            : right
    }

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

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

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
    { color            : #FF6633
    ; font-weight      : bold
    ; text-align       : center
    }

table.grid-table td
    { 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+td, table.kader th+th
    { padding-left     : 2em
    }

/* 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 a
    { color            : #666666
    ; text-decoration  : none
    }

.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
    }

.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 input,
.Object-Editor select,
.Object-Editor textarea,
.Object-Editor a
    { border           : 1px solid
    ; border-color     : #BEBEBE
    ; margin-bottom    : 0.5em
    }

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

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

.Object-Editor input.Optional,
.Object-Editor select.Optional,
.Object-Editor textarea.Object-Editor
    { border-width     : 1px
    }

.Object-Editor input
    { width            : auto
    }

.Object-Editor input.submit,
.Object-Editor input.reset,
.Object-Editor button,
.Object-Editor select
    { border           : 2px outset
    ; color            : #0050FF
    ; margin           : 0.25em 0 0.75em
    ; padding          : 0.125em 0
    ; width            : 190px
    }

.Object-Editor select
    { width            : auto
    }

.Object-Editor fieldset
    { padding          : 0.5em 0 0.25em
    }

.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
    { 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
    }

.gtw-next-error
    { float           : right
    }

/* Styling for calendar */
.calendar
    { font-family      : "Lucida Grande", verdana, sans-serif
    ; font-size        : 0.7em
    }

.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
    { display          : block
    }

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

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

.calendar td
    { overflow         : hidden
    ; padding          : 0 0.2em 0 0
    }

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

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

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

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

.calendar th.week-number
    { background-color : #DDDDDD
    ; text-align       : left
    ; vertical-align   : top
    ; width            : 2em
    }

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

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

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

.calendar thead
    { background-color : #BEBEBE
    }

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

.calendar .week-number a:link,
#navigate .calendar .week-number a:link
    { color            : rgb(255,153,0)
    }

.calendar .week-number a:visited,
#navigate .calendar .week-number a:visited
    { color            : rgb(133,153,0)
    }

/* __END__ */