body {background-color: #fff; margin: 0px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: small;}
/*body {background-color: #fff; margin: 0px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: x-small; background: transparent url(/layout/images/bg_snowmen.gif) left top repeat;}*/
p {margin: 5px 0 5px 0;}
.note {background-color: #ffc; border: 1px solid #cc0; color: #000; padding-left: 3px; padding-right: 3px;}
.info {background-color: #cff; border: 1px solid #0ff; color: #000; padding-left: 3px; padding-right: 3px;}
.warning {background-color: #fcc; border: 1px solid #f00; color: #000; padding-left: 3px; padding-right: 3px;}
.error {background-color: #fcc; border: 4px solid #f00; color: #f00; font-size: small; padding: 5px 3px;}
p.cheer {font-size: large; text-align: center;}
p.author {clear: both; color: #999; font-size: xx-small; margin-bottom: 0; text-align: center;}
em {font-weight: bold;}
ul {margin-top: 0px;}
table.admin {border-collapse: collapse; border-spacing: 0px; font-size: small; margin-left: auto; margin-right: auto; width: 100%;}
table.admin>tbody>tr:hover {background-color: #ffffcc;}
table.admin>thead>tr>th {background-color: #333; color: #fff; font-size: small;}
table.admin>thead>tr>th.sorttable_nosort {cursor: default;}
table.admin>thead>tr>th, table.admin>tbody>tr>td, table.admin>tfoot>tr {border: 1px solid #000; padding: 0px 5px;}
table.admin>tbody>tr>td {padding-bottom: 0px; padding-top: 2px; vertical-align: top;}
table.admin>tbody>tr>td.date {white-space: nowrap;}
table.admin>tbody>tr>td.download {text-align: center; width: 1px;}
table.admin>tbody>tr>td.hmenu, table.admin>tfoot>tr>td.hmenu {padding: 0px 0px 2px 0px; vertical-align: top;}
table.admin>tbody>tr.odd {background-color: #ccc;}
table.admin>tbody>tr.even {background-color: #999;}
table.admin>tbody>tr.odd:hover, table.admin>tbody>tr.even:hover {background-color: #ffc;}
table.admin>tfoot>tr>td {background-color: #666; padding: 2px 5px;}
table.admin>tfoot>tr>td>a {background-color: #fcc; color: #000; padding: 0px 5px;}
table.admin>tfoot>tr>td>a:hover {background-color: #f00; color: #fff}
table.docs {border-collapse: collapse; border-spacing: 0px; width: 100%;}
table.docs>tbody>tr:hover {background-color: #ffffcc;}
table.docs>thead>tr>th {background-color: #666; color: #fff; font-size: small;}
table.docs>thead>tr>th.sorttable_nosort {cursor: default;}
table.docs>thead>tr>th, table.docs>tbody>tr>td {border: 1px solid #ccc; padding: 0px 5px;}	
table.docs>tbody>tr>td.download {text-align: center; width: 1px;}
table.news {border-collapse: collapse; border-spacing: 0px; width: 100%;}
table.news tr {border-bottom: 1px solid #999;}
table.news tr:last-child {border-bottom: 0px;}
table.news td {color: #000; padding: 0px; margin: 0px;}
table.news>tbody>tr>td>p {margin: 0px;}
table.news hr {margin: 0px;}
table.news>tbody>tr:hover {background-color: #ffffcc;}
tr.girls, tr.odd {background-color: #ffbebe;}
tr.girls:hover, tr.odd:hover {background-color: #ffffcc;}
tr.boys, tr.even {background-color: #ff7f7f;}
tr.boys:hover, tr.even:hover {background-color: #ffffcc;}
table.maps>tbody>tr>td, table.results>tbody>tr>td, table.schedule>tbody>tr>td, table.training>tbody>tr>td, th {border: 1px solid #fff; padding: 0px 3px 0px 3px;}
table.maps>thead>tr>th, table.results>thead>tr>th, table.schedule>thead>tr>th, table.training>thead>tr>th, table.form>thead>tr>th {background-color: #f00; color: #000; margin: 0px; padding: 0px 3px; vertical-align: bottom;}
table.docs td.date, table.news td.date, table.results td.date, table.schedule td.date, table.form td.date {text-align: right; vertical-align: top; white-space: nowrap; width: 10px;}
table.news td.date {padding: 0px 10px 0px 5px;}
td.meettype {white-space: nowrap;}
td.id, td.integer, td.time, td.distance {text-align: right;}
td.place, td.pb, td.cr {text-align: center;}
td.logo {text-align: right; vertical-align: top;}
td.asa_bronze {background-color: #fdde31;}
td.asa_silver {background-color: #dedfe0;}
td.asa_gold {background-color: #ffff00;}
td.asa_platinum {background-color: #cdebf3;}
p.news {text-align: justify;}
h1, h2, h3, h4, h5 {font-family:Tahoma,Arial,sans-serif; padding: 0px;}
h3 {margin: 0px 0px 10px 0px;}
h4 {margin: 5px 0px 2px 0px;}
img {border: none;}
a {text-decoration: none;}
a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:hover {color: #ff0000;}
a.thumbnail img {border: 3px solid #fff}
a.thumbnail:hover img {border: 3px solid #f00;}
/* IE 6 can't do tranparent borders
a img {border: 1px solid transparent;}
a:hover img {border: 1px solid #ff0000;}
*/
div.section {
  background: white;
  border: solid 3px #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 5px 5px 0;
}
div.section h2 {background-color: #666; color: #ff9; font-size: large; margin: 0px;}
div.section>h2 {padding-left: 5px;}
td#rightcol div.section h2 {padding-left: 0px; background-color: #666; color: #ff9; text-align: center; font-size: large; margin: 0px;}
td#leftcol div.section h2 {padding-left: 0px; background-color: #666; color: #ff9; text-align: center; font-size: medium; margin: 0px;}
div.section h2 span.twisty {left: 0px; margin-left: 5px; margin-right: 5px;}
div.section h3 span.twisty {left: 0px; margin-right: 5px;}
div.section h2 span.twisty:hover, div.section h3 span.twisty:hover {cursor: pointer;}
div.section h2 span.twisty img {background-color: #666;}
div.section h3 span.twisty img {background-color: #666;}
div.section h2 span.twisty img:hover {background-color: #ff7f7f;}
div.section h3 span.twisty img:hover {background-color: #ff7f7f;}

div.section_content {padding: 5px;}
div.section_content h3 {border-bottom: 1px solid #000; border-top: 1px solid #000; color: #711515; font-size: medium; margin: 5px 0 0 0; text-align: left;}
div.menu, div.hmenu {font-family: Tahoma,Arial,sans-serif;}
div.hmenu {text-align: center; margin-top: 4px;}
div.menu table {border-collapse: collapse; width: 100%;}
div.menu table td {vertical-align: top;}
div.menu ul, div.hmenu>ul {list-style-type: none; margin: 0; padding: 0;}
div.menu ul li {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #751515; color: #fff; font-size: small; font-weight: bold; text-align: center;}
div.hmenu>ul>li {border-right: 1px solid #711515; display: inline; font-size: small; padding-top: 4px; vertical-align: top;}
div.hmenu>ul>li:first-child {border-left: 1px solid #711515;}
div.menu li a:link, div.menu li a:visited {
font-size: 90%;
font-weight: normal;
display: block;
padding: 0.1em 0.5em 0.1em 0.5em;
background-color: #f33;
color: #000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
div.hmenu li a:link, div.hmenu li a:visited {
font-size: 90%;
padding: 0 0.5em 0.1em 0.5em;
border-top: 4px solid #711515;
border-bottom: 1px solid #711515;
background-color: #fcc;
color: #000;
text-decoration: none;
white-space: nowrap;
}
div.menu li a.selected {background-color: #f99; color: #000;}
div.hmenu li a.selected {background-color: #f00; color: #000;}
div.menu li a:hover {background-color: #000; color: #fff;}
div.hmenu li a:hover {background-color: #f33; color: #fff;}
table.pre_results {border-collapse: collapse; font-size: small; margin-left: auto; margin-right: auto;}
table.pre_results td {}
table.pre_results ul {list-style-type: none; padding: 0; margin: 0 5px;}
table.pre_results ul li {padding: 0; margin: 0; white-space: nowrap;}
table.pre_results td p {font-size: medium; padding: 0; margin: 0 5px; text-align: center;}
div.results_hdr {font-size: medium; padding: 0; margin: 0 5px; text-align: center;}
div#comments {padding: 10px; font-size: large; text-align: center;}
table.results {border-collapse: collapse; border-spacing: 0px; font-size: small; margin-left: auto; margin-right: auto;}
table.resultsmenu {width: 100%;}
table.resultsmenu>tbody>tr>td {width: 20%; vertical-align: top;}
table.db_search {border-collapse: collapse; font-size: small; margin-left: auto; margin-right: auto;}
div.db_search>form {background-color: #ffbebe;}
table.maps, table.schedule {border-collapse: collapse; border-spacing: 0px; font-size: small; margin-left: auto; margin-right: auto; width: 100%;}
table.maps caption {background-color: #711515; color: #fff; padding: 0px 3px; text-align: left;}
.footer {font-family: Geneva, Arial, Helvetica, san-serif; text-align: center; vertical-align: text-top; font-size: xx-small; color: #999;}
img.left {float: left;  margin: 5px 5px 0 0;}
img.right {float: right;  margin: 5px 0 0 5px;}
div.form {background-color: #ffcccc; border: 1px solid #999; text-align: center;}
table.form {background-color: #ffcccc; border-collapse: collapse; border-spacing: 0px; font-size: small; margin-left: auto; margin-right: auto; text-align: left;}
table.form>thead>tr>th {text-align: center;}
table.form>tbody>tr>td, table.form>tbody>tr>th {border: none;}
span.mandatory {color: red; font-weight: bold;}
marquee.banner {background-color: #fff; color: #711515; font-size: medium; margin-right: 5px;}
.tooltipShadow {background-color: #ccc;}
.tooltipContent {
 left: -3px; top: -3px;        /* how much of the shadow shows */
 background-color: #ffffcc;    /* yellow background */
 border: solid black 1px;      /* thin black border */
 padding: 5px;                 /* spacing between text and border */
}
.tooltipContent hr {margin: 0px; color: #ccc;}
table.training {border-collapse: collapse; border-spacing: 5px; font-size: small; margin-left: auto; margin-right: auto;}
table.training tr.black th {background-color: #000; color: #fff;}
table.training tr.weeknum th {background-color: #ccc;}
table.training tr {background-color: #ffbebe;}
table.training td {text-align: center;}
table.sortable>thead>tr>th {cursor: pointer;}

