/* Basics: */
html {
  overflow-y: scroll;
}
body.busy, body.busy * {
  cursor: wait !important;
}
html, body {
  background: white;
  color: black;
  font: 13px/22px tahoma, arial, helvetica, liberation sans;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}
td {
  /*outline: 1px dotted white;*/
  padding: 0;
}



div.end         { color: #ccc;
                  padding: 20px 0;
                  text-align: center;
                  visibility: hidden;
                }
input           { font: 13px/16px tahoma, arial, helvetica, liberation sans;
                  margin-left: -6px;
                  margin-right: 4px;
                  padding-left: 4px;
                  padding-right: 4px;
                }

select          { font: 13px/16px tahoma, arial, helvetica, liberation sans; 
                  margin-left: -6px;
                }


/* Outer table: */
table.wrap {
  background: #fce40e url(/daira/wrap.jpg) no-repeat left top;
  xxbackground: #e6dfc8;
  border-radius: 10px;
  margin: 15px auto;
} 
td.topleft {
  padding: 12px 20px 10px 40px;
  vertical-align: top;
  width: 350px;
}
td.topright {
  padding: 12px 20px 10px 40px;
  vertical-align: top;
  width: 350px;
}
td.mapnav {
  height: 295px; /* same height as map */
  padding: 17px 20px 0 40px;
  vertical-align: top;
  width: 120px;
}
td.main {
  padding: 0;
  vertical-align: top;
  width: 820px;
}
td.nav {
  padding: 10px 20px 10px 40px;
  vertical-align: top;
  width: 120px;
}
td.bottom       { padding: 10px 20px 20px 40px;
                  text-align: center;
                  vertical-align: top;
                  width: 760px;
                }

/* Sign In form: */
input.signin    { background: white;
                  border: none;
                  font: 13px/22px tahoma, arial, helvetica, liberation sans, sans-serif;
                  height: 22px; /* Firefox */
                  margin-top: 6px;
                  margin-left: -3px;
                  padding: 0 4px;
                  width: 90px;
                }
input.signsup   { background: inherit;
                  border: none;
                  color: hsl(220, 50%, 40%);
                  cursor: pointer;
                  font: 13px/22px tahoma, arial, helvetica, liberation sans, sans-serif;
                  height: 22px; /* Firefox */
                  margin-top: 6px;
                  margin-left: 0px;
                  padding: 0;
                }
input.signsup:hover { text-decoration: underline; }

/* Emphasis: */
h1, div.h1 {
  font: bold 16px/22px tahoma, arial, helvetica, sans-serif;
  margin: 15px 0 -5px;
  overflow: visible;
  padding: 0;
  white-space: nowrap;
  width: 10px;
}
h2 {
  font: bold 13px/22px tahoma, arial, helvetica, sans-serif;
  margin: 0 0 6px;
  overflow: visible;
  padding: 0;
  white-space: nowrap;
  width: 10px;
}
p               { margin: 0; }
p + p           { margin: 10px 0 }
a:link          { color: hsl(220, 50%, 40%);
                  text-decoration: none
                }
a:visited       { color: hsl(220, 50%, 40%);
                  text-decoration: none
                }
a.disabled      { color: hsl(220, 50%, 80%); }
a[href]:hover   { text-decoration: underline }
a.current       { margin-right: 8px; }

/* Maps: */
img.vemap       { display: block;
                  height: 340px;
                  margin-top: -340px;
                  opacity: 0;
                  transition: opacity 0.5s;
                  width: 1000px;
                } 
img.vgmap       { display: block;
                  height: 312px;
                  margin-top: -312px;
                  opacity: 0;
                  transition: opacity 0.5s;
                  width: 800px;
                } 
img#mapcanvas   { margin-top: 0;
                  opacity: 1
                }
img#mapselect   { z-index: 10 }


/* Parameters tables: */
table.params {
  margin: 0 auto;
}
table.params td.heading {
  display: none;
}
table.params td.mode {
  width: 250px;
  padding-left: 0;
  padding-right: 30px;
  text-align: right;
  border: none;
}
table.params td.date {
  width: 480px;
  padding-left: 0;
  padding-right: 30px;
  text-align: right;
  border: none
}
table.params td.date input {
  width: 75px;
  margin-left: 0;
  margin-right: 0;
}
table.params td.date select {
  margin-left: 0;
}


table.date              { margin: 0 auto }
table.date td.mode:first-child { width: 250px;
                          padding-left: 0;
                          padding-right: 30px;
                          text-align: right;
                          border: none;
                        }
table.date td.date      { width: 480px;
                          padding-left: 0;
                          padding-right: 30px;
                          text-align: right;
                          border: none;
                        }
div.date input          { width:  75px;
                          margin-left: 0;
                          margin-right: 0;
                        }
div.date select         { margin-left: 0; }


div.parconst {
  overflow: visible;
  width: 10px;
}
div.parexpand {
  text-align: center;
  width: 760px; 
}

table.vpars {
  margin: 0;
  text-align: center;
  width: 792px;
}
table.vpars td {
  padding-left: 0 !important;
  border-left: none !important;
}
table.vpars tr:first-child td {
  padding-bottom: 5px;
  padding-top: 15px;
}
table.vpars tr:last-child td {
  padding-bottom: 15px;
}
div.parexpand select,
table.vpars select {
  margin-left: 0px;
}
div.parexpand select[name=cc],
table.vpars select[name=cc] {
  min-width: 180px
}

/* Report tables: */
div.main {
  border: 1px solid white;
  margin-left: 25px;
  xxwidth: 792px;
}
table.rep {
  margin: 0;
}
xxtable.rep tr:first-child td { padding-top: 15px }
table.rep tr:last-child td { padding-bottom: 16px }
table.rep td {
  padding-left: 14px;
  border-left: 1px dotted white;
}
table.rep td:first-child {
  padding-left: 15px;
  border-left: none
}

td.maincol      { padding: 10px 20px 10px 40px;
                  vertical-align: top;
                  width: 350px;
                }
td.maptd {
  height: 312px;
  padding-left: 25px;
}
td.maptd img    { height: 312px; 
                  outline: 1px solid white;
                  vertical-align: top; /* kill vspace below img */
                  width: 792px;
                }

/* Access tables: */
td.accloc       { width:  160px }
td.acclast      { width:   90px }
td.accicon      { width:  100px }

/* Contacts page: */
td.contact      { padding: 10px 0 10px 40px;
                  vertical-align: top;
                  width:  165px; }

/* Preferences form: */
td.formtoplabel { padding: 10px 20px 3px 40px;
                  text-align: right;
                  vertical-align: middle;
                  width: 350px;
                }
td.formtopcol   { padding: 10px 20px 3px 40px;
                  vertical-align: middle;
                  width: 350px;
                }
td.formlabel    { padding: 3px 20px 3px 40px;
                  text-align: right;
                  vertical-align: middle;
                  width: 350px;
                }
td.formcol      { padding: 3px 20px 3px 40px;
                  vertical-align: middle;
                  width: 350px;
                }

/* Rate card, allocations: */
td.repcur       { width:  40px; }
td.repnos       { width: 190px; }
td.reprange     { width: 110px; }
select[name=aprid]      { width: 110px; }
td.reppref      { width:  70px; }
td.reprate      { width:  50px; }
td.repterms     { width:  70px; }
td.reptime      { width: 140px; }
td.reppr        { width: 110px; }
tt              { font-size: smaller; }

/* Access analyzers: */
td.upref                { width:  80px }
td.ucname               { width: 100px }
td.ucname select        { width: 100px }

td.repcountry   { width: 120px; }
td.repno        { width: 110px; }
td.repsamp      { width: 140px; }
p.nope          { padding: 20px;
                  text-align: center;
                }

/* Current and recent calls: */
td.cdrmins      { padding-right: 15px;
                  text-align: right;
                  width: 40px;
                }
td.cdrtotal     { padding-right: 15px;
                  text-align: right;
                  width: 40px;
                }

td.repclient    { display: none }
td.repsup       { display: none }

/* Statistics: */
td.repcalls     { padding-right: 20px;
                  text-align: right;
                  width: 45px;
                }
td.repmins      { padding-right: 20px;
                  text-align: right;
                  width: 60px;
                }
td.reptotal     { padding-right: 15px;
                  text-align: right;
                  width: 60px;
                }

/* Ajax feedback: */
tbody.error     { display: none; }
div.error       { color: red }