
body { margin:0; background:#fff; }

body, select, input, textarea, p, td, a, button {
  color: #222;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:18px;
  margin:0;
  padding:0;
}

body { 
    background-image:url('../images/backgrounds/snowback.jpg'); 
    background-position-x:center; 
    background-position-y:top; 
    background-repeat:no-repeat;
    background-color:#DEE7EF;
}

h1, h2, h3, h4, h5, h6 { font-weight:700; margin:0; padding:0; }

a { 
    color:#222; 
    /*background-color:#fff; */
    text-decoration:none; 
    border-bottom:1px dotted #446;
    padding:0; 
    transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -o-transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -webkit-transition:border-color 0.25s ease-in, box-shadow 0.25s; 
    -moz-transition:border-color 0.25s ease-in, box-shadow 0.25s;
}

a:visited { text-decoration:none; }

a:hover { 
    background-color: #c7f4ff;
    border-bottom:none;
    box-shadow:6px 6px 6px 3px rgba(0,0,0,.5);
}

a.faint { color:#ccc; }

.listbutton { width:16px; margin-right:8px; }

.disabled { color:#888; }

input, select, textarea, button, a.button {
    padding:3px;
    margin:5px;
    border-radius:5px;
    border-color:#ccc;
    background-color:#fff;
    background-image:none;
}

    a.button {
        text-decoration:none;
        border:1px solid #ccc;
    }

    input[type=submit], input[type=button] {
        cursor:pointer;
    }

    input[type=submit]:hover, input[type=button]:hover, input[type=text]:focus {
        background-color:#fffec2;
    }

    input[readonly] {
        color:#444;
        background-color:#eee;
    }

label {
    display:block;
}

    label.follow {
        display:inline;
    }

td {
	vertical-align: top;
}

h1 {
	margin:0;
	padding:0;
	font-size:20px;
    line-height:24px;
}

h2 {
    /*margin-top:5px;*/
    margin-bottom: 10px;
    font-size: 16px;
    border-top: none;
    /*background-color:#006;*/
    background-color: #162b48;
    padding-left: 5px;
    color: #fff;
    font-weight: normal;
}

    h2 a {
		font-size:16px;
	}

	h2.top-h {
		border-top:none;
	}

    h4 {
        font-size:14px;
    }

    h2.top-h a {
        color:#fff;
    }
    h2.top-h a:hover {
        background-color:#008;
    }

h1 span {
	font-size:14px;
	display:block;
	color:#666;
	border-top:1px solid #eee;
	padding-bottom:14px;
}

div.comptitle {
    /*margin-top:5px;*/
    margin-bottom: 10px;
    font-size: 16px;
    border-top: none;
    padding-left: 5px;
    font-weight: bold;
    vertical-align: top;
}

p.heading {
	font-size:14px;
	font-weight:bold;
	color:#222;
	padding-bottom:14px;
	padding-top:14px;
}

p {
	margin-bottom: 12px;
}

    p.person {
        margin-top:20px;
        font-weight:bold;
        font-style:italic;
        margin-bottom:20px;
    }

/* -------------------------------------------------------------------------------------------------------- */

.ddsmoothmenu ul li a {
    background: #366fde;
    color: #eee;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: #fff;
}

.ddsmoothmenu ul li {
    border-right: 2px solid #000;
}

.ddsmoothmenu ul li a.selected {
    background: #fdd017 !important;
    color: #000;
}

.ddsmoothmenu ul li a:hover {
    background: #fdd017;
    color: #000;
}

    .ddsmoothmenu ul li:nth-child(1) {
        border-left: 2px solid #000;
    }

.ddsmoothmenu ul li ul li {
    border: none;
}

    .ddsmoothmenu ul li ul li:nth-child(1) {
        border:none;
    }

/* white menu with grey/blue items

#sitelogo {
    content: url("images/furniture/gbs-on-white.png");
}

.ddsmoothmenu ul li a {
    background: #fff;
    color: #004;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: #004;
}

.ddsmoothmenu ul li a.selected {
    background: #ccc !important;
    color: #004;
}

.ddsmoothmenu ul li a:hover {
    background: #ccc;
    color: #000;
}

*/


#navbar a {
	/*border-bottom: none;*/
}

#navbar a {
    box-shadow:none;
}

#navbar li.sep-after {
    border-bottom:1px solid #ccc;
}

#navbar li.sep-before {
    border-top:1px solid #ccc;
}
div.ddsmoothmobile {
    width: 100%;
    height: 360px;
    top: 50px;
}

div.ddsmoothmobile ul li {
    font-weight: normal;
    font-size:12px;
    outline:none;
}

a.animateddrawer {
	border:none;
}

#capbox {
    margin-top:10px;
    padding:10px 5px 0px 5px;
}

div.capinside {
    background:#fff;
    margin-bottom:0px;
    padding-left:5px;
    padding-right:5px;
}

/*--- Grid system --------------------------------------------------------------------------------- */

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: table;
}

*,img,*:before, *:after {
    box-sizing: border-box;
}

.clearfix:after, .clear:after {
    content: "";
    display: table;
    clear: both;
    height:0;
    margin:0;
}

.row {
  margin: 0;
  /*margin-bottom: 20px;*/
  padding-bottom:10px;
  /*background-image:none;
  background-color:#fff;*/
}

#pagebox .row {
    background-color:#fff;
}

div.dropzonebox {
    width:200px;
    height:50px;
}

div.dropzone-container {
    min-height:200px;
    background:#fff;
}

.row:last-child {
  margin-bottom: 0;
}

[class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

.nested {
    padding:0;
}

.mobile-narrow-show {
	display:block;
}

.normal-upcoming {
    display:block;
}

@media all and ( min-width: 800px ) {
    .col-2-3 {
        float: left;
        width: 66.66%;
    }
    .col-1-2 {
        float: left;
        width: 50%;
    }
    .col-1-3 {
        float: left;
        width: 33.33%;
    }
    .col-1-4 {
        float: left;
        width: 25%;
        min-width: 280px;
    }
    .col-1-5 {
        float: left;
        width: 20%;
    }
    .col-1-8 {
        float: left;
        width: 12.5%;
    }
}

@media all and ( min-width: 800px ) {
    .col-1-2-w {
        float: left;
        width: 50%;
    }
	.mobile-hide {
		display:block;
	}
	.mobile-show {
		display:none;
	}
	.mobile-narrow-hide {
		display:block;
	}
	.mobile-narrow-show {
		display:none;
	}
    .normal-upcoming {
        display:block;
    }
    .mobile-upcoming {
        display:none;
    }
}

@media all and ( max-width: 800px ) {
	.mobile-hide {
		display: none;
	}
	.mobile-hide {
		display: block;
	}
	.mobile-narrow-hide {
		display: none;
	}
	.mobile-narrow-show {
		display:block;
	}
    .normal-upcoming {
        display:none;
    }
    .mobile-upcoming {
        display:block;
    }
}

img.resizing {
    max-width: 100%;
    height:auto;
}

img.race-logo {
    max-height:80px;
    width:auto;
}

img.links {
    width: 30px;
    margin-right:20px;
}

#links td {
    vertical-align:middle;
    height:30px;
}

#bulletin-form td {
    vertical-align: middle;
}

a.links {
    text-decoration:none;
    border:none;
    margin-right:30px;
}

.contained {
    max-width:1140px;
    margin: auto;
    padding:0 5px 0 5px;
}

.not-contained {
    max-width:1380px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.wide {
    width:1600px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.half-contained {
    max-width:570px;
}

.full-size {
    width:100%;
}

.centered-3-4 {
    max-width:70%;
	margin-left:15%;
}

.max-3-4 {
    max-width:850px;
}

.centered {
    text-align:center;
}

.middle {
    margin: 0 auto;
}

.left-align {
	text-align:left;
}

.left-side {
    float:right;
}

.float-left, .floatingleft {
    float:left;
    padding-right:10px;
}

.float-right, .floatingright {
    float:right;
}

footer {
    display: table-row;
    height: 0;
    background-color:#444;
	width:100%;
}

	footer a {
		color:#ccc;
		border:none;
		text-decoration:none;
        background-color:#444;
		display:block;
	}

	footer a:hover {
		color:#fdd017;
        background: none;
		border:none;
		text-decoration:none;
        box-shadow:none;
	}

div.copyright {
	padding:5px;
	border-top:1px solid #888;
    color:#fff;
}

.copyright a {
	display:inline;
}

#headbar {
	background-color:#000;
    -webkit-box-shadow:0 6px 3px -3px rgba(0,0,0,.5);
    -moz-box-shadow:0 6px 3px -3px rgba(0,0,0,.5);
    -o-box-shadow:0 6px 3px -3px rgba(0,0,0,.5);
    box-shadow:0 6px 3px -3px rgba(0,0,0,.5);
	position:fixed;
	top:0;
	width:100%;
	height:48px;
}

	#headbar a {
		border:none;
		text-decoration:none;
	}

#pagebox {
	margin-top:40px;
}

a.anchor {
    display: block; position: relative; top: -70px; visibility: hidden;
}

a.img { border:none; text-decoration:none; outline:none; box-shadow:none; background:none; }

#calendar td {
	vertical-align: top;
}

/* -------------------------------------------------------------------------------------------------------- */

.booktable { border-top:1px solid #ddd; padding-top:15px; }
.booktitle { font-weight:bold; color:#404040; }
.booktitlepending { font-weight:bold; color:#5090b0; }
.boxed { border:1px solid #ccc; padding:4px; }
.boxy { display:inline-block; width:45%; }
.bright { font-weight:normal; color:#C00; font-style:normal; }
.brightbar { font-weight:normal; color:#c00; background-color:peachpuff; font-style:normal; display:block; text-align:center; }
.cancelled { color:#800; font-weight:normal; }
.review { color:orange; font-weight:normal; }
div.caption { padding-left:0px; }
.hidden { display:none; }
.loud { font-weight: bold; }
.bright { font-weight: bold; color:#000; background-color:#fcf7c9; }
.notvis { color:#999; }
.top-border { border-top:1px solid #aaf; }
.top-bold-border { border-top:2px solid #444; }
.missing-race-data { font-weight: bold; color:#f00; }
.disc_code_SL { }
.disc_code_GS { }
.disc_code_SG { }
.disc_code_PRS { }
.normal-codex { font-weight:bold; }
.seeded-codex { color:#000; }
.unseeded-codex { color:#040; }
.pen-from-codex { color:#666; }
.clear { clear:both; }
.emphasis { font-weight:bold; }
.emphasise { font-weight:bold; color:#822; }
.floatright { float:right; }
.formtable { border-top:1px solid #ddd; vertical-align:top; }
.gender-L, .gender-W { background-color:#ffdede; }
.gender-M { background-color:#cbeafd; }
.gender-fg-L, .gender-fg-W { color:#7c0000!important; }
.gender-fg-M { color:#000585!important; }
.indented { padding-left:35px; }
.inset { padding-left:20px; }
.maintenance { background-color:aliceblue; color:#446; font-style:italic; text-align:center; }
.new { color:#b40000; font-weight:bold; }
.newsheading h3 { }
.newnews { color:#b40000; font-weight:bold; line-height:4em; }
.oldnews { font-weight:normal; line-height:4em; }
div.newswrapper tr, div.newswrapper td  { line-height: 1em; }
table.padded td { padding-right: 10px; }
#officials-bio td { padding-right:20px; }
#officials-bio tbody tr:hover { background-color:#a9ecfd; }
#officials-bio a { border:none; }
.resulttablehead { border-bottom:1px solid #e0e0e0; }
.row-unselected { background-color: #eee; }
.statusbuttons { display:inline; }
.td-tba { font-style:italic; }
table.results-header td { padding-right:8px; }
table.links tr { height:45px; line-height:1em; }
table.links tr td { line-height:12px; }
table.not-fit tr td { padding-right:15px; }
table.ruled td { border:1px solid #ccc; }
h3.page-banner { background-color:#700000; color:white; margin-left:5px; margin-right:5px; padding-left:5px; }
body.wait *, body.wait { cursor: progress !important; }
span.unreg { color:#888; }
.space-before { margin-top:10px; }
.thisseason { font-weight:bold; background-color:aqua};
tr.seriesrow { border-top:1px solid #888; }
tr.seriesrow td { background-color:#ccc; font-weight:bold; margin:10px 0 15px 0; padding-left:5px; border:1px solid #aaa; }

.strikeout {
    position: relative;
}

    .strikeout::after {
        border-bottom: 0.125em solid red;
        content: "";
        left: 0;
        margin-top: calc(0.125em / 2 * -1);
        position: absolute;
        right: 0;
        top: 50%;
    }
a.mailto {
    /*background-color:#eef;*/
    padding-left:5px;
    padding-right:5px;
}

a.img {
    text-decoration:none;
    border:none;
}

.captcha-wrapper {
	float:left;
	position:relative;
	overflow:hidden;
	margin:10px;
}

.captcha-pic {
	display:inline-block;
	width:140px;
	height:auto;
}

.captcha-number {
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	color:white;
	background-color:#222;
	font-size:14px;
}

.doc-count { margin-left:5px; font-size: 10px; color:#666; }
h2.newscat1 { background-color:#00005a; }
h2.newscat2 { background-color:#994806; }
.newsheading { }
div.newswrapper { border-bottom:4px solid #ccf; margin-bottom:10px; }
div.newstext { line-height:18px; margin-bottom:10px; }
div.newstext { padding-bottom:10px; }
div.newstext a { line-height:18px; white-space:nowrap; }
.normal { color:#444; }
.penaltyPoints { font-weight:bold; color:#fff; background-color:#444; padding-right:2px; }
.penaltyTag { border-top:1px solid #ddd; margin-top:10px; }
input.readonly { color:#888!important;  }
a.seedlist { display:block; text-decoration:none; border:none; text-align:center; }
a.seedlist:hover { background-color:#a9ecfd!important; text-decoration:none; border:none; }
h3.oldseedlist , h4.seedlist { background-color:#ccc; }
.subhead { font-weight:bold; color:#000; margin:6px 0 6px 0; }
.closefit { line-height:6pt; }
.rightcol { border-left:2px solid #ccc; padding-left:2px; }

a.statusbutton { text-decoration:none; border:none; }
p.caption { color:#444; font-size:14px; font-weight:normal; }

div.divider { height:3px; border-bottom:2px solid #ffc000; width:100%; }

table { border-collapse:collapse; }
table.dupcomp td { margin:0; padding:3px; }

table.withspace td { padding:5px; }

h4.results { font-weight:bold; background-color:#fff; }
a.results { font-weight:bold!important; background-color:#fff; }
/*
tr.results-odd { background-color:#fff; }
tr.results-even { background-color:#fff;  }
*/

tr.results-row-head { background-color:#366fde!important;  margin-bottom:10px!important; }
tr.results-row-head td { color:#fff!important; font-weight:bold; }

tr.results-row-future:nth-child(1n) { background-color:#ffffff; }
tr.results-row-future:nth-child(2n) { background-color:#f8f8f8; }
tr.results-row-earlier:nth-child(1n) { background-color:#eee; }
tr.results-row-earlier:nth-child(2n) { background-color:#ddd; }
tr.results-row-today:nth-child(1n) { background-color:#ffce98; } /* #ffd085 */
tr.results-row-today:nth-child(2n) { background-color:#ffd4a8; }

tr.results-row-change-section { /*border-top:2px solid #010235;*/ }

table.upcoming { border:1px solid #888; }

span.item-title {
    font-weight: bold;
}

tr.results-row:not(:nth-child(1)):hover, tr.indicator:hover {
    background-color: #a9ecfd !important;
}
td { vertical-align:top; }
tr.divider { border-top:1px solid #ccc; }

tr.new-hom-venue {
    border-top: 2px solid #888;
}

td.new-hom-venue {
    font-weight:bold;
}

td.image-button {
    vertical-align:middle;
    text-align:center;
}

table thead { font-weight:bold; }

table.seedlists { width:100%; }
table.seedlists td { padding:0 5px 0 5px; }
table.seedlists thead { font-weight:bold; }
table.seedlists a { text-decoration:none; border:none; text-align:center; margin:2px 4px 2px 4px; }
table.seedlists a:hover { background-color:#a9ecfd!important; text-decoration:none; border:none; }
table.oldseedlists { width:auto; }

#seedlist td { line-height:18px; }
#seedlist a { line-height:18px; }
#seedlist tr:hover, .seedlists tr:hover { background-color:#a9ecfd!important; }

#seedlist_events td { padding:3px 10px 3px 10px; line-height:12px; } 
#seedlist_events table { padding-bottom:20px; } 
#seedlist_events thead td { font-weight:bold; }
#seedlist_events a {
    padding: 0;
    margin: 0;
    line-height: 12px;
}
#seedlist_events tr:hover { background-color:#a9ecfd!important; }

table.hover tr:hover { background-color:#a9ecfd!important; }

.limegreen { background-color: #caff76; }

.currentlist-IBARTS { background-color: #fdd017; }
.currentlist-OBARTS { background-color: #7eff6d; }
.currentlist-BASS { background-color: #4cb4fc; }

div.formbuttons {
    position: fixed;
    top: 5px;
    right: 45px;
}

#upcoming td { padding-right:8px; vertical-align:top;  }
#upcoming tbody tr:hover { background-color:#a9ecfd!important; }
#upcoming table { margin-bottom: 10px; }

.venuecomps { padding-right:8px; vertical-align:middle;  }
.venuecomps tbody tr { height:32px; border-bottom:1px solid #ccc; }
.venuecomps tbody tr td {  padding-top:10px; }
.venuecomps tbody tr:hover { background-color:#a9ecfd!important; }
.venuecomps table { margin-bottom: 10px; }
.venuecomps a:hover { border-bottom:1px solid #ccc; }
.venuecomps td.date { text-align:left; padding-right: 40px; }

td.subhead { border-bottom:1px solid #eee; border-top:1px solid #eee; }
td.banner { padding-left:3px; }
td.menubar { padding-left:3px; }
td.caption { padding-left:3px; }
td.content { padding-left:3px;  padding-right:3px; }

td.divider { height:3px; border-bottom:1px solid #ccc; }

td.mail-normal { font-size:12px; border-top:1px solid #888; }
td.mail-unseen { font-size:12px; border-top:1px solid #888; font-weight:bold; }

table.listing td { vertical-align:middle; }

table.bids tr:hover {
    background-color: #a9ecfd;
}


a.roundedbutton, .roundedbutton, input[type=button], input[type=submit] {
    font-size:12px;
    color:#444;
    margin:0;
    background-color:#eee;
    padding:2px 5px 2px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ccff65;
    border:1px solid #ff8040;
    border:1px solid #aaa;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    cursor:pointer;
    line-height:20px;
    white-space:nowrap;
}

a.smallbutton {
    font-size:8pt;
}

a.adminbutton {
    background-color:#cda3e7;
}

a.roundedbutton:hover,input.roundedbutton:hover, input[type=button]:hover, input[type=submit]:hover {
    color:#fff!important;
    background-color:#006a9a;
    border:1px solid #999;
}

/* --- Accordion ----------------------------------------------------------------------- */

.accordion, .ui-corner-all, .ui-accordion, .ui-accordion-header, .ui-accordion-content, .ui-state-default, .ui-widget-header .ui-state-default  {
    border:none;
    /*background:none;*/
    outline:none;
}

.ui-accordion .ui-accordion-content {
    padding-top:0;
    padding-bottom:0;
    margin-left:3px;
    color:#666;
    background:none;
    font-size:14px;
    line-height:20px;
}

.ui-widget {
    font-family:'Open Sans',Verdana,Arial,sans-serif;
}

h3.ui-accordion-header, .ui-accordion-header {
	font-weight:700;
	font-size:14px!important;
	color:#222;
}

.ui-dialog {
    background:#ffffff;
}

.cal-wide, .cal-mid, .cal-narrow {
	display:block;
}

@media all and ( min-width: 900px ) {
	.cal-wide {
		display:block;
	}
	.cal-mid {
		display:none;
	}
	.cal-narrow {
		display:none;
	}
}

@media all and ( max-width: 750px ) {
	.cal-wide {
		display:none;
	}
	.cal-mid {
		display:block;
	}
	.cal-narrow {
		display:none;
	}
    img.race-logo {
        height:50px;
        width:auto;
    }
}

@media all and ( max-width: 600px ) {
    .cal-wide {
        display: none;
    }

    .cal-mid {
        display: none;
    }

    .cal-narrow {
        display: block;
    }

    .captcha-pic {
        display: inline-block;
        width: 90px;
        height: auto;
    }
}

/* Calendar and events */

div.calcomp-top {
    /*
    border-top:1px solid #888; 
    border-left:1px solid #888; 
    border-right:1px solid #888;
    border-top-left-radius:9px; 
    border-top-right-radius:9px; 
    */
    border: none;
    background-color: #eee;
    padding: 0;
    color: #fff;
    border-top: 2px solid #ddd;
    padding-top: 2px;
    padding-left: 2px;
    box-shadow: 6px 6px 6px 3px rgba(0,0,0,.15);
    border-left: 4px solid #999999;
}

div.calcomp-head {
    margin-top:10px;
}

div.cal-surface-ins { background-color:#fdf8db; border-top:2px solid #ede8cb; border-left:4px solid #fdd017; }
div.cal-surface-dry { background-color:#d7f9dc; border-top:2px solid #c7e9cc; border-left:4px solid #43b054; }
div.cal-surface-alp { background-color:#ccf3fc; border-top:2px solid #bcc3cc; border-left:4px solid #39a1a7; }
div.cal-class-race { background-color:#ffdbd0; border-top:2px solid #bcc3cc; border-left:4px solid #696969; }
div.cal-class-meet { background-color:#f2d8f9; border-top:2px solid #e2c8e9; border-left:4px solid #d75ae8; }
div.cal-class-train { background-color:#f2d8f9; border-top:2px solid #e2c8e9; border-left:4px solid #166762; }

#upcoming .results-row { border-top: 1px solid #ccc; }

td.summary-surface-ins  { padding-left:3px; border-left:4px solid #fdd017; }
td.summary-surface-dry  { padding-left:3px; border-left:4px solid #43b054; }
td.summary-surface-alp  { padding-left:3px; border-left:4px solid #528ce8; /*#39a1a7; */}
td.summary-surface-race { padding-left:3px; border-left:4px solid #696969; }
td.summary-surface-train { padding-left:3px; border-left:4px solid #166762; }
td.summary-surface-meet { padding-left:3px; border-left:4px solid #d75ae8; }
td.summary-surface-other { padding-left:3px; border-left:4px solid #404040; }
td.summary-surface-school { padding-left:3px; border-left:4px solid #003db0; }
td.summary-surface-today { padding-left:3px; border-left:4px solid #ffd4a8; }

div.cal-class-school { border-left:4px solid #003db0; }

div.cal-class-cancelled {
    border-top: 2px solid #800;
    border-bottom: 2px solid #800;
    border-right: 2px solid #800;
}

div.calcomp-top h2 { color:#000; }
div.calcomp-top a { 
    /*color:#eee;*/
    -o-transition:background-color 0.25s ease-in-out; 
    -webkit-transition:background-color 0.25s ease-in; 
    -moz-transition:background-color 0.25s ease-in;
}
div.calcomp-date { padding-left:5px; color:#444; /*eee*/}
div.calcomp-body { padding-right:5px; color:#444; }

div.calcomp-date a:hover { border-bottom:1px solid #444; /*background-color:#fdd017;*/ color:#000; }

div.calcomp-bottom {
    /*
    border-bottom:1px solid #888; 
    border-left:1px solid #888; 
    border-right:1px solid #888;
    border-bottom-left-radius:9px; 
    border-bottom-right-radius:9px; 
    */ 
    padding:5px; 
    margin-bottom:15px; 
    z-index:10;
}
div.no-pad { padding:0; }
div.no-margin { margin:0; }
.no-margin { margin:0; }
.no-pad { padding:0; }
img.asterisk { margin-left:8px; width:20px; height:20px; }

a.intable { text-decoration:none; border:none; }
a.resultlink { border:1px solid #0D0; padding-left:2px; padding-right:2px; margin-right:5px; }
a.expandcontract { padding:2px; outline:none; border:none; text-decoration:none; margin:3px;}
pre { color:#444; }
div.events { display:block; margin-top:10px; padding:2px; }
div.events td { /*font-size:14px;*/ }
#calendar td, #calendar p { color:#446; }
p.event-notes { font-weight:bold; color:#7d0000; }
td.hom-expired { color:#700000; font-weight:bold; }
td.hom-attention { color:#ff842f; font-weight:bold; }

hr.sep { height:3px; color:#fdd017; }
tr.listing { background-color:#fff; }
tr.active { background-color:#a9ecfd; }
.head_ALP { color:#008; }
.head_ART { color:#060; }
fieldset,legend { color:#000; }
#competitorlist { display:block; margin-top:10px; padding:2px; }
#competitorlist td { /*font-size:14px;*/ padding:0 5px 0 5px; }
.provisional { color:#c14503; cursor:pointer; }
.show-delete { border:2px solid red; }

/* ------------------------------------------------------------------- */

#tdreport table { border-collapse:collapse; display:inline-table; margin-bottom:5px; }
#tdreport td { border:1px solid #ccc; padding:2px; }
#tdreport xh2 { background-color:#ddd; color:#000; }
#tdreport h3 { font-size:13px; }
#tdreport p { line-height:18px; }
/*#tdreport div { margin-bottom:20px; }*/
#tdreport input[type=text] { border:0; width:100%; padding:0; margin:0; border-radius:0; background-color:#fff9c2; }
#tdreport input[type=checkbox] { padding:0; margin:0; }
#tdreport textarea {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: #fff9c2;
}
/* ------------------------------------------------------------------- */

h3.tdreportlist { border-top: 1px solid #ccc; margin-top:20px; }
div.tdreports { border-bottom: 2px solid #ccc; margin-bottom:20px; padding-bottom:20px; }

img.compLogo { max-height:30px; }
img.compLogoNone { height:30px; width:1px; }

div.compIcon { width:100px; text-align:center; }

td.imgbutton { text-align:center; }

#events tr:nth-child(even), tr.listing:nth-child(even) { background-color:#fff; }
#events tr:hover, #results tr:hover, tr.listing:hover, table.series tr:hover { background-color:#a9ecfd; }

#results a, table.calendar a { border:none; }

table.series { width: 100%; }
table.series tr { border-bottom: 1px solid #ccc; }
table.series td { padding-right: 2px; }
td.numeric { text-align:right; border-left:1px solid #ccc; }

div.series h3 { padding:10px 0 10px 0; }

tr.ruled { border-top:1px solid #888; margin-bottom:15px; }
tr.ruledbelow { border-bottom:1px solid #888; margin-bottom:15px; }

span.running { color:green; }
span.running:after { content:'Online'; }
span.stopped { color:red; }
span.stopped:after { content:'Stopped'; }

p.recent-winner { margin:0; margin-left: 15px; font-size:8pt!important; color:#555!important; }

p.recent-winner a { text-decoration:none; border:none; font-size:8pt!important; color:#555!important; }

.error { color:#c00; }

td.subhead {
	border:none;
}

#events td p { margin:0 0 5px 0; }

#compare td { padding-right: 6px; }

div.jumpto {
    /*padding-top:60px;*/
    /*margin-top:-60px;*/
    z-index:90;
    position:relative;
    top:-60px;
}

a.quicklinkbutton {
    background: #366fde;
    color: #fff;
    border-radius: 0;
    margin-right:5px;
    display:inline;
    line-height:18pt;
}

    a.quicklinkbutton:hover {
        background: #fdd017 !important;
        color: #000 !important;
    }

a.brightlinkbutton {
    background: #9a0000;
    color: #fff;
}

    a.brightlinkbutton:hover {
        background: #ff9997 !important;
        color: #000 !important;
    }

a.livelinkbutton {
    background: #ca4444;
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    display: inline;
    line-height: 18pt;
}

    a.livelinkbutton:hover {
        background: #ff9997 !important;
        color: #000 !important;
    }

a.locked:after {
    font-family: 'FontAwesome';
    content: '\f023';
    margin: 0 0 0 0.4em;
    color: #fff;
}

a.locked:hover:after {
    color: #000;
}

@media all and ( max-width: 600px ) {
	div.events td, div.events a, a.roundedbutton {
		font-size:12px;
	}
	td, p, a, div, li, span {
		font-size: 12px;
		line-height:18px;
	}
    p {
        margin-bottom:8px;
    }
    div {
        font-size:12px;
    }
	td {
		padding:2px;
	}
    h1 { font-size:16px; }  
    h1 span { font-size:12px; }
    h2 { font-size:14px; }
    h3 { font-size:12px; }
    h4 { font-size:10px; }
}

div.form-item {
	float:left;
	display:inline-block;
	margin-right:15px;
}

/* ----------------------------------------------------------------------------------------- */

#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 400px;
    margin-left: -200px;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -150px;
    right: -195px;
    background: url("images/quit.png") no-repeat;

}
.popup .popup-content {
    overflow-y: auto;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}

@media print {
	#headbar, footer, .no-print {
		display: none;
	}
	a {
		text-decoration: none;
		border: none;
	}

    h2,h3 { background-color:#666; }
}

/* --- popup login ------------------------------------------------------------------ */

.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	/*font-size: 1.2em;*/
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

.login-link {
	cursor: pointer;
}

#login_response {
    color:#fdd017;
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	/*font-size:11px; */
	line-height:18px;
} 

form.signin .textbox input { 
	/*background:#ccc*/; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	/*color:#222; */
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}

input.loginsubmit { margin:15px 0px 0px 5px; }

.button:hover { background:#ddd; }

/* ---------------------------------------------------------------------------------- */