body {
margin:10px;
font-size:.9em;
background-color:#CCC;
color:#333;
font-family:arial,helvetica,sans-serif;
}

* {
margin:0;
padding:0;
}
p,h1,h2,h3 {
margin-bottom:10px;
}
th {
text-align:left;
}

img {
border:0;
}

h1 {
font-size:1.3em;
}
h2 {
font-size:1.2em;
}

p {
line-height:150%;
}
a {
color:#369;
font-weight:bold;
}

#container {
padding:15px;
width:740px;
margin-left:auto;
margin-right:auto;
background-color:#EEE;
border:1px solid #999;
}
ul {
padding-left:1em;
}

#main {
}

h1.logo {
margin:0;
}

#nav {
font-size:.9em;
margin:10px 0 20px 0;
padding:0;
background-color:#DDD;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
#nav li {
display:inline;
list-style:none;
margin:0;
padding:2px;
}
#nav a {
text-decoration:none;
padding:0 15px;
}
#nav a:hover {
background-color:#369;
color:#FFF;
}


#footer {
padding-top:40px;
font-size:.75em;
text-align:right;
color:#666;
}
#footer a {
color:#999;
}



table.trans {
width:100%;
}
table.trans td {
padding:2px;
vertical-align:top;
border-bottom:1px dashed #CCC;
}
table.trans th {
padding:2px;
vertical-align:top;
border-bottom:1px solid #CCC;
}
table.trans td.chord_yes {
font-weight:bold;
color:#060;
}
table.trans td.desc {
}
table.trans td.no_desc {
}
table.trans td.spacer {
border:0;
padding-bottom:10px;
}




#google_ads {
margin-bottom:15px;
text-align:center;
}




table.default_form {
margin-top:0;
margin-bottom:10px;
}
table.default_form th {
padding:5px;
text-align:left;
vertical-align:top;
}
table.default_form td {
padding:5px;
vertical-align:top;
}





table.default_list {
width:100%;
}
table.default_list td {
border-bottom:1px dashed #CCC;
padding:4px 0;
}
table.default_list th {
border-bottom:1px solid #CCC;
padding:4px 0;
}




/* Key Signatures */

table.ksig_test {
width:300px;
border-top:1px solid #CCC;
}
table.ksig_test td,table.ksig_test th {
padding:5px;
border-bottom:1px solid #CCC;
}

table.ksig_results {
width:430px;
}
table.ksig_results td,table.ksig_results th {
padding:5px;
border-bottom:1px solid #CCC;
}
span.correct {
font-weight:bold;
color:#369;
}
span.incorrect {
font-weight:bold;
color:#C00;
}
span.no_response {
font-style:italic;
color:#C00;
}



/* Scales Modes Test */

table.scales_test {
width:100%;
border-top:1px solid #CCC;
}
table.scales_test td,table.scales_test th {
padding:5px;
border-bottom:1px solid #CCC;
}

table.scales_results {
width:100%;
}
table.scales_results td,table.scales_results th {
padding:5px;
border-bottom:1px solid #CCC;
}

span.key_name {
font-weight:bold;
}







/* Contact Page */

label {
font-size:.9em;
margin-right: 1em;
font-weight:bold;
display:block;
}
fieldset ol {
list-style:none;
}
fieldset ol li {
margin-bottom:10px;
}
fieldset {
border:none;
}
div.success {
font-size:.9em;
font-weight:bold;
margin-bottom:20px;
padding:8px;
background-color:#eee;
border:1px solid #ccc;
}
div.error {
font-size:.9em;
font-weight:bold;
margin-bottom:20px;
color:#F00;
padding:8px;
background-color:#eee;
border:1px solid #ccc;
}
div.error li {
margin-left:20px;
}



input.fi_pro {
width:500px;
}
input.fi_desc {
width:200px;
}

span.lbl_note {
font-weight:normal;
font-style:italic;
}
table.at_form label {
padding-bottom:3px;
}
table.at_form td {
padding:2px 4px 2px 0;
}
.credit {
font-style:italic;
font-size:.8em;
margin-bottom:1em;
}
h2.song_title {
margin:0;
}