#wincam {
    right:40%;
    top: 20%;
    height: 450px;
    width: 380px;
    background-color: rgba(2,136,222,0.85);

}

#winmcam {
    right:40%;
    top: 20%;
    height: 698px;
    width: 484px;
    background-color: rgba(2,136,222,0.85);
    display:block;
}

#wininfocam{
       right: 30%;
    top: 10%;
    height: 526px;
    width: 679px;
    background-color: rgba(2,136,222,.85);
    display: none;
}
#caminfoImg{
    min-width: 679px;
    min-height: 480px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
#winycam{
    right:60%;
    top: 20%;
    height: 450px;
    width:380px;
    background-color: rgba(2,136,222,0.85);
    display:none;
}

#winfavp{
    right:50%;
    top: 50%;
    height: 110px;
    width:320px;
    background-color: rgba(2,136,222,0.85);
    display:none;
}

#winfavadd{
    right:35%;
    top: 55%;
    height: 110px;
    width:320px;
    background-color: rgba(2,136,222,0.85);
    display:none;
}

#favdiva{
    position:absolute;
    left:10px;
    top:65px;
}

#favBtn{
    position:absolute;
    left:240px;
    top:4px;
    height:30px;
    width:80px;
    
}

#favin{
    position:absolute;
    left:0px;
    top:0px;
    width:230px;
}


#favitems{
    position:absolute;
    left:0px;
    top:0px;
    width:280px;
}

#favdiv{
    position:relative;
    left:10px;
    top:22px;
    
    
}

.favekimg{
    position: absolute;
    top: 4px;
    left:288px;
    width: 16px;
    height: 16px;
    cursor:pointer;
    opacity:unset ;
    background-repeat:no-repeat;
    background-size:16px;
}

 .favekimg:link {
    background-image: url('../images/windows/camera/favekle.png');
}

.favekimg:hover {
    background-image: url('../images/windows/camera/favekleover.png');
}

.mcamyc{
    position: relative;
    float:left;
    width:189px;
    height:200px;
    background-color:black;
    display:block;
    overflow: hidden;
    cursor:pointer;
}
.mcamcdy{
     float:left;
    width: 100%;
    height:202px;
    background-color: rgb(2,36,22);
    display:inline-block;
}

.mcamcd{
     float:left;
    width: 100%;
    height:202px;
    background-color: rgb(2,36,22);
    display:inline-block;
}

.mcamvc{
    position: relative;
    float:left;
    width:240px;
    height:200px;
    border-left:1px solid rgb(2,136,222);
    border-top:1px solid rgb(2,136,222);
    border-right:1px solid rgb(11, 209, 245);
    border-bottom:1px solid rgb(11, 209, 245);
    background-color:black;
    display:block;
    overflow: hidden;
    cursor:pointer;
}

.fcamvc{
    position: absolute;
    float:left;
    width:160px;
    height:120px;
    background-color:black;
    display:block;
    overflow: hidden;
    cursor:pointer;
}

.caminfoimgd{
    position: absolute;
    left: 0px;
    top: 46px;
    width: auto;
    height: auto;

}

.mcamyImg{
    position: absolute; 
    left: 0; 
    top: 0;
    min-width: 189px;
    min-height:200px;
    max-width: 189px;
    max-height:200px;
    width: auto; 
    height: auto; 
    display:none;
}

.camImgyb{
position: absolute; 
left: 0; 
top: 0;
min-width: 380px; 
min-height: 320px;
max-width: 380px; 
max-height: 320px;

width: auto; 
height: auto; 
display:none;
}

.mcamImg{
    position: absolute; 
    left: 0; 
    top: 0;
    max-width: 240px;
    max-height:200px;
    width: auto; 
    height: auto; 
    display:none;
}

.fcamImg{
    position: absolute; 
    left: 0px; 
    top: 0;
    max-width: 160px;
    max-height:120px;
    min-width: 160px;
    min-height:120px;
    width: auto; 
    height: auto; 
    display:none;
}

.mcamname{
    position: absolute; 
    left: 0; 
    top: 0;
    max-width: 240px;
    max-height:24px;
    width: auto; 
    height: 20px; 
    display:block;
    opacity:0.85;
    background-color: #00ffff;
    color:black;
    font-family:"RobotoCondensed-Regular";
    font-size:10px;
    padding-left:8px;
    padding-top:6px;
    padding-right:4px;
}

.fcamname{
    position: absolute; 
    left: 0; 
    bottom: 0;
    width: 100%;
    height:15px;
    display:block;
    opacity:0.85;
    background-color: #00ffff;
    color:black;
    font-family:"RobotoCondensed-Regular";
    font-size:10px;
    text-align:center;
    padding-top:4px;
}

.camLayer{
    position: relative;
    left: 0px;
    top: 49px;
    width:100%;
    height:320px;
    background-color: rgba(0,0,0,1.00);
    overflow: hidden;
}

.camVideo{
    position: absolute; 
left: 0; 
top: 0;
min-width: 100%; 
min-height: 100%;
width: auto; 
height: auto; 
display:none;
max-width: 380px;
max-height: 320px;    
object-fit: fill;    
}
.fcamVideo{
    position: absolute; 
left: 0; 
top: 0;
min-width: 160px; 
min-height: 120px;
max-width: 160px; 
max-height: 120px;
width: auto; 
height: auto; 
display:none;
}

.camImg{
 position: absolute; 
left: 0; 
top: 0;
min-width: 100%; 
min-height: 100%;
width: auto; 
height: auto; 
display:none;
}

.camVideo2 {
    position: absolute;
   left: 0px;
    top: 0px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}

.camInfo{
    position: absolute;
    left: 0px;
    top: 369px;
    width:100%;
    height:40px;
    background-color: rgba(0,255,255,0.50);
}

.camTools{
    position: absolute;
    left: 0px;
    top: 409px;
    width:100%;
    height:44px;
    background-color: rgba(12,164,236,0.50);
}

.camInfoB{
    position: absolute;
    left: 6px;
    bottom: 11px;
    width: 392px;
    height: 38px;
    background-color: rgba(12,164,236,0.20);
    
}

#camDownButton{
    display:none;
}

.camButtonsClass{
    position: absolute;
    top: 6px;
    height: 32px;
    width: 32px;
    cursor: pointer;

    display:inline-block;
    cursor:pointer;
   
    background-size:32px;
    background-repeat:no-repeat;
}

.camTxt{
    font-family:"RobotoCondensed-Regular";
    font-size:16px;
    color:black;
    width:296px;
    padding-left:4px;
}

.caminfbtxt {
    position: absolute;
    left: 36px;
    top: 12px;
    font-family:"RobotoCondensed-Regular";
    font-size:16px;
    color:black;
}

#camInfoDown:link {
    background-image: url('../images/windows/camera/down.png');
}
#camInfoDown:hover {
    background-image: url('../images/windows/camera/downOver.png');
}
#camInfoDown:visited {
    background-image: url('../images/windows/camera/down.png');
}
#camInfoDown:active {
    background-image: url('../images/windows/camera/down.png');
}


#camStream:link {
    background-image: url('../images/windows/camera/streamCamera2.png');
}
#camStream:hover {
    background-image: url('../images/windows/camera/streamCameraOver2.png');
}
#camStream:visited {
    background-image: url('../images/windows/camera/streamCameraClick2.png');
}
#camStream:active {
    background-image: url('../images/windows/camera/streamCameraClick2.png');
}

#camSlide:link {
    background-image: url('../images/windows/camera/otherimage.png');
}
#camSlide:hover {
    background-image: url('../images/windows/camera/otherimageOver.png');
}
#camSlide:visited {
    background-image: url('../images/windows/camera/otherimageClick.png');
}
#camSlide:active {
    background-image: url('../images/windows/camera/otherimageClick.png');
}

#camFavori:link {
    background-image: url('../images/windows/camera/favoriler.png');
}
#camFavori:hover {
    background-image: url('../images/windows/camera/favorilerOver.png');
}
#camFavori:visited {
    background-image: url('../images/windows/camera/favorilerClick.png');
}
#camFavori:active {
    background-image: url('../images/windows/camera/favorilerClick.png');
}

#camDir:link {
    background-image: url('../images/windows/camera/othercamera.png');
}
#camDir:hover {
    background-image: url('../images/windows/camera/othercameraOver.png');
}
#camDir:visited {
    background-image: url('../images/windows/camera/othercameraClick.png');
}
#camDir:active {
    background-image: url('../images/windows/camera/othercameraClick.png');
}

#camDInfo:link {
    background-image: url('../images/windows/camera/cameraInfo.png');
}
#camDInfo:hover {
    background-image: url('../images/windows/camera/cameraInfoOver.png');
}
#camDInfo:visited {
    background-image: url('../images/windows/camera/cameraInfoClick.png');
}
#camDInfo:active {
    background-image: url('../images/windows/camera/cameraInfoClick.png');
}

#camDInfoen:link {
    background-image: url('../images/windows/camera/cameraInfo_EN.png');
}
#camDInfoen:hover {
    background-image: url('../images/windows/camera/cameraInfoOver_EN.png');
}
#camDInfoen:visited {
    background-image: url('../images/windows/camera/cameraInfoClick_EN.png');
}
#camDInfoen:active {
    background-image: url('../images/windows/camera/cameraInfoClick_EN.png');
}