@charset "utf-8";
/* CSS Document */

#ui_container2
{
    height: 100px;
    width: 170px;
    position:absolute;
    top: 420px;
    left: 300px;
    background-color: #F4EAF4;
    border: 1px solid #999999
}

#ui_container3
{
    height: 90px;
    width: 170px;
    position:absolute;
    top: 420px;
    left: 690px;
    background-color: #F4EAF4;
    border: 1px solid #999999
}

#anim_background
{
    height: 100px;
    width: 880px;
    position:absolute;
    top: 190px;
    left: 20px;
}
/*
#anim_container
{
    height: 100px;
    width: 880px;
    position:absolute;
    top: 180px;
    left: 20px;
}
*/
#item_holder
{
    height: 100px;
    width: 880px;
    position:absolute;
    top: 210px;
    left: 0px;
}


.item
{
    position:absolute;
    width:60px;
    height:60px;
    left:0px;
    background-image:url("../assets/engine1.png");
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center;
}


#speed_slider_container
{
    height: 100px;
    width: 240px;
    position:absolute;
    top: 420px;
    left: 20px;
}

#speed_slider
{
    /*overflow:hidden;*/
    margin:auto;
    position:absolute;
    top:35px;
    left:20px;
    width:200px;
}

.divider
{
    height: 100px;
    width: 10px;
    position:absolute;
    top: 0px;
    background-color: #DDEBC7;
}

#divider1 { left:80px }
#divider2 { left:260px }
#divider3 { left:440px }
#divider4 { left:620px }
#divider5 { left:800px }

#workstation_holder
{
    height: 100px;
    width: 880px;
    position:absolute;
    top: 80px;
    left: 0px;

}
.workstation
{
    height: 120px;
    width: 280px;
    position:absolute;
    top: 0px;
    background-repeat:no-repeat;
    background-position:center;
}


#workstation1 {left: 0px; background-image:url("../assets/worker1.png");}
#workstation2 {left: 180px; background-image:url("../assets/worker2.png");}
#workstation3 {left: 360px; background-image:url("../assets/worker3.png");}
#workstation4 {left: 540px; background-image:url("../assets/worker4.png");}

.control_container
{
    height: 120px;
    width: 280px;
    position:absolute;
    top: 240px;
}
.slider_title
{
    width: 100%;
    height: 30px;
    top:0px;
    position:absolute;
    padding-top:5px;
    font-size:13px;
    text-align:center;
    background-color:#DDD;
    border: solid #999 1px;
    color:#666;
    font-weight:bold;
}

.control_title
{
    width: 100%;
    height: 30px;
    top:20px;
    position:absolute;
    padding-top:5px;
    font-size:13px;
    text-align:center;
    background-color:#DDD;
    border: solid #999 1px;
    color:#666;
    font-weight:bold;
}

.slider_holder
{
    width: 100%;
    height: 70px;
    position:absolute;
    left:0px;
    top:30px;
    background-color:#EAF4FF;
    border: solid #999 1px;
}

.control_holder
{
    width: 100%;
    height: 70px;
    position:absolute;
    left:0px;
    top:50px;
    background-color:#EAF4FF;
    border: solid #999 1px;
}

.control_slider
{
    width: 240px;
    position:absolute;
    left:20px;
    top:30px;
}

.row1
{
    position:absolute;
    left: 0px;
    top:0px;
    height:100%;
    width:100%;
}
.col1
{
    position:absolute;
    left: 0px;
    top: 15px;
    width: 260px;
    height: 100%;
    text-align:center;
    font-size:15px;
    color:#000000;
    /*font-weight:bold;*/
}
.col2
{
    position:absolute;
    left: 21px;
    top: 15px;
    width: 130px;
}


.img_btn
{
    display:block;
    border:0px;
    cursor:pointer;
    overflow:hidden;
}
.img_btn_disabled
{
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    cursor:auto;
}

.start_btn
{
    width:128px;
    height:62px;
    background-image:url("../assets/start_button.png");
    background-position: 0px 0px;
}
.start_btn.startHoverAction
{
    background-position: 0px -63px;
    background-position-y: -63px;
}

.stop_btn
{
    width:128px;
    height:62px;
    background-image:url("../assets/stop_button.png");
    background-position: 0px 0px;
}
.stop_btn.stopHoverAction
{
    background-position: 0px -63px;
    background-position-y: -63px;
}