* {
    margin: 0;
    padding:0;
    outline:none;
    text-decoration:none;
}

html {
    font-family: Verdana, Verdana, Geneva, sans-serif;
    color:#000000;
}

#rcontainer {
    width: 730px;
    margin: 0 auto;
    overflow:auto;
    padding: 80px 0 0 0;
}

.roosterwrapper {
    clear:both;
    overflow:auto;
}
table.rooster {
    width:730px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top: 1px solid #ccc;
    table-layout: fixed;
    font-size:12px;
}
strong {
    text-transform:uppercase;
}
table.rooster tr td.tijd {
    background-color:#fff;
    padding:0 3px;
    width:40px;
}
table.rooster tr td.odd {
    background-color:#ddd;
    padding:0 3px;

}
table.rooster tr td.even {
    background-color:#fff;
    padding:0 3px;
}
table.rooster tr td {
    border-bottom: 1px solid #ccc;
    padding:0 3px;

}
table.rooster tr td div {
    overflow:none;
    width:110px;
}
h2 {
    font-size:16px;
    margin: 10px 0 0 0;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
}
h3 {
    font-size:14px;
    font-family: Verdana, Verdana, Geneva, sans-serif;
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:bold;
    background:url('/images/rooster-heading.png') top left repeat-x;
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
    width:725px;
}



/* trigger button */
.showdetails {
   overflow:hidden;
}

/* mouseover state */
#download_now:hover {

}

/* clicked state */
#download_now:focus {

}


/* tooltip styling */
.tooltip {
    display:none;
    background:url(/images/black_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
    color:yellow;
    width:35px;
}

.tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
}

.tooltipdetails {
    display:none;
}

table.rooster tr td div a, table.rooster tr td a {
    color:#000000;
    display:block;
}