/* File Details:
<!-- #bbinclude "filestatps.pl" -->
                        Filename:     standard.css
                        Filesize:     10405 Byte
                        Last update:  02-Jun-2013 12:50 +1200
                        By:           Peter Scheuerl peter @ scheuerl.net
<!-- end bbinclude -->
*/

/* ISAF Blue (Pantone 281C): #002569, BUT Official Logo with embedded color.scheme: #213467 */

body {
	font-size: 12pt;
	margin: 0; padding: 0; font-weight: 300; text-align: justify; color: #002569;
	background: #fff;
	font-family: 'Futura Light', Arial, Sans-serif;
	}

a:link, a:visited {color: #3b5db9; text-decoration: none; padding: 2px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
}
a:hover, a:active {color: #fff; text-decoration: none;} /* no background color as it only applies to logos */
a:link img, a:visited img, a:hover img, a:active img {border: none;}

h1 {font-size: 1.8em}

#contentcontainer {
	background: -moz-linear-gradient(top, #002569, #fff);
	background: -o-linear-gradient(top, #002569, #fff);
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #002569), color-stop(1, #fff));
	background: linear-gradient(#002569, #fff);
	margin: 0; padding: 40px 0 50px 0;
}


#content {margin: 0 auto; padding: 20px; width: 989px; text-align: left; position: relative; background: #fff; overflow: hidden; border: 2px solid #002569;
	-webkit-box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	box-shadow: 2px 2px 10px #000;
	border-radius: 15px;
	}

.timeheader {font-family: Arial, Sans-serif; font-size: 10pt; margin-bottom: 20px;}

.regattatitle {font-size: 2em;}

.logo {float: right;}
.logo img {padding-left: 15px; max-height: 177px;}

.sponsors {margin-top: 20px; text-align: center;}
.sponsors > img {max-width: 95%;}

.inlinelist {margin-left: 0; padding-left: 0;}
.inlinelist li {display: inline-block; margin-right: 20px; }

ul li > a:link, ul li > a:visited {padding: 5px; display: inline-block;}

.judgelist {
	padding: 10px;
	border-radius: 15px;
	border-collapse: collapse;
	-webkit-box-shadow: 2px 2px 10px #002569;
	-moz-box-shadow: 2px 2px 10px #002569;
	box-shadow: 2px 2px 10px #002569;
}
.judgelist th {padding: 10px 5px 5px 8px; font-size: .9em}
.judgelist td {padding: 5px; font-size: .9em}
.judgelist tr:nth-child(even) {background: #ddd;}

.judgelist td a:link, .judgelist td a:visited, .judgelist td a:hover, .judgelist td a:active {display: block}
.judgelist td input { background: transparent;}

.editjudges label {display: block; float: left; width: 330px; padding: 0 50px 20px 0 ;}
.editjudges label input, .editjudges label select {float: right}

.editentries input[type="text"] {margin-right: 20px; padding: 4px; width: 200px; display: block; float: left;}
.editentrieslist div {margin-right: 20px; padding: 4px; width: 200px; height: 1.5em; float: left}

input[type="submit"] {font-family: 'Futura Light', Arial, Sans-serif; font-size: .9em; color: #fff; border: none;
	background: #002569;
	background: -moz-linear-gradient(top, #3b5db9, #002569);
	background: -o-linear-gradient(top, #3b5db9, #002569);
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #3b5db9), color-stop(1, #002569));
	background: linear-gradient(#3b5db9, #002569);
	padding: 5px 10px;
	border-radius: 5px;
}

input[type="submit"]:hover {font-family: 'Futura Light', Arial, Sans-serif; font-size: .9em; color: #fff; border: none;
	background: #002569;
	background: -moz-linear-gradient(top, #002569, #3b5db9);
	background: -o-linear-gradient(top, #002569, #3b5db9);
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #002569), color-stop(1, #3b5db9));
	background: linear-gradient(#002569, #3b5db9);
}

a.button:link, a.button:visited {display: inline-block; font-family: 'Futura Light', Arial, Sans-serif; font-size: .9em; color: #fff; border: none;
	background: #002569;
	background: -moz-linear-gradient(top, #3b5db9, #002569);
	background: -o-linear-gradient(top, #3b5db9, #002569);
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #3b5db9), color-stop(1, #002569));
	background: linear-gradient(#3b5db9, #002569);
	padding: 5px 10px;
	margin: 20px 0 20px 20px;
	border-radius: 5px;
}

a.button:hover, a.button:active {border: none;
	background: #002569;
	background: -moz-linear-gradient(top, #002569, #3b5db9);
	background: -o-linear-gradient(top, #002569, #3b5db9);
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #002569), color-stop(1, #3b5db9));
	background: linear-gradient(#002569, #3b5db9);
}


fieldset {padding: 20px 0; border-width: 1px 0 0 0; border-style: solid; border-color: #002569;}

fieldset.judges select {width: 180px;}
label.judge2 {margin-left: 20px;}

fieldset.boat label {margin-right: 20px;}
fieldset.boat .country input {width: 4em}

fieldset.location label {margin-right: 20px;}

.feld.date {width: 6em; margin-right: 10px;}
.feld.time {width: 4em; margin-right: 10px;}

fieldset.rules {position: relative;}

.rule {margin-right: 5%; padding: 2px; display: block; width: 28%; height: 30px; float: left;}
.interpretation {margin-right: 5%; padding: 2px; display: block; width: 18%; height: 30px; float: left}
.rule label, .interpretation label {display: block; line-height: 30px;}
.rule > .detailtext, .interpretation > .detailtext {margin: 0; padding: 20px; width: 500px; line-height: 1.2em; background: #e8ebf2; background: rgba(232,235,242, .9); color: #002569;
	border: 1px solid #002569; border-radius: 5px;
	position: absolute; top: -100px; left: 100px;
	-webkit-box-shadow: 2px 2px 10px #002569;
	-moz-box-shadow: 2px 2px 10px #002569;
	box-shadow: 2px 2px 10px #002569;
	display: none;
	}

/* .rule, .interpretation {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	}
 */
.rule:hover, .interpretation:hover {color: #fff; text-decoration: none; background: #002569;}
.rule:hover > .detailtext, .interpretation:hover > .detailtext {display: block;}

.remarks textarea {width: 600px; height: 3em;}

.penaltytable, .penaltylist, .penaltysum, .protestscheduleEntry, form.entrytest {
	margin-top: 20px; padding: 10px;
	border-radius: 15px;
	-webkit-box-shadow: 2px 2px 10px #002569;
	-moz-box-shadow: 2px 2px 10px #002569;
	box-shadow: 2px 2px 10px #002569;
	display: inline-block;
}

.penaltytable table, .penaltylist table {border-collapse: collapse;}

.penaltytable table tr:nth-of-type(even) {background: #e1e6ee;}

.penaltytable table tr.newrow {background: #b8bcc5;} /* d8dce5 */

.penaltytable table th {
	padding: 3px 10px;
	color: #002569;
	font-size: .9em;
}

.penaltytable table td {
	padding: 3px 10px;
	color: #002569;
	font-size: .9em;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #002569;
}
.penaltytable table td.date {text-align: right; font-size: .8em;}
.penaltytable table td.remark, .penaltytable table td.judges, .penaltytable table td.penalty {font-size: .8em}
.penaltytable table td.raceno, .penaltytable table td.legno {text-align: center;}

.penaltylist table th {
	padding: 3px 5px;
	color: #002569;
	font-size: .9em;
}


.penaltylist table td {
	padding: 3px 5px;
	color: #002569;
	font-size: .9em;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #002569;
}

.penaltylist {margin: 20px 10px; font-size: .8em;}

.penaltylist tr.boat td {background: #002569; color: #fff;}

.penaltylist table td.date, .penaltylist table td.race, .penaltylist table td.legno {text-align: center;}

.penaltylist table a.editpenaltylink:link, .penaltylist table a.editpenaltylink:visited {color: #ddd;}
.penaltylist table a.editpenaltylink:hover, .penaltylist table a.editpenaltylink:active {color: #fff;}

.penaltysum {margin: 20px 10px; font-size: .9em;}
.penaltysum td {padding: 3px 5px;}
.penaltysum td+td {text-align: right; font-weight: bold;}

/* Edit penalties page */

fieldset.penaltyblock {font-size: .9em; position: relative;}
fieldset.penaltyblock label {margin-right: 20px;}
fieldset.penaltyblock .penaltyno {display: block; margin-bottom: 10px; font-weight: bold;}
fieldset.penaltyblock .detailtext {top: -50px}
fieldset.penaltyblock .rule {height: 25px;}
fieldset.penaltyblock .interpretation {width: 10%; height: 20px;}
fieldset.penaltyblock textarea {margin-right: 20px; width: 280px; height: 3em; float: left;}

/* Protest schedule */
form.entrytest {margin: 10px 0 10px 50px; padding: 0 20px 20px;}
form.entrytest h3 {margin: 0; padding: 10px ; text-align: center;}

.protestscheduleEntry {font-size: .9em; margin-bottom: 20px; border-collapse: collapse;}
.protestscheduleEntry tr:nth-of-type(even) {background: #e1e6ee;}
.protestscheduleEntry th  {font-size: .8em}
.protestscheduleEntry th, .protestscheduleEntry td {vertical-align: top; text-align: center; padding: 2px 3px;}
.protestscheduleEntry td .button {margin: 5px 2px; display: block;}

.protestscheduleEntry td.ProtestNo input {width: 22px; text-align: center;}
.protestscheduleEntry td.RaceNo input {width: 50px; text-align: center;}
.protestscheduleEntry td.Date input {width: 90px; text-align: center;}

.protestscheduleEntry td.Protestor input {width: 120px;}
.protestscheduleEntry td.Protestee textarea {width: 120px; height: 70px;}
.protestscheduleEntry td.Decision textarea {width: 150px; height: 70px;}
.protestscheduleEntry td.Rules input {width: 80px; text-align: center;}
.protestscheduleEntry td.Panel input {width: 50px; text-align: center;}
.protestscheduleEntry td.Members {font-size: .85em; text-align: center;}
.protestscheduleEntry td.Members select, .protestscheduleEntry td.Members input {width: 150px; text-align: left}

/* Specials for preferences pages */
form.timezonesselect {margin: 0; padding: 0;}

table td.date, table td.class, table td.sailno, table td.ruleno, table td.judges
{white-space: nowrap;}

textarea {display: block; width: 300px; height: 100px;}

input, textarea {font-family: 'Futura Light', Arial, Sans-serif; font-size: .9em; color: #002569;}

option {font-family: 'Futura Light', Arial, Sans-serif; font-size: 1.2em; color: #002569;}

.loud {color: #900;}
.warning {background: yellow; color: #900; font-weight: bold;}
.penaltytable table td.warning {background: yellow; color: #900; font-weight: bold; text-align: center;}

.nooverflow {overflow: hidden;}