/* Stylesheet fŸr Standart Bildschirmdarstellung OKDIA */
/* Erstellt 28. Dezember 2000 von Peter Scheuerl */
/*
<!-- #bbinclude "filestatps.pl" -->
                        Filename:     standard.css
                        Filesize:     11621 Byte
                        Last update:  30-Jul-2011 08:21 +1200
                        By:           Peter Scheuerl peter@scheuerl.net
<!-- end bbinclude -->
*/

/*
over time, more and more support for old browsers gets dropped.
Not tested on Netscape 6 and under since 2005.
Some features not supported by IE (mainly nth-of-type for tables)
*/


/* To hide from Netscape old versions */
@import "standard_hiddens.css";
@import "reminder.css";


/* ############################################################ START allgemeine styles */
body {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	background:#fff url(../images/global/back_okdia.gif) no-repeat fixed 97% 5%  ;
}

body, h1, h2, h3, h4, p, li, .s, caption, th, td
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


td
{
	color: #000;
	font-size: 12px;
	font-weight: normal;	
}

.cont, .navfallbacks
{
	vertical-align: top;
}

.cleaner {clear: both; height: 1px; overflow: hidden}

/* Links */
a:link, a:link b
{
	color:#006;
	text-decoration:none;
	letter-spacing: 1px
}

a:visited, a:visited b
{
	color:#633;
	text-decoration:none
}

a:hover, a:hover b, a.txt:hover
{
	color: #006;
	text-decoration:underline;
	background: #cdf;
}

a:active, a:active b, a.txt:active
{
	color:#f00;
	text-decoration:none
}
/* START Textlinks with contrast to text */
a.txt:link 
{
	color:#669;
	text-decoration:none;
	letter-spacing: 1px
}

a.txt:visited
{
	color:#933;
	text-decoration:none;
	letter-spacing: 1px
}

/* END textlinks */

a:link .flag, a:visited .flag
{
	border-width: 1px;
	border-color: #999
}

a:hover .flag, a:active .flag
{
	border-width: 1px;
	border-color: #339
}

h1
{
	font-size: 20px;
	color: #003;
	margin-top:15px;
}

h2
{
	font-size: 15px;
	color: #600;
}

h3
{
	font-size: 15px;
	color: #003;
}

h4
{
	font-size: 13px;
	color: #003;
}

p
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
}

li
{ 
	margin-top:5px;
}

caption
{
	font-size: 14px;
	font-weight:bold;
	color: #600;
	background: transparent;
	margin-top: 20px
}


p.date
{
	color: #900;
	font-size: 11px;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 1px;
	text-align: center
}

/* START Path on top of every page */
p.path, p.path a:link, p.path a:visited
{
	color: #669;
	background: transparent;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	text-decoration: none;
	letter-spacing: 1px;
}

p.path a:active, p.path a:hover
{
	color: #966;
	background: transparent;
	text-decoration: none;
}

.path #here
{
	font-weight: bold;
	cursor: default
}
/* END Path on top of every page */

.s
{
	color: #000;
	font-size: 11px;
	font-weight: normal;
}


b
{
	color:#006;
	font-weight: bold;
	letter-spacing:1px;
}

i
{
	font-family: Times, Bookman, serif;
	font-style: italic;
	color:#004;
	font-weight: normal;
	letter-spacing:1px;
}

.flag
{
	border-width: 1px;
	border-color: #ccc
}

.discard
{
	background: #ddd;
	color: #333;
	text-decoration: line-through
}


th
{
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

/* CSS3 multi column */
.multicolumn2 {-webkit-column-count: 2; -webkit-column-gap: 2em; -webkit-column-rule: thin solid #bcd;
	column-count: 2; column-gap: 2em; column-rule: thin solid #bcd;
	}


/* Class for homepage Whatsnew list links */

.whatsnew
{
	display:block; 
	margin-bottom:5px;
	margin-left:18px;
}


/* Tables with "button" behaviour */

.linktable td
{
	padding: 0px;
	text-align: center;
}

/* Tables for back to top button */
.totop, .linktable
{
	empty-cells: hide;	
}


.totop td
{
    color: #fff;
	background: #9ac;
	padding: 0px;
	text-align: center;	
}

/* Tables with lists of names */
.nametable caption
{
	font-size: 14px;
	font-weight:bold;
	color: #600;
	background: transparent;
	margin-top: 20px
}

.nametable td
{
	font-size: 11px;
}


/* Tables with lists of results (2 align left: name and sailno - column 2 and 3) */

caption
{
	font-size: 14px;
	font-weight:bold;
	color: #600;
	background: transparent;
	margin-top: 20px
}

/* Some styles wich are the same for many tables */

.resulttable td, .resulttableclub td, .resulttableclubboat td,
.resulttable2 td, .resulttable3 td, .resulttable4 td, .resulttable5 td, .resulttable6 td
{font-size: 11px; text-align: right;}


/* second and third td align left (name sailno) - 2 left */
.resulttable tr td:first-child+td, .resulttable tr td:first-child+td+td,
.resulttable2 tr td:first-child+td, .resulttable2 tr td:first-child+td+td
{
	text-align: left
}


/* Second to fourth td align left (name sailno club) - 3 left */
.resulttableclub tr td:first-child+td, .resulttableclub tr td:first-child+td+td, .resulttableclub tr td:first-child+td+td+td,
.resulttable3 tr td:first-child+td, .resulttable3 tr td:first-child+td+td, .resulttable3 tr td:first-child+td+td+td
{
	text-align: left
}

/* Tables with lists of results (4 align left: name, sailno, boatname and club - column 2, 3, 4 and 5) */


/* Second to fifth td align left (name sailno club boatname) - 4 left */
.resulttableclubboat tr td:first-child+td, .resulttableclubboat tr td:first-child+td+td, .resulttableclubboat tr td:first-child+td+td+td, .resulttableclubboat tr td:first-child+td+td+td+td,
.resulttable4 tr td:first-child+td, .resulttable4 tr td:first-child+td+td, .resulttable4 tr td:first-child+td+td+td, .resulttable4 tr td:first-child+td+td+td+td
{
	text-align: left
}


/* Third to sixth td align left (name sailno bownumber club boatname) - 5 left */
.resulttable5 tr td:nth-of-type(3), .resulttable5 tr td:nth-of-type(4), .resulttable5 tr td:nth-of-type(5), .resulttable5 tr td:nth-of-type(6)
{text-align: left;}

/* Third to sixth td align left (name sailno bownumber club boatname) - 5 left */
.resulttable6 tr td:nth-of-type(3), .resulttable6 tr td:nth-of-type(4), .resulttable6 tr td:nth-of-type(5), .resulttable6 tr td:nth-of-type(6), .resulttable6 tr td:nth-of-type(7)
{text-align: left;}


/* Tables with first td different color */

.flagtable td:first-child
{
	background: transparent;
}

.flagtable td
{
	font-size: 11px;
	vertical-align: top;
}

.nametable, .resulttable, .resulttableclub, .resulttableclubboat, .flagtable, .listtable
{
	empty-cells: show;
}

.linktable td, .nametable tr, .resulttable tr, .resulttableclub tr, .resulttableclubboat tr, .flagtable tr, .listtable tr
{
	background: #def;
}

.nametable th, .resulttable th,  .resulttableclub th, .resulttableclubboat th, .resulttable2 th,  .resulttable3 th, .resulttable4 th, .resulttable5 th, .listtable th, .resulttable6 th, .listtable th
{
	background: #abd;
}


/* Change background of every second row the second, 10th 20th etc needs the id "even" set def for all tables here */
/* used to be done with tr+tr ... but nth-of-type makes that heaps easier, tough luck for non-comliant browsers */

/* CSS3 for proper browsers - odd as the header row counts as well */
body .resulttable tr:nth-of-type(odd), body .resulttableclub tr:nth-of-type(odd), body .resulttableclubboat tr:nth-of-type(odd),
body .resulttable2 tr:nth-of-type(odd), body .resulttable3 tr:nth-of-type(odd), body .resulttable4 tr:nth-of-type(odd), body .resulttable5 tr:nth-of-type(odd), body .resulttable6 tr:nth-of-type(odd),
body .nametable tr:nth-of-type(odd), body .flagtable tr:nth-of-type(odd), body .listtable tr:nth-of-type(odd)
{background: #cdf;}

body .resulttable tr:nth-of-type(even), body .resulttableclub tr:nth-of-type(even), body .resulttableclubboat tr:nth-of-type(even),
body .resulttable2 tr:nth-of-type(even), body .resulttable3 tr:nth-of-type(even), body .resulttable4 tr:nth-of-type(even), body .resulttable5 tr:nth-of-type(even), body .resulttable6 tr:nth-of-type(even),
body .nametable tr:nth-of-type(even), body .flagtable tr:nth-of-type(even), body .listtable tr:nth-of-type(even)
{background: #def;}

body .resulttable tr:hover, body .resulttableclub tr:hover, body .resulttableclubboat tr:hover,
body .resulttable2 tr:hover, body .resulttable3 tr:hover, body .resulttable4 tr:hover, body .resulttable5 tr:hover, body .resulttable6 tr:hover,
body .nametable tr:hover, body .flagtable tr:hover, body .listtable tr:hover
{background: #bcd;}

/* Tables for lists of upcoming events */

/* No automatic change for background on every second row as that may change in these tables */

.listtable td
{
	font-size: 11px;
}

.listtable tr.year td
{
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	color: #006;
	background: #cce;
	margin-top: 20px
}

.picstable td
{
	font-size: 10px;
	font-weight:normal;
	background: transparent;
	text-align: center;
	vertical-align: bottom
}

/* New Picture lists 2006 */

div.piclist a:link, div.piclist a:visited, div.piclist a:hover, div.piclist a:active
{
	float:left;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	letter-spacing:1px;
	height: 100px;
	width: 140px;
	border: 1px solid #999;
	text-align: center;
	text-decoration:none;
	background: #cdf;
	font-size: 10px;
}

div.piclistnew a:link, div.piclistnew a:visited, div.piclistnew a:hover, div.piclistnew a:active 
{
	float:left;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	letter-spacing:1px;
	height: 120px;
	width: 140px;
	border: 1px solid #999;
	text-align: center;
	text-decoration:none;
	background: #cdf;
	font-size: 10px;
}

div.piclist a:visited, div.piclistnew a:visited
{
	background: #fff;
	border: 1px solid #ccc;
	text-decoration:none;
}

div.piclist a:hover, div.piclistnew a:hover
{
	background: #bbe;
	border: 1px solid #333;
	text-decoration:none;
}

div.piclist a:active, div.piclistnew a:active
{
	background: #bbe;
	border: 1px solid #f00;
	text-decoration:none;
}

div.piclist img, div.piclistnew img
{
	padding-top: 4px;
	border: 0;
}
 /* Supplier list */
 .supplier
 {border:  none}
 
 .supplier th
 {text-align: left; font-size: 12px;background: #abd;padding:2px;}
 
 .supplier td
 {vertical-align: top;
 padding: 2px; border-bottom: 1px solid #006;}

/* for the active behaviour of these cells look into the hidden css*/

/* New For Hall of Fame */
.listtable
	{border-collapse: collapse;}

.listtable tr
	{border-bottom: 2px solid #fff;}

/* CSS3 Property makes life easier... */
.listtable tr:nth-of-type(even)
{background: #cdf;}

.listtable td 
	{vertical-align: top;}

.listtable td:first-child
	{padding: 10px; max-width: 250px;}

.listtable td:first-child+td
	{padding: 10px; max-width: 400px;}
.listtable td img
	{display: block;}
.listtable td a:link img, .listtable td a:visited img
	{border: none;}
.listtable td a:hover, .listtable td a:focus, .listtable td a:active
	{outline: none;}

	
a:link .hofimage, a:visited .hofimage
	{border: 2px solid #cdf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	}

a:hover .hofimage, a:active .hofimage
	{border: 2px solid #abd;}

#hof-person .textblock {float: left; width: 600px;}

#hof-person .imageblock {float: left; padding-left: 25px; margin-left: 25px; }

#hof-person .imageblock a:link, #hof-person .imageblock a:visited {margin-bottom: 10px; display: block}

/* Lightbox */
#lightbox{
	background-color:#fff;
	padding: 10px;
	margin: 10px;
	border: 2px solid #999;
	}
#lightboxDetails {font-size: 1em; padding-top: 0.4em;}	
#lightboxCaption { float: left; color: #9f0021;}
#keyboardMsg {float: right; }
#lightbox img { border: none; } 
#overlay {background: #000; opacity: .8; 
    filter: alpha(opacity=80);}

#overlay img { border: none; }
#closeButton {position: absolute; top: -10px; right: -10px}
#closeButton img {}

/* Lightbox END */