/*

    Created on : 11-May-2018, 11:17:08
    Author     : gary.burton-wilcock
    Project    : canvas
*/
canvas{
    position: absolute;
    top:0;
    left:0;      
}
#myCanvas{
    background-color:  azure;
    border-style:  solid;  
}
#offScreen{
    
}
.hidden{
    display:none;
}
#frametext{
    position: absolute;
    top:657px;
    left:0;
    height: 58px;
    width: 856px;
    border-style: solid;
    font-family:  fantasy;
}
#caption{
    height: 48pxx;
    width: 846px;  
}
#overlay{
    position: absolute;
    top:0;
    left:0;
    border-style:  solid;
    width:856px;
    height:642px;
         
}
#overlayContent{
    width:80%;
    height:auto;
}
#dialog{
    position: absolute;
    top:0;
    left:0;
    border-style:  solid;
    width:1px;
    height:1px;
}
#txtDlg{
    position:absolute;
    top:300px;
    left:300px;
    font-family: cursive;
    font-size: 14px;
}
#clrDlg{
    position:absolute;
    top:300px;
    left:300px;
}
#fontDlg{
    position:absolute;
    top:50px;
    left:50px;
    background-color:  antiquewhite;

}
#fontFamily{
    position:absolute;
    top:270px;
    left:60px; 
    font-family:  Pangolin;
    font-size: 14px;
}
#fontSize{
    position:absolute;
    top:270px;
    left:240px; 
    font-family:  Pangolin;
    font-size: 14px;
}
#tools{
    position:absolute;
    top:712px;
}


body{
    font-family:  Pangolin;
    font-size:  16px;
    background-color:  antiquewhite;
}

#frame{
    position:absolute;
    top:0;
    left:0;
    border-style:  solid;
    border-color: blue;
    width:862px;
    height:648px;
}
#library{
    position:absolute;
    top:5px;
    left:80%;
    border-style: solid;
    border-color: red;  
}
#userIn{
   position:absolute;
    top:200px;
    left:80%;
    border-style: solid;
    border-color: red; 
}

img.background{
    width:160px;
    height:105px;
}
.hotspot{
    position:absolute;
    
    
}
.textBox{
    position:absolute;
    background-color: blue;
    color:white;
    top:200px;
    left:200px;
}
.btn:hover{
    background-color: aquamarine;
    touch-action:manipulation;
}
.sbTitle{
    width:300px;
}
#sbname{
    width:600px;
}