/* Make the content reach the edges of the window */
body, html {
    margin: 0;
    padding: 0;
    background: #a0a0a0;
    color: #000000;
}

#nav {
    padding-left: 2px;
    background: #ffffff;
}

#title {
    border: solid 1px;
    border-color: #a0a0a0;
    background: #f0f0a0;
    padding: 2px;
}

#main-player {
    float:left;
    width:425px;
    height:520px;
    background: #000000;
}

#main-playlist {
    float:right;
    background: #a0a0ff;
    height:520px;
    overflow: auto;
    padding: 6px 6px 6px 6px;
}

#generator {
    border-top: 1px solid;
    padding: 2px;
    background: #e0e0e0;
    clear: both;
}

#footer {
    border-top: 1px solid;
    padding: 2px;
    background: #e0e0e0;
    clear: both;
}


#playlist-title {
    font-size: 32pt;
    font-weight: bold;
}


.playlist-table {
    border-width: thin thin thin thin;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: blue blue blue blue;
    border-collapse: separate;
    background-color: white;
}
.playlist-table th {
    border-width: thin none thin none;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: blue blue blue blue;
    background-color: #a0ffff;
}
.playlist-table td {
    border-width: none thin thin none;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: blue blue blue blue;
    background-color: white;
}

#generate-style {
    border-bottom: 1px solid;
    margin: 2px;
    background: #ffffff;
}

#generate-style .choice {
    margin: 1px;
    border-style: dashed;
    border-color: #e0e0e0;
}

#generate-contents {
    overflow: auto;
    font-family: monospace;
}