﻿@charset "UTF-8";
/* CSS Document */

/* attributes */


/*-------------- section starts -----------------*/



#wrap-Overlay {
    height: 100%;
    width: 100%;
    background-color: #333333;
    opacity: 0.8;
    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: ”alpha(opacity=80)”;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
    opacity: .80;
    padding: 100px 0;
}

.video-area {
    width: 899px;
    height: 390px;
    overflow: hidden;
    margin-left: 30px;
}


.video-list {
    float: left;
    background-color: rgb(255,255,255);
    width: 193px;
    height: 390px;
    border-color: rgb(204,204,204);
    border-width: 2px;
    /* Firefox v1.0+ */
    -moz-border-radius: 1%;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 1%/0%;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 1%/0%;
    border-style: solid;
}


    .video-list p {
        font-size: 16px;
        line-height: 120%;
        color: rgb(51,51,51);
        text-align: center;
    }


.video-box {
    float: left;
    width: 701px;
    height: 390px;
}

.play-vid-btn {
    background-color: rgba(92,98,100,0.9);
    width: 174px;
    height: 28px;
    margin: 7px 0 0 10px;
    /* Firefox v3.5+ */
    -moz-box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#d555555,Strength=5) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1c000000,Positive = true)"; filter:progid:DXImageTransform.Microsoft.Glow(Color=#d555555,Strength=5) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1c000000,Positive = true);
    border: none;
    font-size: 15px;
    color: rgb(255,255,255);
    text-align: center;
    display: block;
    line-height: 28px;
}

    .play-vid-btn:visited, .play-vid-btn:hover {
        color: white;
    }

    .play-vid-btn:hover {
        background-color: rgba(134,143,147,0.9);
        /* Firefox v3.5+ */
        -moz-box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
        /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
        box-shadow: 0px 0px 5px 0px rgba(85,85,85,0.05),0px 2px 2px 0px rgba(0,0,0,0.11),inset 0px 0px 0px 250px rgba(255,255,190,0.01);
        -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#d555555,Strength=5) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1c000000,Positive = true)"; filter:progid:DXImageTransform.Microsoft.Glow(Color=#d555555,Strength=5) progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #1c000000,Positive = true);
    }

.title-bar-ol {
    /* Firefox v3.6+ */
    background-image: -moz-linear-gradient(51% 22% -90deg,rgb(234,234,234) 0%,rgb(170,170,170) 100%);
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image: -webkit-gradient(linear,51% 22%,51% 125%,color-stop(0, rgb(234,234,234)),color-stop(1, rgb(170,170,170)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image: -webkit-linear-gradient(-90deg,rgb(234,234,234) 0%,rgb(170,170,170) 100%);
    /* Opera v11.10+ */
    background-image: -o-linear-gradient(-90deg,rgb(234,234,234) 0%,rgb(170,170,170) 100%);
    /* IE v10+ */
    background-image: -ms-linear-gradient(-90deg,rgb(234,234,234) 0%,rgb(170,170,170) 100%);
    background-image: linear-gradient(180deg,rgb(234,234,234) 0%,rgb(170,170,170) 100%);
    width: 193px;
    height: 37px;
    border-color: rgb(209,209,220);
    border-width: 1px;
    /* Firefox v1.0+ */
    -moz-border-radius: 0%;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 0%/2%;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 0%/2%;
    border-style: solid;
    /* Firefox v3.5+ */
    -moz-box-shadow: 0px 3px 3px rgba(102,102,102,0.65);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 3px 3px rgba(102,102,102,0.65);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 3px 3px rgba(102,102,102,0.65);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaeaea,endColorstr=#ffaaaaaa,GradientType=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#a6666666,Positive=true)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaeaea,endColorstr=#ffaaaaaa,GradientType=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#a6666666,Positive=true);
}

    .title-bar-ol p {
        font-size: 16px;
        color: #333333;
        margin: 10px 0 0 10px;
    }

.video-title {
    text-decoration: none;
    width: 120px; /* 412px;*/
    position: absolute;
    white-space: nowrap;
    height: 20px;
    color: #333333;
    padding: 6px 20px 4px 20px;
    margin-left: 10px;
    text-decoration: none;
    overflow: hidden;
    background-color: rgba(92,98,100,0.9);
    color: white;
    cursor: pointer;
    text-align: center;
}

.video-buttons {
    overflow-x: hidden;
    overflow-y: auto;
    height: 344px;
    position: relative;
    margin-top: 4px;
}

    .video-title span {
        margin-top: 10px;
    }

#no-video-text a {
    text-decoration: underline;
}

/*----------------------------------- Video style----------------------------------------------*/

/* custom player skin
   .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
   .flowplayer .fp-controls { background-color: rgba(51, 51, 51, 1)}
   .flowplayer .fp-timeline { background-color: rgba(255, 255, 255, 1)}
   .flowplayer .fp-progress { background-color: rgba(170, 170, 170, 1)}
   .flowplayer .fp-buffer { background-color: rgba(107, 111, 111, 1)} */

/* custom player skin */
.flowplayer {
    background-color: #222;
    background-size: cover;
    max-width: 701px;
    height: 390px;
}

    .flowplayer .fp-controls {
        background-color: rgba(17, 17, 17, 1);
    }

    .flowplayer .fp-timeline {
        background-color: rgba(255, 255, 255, 1);
    }

    .flowplayer .fp-progress {
        background-color: rgba(170, 170, 170, 1);
    }

    .flowplayer .fp-buffer {
        background-color: rgba(107, 111, 111, 1);
    }
    #no-video-available {
        margin-left:280px;
        display: block;
        margin-top: 140px;
    }