body
{
font-size:small;
background:#ababab url(../images/bg.jpg) repeat-x;
font-family:arial, sans-serif;
padding:20px 40px;
}

#canvas
{
border:5px solid darkred;
padding:40px;
margin-top:20px;
background:#fff url(../images/canvasbg.jpg) top right no-repeat;
}

table.myform td, table.myform th
{
padding-right:10px;
padding-bottom:25px;
vertical-align:top;
}

table.myform th h5
{
font-weight:bold;
font-size:110%;
}

table.myform
{
width:700px;
}


table.myform td
{
line-height:1.5;
}

table.myform textarea
{

height:60px;
}

table.myform textarea.read
{
height:180px;
}

table.myform th span
{
font-weight:normal;
font-size:small;
font-style:italic;
}

h2
{
font-size:150%;
margin-bottom:20px;
text-transform:uppercase;
}


table.myform td h3
{
font-weight:bold;
margin-bottom:6px;
text-transform:uppercase;
color:darkred;
border-bottom:1px solid darkred;
}

ul.error
{
margin:10px ;
}

#topmenu
{
text-align:right;
margin-right:20px;
}

a
{
color:darkred;
text-decoration:underline;

}

a#download
{
margin-top:3px;
padding:2px;
color:#fff;
font-weight:bold;
text-decoration:none;
background:darkred;
}

p.footer
{
margin-top:5px;
color:#666;
}

table.template
{
border:3px solid #000;

}

table.mem
{
border:3px solid #000;
width:550px

}

table.template td
{
padding:8px;
border:1px solid #000;
text-align:center;
vertical-align:middle;
}
table.template td.title
{
background:darkred;
color:#fff;
font-weight:bold;
padding:8px;

text-transform:uppercase;
}

table.template tr.labels
{
font-weight:bold;
background:#DDD;
}


table.template tr.break
{
border-bottom:2px solid #000;
}

table.template td.member_ex
{
text-align:left;
}

p#daylist
{
margin:10px 0;
}

#athlete_info
{
border:1px solid #000;
float:right;
margin-left:10px;
padding:10px;
width:400px;

}

#athlete_info h3
{
font-weight:bold;
border-bottom:1px solid black;
}

#athlete_info table.info td, #athlete_info table.info th
{
vertical-align:top;
border-spacing:3px;
}

#athlete_info table.info th
{
font-weight:bold;
}


#athlete_info table.info tr.section
{
font-weight:bold;
color:darkred;
}

.clear
{
clear:both;
}

h4
{
margin:10px 0;
font-weight:bold;
font-size:130%;
}

#moviebox
{
clear:both;
float:right;
border:1px solid #000;
margin-left:20px;
padding:10px;
background:#fff;
}

#jukebox
{
float:right;
clear:both;
border:1px solid #aaa;
margin-left:20px;
padding:10px;
background:#fff;
width:320px;
margin-bottom:20px;
}

table.progress th, table.progress td
{
width:120px;
border:1px solid #999;
padding:3px;
} 

table.progress th
{
width:120px;
border:1px solid #999;
color:#fff;
font-weight:bold;
background:#444;
} 


table.progress
{
margin:10px 0;
}

table.charts h3
{
margin-top:20px;
font-weight:bold;
color:darkred;
font-size:110%;
}

a.delete
{
color:#999;
font-size:90%;
}

a.delete:hover
{
color:#444;
}

#chartimage
{
display:inline;
}

table#assign td
{
vertical-align:center;
text-align:center;
padding:10px;
}


table#assign td select
{
width:300px;
}