@charset "utf-8";
/* CSS Document */

.tabSection {
    width: 1100px;
    margin: 0 auto;
}
.tab { _position: relative; }
.top { margin-bottom: -1px; }
.bottom { margin-top: -1px; }
.tab li {
    display: inline;
    margin-right: 3px;
    list-style: none;
}
.tab a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background: #eeeeee;
    text-decoration: none;
    color: #444444;
    _zoom: 1;
}
.tab li.current a {
    background: #ffffff;
    color: #298CC3;
}
.top .current a { border-bottom: 1px solid #ffffff; }
.tabSection .contents .content {
    padding: 20px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

table.scoresheets {
    border-radius: 0;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #E8E8E8 inset;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    border-spacing: 0;
    background: none repeat scroll 0 0 #FFF;
	font-size: 15px;
	color: #494C4D;
}
table.scoresheets thead {
    background: none repeat scroll 0 0 #298CC3;
    color: #FFFFFF;
}
table.scoresheets thead th {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ffffff;
}
table.scoresheets tbody td {
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    padding: 10px;
}
table.scoresheets tbody tr td {
    transition: background-color 0.3s ease 0s;
}
table.scoresheets tbody tr:nth-child(2n) td {
    background: none repeat scroll 0 0 #F7F7F7;
    border-left: 1px solid #E8E8E8;
}
table.scoresheets tbody tr:hover td {
    background: none repeat scroll 0 0 #EBF6F7;
}

table.scoresheets a:link {color: #494C4D;}
table.scoresheets a:visited {color:#494C4D;}
table.scoresheets a:hover {color:#2178A7;}


.mid{text-align: center;}
.top{vertical-align: top;}

a.food-top:hover {
    position: relative;
    text-decoration: none;
}
a.food-top span {
    display: none;
    position: absolute;
    top: -300px; 
    left: 0;
}
a.food-top:hover span {
    border: none;
    display: block;
    width: 600px;
}

a.food-bottom:hover {
    position: relative;
    text-decoration: none;
}
a.food-bottom span {
    display: none;
    position: absolute;
    top: 1em; 
    left: 0;
}
a.food-bottom:hover span {
    border: none;
    display: block;
    width: 600px;
}

.tabSection .notes {
	font-size: 15px;
	text-align: right;
	color: #494C4D;
}