html { height: 100% } 
  body { height: 100%;margin: 0; padding: 0;overflow:hidden }
  .mapbody { height: 100%;margin: 0; padding: 0;overflow:hidden }
  .cuebody { height: 100%;margin: 0; padding: 0;overflow:visible }
  p {margin:0;padding:0 }
  table.tstat { text-align: center; border: 1px solid #000060; border-collapse: collapse;}
  td.st { border: 1px solid black; padding: 3px; margin: 0;}
  th.sth { border: 1px solid black; padding: 3px; margin: 0;}
table {border-collapse:collapse;margin:auto;}
  table.cs  thead,tbody,tr,th,td 
      {border-collapse: collapse;border-style: inherit; border-width: inherit; padding: inherit;text-align: center;}
  .iwindow { height:200px;width:600px;margin:0 ;padding:0; }
  div.sheetv {  display:block;}
  div.sheeth {  display:none; }
  .controlText { font-family: Arial,sans-serif; font-size:12px; padding-left: 4px; padding-right: 4px; }
  .controlUI { background-color: #FFFFFF; border-style: solid; border-width: 2px; cursor: pointer; text-align: center; }
  .cGray  { background-color: #777777; border-style: solid; border-width: 2px; cursor: pointer; text-align: center; }
  .cRed  { background-color: #ff7777; border-style: solid; border-width: 2px; cursor: pointer; text-align: center; }
  .hide {display:none;}
  .yellow {background-color:yellow;}
  #toolbar {padding: 4px;display: inline-block;}
  .selectable .ui-selecting {background:green}
  .selectable .ui-selected {background:yellow}
div.signsel {float:left;width:60px;height:240px;}
div.signsel {border:2px solid;border-radius:15px;margin-left:10px;margin-top:5px;}
div.signsel h1 {font-size:1.4em;text-align:center;}
div.turnsel {float:left;width:190px;height:240px;}
div.turnsel {border:2px solid;border-radius:15px;margin-left:10px;margin-top:5px;}
div.turnsel h1 {font-size:1.4em;text-align:center;}
div.roadsel {float:left;width:110px;height:240px;}
div.roadsel {border:2px solid;border-radius:15px;margin-left:10px;margin-top:5px;}
div.roadsel h1 {font-size:1.4em;text-align:center;}
div.selelm {float:left;width:3.2em;height:3.2em;}
.ui-dialog * {
    -webkit-transform: translate3d(0, 0, 0);
}
.ui-button * {
    -webkit-transform: translate3d(0, 0, 0);
}
.selectable *  {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
}
div svg {vertical-align:text-bottom;}

div#outer_div {position: relative; height: 80%; width: 100%;overflow:hidden; }
div#map-canvas { position:absolute;top:0;left:0;height: 100%;width:100% }
div#footer { position: absolute; clear: both; width: 100%; height: 20%; bottom:0;}
div#psheet { overflow:visible; width: 100%; }
#cbar1 { width:100%; text-align:center; }
#cuebar1 { padding: 5px; margin:0 auto; display:inline-block; }
#cbar2 { width:100%; text-align:center; }
#cuebar2 { padding: 5px; margin:0 auto; display:inline-block; }
.cen700 { margin:auto; width:70%;}
div#main {clear:both }
div#summary {clear:both}
div#svg_icons { height:1px;overflow:hidden; }

.ui-widget-content  {font-size:70%;}

textarea {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

@media print{ 
       #rocue {display:none !important;}
       body {overflow:visible !important;}
       .cen700 { overflow:visible; margin:auto; width:100%;display:block !important}
       div#psheet { overflow:visible !important }
       }