body 
{ 
  width: 880px;
  margin: 15px;
  padding: 5px;
  background-color: #cccddd;
  color: #330000;
  font: 13px/1.4 Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
 
.ft
{
    margin: 2px;
    padding: 10px;
    border: 0px; 
}

table.qrktable
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.qrkbox
{
    margin: 5px;
    padding: 10px;
    border: 1px dotted #ddeeee; 
}

.qrktable th
{
  background-color: #ddeeee;
}

.qrktable tr,
.qrktable td
{
    margin: 1px;
    border: 1px dotted #ddeeee; 
    padding: 5px;
}



 .row { vertical-align: top; height:auto !important; }
 .list {display:none; }
 .show {display: none; }
 .hide:target + .show {display: inline; }
 .hide:target {display: none; }
 .hide:target ~ .list {display:inline; }
 @media print { .hide, .show { display: none; } }

#map 
{
    margin: 0;
    padding: 0;
    height: 400px;
    margin-top:30px;
    width:100%;
}

error
{
  color: #cc3333;
  background-color: #ffffcc;
  padding: 5px;
  font: 18px Verdana, sans-serif;
  font-weight: Bold;
}

success
{
  color: #110011;
  background-color: #44cc66;
  padding: 5px;
  font: 18px Verdana, sans-serif;
  font-weight: Bold;
}

 
.bgyellow
{
  margin-left:10px;
  background-color: #ffffcc;
  width: 420px;
  padding: 5px;
}

red
{
  color: #cc3333;
}

i
{
  color: #3333cc;
  font-family: Courier;
}

.container-fluid
{
  background: <? echo $containerbgcolor; ?>
  color: <? echo $containerfgcolor; ?>
}
