@import url("reset.css");
@import url("nav_menu.css");

html {background-color: white; color: black;}
body {font-family: Arial, Verdana, sans-serif; font-size: 10pt; padding: 5px;
      min-width: 1000px;}

.group:after {
    content: "";
    display: table;
    clear: both;
}


/* Header Formatting */
header {display: none;}

/* Footer formatting */
footer {clear: both; display:none;}

/* Site Navigation (i.e. Main Menu) Formatting */
nav.site {display: none;}

/* Section Navigation (i.e. Left Nav) Formatting */
nav.section {display: none;}


/* Content Formatting */
div#wrapper {float: right; width: 100%; }
main {padding: 1em; margin-top: 1em; font-size: 1.3em;}

/* Columns */
/* Single Column */
main div.full {float: left; width: 100%; } 
main div.clear { clear: both;}

/* 2 fluid columns */
main div.halfcol {float: left; width: 49.9%;}
main div.halfcolcontent {padding-right: .5em; padding-top: .5em; padding-bottom: 2em;}

/* 3 fluid columns */
main div.triplecol {float: left; width: 33.2%;}
main div.triplecol div.triplecolcontent {padding-right: 1em; padding-top: .5em; padding-bottom: 2em;}

/* header with link button */
main div.headertitle { float: left; width: 100%; }
main div.headerlink {display: none;}

/* Element Formatting */
main h1 {font-weight: bold; font-size: 1.5em; margin-bottom: .5em;}
main h1 span.date {font-style: italic; font-weight: normal; font-size: .8em; margin-left: 2em;}
main h2 {font-weight: bold; font-size: 1.3em; border-bottom: 1px solid silver;
         margin-top: .5em; margin-bottom: .5em;}
main h2 span.date {font-style: italic; font-weight: normal; font-size: .8em; margin-left: 2em;}
main h2 span.info {display: none;}
main h2 span.inforight {display: none;}
main h2.country {font-weight: normal; border-bottom: none; font-size: 1.4em; margin-bottom: 1.5em;}
main h3 {font-weight: bold; font-size: 1.1em; margin-bottom: .2em; margin-left: .8em; border-bottom: 1px solid silver}
main h3 span.date {font-style: italic; font-weight: normal; font-size: .8em; margin-left: 2em;}
main p {padding: .25em .5em .5em .5em;}
main strong {font-weight: bold;}
main img.flag {margin-right: .5em; height: .9em;}
main pre {font-size: 1.1em;}

main .underline {border-bottom: 1px solid silver;}
main .nounderline {border-bottom: none;}

main a {color: black; text-decoration: none; font-weight: bold;}
main a.button {display: none;}
main a.indentbutton {display: none;}
main a.linkbutton {display: none;}

main tr.row0 {}
main tr.row1 {background-color: gainsboro;} 
main li.row0 {}
main li.row1 {background-color: gainsboro; }
main tr.highlight {background-color: white; border: 1px solid black;}
main li.highlight {background-color: white; border: 1px solid black;}

main span.newcomp {display: none; }

/* Section borders */
main div.border { border: 1px solid silver; background: white; padding: .5em .5em; margin-bottom: .5em; box-shadow: 4px 4px 4px #AAA;}

/* Page index bar */
main div.pagebar {display: none;}

/* Home page competition lists */
main div.frontpageresults ul {list-style: none; margin-bottom: 1.5em;}
main div.frontpageresults ul li {padding: .5em;}
main div.frontpageresults ul li h1 {font-size: 1em; margin-bottom: 0;}
main div.frontpageresults ul li p {padding: .25em 0 0 .5em;}
main div.frontpageresults ul li p span.location {padding-right: 1.5em;}
main div.frontpageresults ul li p span.date {font-style: italic; float: right;}

/* Home page world top 3 */
main div.top3 table {margin: 1em 1em 1em 1em; border-collapse: collapse;}
main div.top3 table td {padding: .4em;}
main div.top3 table td.time {width: 6em; }
main div.top3 table td.name {width: 20em;}
main div.top3 table td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em;}
main div.top3 table td.flag img.flag {height: 1em;}
main div.top3 table td.ioc {width: 2em; padding-left: .1em;}
main div.top3 table td.date {width: 10em; font-style: italic;}
main div.top3 span.more {font-size: .8em; margin-right: .5em; font-style: italic; float: right;}
main div.top3 div.collapsed {display: none;}
main div.top3 h1 span.select {font-size: .75em; margin-left: 2em;}
main div.top3 select#top3-distance {width: 9em; }

/* Competition list table */
main h1.competitionlist {border-bottom: 1px solid silver; margin-bottom: .2em;}
main h2.competitionlist {border-bottom: none; font-weight: normal; font-size: 1.2em;}
main table.competitionlist {margin: 1em 1em 1em 1em; border-collapse: collapse;}
main table.competitionlist td {padding: .75em .5em;}
main table.competitionlist td.name {width: 30em;}
main table.competitionlist td.location {width: 12em;}
main table.competitionlist td.date {width: 20em; text-align: right; font-style: italic;}

/* Competition details */
main h2.compinfo {font-weight: normal; font-size: 1.3em; border:none; margin-bottom: 1em;}
main h2 span.source {font-weight: normal; font-size: .8em; margin-left: 10em;}
main h3.groupname {font-weight: bold; font-size: 1.2em;
                   margin-left: .5em; margin-top: 1.5em; margin-bottom: .25em;
                   border-bottom: 1px solid black;}
main h4.racedate {font-size: 1.2em; font-style: italic; 
                  margin-left: .7em; margin-top: .5em; margin-bottom: .25em;}
main table.racelist {margin: .5em 0 1em 1em; border-collapse: collapse; width: 95%;}
main table.racelist td {padding: .6em .5em;}
main table.racelist + p {margin-left: 2em; margin-bottom: 2em;}

/* Race results */
main div.raceresults {margin: 1em 1em 2em 1em;}
main div.raceresults table {margin-bottom: 1em; border-collapse: collapse; width: 100%;}
main div.raceresults table td {padding: .4em .5em .4em .5em;}
main div.raceresults table td.rank {width: 3em; text-align: right;}
main div.raceresults table td.name {width: 20em;}
main div.raceresults table td.age {width: 2em;}
main div.raceresults table td.dob {width: 5.5em;}
main div.raceresults table td.time {width: 6em; text-align: right; font-weight: bold;}
main div.raceresults table td.records {width: 10em;}
main div.raceresults table td.flag {width: 1em; padding: .5em 0 .3em .5em;}
main div.raceresults table td.flag img.flag {height: 1.0em; margin-right: .1em;}
main div.raceresults table td.ioc {width: 2em; padding-left: 0;}

/* Table view results */
main div.tableview {margin: 1em 1em 2em 1em;}
main div.tableview table {margin-bottom: 1em; border-collapse: collapse; font-size: .9em; }
main div.tableview table td {padding: .4em .5em .4em .5em; border-top: 1px solid black; border-bottom: 1px solid black}
main div.tableview table td.name {min-width: 15em; max-width: 25em; 
                                  border-left: 1px solid black; border-right: 1px solid black;}
main div.tableview table td.age {min-width: 3em; max-width: 3em; border-right: 1px solid black;}
main div.tableview table td.dob {min-width: 5em; max-width: 6em; border-right: 1px solid black;}
main div.tableview table td.time {min-width: 5em; max-width: 5.5em; text-align: right; font-weight: bold;}
main div.tableview table td.rank {min-width: 4em; max-width: 4em; border-right: 1px solid black;}
main div.tableview table td.flag {width: 1em; min-width: 1em; padding: .5em 0 .3em .5em;}
main div.tableview table td.flag img.flag {height: 1.0em;}
main div.tableview table td.ioc {width: 2em; min-width: 2em; padding-left: 0; border-right: 1px solid black;}

main div.tableview table thead {background-color: silver;}
main div.tableview table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                             color: black; text-align: center; font-size: 1.2em; font-weight: bold;}
main div.tableview table th.top {border-bottom: none; padding-bottom: .1em;}
main div.tableview table th.date {border-top: none; padding-top: .1em;
                                  font-size: 1em; font-style: italic; font-weight: normal;}

/* Samalog results */
main div.samalog {margin: 1em 1em 2em 1em;}
main div.samalog table {margin-bottom: 1em; border-collapse: collapse; font-size: .9em; }
main div.samalog table td {padding: .4em .5em .4em .5em; border-top: 1px solid black; border-bottom: 1px solid black}
main div.samalog table td.name {min-width: 15em; max-width: 25em; 
                                border-right: 1px solid black;}
main div.samalog table td.age {min-width: 3em; max-width: 3em; border-right: 1px solid black;}
main div.samalog table td.dob {min-width: 5em; max-width: 6em; border-right: 1px solid black;}
main div.samalog table td.time {min-width: 5em; max-width: 5.5em; text-align: right; font-weight: bold;}
main div.samalog table td.rank {min-width: 1em; max-width: 2em;}
main div.samalog table td.samalogrank {min-width: 3em; max-width: 3em; font-weight: bold; text-align: right;
                                       border-left: 1px solid black; border-right: 1px solid black; }
main div.samalog table td.records {min-width: 2.5em; max-width: 2.5em;}
main div.samalog table td.points {min-width: 4em; border-right: 1px solid black; text-align: right;}
main div.samalog table td.totalpoints {min-width: 5em; border-right: 1px solid black; text-align: right; font-weight: bold;}
main div.samalog table td.flag td.flag {width: 1em; min-width: 1em; padding: .5em 0 .3em .5em;}
main div.samalog table td.flag img.flag {height: 1.0em;}
main div.samalog table td.ioc {width: 2em; min-width: 2em; padding-left: 0; border-right: 1px solid black;}

main div.samalog table thead {background-color: silver;}
main div.samalog table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                           color: black; text-align: center; font-size: 1.2em; font-weight: bold;}
main div.samalog table th.top {border-bottom: none; padding-bottom: .1em;}
main div.samalog table th.date {border-top: none; padding-top: .1em;
                                font-size: 1em; font-style: italic; font-weight: normal;}

/* Skater Aliases */
main table.aliases {margin: 1em 1em 3em 1em; border-collapse: collapse;}
main table.aliases td {padding: .4em 1em .4em .5em;}
main table.aliases td.seasonslong {width: 12em; text-align: right; }
main table.aliases td.seasonsshort {width: 7em; text-align: right; }
main table.aliases td.name {font-weight: bold;}

/* Skater Records */
main table.skaterrecords {margin: 1em 1em 3em 1em; border-collapse: collapse;}
main table.skaterrecords td {padding: .4em 1em .4em .5em;}
main table.skaterrecords td.distance {width: 5em; font-weight: bold;}
main table.skaterrecords td.time {width: 6em; text-align: right;}
main table.skaterrecords td.date {width: 15em;}
main table.skaterrecords td.location {width: 15em; font-style: italic;}

/* Season Bests */
main div.sbs div.collapsed {display: none;}
main div.sbs h2 span.date {font-size: .9em; font-style: normal; }
main div.sbs span.select {margin-left: 2em; font-size: .9em;}
main div.sbs select#sbs-season {width: 11em;}

/* Skater Results */
main table.skatercomps {margin: 1em; border-collapse: collapse;}
main table.skatercomps tr.header {border-top: 1px solid black; border-bottom: 1px solid black;
                                  background: silver;}
main table.skatercomps tr.races {}
main table.skatercomps td {padding: .5em;}
main table.skatercomps td.name {width: 30em;}
main table.skatercomps td.location {width: 12em;}
main table.skatercomps td.date {width: 20em; text-align: right; font-style: italic;}

main table.skaterresults {margin-left: 2em; margin-right: 1em; border-collapse: collapse;}
main table.skaterresults td {padding: .7em .5em;}
main table.skaterresults td.distance {width: 10em;}
main table.skaterresults td.date {width: 20em; font-style: italic; text-align: left;}
main table.skaterresults td.time {width: 6em; text-align: right; font-weight: bold;}
main table.skaterresults td.records {width: 12em;}

main table.skaterdistance {margin: 1em 1em 3em 1em; border-collapse: collapse; width:95%;}
main table.skaterdistance td {padding: .4em .5em .4em .5em;}
main table.skaterdistance td.time {width: 4em; max-width: 4em; text-align: right; font-weight: bold; 
                                   padding-right: 2em; vertical-align: middle; }
main table.skaterdistance td.competition {width: 25em; vertical-align: middle; }
main table.skaterdistance td.location {width: 15em; font-size: 1em; }
main table.skaterdistance td.date {width: 15em; padding-top: .05em; font-size: 1em; font-style: italic;}

/* Skater search */
main ul.lettergrid { width: 20em; margin-left: 1em; list-style-type: none;}
main ul.lettergrid li { float: left; width: 2em; height: 1.5em; margin: .2em; font-size: 1.2em; 
                        text-align: center; border: 1px solid black; padding-top: .4em;}

main form.skatersearch {margin: 1em 1em 1em 1em;}
main form.skatersearch label {display: block; float: left; clear: left; width: 7em; padding-right: 1em;
                              margin-bottom: 1.2em; text-align: right; font-weight: bold; }
main form.skatersearch select {display: block; float: left; margin-bottom: 1.2em;}
main form.skatersearch input {display: block; float: left;}
main form.skatersearch input[type=text] {width: 300px;}
main form.skatersearch button {display: block; float: left;}

main table.skatersearch {margin: 1em; border-collapse: collapse;}
main table.skatersearch td {padding: .75em 1em .75em .5em;}
main table.skatersearch td.name {width: 20em;}
main table.skatersearch td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em; padding-right: .1em;}
main table.skatersearch img.flag {height: 1.4em; vertical-align: middle;}
main table.skatersearch td.age {width: 2em; padding-right: .5em;}
main table.skatersearch td.ioc {width: 2em; padding-left: 0;}
main table.skatersearch td.spacer {padding-right: 3em;}

/* Top N Lists */
main table.topn {margin: 1em 1em 3em 1em; border-collapse: collapse; width: 98%;}
main table.topn td {padding: .4em .5em .4em .5em;}
main table.topn td.distance {width: 5em; font-weight: bold;}
main table.topn td.rank {width: 3em; font-weight: bold; text-align: right; vertical-align: middle;}
main table.topn td.time {width: 6em; text-align: right; vertical-align: middle;}
main table.topn td.name {width: 17em; vertical-align: middle;}
main table.topn td.age {width: 3em; vertical-align: middle;}
main table.topn td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em; vertical-align: middle;}
main table.topn td.flag img.flag {height: 1em;}
main table.topn td.ioc {width: 2em; padding-left: .1em; vertical-align: middle;}
main table.topn td.competition {width: 20em; padding-bottom: .1em;}
main table.topn td.location {max-width: 20em; padding-top: .1em;}
main table.topn td.date {max-width: 20em; font-style: italic; text-align: right; padding-top: .1em;}
main table.topn td.tie {border-top: 1px solid black;}
main table.topn td.rank.tie {border-top: none; }
main table.topn td.time.tie {border-top: none; }

main form.topn {margin: 1em 1em 1em 1em;}
main form.topn label {display: block; float: left; clear: left; width: 7em; padding-right: 1em;
                      margin-bottom: 1.2em; text-align: right; font-weight: bold; }
main form.topn select {display: block; float: left; margin-bottom: 1.2em;}
main form.topn input {display: block; float: left;}
main form.topn input[type=text] {width: 300px;}

/* Records */
main table.records {margin: 1em 1em 3em 1em; border-collapse: collapse; width: 90%; }
main table.records td {padding: .4em .5em .4em .5em;}
main table.records td.distance {width: 5em; font-weight: bold; vertical-align: middle; }
main table.records td.time {width: 6em; text-align: right; vertical-align: middle;}
main table.records td.name {width: 20em; vertical-align: middle;}
main table.records td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em;  padding-right: .1em; vertical-align: middle;}
main table.records td.flag img.flag {height: 1em;}
main table.records td.ioc {width: 2em; padding-left: .1em; vertical-align: middle;}
main table.records td.info {width: 15em; text-align: center;}
main table.records td.info span.date {display:block; margin: .2em; }
main table.records td.info span.location {display: block; margin: .2em; font-size: .9em; font-style: italic;}
main table.records td.splits {display: none; }
main table.records td.splits span.icon:after {content: "\25bc"; display: inline-block;}
main table.records td.splits.show span.icon:after {content: "\25b2"; display: inline-block;}
main table.records td.nosplits {width: 1em;}
main table.records td.tie {border-top: 1px solid black;}
main table.records td.distance.tie {border-top: none;}
main table.records td.time.tie {border-top: none;}
main table.records tr.splits {background: white;}

main table.splits {margin: .5em .5em .5em 7em; border-collapse: collapse;}
main table.splits td {padding: .4em .5em .4em .5em; border: 1px solid black; vertical-align: middle;}
main table.splits td.distance {width: 4em; font-weight: bold; text-align: right; background: silver;}
main table.splits td.time {width: 4em; text-align: left; }
main table.splits td.padding {border: none; background: transparent;}

/* Recent Records */

main div.recentsummary {margin-bottom: 1.5em;}
main div.recentsummary table {margin: .5em 1em .5em 1em; border-collapse: collapse;}
main div.recentsummary table td {padding: .1em .2em; }
main div.recentsummary table td.distance {width: 3em; font-weight: bold;}	
main div.recentsummary table td.class {width: 17em;}

main div.recentdetails {}
main div.recentdetails table {margin: 1em 1em 1.5em 1em; width: 98%;}
main div.recentdetails table td {padding: .6em; vertical-align: middle;}
main div.recentdetails table td.country {width: 12em; font-weight: bold;}
main div.recentdetails table td.track {width: 12em; font-weight: bold;}
main div.recentdetails table td.agegroup {width: 3em; font-weight: bold;}
main div.recentdetails table td.distance {width: 8em;}
main div.recentdetails table td.time {width: 4em; text-align: right;}
main div.recentdetails table td.name {width: 17em;}
main div.recentdetails table td.age {width: 3em;}
main div.recentdetails table td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em;  padding-right: .1em; }
main div.recentdetails table td.flag img.flag {height: 1em;}
main div.recentdetails table td.ioc {width: 2em; padding-left: .1em; }
main div.recentdetails table td.info {width: 20em;}
main div.recentdetails table td.info span.competition {display:block; margin-bottom: .2em; }
main div.recentdetails table td.info span.location {display: block; margin-top: .2em; font-size: .9em; font-style: italic;}

/* Demographics */
main table.demos {margin: 1em 1em 3em 1em; border-collapse: collapse;}
main table.demos tr.total {background: whitesmoke; font-weight: bold;}
main table.demos td {padding: .4em .5em .4em .5em; vertical-align: middle;
                     border-top: 1px solid black; border-bottom: 1px solid black; }
main table.demos td.country {width: 10em; padding-left: .1em; }
main table.demos td.flag {width: 1.5em; padding-top: .5em; padding-bottom: .3em; padding-right: .1em;
                          vertical-align: top; border-left: 1px solid black; }
main table.demos td.count {width: 4em; text-align: right; 
                           border-left: 1px solid black; border-right: 1px solid black; }
main table.demos td.count0 {width: 4em; text-align: right; color: gray;
                            border-left: 1px solid black; border-right: 1px solid black; }
main table.demos td.ageclass {width: 10em; border-left: 1px solid black;}
main table.demos thead {background-color: silver;}
main table.demos th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                     color: black; text-align: center; font-size: 1.1em; font-weight: bold; vertical-align: middle;}

/* FAQ */
main table.faq {margin: 1em 1em 3em 5em; border-collapse: collapse; border: 1px solid black;}
main table.faq thead {background-color: silver;}
main table.faq th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                   color: black; text-align: center;}
main table.faq td {padding: .8em .5em; border: 1px solid black; }

/* Contact */
main table.contactcard {margin: 1em; order-collapse: collapse; border: 1px solid black;}
main table.contactcard td {padding: .4em .5em .4em .5em; border: 1px solid black;}
main table.contactcard td.name {font-weight: bold; font-size: 1.1em; width: 10em; }
main table.contactcard td.title {font-weight: bold; width: 8em; }
main table.contactcard td.email  {width: 10em; }

/* Apps */
main div.screenshot {width: 500px; padding-left: 1em;}
main div.screenshot p.caption {text-align: center; padding-bottom: 1.5em; padding-top: 0;}

main table.download {margin: 1em 2em 2em 1em; width: 70%; border-collapse: collapse; border: 1px solid black;}
main table.download thead {background-color: silver;}
main table.download th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                        color: black; text-align: center; font-weight: bold;}
main table.download td {padding: .4em .5em .4em .5em; border: 1px solid black;}

/* Live results */
main.live h1 span.status {font-size: .8em; color: red; margin-left: 5em; }
main.live h1 span.now {display: none; }
main.live h2.compinfo {font-weight: normal; font-size: 1.3em; border:none; margin-bottom: 1em;}
main.live h3.groupname {font-weight: bold; font-size: 1.2em;
                        margin-left: .5em; margin-top: 1.5em; margin-bottom: .25em;
                        border-bottom: 1px solid black;}
main.live h4.racedate {font-size: 1.2em; font-style: italic; font-weight: normal;
                       margin-left: .7em; margin-top: .5em; margin-bottom: .25em;}

/* Event List */
main.live table.eventlist {margin: 1em 1em 3em 1em; border-collapse: collapse; font-size: 1em;}
main.live table.eventlist td {padding: .4em .5em .4em .5em; border: 1px solid black; }

/* Participants */
main.live table.participants {margin: 0; border-collapse: collapse; font-size: 1em; width: 100%;}
main.live table.participants td {padding: .4em .5em .4em .5em; border-top: 1px solid black; border-bottom: 1px solid black}
main.live table.participants td.name {min-width: 15em; max-width: 25em; vertical-align: middle;
                                      border-right: 1px solid black; border-left: 1px solid black;}
main.live table.participants td.age {min-width: 2em; max-width: 2em; border-right: 1px solid black; vertical-align: middle;}
main.live table.participants td.flag {width: 1em; padding: .5em 0 .3em .5em; vertical-align: middle;}
main.live table.participants td.flag img.flag {height: 1.0em; margin-right: .1em;}
main.live table.participants td.ioc {height: 1.0em; margin-right: .1em; border-right: 1px solid black; vertical-align: middle;}
main.live table.participants td.time {min-width: 5em; max-width: 6em; text-align: center; font-weight: bold; font-size: .95em;
                                      border-right: 1px solid black; border-bottom: 1px solid transparent; padding-bottom: 0;}

main.live table.participants td.location {font-size: .6em; text-align: center;
                                          padding-top: .1em; padding-bottom: .1em; border-bottom: 1px solid transparent; border-right: 1px solid black;}
main.live table.participants td.date {font-size: .6em; font-style: italic; text-align: center;
                                      padding-top: .1em; border-right: 1px solid black;}

main.live table.participants thead {background-color: silver; }
main.live table.participants th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                                 color: black; text-align: center; font-size: 1.1em; font-weight: bold;}

/* Race Index */
main.live table.liveindex {margin: .5em 0 1em 1em; border-collapse: collapse; width: 95%;}
main.live table.liveindex td {padding: .4em .5em .4em .5em; border: 1px solid black;}
main.live table.liveindex td.samalog {border: none;}
main.live table.liveindex + p {margin-left: 2em; margin-bottom: 2em;}
main.live table.liveindex td.name {font-weight: bold; width: 50%;};
main.live table.liveindex td.draw {width: 25%;};
main.live table.liveindex td.results {width: 25%;}
main.live table.liveindex span.now {color: red; margin-left: .5em; }
main.live table.liveindex tr.now {background-color: #F9F900; }

/* Schedule */
main.live table.schedule {margin: .5em 0 1em 1em; border-collapse: collapse; width: 95%;}
main.live table.schedule td {padding: .4em .5em .4em .5em; border: 1px solid black;}
main.live table.schedule + p {margin-left: 2em; margin-bottom: 2em;}
main.live table.schedule td.starttime { width: 3em; }
main.live table.schedule td.name {font-weight: bold; width: 55%;};
main.live table.schedule td.draw {width: 20%;};
main.live table.schedule td.results {width: 20%;}
main.live table.schedule span.now {color: red; font-weight: bold; }
main.live table.schedule tr.now {background-color: #F9F900; }

/* Race results */
main.live div.raceresults {margin: 1em 1em 2em 1em;}
main.live div.raceresults table {margin-bottom: 1em; border-collapse: collapse; border: 1px solid black; width: 100%; }
main.live div.raceresults table td {padding: .4em .5em .4em .5em; border-bottom: 1px solid black;}
main.live div.raceresults table td.rank {width: 3em; text-align: right; border-right: 1px solid black;}
main.live div.raceresults table td.name {width: 20em;}
main.live div.raceresults table td.age {width: 3em;}
main.live div.raceresults table td.flag {width: 1em; padding: .5em 0 .3em .5em;}
main.live div.raceresults table td.flag img.flag {height: 1.0em; margin-right: .1em;}
main.live div.raceresults table td.ioc {width: 2em; padding-left: 0; border-right: 1px solid black;}
main.live div.raceresults table td.time {width: 6em; text-align: right; font-weight: bold;}
main.live div.raceresults table td.records {width: 10em;}

/* Pairs */
main.live div.pairs {margin: 1em 1em 2em 1em;}
main.live div.pairs table {margin-bottom: 1em; border-collapse: collapse; width: 100%;}
main.live div.pairs table tr.white {background-color: white; border-top: 2px solid black;}
main.live div.pairs table tr.yellow {background-color: lightyellow; border-top: 2px solid black;}
main.live div.pairs table tr.red {background-color: #FFA387; border-bottom: 2px solid black;}
main.live div.pairs table tr.blue {background-color: powderblue; border-bottom: 2px solid black;}
main.live div.pairs table td {padding: .4em .5em .4em .5em; }
main.live div.pairs table td.pair {width: 2em; text-align: left; font-weight: bold; 
                                   border-left: 2px solid black; border-right: 1px solid black; background-color: ghostwhite;}
main.live div.pairs table td.lane {width: 2em; text-align: center; border-right: 1px solid black; border-bottom: 1px solid black;}
main.live div.pairs table tr.yellow td.lane { background-color: yellow; }
main.live div.pairs table tr.red td.lane { background-color: firebrick; color: white; }
main.live div.pairs table tr.blue td.lane { background-color: darkblue; color: white; }
main.live div.pairs table td.name {width: 20em; border-bottom: 1px solid black;}
main.live div.pairs table td.age {width: 3em; border-bottom: 1px solid black;}
main.live div.pairs table td.flag {width: 1em; padding: .5em 0 .3em .5em; border-bottom: 1px solid black;}
main.live div.pairs table td.flag img.flag {height: 1.0em; margin-right: .1em;}
main.live div.pairs table td.ioc {width: 2em; padding-left: .1em; border-bottom: 1px solid black;}
main.live div.pairs table td.time {width: 6em; text-align: right; font-weight: bold; border-left: 1px solid black; border-bottom: 1px solid black;}
main.live div.pairs table td.records {width: 10em; border-right: 2px solid black; border-bottom: 1px solid black;}


/* API */
main table.api {margin: 1em 2em 2em 1em; width: 90%; border-collapse: collapse; border: 1px solid black;}
main table.api thead {background-color: silver;}
main table.api th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                   color: black; font-weight: bold;}
main table.api td {padding: .4em .5em .4em .5em; border: 1px solid black;}
main table.api td.name {vertical-align: top;}

main div.code {margin: 1em; font-family: "courier new"; }
main iframe {margin: 1em;}

main ul.bullets {padding: .25em .5em .5em .5em; margin: 0em 1em;}
main ul.bullets li {list-style-type: disc; list-style-position: outside; margin: 0em 1em;}
main ol.numbered {padding: .25em .5em .5em .5em; margin: 0em 1em;}
main ol.numbered li {list-style-type: decimal; list-style-position: outside; margin: 0em 1em;}

main div.apiSkaterSearch {margin: 0em 2em 2em 2em; width: 80%;}
main div.apiSkaterSearch form {margin-bottom: 1em; }
main div.apiSkaterSearch input[type=text] {width: 175px; margin: .5em 1em .5em .5em; }
main div.apiSkaterSearch input[type=submit] {margin-left: 1em;}
main div.apiSkaterSearch select {width: 175px; margin: .5em 1em .5em .5em; padding-left: .5em;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
main table.datatable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border: 1px solid black;
}

main table.datatable thead th {
    padding: 3px 18px 3px 10px;
    border: 1px solid black;
    font-weight: bold;
    cursor: pointer;
}

main table.datatable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

main table.datatable tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

main table.datatable td {
    padding: 3px 10px;
    border-right: 1px solid black;
}

main table.datatable td.center {
    text-align: center;
}

main table.datatable tr.odd {
    background-color: #bfe3ff;
}

main table.datatable tr.even {
    background-color: white;
}

main .dataTables_filter {
    width: 70%;
    margin: .5em 0em;
}

main table.datatable .sorting_asc {
    background: url('images/datatable/sort_asc.png') no-repeat center right;
}

main table.datatable .sorting_desc {
    background: url('images/datatable/sort_desc.png') no-repeat center right;
}

main table.datatable .sorting {
    background: url('images/datatable/sort_both.png') no-repeat center right;
}

main table.datatable .sorting_asc_disabled {
    background: url('images/datatable/sort_asc_disabled.png') no-repeat center right;
}

main table.datatable .sorting_desc_disabled {
    background: url('images/datatable/sort_desc_disabled.png') no-repeat center right;
}

main table.datatable th:active {
    outline: none;
}