#root_tbl {
    margin: 0px;
}

#root {
    position: relative;
}

.slider {
    position: absolute;
    z-index: 2;
    width: 640px;
    height: 480px;
    display: none;
}

.slider img{
    display: none;
    position: absolute;
    padding: 0px;
}

.show img{
    display: block;
    height: 480px;
    padding: 0px;
}

#argologo {
    position: absolute;
    z-index: 3;
    display: block;
    width: 100px;
    height: 100px;
    background: url(argologo.png);
}

#controls {
    position: absolute;
    z-index: 4;
    width: 640px;
    height: 480px;
    /*padding-top: 18%;*/
    /*display: none;*/
}

#volume-control {
    width: 48px;
    height: 48px;
    z-index: 5;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.dynamic {
    fill:#333;
}

#dynamic_off {
    display: none;
}

#label {
    text-align: right;
    color: #333333;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 10px;
    height: 50px;
}

#btn_1,#btn_2,#btn_3,#btn_4,#btn_cont {
    border-radius: 6px;
    margin: 10px 0 10px 25%;
    width: 50%;
    text-align: center;
    padding: 5px;
    border: 1px solid #a94442;
    color: #a94442;
    background-color: #ebccd1;
    cursor: pointer;
}

#btn_2 {
    border: 1px solid #009933;
    color: #009933;
    background-color: #A8FFC5;
}

#btn_3 {
    border: 1px solid #F57A00;
    color: #F57A00;
    background-color: #FFE8D1;
}

#btn_4 {
    border: 1px solid #0000CC;
    color: #0000CC;
    background-color: #B2B3FF;
}

#btn_cont {
    border: 1px solid #333333;
    color: #333333;
    background-color: #D9D9D9;
}

#btn_1:hover { background: #DAA0A9; }
#btn_1:active { background: #C36573; }
#btn_2:hover { background: #61FF96; }
#btn_2:active { background: #00EB4E; }
#btn_3:hover { background: #FFD4A8; }
#btn_3:active { background: #FFB061; }
#btn_4:hover { background: #9496FF; }
#btn_4:active { background: #5254FF; }
#btn_cont:hover { background: #C7C7C7; }
#btn_cont:active { background: #B0B0B0; }

#control {
    margin: 445px 0 10px 370px;
}

.btnsc {
    border-radius: 6px;
    width: 90px;
    text-align: center;
    padding: 3px;
    border: 1px solid #333333;
    color: #333333;
    background-color: rgba(217,217,217,0.7);
    cursor: pointer;
    float: left;
    margin: 0 3px;
    line-height: 120%;
}

#btn_left,#btn_right {
    width: 25px;
}

.btnsc:hover { background: #C7C7C7; }
.btnsc:active { background: #B0B0B0; }

.genbtns {
    border-radius: 6px;
    margin: 5px;
    width: 260px;
    text-align: center;
    padding: 5px;
    border: 1px solid #333333;
    color: #333333;
    background-color: #D9D9D9;
    cursor: pointer;
    line-height: 120%;
}

.genbtns:hover { background: #C7C7C7; }
.genbtns:active { background: #B0B0B0; }

#load {
    text-align: center;
    padding: 10px;
    color: #a94442;
}

#root_tbl {
    width: 100%;
    border-spacing: 0;
    padding: 0px;
}

#root_tbl_video {
    width: 640px;
}

#btn_stopall {
    margin-left: 160px;
}