@font-face
{
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face
{
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

.control_panel 
{
    background-color: white;
    width: 280px; 
    /*height: 710px; */
    z-index: -1;
    margin-left: -2px;
}

#ControlPanelTableData
{
    text-align: left; 
    vertical-align: top; 
    overflow: hidden;
}

.control_buttons
{
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 10px 3px 0px 0px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "Montserrat-Regular";
    color: white;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 0px;
    text-decoration: none;
    font-size: 10px;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-left: 3px solid grey;
    border-top: 3px solid darkgrey;
    border-right: 3px solid darkgrey;
    border-bottom: 3px solid grey;
}

.control_button_active
{
    color: white !important;
    background-color: #00255B !important;
}

.control_button_click 
{
    color: white !important;
}

.play_button 
{
    margin-left: 40px;
    background-color: #08666C;
}

.play_button:hover
{
    background-color: #00255B;
    color: #C3F90C;
}

.pause_button 
{
    background-color: #08666C;
}

.pause_button:hover
{
    background-color: #00255B;
    color: #C3F90C;
}

.stop_button 
{
    background-color: #00255B;
    color: #C3F90C;
}

.stop_button:hover
{
    background-color: #00255B;
    color: #C3F90C;
}

.record_button 
{
    background-color: #08666C;
}

.record_button:hover
{
    background-color: #00255B;
    color: #C3F90C;
}

legend 
{
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    margin: 0 5px 0 5px;
    font-family: 'montserrat-regular'; 
    font-size: 12px;
}

#ZoomFieldset
{
    /*margin-top: -57px;*/
}

fieldset
{
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #F7F1E3;
    text-align: right;
    display: block;
    font-family: 'montserrat-regular'; 
    font-size: 10px;
    margin: 0px 5px 0 5px;
}

.OptionOn
{
    color: yellow;
    text-decoration: none;
}

.OptionOff
{
    color: red;
    text-decoration: none;
}

.focus_button
{
    text-align: center; 
    position: relative; 
    display: inline-block; 
    height: 35px; 
    width: 35px;
    color: white;
    background-color: #08666C; 
    border: 2px solid black; 
    cursor: pointer;
    font-family: "montserrat-regular";
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float: left;
}

.focus_image
{
    width: 20px; 
    height: 20px;
}

.focus_button:hover
{
    background-color: #00255B;
    color: #C3F90C;
}

#focusNear
{
    margin: 2px 16px 0 42px; 
}

#focusFar
{
    margin: 2px 16px 0 0;     
}

#focusOnePush
{
    margin: 2px 0 0 0;     
}

#focusInfinite
{
    margin: 7px 0 0 42px;
}

#NUC
{
    margin: 7px 0 0 16px;
}

#irisClose
{
    margin: 2px 0 0 42px; 
}

#irisOpen
{
    margin: 2px 77px 0 16px;     
}

.NoVideoAvailable
{
    border: 1px solid black;
    color: red;
    font-size: 21px;
    padding-top: 100px;
}

#PlayButton 
{
    margin-right: 7px;
}