html { 
      //background: url(backgrounds/<?php echo $background."_".$screenwidth."x".$screenheight.".".$backgroundext; ?>) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      font-family: Arial, Helvetica, sans-serif;
    }

    html, body, #centerscreena {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }

    #centerscreena {
        //display: none;
        display: table;
        background-color: #eee;
    }

    #centerscreenb {
        display: table-cell;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

    #centerscreen {
        //border: 5px solid red;
        width: 50%;
        padding: 10px;
        margin: auto;
        //background-color: #FFF;
    }
    
    #draggable {
      background-color: #fff;
      width: 400px;
      height: 650px;
      z-index: 992;
      //padding: 0.5em;
    }
  
    /* Style the list */
    ul.tab {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        background-color: #f1f1f1;
    }

    /* Float the list items side by side */
    ul.tab li {float: left;}

    /* Style the links inside the list items */
    ul.tab li a {
        display: inline-block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        transition: 0.3s;
        font-size: 17px;
    }

    /* Change background color of links on hover */
    ul.tab li a:hover {background-color: #ddd;}

    /* Create an active/current tablink class */
    ul.tab li a:focus, .active {background-color: #ccc;}

    /* Style the tab content */
    .tabcontent {
        display: none;
        padding: 6px 12px;
        z-index: 991;

        //max-height: 455px;
        //overflow-y: auto;
        //border: 1px solid #ccc;
        //border-top: none;
    }
.header
{
    height:50px;
}
.draggablecontent
{
    position:absolute;
    top: 50px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:auto;
    z-index: 990;
}
.leftside {
    float: left;
    width: 80%;
}

.rightside {
    float: right;
    width: 20%;
}  

#fullscreensizewrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    //width: 1920px;
    //height: 1080px;
}