/* bam kleuren:

  verkeerde kleuren van de website:
    lichtgroen: #cfefd5
    groen:      #669933
    oranje:     #ff660e

  gebaseerd op http://hansstol.totaldesign.nl/nl/bam.html:
    oranje: #fe911b;
    groen: #3ea639; 
    donkergroen: #256322;
    lichtgroen: #84cd81;

*/

body
{
    color: #222 !important;
}

a
{
    color: #256322;
    font-weight: bold;
}

#header
{
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('logo2.png');
    background-repeat: no-repeat;
    top: 20px;
    left: 20px;
}

.bam-tweak-bouwtraininglogo #secondary-header
{
    width: 150px;
    height: 20px;
    position: absolute;
    background-image: url('bouwtraining-logo.png');
    background-repeat: no-repeat;
    top: 20px;
    right: 20px;
}

#mainContainer
{
    width: 630px; /* 10px extra voor oranje rand links */
    margin-top: 20px;
}

#showVideoForm,
#loginForm
{
    margin-top: 50px;
    background-color: #3ea639;
}

#logout
{
    background-color: #fe911b;
}
#logout a
{
    color: white;
}

#admin a
{
    color: white;
}


#videoUpload
{
    color: white;
    background-color: #3ea639;
}

#uploadStatus .progress
{
}

#uploadStatus .progress .fill
{
}

#videoUpload .field label
{
    color: white;
}

#videoList
{
    padding: 10px;
    background-color: white;
    padding-bottom: 1px;
}

#videoList .videoItem
{
    background-color: #3ea639;
    color: white;

    border: none !important;
    border-left: 10px solid #fe911b !important;
    border-radius: 0;

    margin-bottom: 10px;
}

#videoList .videoItem:hover
{
    background-color: #3ea639;  /* groen */
}

#videoList .videoItem .date
{
    color: #256322; /* donkergroen */
}

#videoList .videoItem .converting,
#videoList .videoItem .error
{
    color: #fe911b; /* oranje - te vel */
    color: darkred;
}

#videoList .videoItem .thumbnail
{
    border: none;
    border: 1px solid #4e3603;
}

.videoPlayer .videoNotes
{
    background-color: #84cd81;
}

.videoPlayer .progress .wrapper,
.videoPlayer .volume .wrapper
{
    /*background-color: #844502;*/
    background-color: #542500;
    border: 1px solid #844502;
    border-bottom-color: #fedcb6;
}


.videoPlayer .controlBar           { background-image: url('control-bg.png');            }
.videoPlayer .progress .downloaded { background-image: url('control-downloaded-bg.png'); }
.videoPlayer .progress .played     { background-image: url('control-played-bg.png');     }
.videoPlayer .volume .setting      { background-image: url('control-played-bg.png');     }


/* ronde randen weghalen: */

#loginForm, #logout, #showVideoForm, #videoUpload, #videoList .videoItem, #admin
{
    -moz-border-radius:    0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius:  0px;
    border-radius:         2px;
}

/* datepicker */

    #ui-datepicker-div
    {
        background-color: #eee;
        border: 2px solid #999;
        box-shadow: 0px 3px 8px #000;
    }