/* step 1 create playlist */

#kolom1 form {
    background: #fff;
    padding: 25px;
    width: 500px;
}

#kolom1 form input {
    background: #fbe8c0;
    padding: 3px;
    margin:0;
    width: 200px;
    border:0;
    height: 20px;
    font-size: 14px;
}

#kolom1 form .submit {
    background: #ffba06 url(http://simuze.nl/live/users/img/flexigrid/btn_add.gif) repeat-x;
    /*background: #ffba06 url(http://simuze/live/users/playlists/img/flexigrid/btn_add.gif) repeat-x;*/
    padding: 0 0 3px; 0;
    margin:2px 0 0 0;
    width: 120px;
    border:0;
    height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

/* step two the actual sortable playlist */
#playlist-items li ul {
    padding:0;
    margin:0;
    float: left;
    width: 585px;
}

#playlist-items li {
    float: left;
    width: 575px;
    background: #fff url(http://simuze.nl/live/users/img/flexigrid/bg_playlistitems.gif) repeat-x;  
    list-style-type: none;
    padding:5px;
    margin: 0 0 1px 0;
    cursor: move;
}

#playlist-items li ul {
    float: left;
    width: 555px;
}

#playlist-items li.actions {
    float: left;
    border-right: 1px solid #fed573;
    width: 50px;
    text-align: left;
    padding:0;
    height: 30px;
}

#playlist-items li.artist {
    float: left;
    border-right: 1px solid #fed573;
    width: 350px;
    text-align: left;
    padding:7px 0 0 10px;
    height: 23px;
}

#playlist-items li.license {
    float: left;
    border-right: 1px solid #fed573;
    width: 55px;
    text-align: left;
    padding:7px 10px 0 10px;
    height: 23px;
}

#kolom3 ul, #kolom1 ul {
    padding:0 0 0 10px;
    list-style: none;
    margin:0;
}

#kolom3 li {
    padding: 3px 0 3px 10px;
    list-style: none;
    margin:0;
}

ul#playlist-items, #playlist-items ul{
    list-style: none;
    padding:0;
    margin:0;
}

#playlist-items li li {
    width: 60px;
    padding:0;
    margin:0;
    float: right;
}

#playlist-items li li button {
    background: #990101 url(http://simuze.nl/live/users/img/flexigrid/bg_btn_delete.gif) repeat-x; 
    width: 63px;
    height: 29px;
    color: #fff;
    padding:0 0 4px 0;
    cursor: pointer;
}

#playlist-items li li button:hover {
    color: #ffad00;   
}

/* Playlist Overview */

#kolom1_playlists table {
    width: 600px;
    border:0;
}

#kolom1_playlists th {
    padding: 0 5px 0 5px;
    height: 29px;
    background: #91b3ba url(http://simuze.nl/live/users/img/flexigrid/wbg.gif) repeat-x; 
    color: #fff;
}

#kolom1_playlists tr {
    background: #fff3d6;
}

#kolom1_playlists td { 
    padding: 0 5px 0 5px;
    border-bottom: 1px solid #f8e4b3;
}

#kolom1_playlists td button { 
    padding: 0 5px 0 5px;
    height: 29px;
    color: #fff;
    background: #990101 url(http://simuze.nl/live/users/img/flexigrid/bg_btn_delete.gif) repeat-x; 
    cursor: pointer;
}

#kolom1_playlists td button:hover {
    color: #ffad00;   
}

a.btn_play { 
    padding: 6px;
    color: #000;
    background: url(http://simuze.nl/live/users/img/flexigrid/btn_add.gif) repeat-x; 
}

a.btn_play:hover, a.btn_play:active {
    color: #fff;
}

a.btn_edit { 
    padding: 6px;
    color: #000;
    background: url(http://simuze.nl/live/users/img/flexigrid/wbg.gif) repeat-x; 
}

a.btn_edit:hover, a.btn_edit:active {
    color: #fff;
}

a.big {
    font-size: 16px;
    background: #f8e4b3;
    padding: 0 5px 0 5px;
}

/* alg playlist viewer */

#kolom1 form.rating {
    float: left;
    background: transparent;
    width: 550px;
    padding:  0 20px 20px 0;
}

#kolom1 form.yourrating {
    float: left;
    background: transparent;
    width: 120px;
    padding:  7px 20px 5px 0;
}


#kolom1 form.rating .stars-submit {
    visibility: hidden;
    border:0;
    width:0;
    height:0;
}

.playlist_top table th {
    background: #91b3ba url(http://simuze.nl/live/users/img/flexigrid/wbg.gif) repeat-x; 
    height: 33px;
    padding: 0 5px 0 5px;
}

.playlist_top table td {
     padding: 0 5px 0 5px;
}

.playlist_top table tr {
    background: #fff url(http://simuze.nl/live/users/img/flexigrid/bg_playlistitems.gif) repeat-x; 
    height: 33px;
    padding: 0 5px 0 5px;
}