/* home page styles */

html
{
width:100vw;
height:100vh;
color:#F0F0F0;
font-size:16px;
font-family:arial;
background:#101010;
}

body
{
margin:3px;
overflow:hidden;
height: calc(100vh - 6px);
}

#blanket
{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: none;
z-index: 1010;
position: absolute;
padding: 67px 3px 16px 3px;
}

#debugFrame
{
padding: 0;
margin: 3px;
display: none;
overflow: auto;
border: 1px solid black;
width: calc(100% - 15px);
height: calc(100% - 8px);
background-color: #FFFFFF;
}

#menu
{
top:64px;
left:8px;
width:auto;
display:none;
z-index:1011;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

#subMenu
{
margin:0;
padding:0;
left:80px;
width:132px;
display:none;
z-index:1012;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

#settings
{
top:64px;
right:8px;
width:auto;
display:none;
z-index:1011;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

#langDiv
{
top:16px;
right:64px;
width:auto;
display:none;
z-index:1012;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

#toolsDiv
{
top:16px;
right:64px;
width:auto;
display:none;
z-index:1012;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

#extrasDiv
{
bottom:12px;
left:64px;
width:auto;
display:none;
z-index:1010;
position:absolute;
background:#C0C0C0;
border:1px solid black;
}

div
{
margin:0;
padding:0;
width:100%;
display:block;
}

iframe
{
margin:0;
padding:0;
width:100%;
height:100%;
border:none;
display:block;
}

.logoTable
{
height:64px;
display:inline-table;
vertical-align:middle;
}

img.logo
{
top:2px;
width:64px;
height:64px;
z-index:1002;
cursor:pointer;
position:absolute;
}

img.logoMiddle
{
height:64px;
vertical-align:middle;
}

h1.logo
{
margin:3px;
text-align:center;
}

p.menu
{
margin:3px;
padding:6px;
cursor:pointer;
color:#000000;
background:#C0C0C0;
text-align:center;
white-space:nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

p.menu:hover
{
color:#F0F0F0;
background:#808080;
}

p.selected
{
margin:3px;
padding:6px;
color:#808080;
cursor:default;
text-align:center;
white-space:nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

p.unSelected
{
margin:3px;
padding:6px;
color:#F0F0F0;
background:#808080;
cursor:pointer;
text-align:center;
white-space:nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

p.unSelected:hover
{
color:#202020;
background:#F0F0F0;
}

#mainDiv
{
color:#000000;
background:#FFFFFF;
height:calc(100vh - 84px);
}

#mainFrame
{
border: 1px solid black;
width: calc(100vw - 8px);
height: calc(100vh - 85px);
}

#footerDiv
{
width:100%;
display:table;
cursor:default;
}

p.footer
{
line-height:24px;
margin:3px 6px 3px 6px;
}

.footerTable
{
margin:0;
width:33%;
float:left;
height:16px;
display:table-cell;
vertical-align:middle;
}

.footerBox
{
height:100%;
display:table;
}

p.footerText
{
padding:0 3px;
font-size:10px;
display:table-cell;
vertical-align:middle;
}

/* eof */