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

html {background-color: aliceblue; color: black;}
body {font-family: "Trebuchet MS", Geneva, Tahoma, Helvetica, sans-serif; 
      font-size: 56%; padding: 5px; min-width: 1000px;}

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

ins.adsbygoogle { background: aliceblue !important; }

/* Header Formatting */
header {background-color: #005bbb/*#030ca3*/; height: 103px; 
        background-image: url("../images/Logo3.png"); background-repeat: no-repeat; 
        background-position-y: center; background-position-x: 180px;}
header.live {box-shadow: 0px 4px 4px #AAA;}
header h1 {position:absolute; padding:0; margin:0; margin-top: 5px; font-size: 3.1em; 
           font-weight: normal; font-style: italic;}
header h2 {float:right; padding: 5px; }

header h1 span.title {vertical-align: top; display: inline-block; color: white; 
                      margin-top: 15px; margin-left: 10px; line-height: 95%;
                      font-size: 1.2em;}
header h1 span.title span.title2 {margin-left: 22px; color: white; }
header h1 span.title2 span.com {font-size: .6em;}

header h1 span.livetitle {vertical-align: top; display: block; color: white; 
                          margin-top: 15px; margin-left: 10px; line-height: 95%;
                          font-size: 1.2em;}
header h1 span.livetitle span.title2 {margin-left: 22px; color: white; margin-bottom: 0; line-height: 80%; }
header h1 span.livetitle span.title3 {color: yellow; font-size: .8em; 
                                      text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
                                      font-weight: bold; font-style: normal;}
header h1 a {text-decoration: none;}

/* Footer formatting */
footer {clear: both; border-top: 1px solid silver; text-align: center;}


/* Site Navigation (i.e. Main Menu) Formatting */
nav.site {background-color: #ffd500/*#33ccff*/; font-size: 1.3em; border: 1px solid midnightblue; box-shadow: 0px 4px 4px #AAA;}
nav.site ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
nav.site li {float: left;}
nav.site li a, .dropbtn {display: inline-block; color: black; text-align: center; padding: 8px 12px; 
                         text-decoration: none; }
nav.site li a:hover, .dropdown:hover .dropbtn {background-color: aliceblue;}
nav.site li.dropdown { display: inline-block;}
nav.site li.live a {color: black; background-color: yellow;}
nav.site li.live a:hover {color: black; background-color: lightyellow;}
nav.site .dropdown-content {display: none; position: absolute; background-color: aliceblue; min-width: 160px; 
                            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
nav.site .dropdown-content a {padding: 8px 10px; text-decoration: none; display: block; text-align: left;}
nav.site .dropdown-content a:hover {background-color: #bfe3ff; }
nav.site .dropdown:hover .dropdown-content {display: block;}


/* Section Navigation (i.e. Left Nav) Formatting */
nav.section {background-color: lightsteelblue; color: black; width: 198px; max-width: 198px; font-size: 1.3em;
             border-bottom: 1px solid midnightblue; border-right: 1px solid midnightblue;
             border-left: 1px solid midnightblue; box-shadow: 4px 4px 4px #AAA;}
nav.section div.ads {padding: 15px 20px 10px 20px; }
nav.section div.facebook {padding: 0px 20px 5px 20px; }
nav.section div.clear {clear: left;}

nav.section ul {list-style: none; padding: .3em .3em .3em .7em;}
nav.section li {padding-top: .2em; padding-bottom: .2em;}
nav.section ul ul {margin-left: .5em;}
nav.section li.header {padding-top: .5em;}
nav.section li.header span.headertext1 {font-size: 125%; font-weight: bold; border-bottom: 2px solid black;}
nav.section li.header span.headertext1noul {font-size: 125%; font-weight: bold;}
nav.section li.header span.headertextdate {font-size: 115%; font-style: italic;}
nav.section li.header span.headertext2 {font-size: 115%; font-weight: normal; border-bottom: 1px solid black;}
nav.section li.header > a {font-size: 125%;}
nav.section li.header > a:visited {font-weight: bold;}

nav.section a {color: navy; font-weight: bold; text-decoration: none;}
nav.section a:visited {font-weight: normal;}
nav.section a:hover {color: yellow;}
nav.section span.now {color: yellow; font-weight: bold; margin-left: .2em;}

nav.section div.buttons {padding: 5px 5px 0px 5px;}
nav.section div.buttons img.rss {height: 20px; vertical-align: top;}

nav.section div.news { margin: .3em; margin-top: 0; padding: .5em; background: aliceblue; border: 1px solid midnightblue; }
nav.section div.news h1 {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 0; margin-bottom: .5em; }
nav.section div.news h2 {font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: .3em; }
nav.section div.news p {font-size: 1em; margin-bottom: .5em; }
nav.section div.news a:hover {color: blue; }

nav.section div.newrecords { margin: .3em; margin-top: 0; padding: .5em; background: aliceblue; border: 1px solid midnightblue; }
nav.section div.newrecords h1 {font-size: 1.3em; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 0; margin-bottom: .5em; }
nav.section div.newrecords h2 {font-size: 1em; font-style: italic; margin-bottom: .3em; }
nav.section div.newrecords a:hover {color: blue; }
nav.section div.newrecords table {margin-left: .5em; }
nav.section div.newrecords td {padding: .1em;}
nav.section div.newrecords td.count {padding-right: .5em; text-align: right; }
nav.section div.newrecords td.nolink {font-weight: bold; }

nav.section form {padding: 0px 5px 0px 5px;}
nav.section form select {width: 180px; font-weight: normal;}
nav.section form input {width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section form.competitionlist {padding-top: .2em; }
nav.section form.competitionlist label {display: block; font-weight: bold; margin-top: 1em;}
nav.section form.competitionlist input {margin-top: 1em;}

nav.section form.skater {padding: 5px 10px 15px 10px;}
nav.section form.skater label {font-weight: bold;}
nav.section form.skater select {width: 175px; margin-bottom: .5em; font-weight: normal; padding-left: .5em;}
nav.section form.skater input {width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section form.skatersearch {padding: 5px 10px 15px 10px;}
nav.section form.skatersearch label {font-weight: bold;}
nav.section form.skatersearch label.spacer {display: none;}
nav.section form.skatersearch select {width: 175px; margin-bottom: .5em; font-weight: normal; padding-left: .5em;}
nav.section form.skatersearch input[type=text] {width: 165px; margin-bottom: .5em; margin-left: 0;
                                                font-weight: normal;}
nav.section form.skatersearch input[type=submit] {width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section form.topn {padding: 5px 10px 15px 10px;}
nav.section form.topn label {font-weight: bold;}
nav.section form.topn label.spacer {display: none;}
nav.section form.topn select {width: 175px; margin-bottom: .5em; font-weight: normal; padding-left: .5em;}
nav.section form.topn input[type=submit] {width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section div#adelsnav {display: none; margin-bottom: .5em;}
nav.section form.adels2 {padding-top: .5em; }
nav.section form.adels2 div.dropdowns {display: block; }
nav.section form.adels2 div.dropdowns label {font-weight: bold; margin-top: .3em; display:block;}
nav.section form.adels2 div.combos {margin-top: .5em; }
nav.section form.adels2 div.combos button {float: left; width:49%; }
nav.section form.adels2 div.combos button.ui-button {font-size: 1em; padding: .2em; height: 2.9em; color: black;}
nav.section form.adels2 div.combos button.selected {background: #007fff; color: white; font-weight: bold;}
nav.section form.adels2 div.distances {display: block; margin-top: 1em; }
nav.section form.adels2 div.distances table {width:100%;}
nav.section form.adels2 div.distances td input {vertical-align: middle; margin: .2em 0 0 0; width: 1.7em;}
nav.section form.adels2 div.distances td label {font-weight: bold; padding-top: .2em; }
nav.section form.adels2 div.distances td.error {font-weight: bold; color: red; padding: .5em 0 0 1.5em; display: none;}
nav.section form.adels2 div.show {margin-top: .5em; display: block; }
nav.section form.adels2 div.show input.ui-button {font-size: 1em; padding: .3em .6em;
            background: greenyellow; font-weight: bold; border: 1px solid black;
            width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section form.countryrecords {padding: 5px 10px 15px 10px;}
nav.section form.countryrecords select {width: 175px; margin-bottom: .5em; font-weight: normal; padding-left: .5em;}
nav.section form.countryrecords input[type=submit] {width: 70px; margin-left: 105px; margin-top: 5px;}

nav.section div.live { margin: .3em; margin-top: 0; padding: .8em; background: lightyellow; border: 4px solid crimson; }
nav.section div.live h1 {font-size: 1.5em; font-weight: bold; border-bottom: 2px solid black; padding-bottom: 0; margin-bottom: .5em; }
nav.section div.live h1 a {color: crimson; }
nav.section div.live h1 a:hover {color: blue; }
nav.section div.live h2 {font-size: 1.3em; font-weight: bold; margin-bottom: .3em; }
nav.section div.live p {font-size: 1.1em; margin-bottom: .1em; }
nav.section div.live span.date {font-style: italic; }
nav.section div.live a {color: blue; }
nav.section div.live a:hover {color: crimson; }

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

/* 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: 92%; }
main div.headerlink {float: left; width: 8%; margin-bottom: .5em;}
main div.headerlink ul { margin-left: .5em; margin-top: 0; margin-bottom: 0; padding: 0px; list-style: none;}
main div.headerlink span.plusone {margin-right: .5em;}

main div.headertitle.skater span.nativename { margin-left: 1em; font-size: .75em; }
main div.headertitle.competition span.nativename { margin-left: .5em; font-size: .9em; display: block; }

/* Spacing */
main div.spacebottom {margin-bottom: 1em;}
main div.spacetop {margin-top: 1em;}

/* 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 {font-weight:normal; font-size:.8em; margin-left: 2em;}
main h2 span.inforight {margin-right: 2em; float: right; font-size: .8em; font-weight: normal;}
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 p span.info {font-weight: normal; font-size: .75em;}
main p span.inforight {font-weight: normal; font-size: .75em; float:right; margin-right: 2em;}
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: navy; text-decoration: none; font-weight: bold;}
main a.button {border: 1px solid midnightblue; padding: .3em .5em; background: lightsteelblue;  
               display: inline-block; margin-bottom: .2em;}
main a.indentbutton {border: 1px solid midnightblue; padding: .3em .5em; background: lightsteelblue;
                     margin-left: .8em;}
main a.linkbutton {border: 1px solid midnightblue; padding: .3em .5em .2em .5em; 
                   font-size: 1em; font-weight: normal; background: gainsboro;}
main a:visited {font-weight: normal;}
main a:hover {color: blue;}

main tr.row0 {}
main tr.row1 {background-color: #cce6ff;} 
main li.row0 {}
main li.row1 {background-color: #cce6ff; }
main tr.highlight {background-color: gold; border: 1px solid black;}
main li.highlight {background-color: gold; border: 1px solid black;}

main span.newcomp {margin-right: .3em; font-size: .8em; font-weight: bold; color: red; vertical-align: top; }

main div.explanation {margin-top: 5em; width: 75%; font-size: 1.1em;}
main div.explanation strong {font-style: italic; font-weight: bold; font-size: 1.1em;}

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

/* Page index bar */
main div.pagebar {padding: 1em 1em 1em 1em; font-size: .9em;
                  border-top: 1px solid silver; border-bottom: 1px solid silver; margin-bottom: 1em;}
main div.pagebar span {border: 1px solid midnightblue; padding: .3em .5em;}
main div.pagebar span.disabled {background: lightsteelblue; color: dimgray;}
main div.pagebar span.prevnext {background: lightsteelblue;}
main div.pagebar span.current {background: gold; border: 2px solid blue; font-weight: bold;}

/* 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;}
main div.frontpageresults span.nativename {margin-left: .25em; display: block;}

/* Home page world top 3 */
main div.top3 table {margin: 1em 1em 1em 1em; border-collapse: collapse;}
main div.top3 table td {padding: .4em; vertical-align: middle;}
main div.top3 table td.time {width: 6em; }
main div.top3 table td.name {width: 20em;}
main div.top3 table td.name span.nativename {margin-left: .5em; display: block;}
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; width: 90%}
main table.competitionlist.tabbed {font-size: .8em; margin-bottom: .5em; width: 97%; }
main table.competitionlist td {padding: .75em .5em; vertical-align: middle;}
main table.competitionlist td.name {min-width: 30em;}
main table.competitionlist td.name span.nativename { margin-left: .5em; display: block; }
main table.competitionlist td.location {min-width: 14em;}
main table.competitionlist td.date {width: 20em; text-align: right; font-style: italic;}
main table.competitionlist a {color: navy; text-decoration: none; font-weight: bold;}
main table.competitionlist a:hover {color: blue;}

/* 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 midnightblue;}
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: 80%;}
main div.raceresults table td {padding: .4em .5em .4em .5em; vertical-align: middle;}
main div.raceresults table td.rank {width: 3em; text-align: right; vertical-align: baseline;}
main div.raceresults table td.name {width: 20em;}
main div.raceresults table td.teamname {width: 20em; font-weight: bold;}
main div.raceresults table td.name span.nativename { margin-left: 1em; display: block; }
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.points {width: 3em; padding-left: 1em; 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;}
main div.raceresults table td.teamskaters {width: 23em; padding: 0 0 0 1em;}
main div.raceresults table.teamskaters {width: auto; table-layout: auto;}
main div.raceresults table.teamskaters td {padding: 0 1em 0 0;}
main div.raceresults table.teamskaters td span.nativename { margin-left: 1em; display: block; }

main div.raceresults table thead {background-color: lightsteelblue;}
main div.raceresults table th {padding: .4em .5em .4em .5em; border-bottom: 1px solid black; 
                               color: black; text-align: center; font-weight: bold;}
main div.raceresults table th.name {text-align: left;}
main div.raceresults table th.country {text-align: left;}
main div.raceresults table th.time {text-align: right;}
main div.raceresults table th.records {text-align: left;}
main div.raceresults table th.points {text-align: left;}
main div.raceresults table th.mstime {text-align: center;}

/* 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; 
                             vertical-align: middle;}
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.name span.nativename { margin-left: .75em; display: block; }
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: lightsteelblue;}
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;
                           vertical-align: middle; }
main div.samalog table td.name {min-width: 15em; max-width: 25em; 
                                border-right: 1px solid black;}
main div.samalog table td.name span.nativename { margin-left: .75em; display: block; }
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; 
                                       vertical-align: baseline;}
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: lightsteelblue;}
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; width: 80%;}
main table.skatercomps tr.header {border-top: 1px solid midnightblue; border-bottom: 1px solid midnightblue;
                                  background: lightsteelblue;}
main table.skatercomps tr.races {}
main table.skatercomps td {padding: .5em; vertical-align: middle;}
main table.skatercomps td.name {min-width: 30em;}
main table.skatercomps td.name span.nativename { margin-left: .5em; display: block; }
main table.skatercomps td.location {min-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: 12em;}
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; 
                                   vertical-align: middle; }
main table.skaterdistance td.records {width: 1em; max-width: 1em; 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;}
main table.skatersearch td.name span.nativename { margin-left: 1em; margin-top: .3em; display: block; }

/* Country List */
main table.countrylist {margin: 1em; border-collapse: collapse;}
main table.countrylist td {padding: .75em 1em .75em .5em; }
main table.countrylist td.name {width: 30em; vertical-align: middle;}
main table.countrylist td.flag {width: 2em; padding-top: .5em; padding-bottom: .3em; padding-right: .1em;}
main table.countrylist img.flag {height: 1.4em; vertical-align: middle;}

/* Track List */
main table.tracklist {margin: 1em; margin-bottom: 2em; border-collapse: collapse; width: 98%; }
main table.tracklist td {width: 20%; padding: .75em 1em .75em .5em; }
main table.countrylist td.name {vertical-align: middle;}

/* Top N Lists */
main table.topn {margin: 1em 1em 3em 1em; border-collapse: collapse; width: 98%;}
main table.topn.tabbed {font-size: .8em; margin-bottom: .5em; 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.records {width: 2em; vertical-align:middle; }
main table.topn td.name {width: 17em; vertical-align: middle;}
main table.topn td.name span.nativename { margin-left: 1em; display: block; }
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.competition span.nativename { margin-left: .5em; display: block; }
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 midnightblue;}
main table.topn td.rank.tie {border-top: none; }
main table.topn td.time.tie {border-top: none; }
main table.topn a {color: navy; text-decoration: none; font-weight: bold;}
main table.topn a:hover {color: blue;}

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

/* Season Adelskalender */
main form.adels2 {margin: 1em 1em 1em 1em; }
main form.adels2 div {clear: both;}
main form.adels2 div.dropdowns {margin-bottom: .7em;}
main form.adels2 div.dropdowns label {display: block; float: left; font-weight: bold; 
            margin-left: .5em; margin-right: .5em; padding-top: .35em; }
main form.adels2 div.dropdowns select {display: block; float: left; margin-right: 1em; }
main form.adels2 input.ui-button {font-size: 1em; padding: .1em .6em; margin-left: .5em;
            background: greenyellow; font-weight: bold; border: 1px solid black;}
main form.adels2 div.combos {margin-bottom: .7em;}
main form.adels2 div.combos button.ui-button {font-size: 1em; width: 9em; padding: .2em .2em; margin-right: .5em; color: black; }
main form.adels2 div.combos button.selected {background: #007fff; color: white; font-weight: bold;}
main form.adels2 div.distances td {width: 6.5em; padding-bottom: .5em;}
main form.adels2 div.distances td.msg {width: 15em;}
main form.adels2 div.distances td input {vertical-align: middle; }
main form.adels2 div.distances td label {vertical-align: middle; font-weight: bold; padding-top: .2em; padding-left: 0;}
main form.adels2 div.distances span.error {color: red; font-weight: bold; display: none;}

main div.adels {margin: 4em 1em 2em 1em; clear: both;}
main div.adels p#status {font-size:1.2em; margin-left: 1em; margin-top: 2em;}
main div.adels table {margin-bottom: 1em; border-collapse: collapse; font-size: 1em; }
main div.adels table#adelstable {display: none;}
main div.adels table td {height: 2em; padding: .4em .5em .4em .5em; vertical-align: middle; }
main div.adels table td.tie { }
main div.adels table td.name {min-width: 15em; max-width: 25em; }
main div.adels table td.name span.nativename { margin-left: .75em; display: block; }
main div.adels table td.age {min-width: 3em; max-width: 3em; }
main div.adels table td.dob {min-width: 5em; max-width: 6em; }
main div.adels table td.time {min-width: 5em; max-width: 5.5em; text-align: right; }
main div.adels table td.rank {min-width: 4em; max-width: 4em; font-weight: bold; text-align: right;
                              vertical-align: middle;}
main div.adels table td.points {min-width: 4em; text-align: right;}
main div.adels table td.totalpoints {min-width: 5em; text-align: right; font-weight: bold;}
main div.adels table td.flag td.flag {width: 1em; min-width: 1em; padding: .5em 0 .3em .5em;}
main div.adels table td.flag img.flag {height: 1.0em;}
main div.adels table td.ioc {width: 2em; min-width: 2em; padding-left: 0; }

main div.adels table thead {background-color: lightsteelblue;}
main div.adels table th {padding: .4em .5em .4em .5em; border-bottom: 1px solid black; 
                           color: black; text-align: center; font-size: 1.2em; font-weight: bold;}
main div.adels table th.name {text-align: left;}

/* Records */
main table.records {margin: 1em 1em 3em 1em; border-collapse: collapse; width: 90%; }
main table.records.tabbed {font-size: .8em; margin-bottom: .5em; width: 98%; }
main table.records td {padding: .4em .5em .4em .5em;}
main table.records tr.teamskaters td {padding-top: 0;}
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.name span.nativename { margin-left: 1em; display: block; }
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 {width: 1em; max-width: 1em; vertical-align: middle; color: navy; font-weight: bold; 
                              cursor: pointer; }
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 midnightblue;}
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.records a {color: navy; text-decoration: none; font-weight: bold;}
main table.records a:hover {color: blue;}

main table.splits {margin: .5em .5em .5em 7em; border-collapse: collapse;}
main table.splits td {padding: .4em .5em .4em .5em; border: 1px solid midnightblue; vertical-align: middle;}
main table.splits td.distance {width: 4em; font-weight: bold; text-align: right; background: #c9d7e8;}
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: 7em; 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 tr.teamskater td {padding-top: 0;}
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: 7em;}
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: lightsteelblue;}
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: lightsteelblue;}
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: lightsteelblue;}
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;}

/* Content navigation */
main nav {background: lightsteelblue; font-size: .8em; padding: .5em; border: 1px solid midnightblue; }
main nav form {}
main nav form div.options {margin-bottom: 3em;}
main nav form ul {list-style: none;}
main nav form ul li {float: left; padding: 0; padding-right: .5em; padding-bottom: .5em;}
main nav form ul li h1 {font-size: 1em; margin-bottom: 0; font-weight: bold;}
main nav form select { padding: .2em; font-size: 1em; width: 11em; }
main nav form select.long {width: 20em;}
main nav form button {clear: both; display: block; padding: .2em; font-size: 1em;}

/* 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 midnightblue;}
main.live h4.racedate {font-size: 1.2em; font-style: italic; font-weight: normal;
                       margin-left: .7em; margin-top: .5em; margin-bottom: .25em;}

main.live div.livestatus {font-size: 1.3em; background-color: whitesmoke; border: 3px solid red; margin-bottom: .7em;}
main.live div.livestatus p { padding: .3em .5em; }

/* 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 a {color: navy; text-decoration: none; font-weight: bold;}
main.live table.participants a:hover {color: blue;}

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: lightsteelblue; }
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;}

main.live div.raceresults table thead {background-color: lightsteelblue;}
main.live div.raceresults table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                               color: black; text-align: center; font-weight: bold;}
main.live div.raceresults table th.name {text-align: left; border-right: none;}
main.live div.raceresults table th.country {text-align: left; border-left: none;}
main.live div.raceresults table th.time {text-align: right; border-right: none;}
main.live div.raceresults table th.records {text-align: left; border-left: none;}

/* Team Race results */
main.live div.teamraceresults {margin: 1em 1em 2em 1em; }
main.live div.teamraceresults table {margin-bottom: 1em; border-collapse: collapse; border: 1px solid black; width: 100%;}
main.live div.teamraceresults table td {padding: .4em .5em .4em .5em; vertical-align: middle; }
main.live div.teamraceresults table td.rank {width: 3em; text-align: right; vertical-align: middle; 
      border-bottom: 1px solid black; border-right: 1px solid black;}
main.live div.teamraceresults table td.name {width: 20em;}
main.live div.teamraceresults table td.teamname {width: 20em; font-weight: bold; font-size: 1.2em;}
main.live div.teamraceresults table td.age {width: 2em;}
main.live div.teamraceresults table td.dob {width: 5.5em;}
main.live div.teamraceresults table td.time {width: 6em; text-align: right; font-weight: bold;
      vertical-align: middle; border-left: 1px solid black; border-bottom: 1px solid black; }
main.live div.teamraceresults table td.records {width: 10em; vertical-align: middle; border-bottom: 1px solid black;}
main.live div.teamraceresults table td.flag {width: 1em; padding: .5em 0 .3em .5em;}
main.live div.teamraceresults table td.flag img.flag {height: 1.0em; margin-right: .1em;}
main.live div.teamraceresults table td.ioc {width: 2em; padding-left: 0;}
main.live div.teamraceresults table td.teamskaters {width: 23em; padding: 0 0 0 1em; border-bottom: 1px solid black; }
main.live div.teamraceresults table.teamskaters {width: auto; table-layout: auto; border: none; margin-bottom: .5em;}
main.live div.teamraceresults table.teamskaters td {padding: 0 1em 0 0; }

main.live div.teamraceresults table thead {background-color: lightsteelblue;}
main.live div.teamraceresults table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                               color: black; text-align: center; font-weight: bold;}
main.live div.teamraceresults table th.name {text-align: left;}
main.live div.teamraceresults table th.country {text-align: left;}
main.live div.teamraceresults table th.time {text-align: right; border-right: none; }
main.live div.teamraceresults table th.records {text-align: left; border-left: none; }


/* 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.pr {width: 3em; text-align: left; font-style: italic; border-left: 1px solid black; 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;}

main.live div.pairs table thead {background-color: lightsteelblue; border: 2px solid black;}
main.live div.pairs table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                              color: black; text-align: center; font-weight: bold;}
main.live div.pairs table th.name {text-align: left; border-right: none;}
main.live div.pairs table th.country {text-align: left; border-left: none;}
main.live div.pairs table th.pr {text-align: left; border-left: none;}
main.live div.pairs table th.time {text-align: right; border-right: none;}
main.live div.pairs table th.records {text-align: left; border-left: none;}

/* Team Pairs */
main.live div.teampairs {margin: 1em 1em 2em 1em;}
main.live div.teampairs table {margin-bottom: 1em; border-collapse: collapse; width: 100%;}
main.live div.teampairs table tr.white {background-color: white; border-top: 2px solid black;}
main.live div.teampairs table tr.white.teamskaters { border: none; }
main.live div.teampairs table tr.red {background-color: #FFA387; border-bottom: none;}
main.live div.teampairs table td {padding: .4em .5em .4em .5em; }
main.live div.teampairs 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.teampairs table tr.red td.pair {border-bottom: 2px solid black; }
main.live div.teampairs table td.lane {width: 2em; text-align: center; vertical-align: middle;
      border-right: 1px solid black; border-bottom: 1px solid black;}
main.live div.teampairs table tr.red td.lane { background-color: firebrick; color: white; border-bottom: 2px solid black;}
main.live div.teampairs table td.teamname {width: 23em; border-bottom: none; font-weight: bold; font-size: 1.2em; }
main.live div.teampairs table td.flag {width: 1em; padding: .5em 0 .3em .5em; }
main.live div.teampairs table td.flag img.flag {height: 1.0em; margin-right: .1em;}
main.live div.teampairs table td.ioc {width: 2em; padding-left: .1em; }
main.live div.teampairs table td.time {width: 6em; text-align: right; font-weight: bold;  vertical-align: middle;
      border-left: 1px solid black; border-bottom: 1px solid black;}
main.live div.teampairs table tr.red td.time {border-bottom: 2px solid black; }
main.live div.teampairs table td.records {width: 10em; vertical-align: middle;
         border-right: 2px solid black; border-bottom: 1px solid black;}
main.live div.teampairs table tr.red td.records {border-bottom: 2px solid black; }
main.live div.teampairs table td.teamskaters {width: 26em; padding: 0 0 0 1em; border-bottom: 1px solid black; }
main.live div.teampairs table tr.red td.teamskaters {border-bottom: 2px solid black; }
main.live div.teampairs table.teamskaters {width: auto; table-layout: auto; border: none; margin-bottom: .5em;}
main.live div.teampairs table.teamskaters td {padding: 0 1em 0 0; }

main.live div.teampairs table thead {background-color: lightsteelblue; border: 2px solid black;}
main.live div.teampairs table th {padding: .4em .5em .4em .5em; border: 1px solid black; 
                              color: black; text-align: center; font-weight: bold;}
main.live div.teampairs table th.name {text-align: left; border-right: none;}
main.live div.teampairs table th.country {text-align: left; border-left: none;}
main.live div.teampairs table th.pr {text-align: left; border-left: none;}
main.live div.teampairs table th.time {text-align: right; border-right: none;}
main.live div.teampairs table th.records {text-align: left; border-left: none;}


/* API */
main table.api {margin: 1em 2em 2em 1em; width: 90%; border-collapse: collapse; border: 1px solid black;}
main table.api thead {background-color: lightsteelblue;}
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;
}

main div.dataTables_paginate {padding: 1em 1em 1em 1em; font-size: 1em; clear: both;
    border-top: 1px solid silver; border-bottom: 1px solid silver; margin-bottom: 1em;}
main div.dataTables_paginate a.paginate_button {border: 1px solid midnightblue; 
    padding: .3em .5em; margin-right: .3em;}
main div.dataTables_paginate a.paginate_active {padding: .3em .5em; margin-right: .3em;
    background: gold; border: 2px solid blue; font-weight: bold;}
main div.dataTables_paginate a.previous,a.next,a.first,a.last {background: lightsteelblue;}
main div.dataTables_paginate a.previous {margin-right: 1em;}
main div.dataTables_paginate a.next {margin-left: .7em;}
main div.dataTables_paginate a.paginate_button_disabled {background: lightsteelblue; color: dimgray;}

main div.dataTables_info {float:left; padding-top: .75em; margin-right: 3em; }
main div.dataTables_filter {float: left; width: 30%;}

main table.dataTable tr.odd {background-color: #cce6ff;}