/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
        text-align:center;
}

.comment {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #666666;
}
.lead {
        margin-bottom:10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #555555;
        text-align:center;
}
.bpm {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #555555;
}

#bpmTable {
        width:300px;
        text-align:center;
        margin:auto;
        margin-top:30px;
}

#slider-1 {
        margin:auto;
        margin-top:        10px;
        margin-bottom: 10px;
        width:        300px;
}
#slider-2 {
        margin:auto;
        margin-top:        10px;
        margin-bottom:10px;
        width:        300px;
}
.style1 {
        font-size: 11px;
        font-weight: bold;
}
#footerstuff {
        width: 400px;
        margin:auto;
        margin-bottom:20px;
}
#box1 {
        position:relative;
        height:280px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 240px;
        font-style: normal;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        background-color: black;
}

.metronome_box {
        width:350px;
        margin:auto;
        margin-bottom:30px;
        text-align:center;
        border:3px solid #CCCCCC;
        padding:20px;
        padding-top:10px;
        background-color:#E6E6E6;
}

#accent_beats {
        width:272px;
        overflow:auto;
        margin:auto;
}

div.accentBeatLink, div.regularBeatLink {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        display:block;
        float:left;
        width:30px;
        margin:2px;
}

div.accentBeatLink {
        background-color:red;
}
div.regularBeatLink {
        background-color:black;
}

div.accentBeatLink a, div.regularBeatLink a {
        color:white;
        text-decoration:none;
        display:block;
        width:100%;
        height:100%;
}

input.start_button {
        margin:20px;
        padding:10px;
        font-size:1em;
        font-weight:bold;
        margin-bottom:0px;
}