/* File Details:
<!-- #bbinclude "filestatps.pl" -->
                        Filename:     css-standard.css
                        Filesize:     5225 Byte
                        Last update:  22-Jul-2017 19:14 +1200
                        By:           Peter Scheuerl peter@scheuerl.net
<!-- end bbinclude -->
*/

/* browser prefix: -webkit- linear gradient is in for old Android browser, as that has significant share */

/* ISAF Blue (Pantone 281C): #002569, BUT Official Logo with embedded color.scheme: #213467 */
/* World Sailing Blue for headlines etc seems to be 16469D */


body {margin: 0; padding: 0; font-size: 12pt; text-align: justify; background: #fff; font-family: Helvetica, Arial, Sans-serif;}

a:link, a:visited {color: #3b5db9; text-decoration: none; padding: 2px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }
a:hover, a:active {color: #fff; text-decoration: none; background: #16469d;}
.logo a:hover, .logo a:active {color: #fff; text-decoration: none; background: none;}
a:link img, a:visited img, a:hover img, a:active img {border: none;}

h1 {font-family: Futura, Helvetica, Arial, Sans-serif; font-weight: normal; font-size: 1.8em}

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

#content {margin: 0 auto; padding: 20px; width: 989px; text-align: left; position: relative; background: #fff; overflow: hidden;}

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

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

input[type="submit"], button {padding: 5px 10px; font-family: Futura, Helvetica, Arial, Sans-serif; font-size: .9em; color: #fff; border: none;}

a.button:link, a.button:visited {margin: 20px 0 20px 20px; padding: 5px 10px; display: inline-block; font-family: Futura, Helvetica, Arial, Sans-serif; font-size: .9em; color: #fff; border: none; }
a.button:hover, a.button:active {border: none;}

/* Gradients for anything button like in normal state */
a.button:link, a.button:visited, input[type="submit"], button {
	background: #3b5db9;
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #3b5db9), color-stop(1, #1b3d99));
	background: linear-gradient(#3b5db9, #1b3d99);
}

/* Gradients for anything button like in hover-active state */
a.button:hover, a.button:active, input[type="submit"]:hover, button:hover {
	background: #16469d;
	background: -webkit-gradient(linear, 0 top , 0 bottom, color-stop(0, #1b3d99), color-stop(1, #3b5db9));
	background: linear-gradient(#1b3d99, #3b5db9);
}

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

.penaltylist, .protestlist {margin: 20px 0; font-size: .8em;}

.penaltylist,    .protestlist {border-collapse: collapse; width: 100%;}
.penaltylist th, .protestlist th {padding: 3px 5px; font-size: .9em;}
.penaltylist td {padding: 5px 5px; font-size: 1em; text-align: left; vertical-align: top; border-top: 1px solid #788bad;}
.penaltylist tr.boat td {padding: 3px 5px; background: #788bad; color: #fff; font-family: Futura, Helvetica, Arial, Sans-serif;}
.penaltylist td.date, .penaltylist td.race, .penaltylist td.legno {text-align: center;}

.protestlist th {vertical-align: top; text-align: center; padding: 2px 5px; border-right: 1px dotted #16469d;}
.protestlist td {vertical-align: top; text-align: left; padding: 8px 5px; border-right: 1px dotted #16469d;}
.protestlist td:last-child, .protestlist th:last-child {border-right: none}
.protestlist td.RaceNo {text-align: center;}
.protestlist tr:nth-of-type(even) {background: #e1e6ee;}
.protestlist td.ProtestNo {text-align: right;}


/* highlighted row */
.protestlist tr.highlight:nth-of-type(even) {background: #ee6;}
.protestlist tr.highlight:nth-of-type(odd) {background: #ff6;}
.protestlist tr.highlight td.ProtestNo, .protestscheduleEntry tr.highlight td.Protestor,
.protestlist tr.highlight td.Protestee, .protestlist tr.highlight td.Witness, .protestscheduleEntry tr.highlight td.Panel
	{font-weight: bold; font-size: 1.2em;}


/* Protest schedule */
.timelimits {font-size: .9em; margin-bottom: 10px; overflow: hidden;}
.protesttimeblock {padding: 10px; border-bottom: 1px solid #16469d}
.protesttimeblock:nth-child(even) {background: #e1e6ee;}

/* Protest schedule and Times, view only */
.protesttimeblock {padding: 10px; border-bottom: 1px solid #16469d; overflow: hidden;}
.classname {width: 35%; float: left; font-weight: bold;}
.protesttimedate {width: 150px; float: left}
.protesttimetime {float: left}

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

input, textarea {font-family: Helvetica, Arial, Sans-serif; font-size: .9em;}

option {font-family: Helvetica, Arial, Sans-serif; font-size: 1.2em;}

.loud {color: #ed135a;} /* 900 */
.nooverflow {overflow: hidden;}

/* Colors: */
/* Dark Copy */
body, .penaltylist th, .penaltylist td, input, textarea, option  {color: #16469d;}