/* dh.css
 * author: Duke Hutchings <hutchmap@gmail.com>
 */

a {
  color:rgb(0,0,255);
  text-decoration:none;
}

body {
  font-family:sans-serif;
  font-size:large;
  line-height:1.25;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:4px;
  margin-right:13px; /* hack to avoid overlapping an overlaid scrollbar;
                        modest space sacrifice with tiled scrollbar */
}

canvas {
  /*background-color:rgb(251,251,251);*/

  /* take as much space as possible and let the
     canvas code decide the amount of padding */
  border:1px solid rgb(240,240,240);
  margin:0px;
  padding:0px;

  /* but don't set the width property in the stylesheet
     because canvas is an HTML element with a width attribute
     and canvas-drawing code needs to rely on the HTML
     attribute rather than the style property
  width:100%; */
}


/* Since textarea width is set in javascript
   and since each browser sets border and padding
   don't bother with styling
textarea {
  width:100%;
}
*/

table, th, td {
  border: 1px solid #808080;
  border-collapse: collapse;
}
th, td {
  padding: 4px;
}
tr.valid {
  background-color: #C0FFC0;
}
tr.invalid {
  background-color: #FFC0C0;
}

/* some components are not using the body font size... forcing here */
button, form, label, input, select, textarea {
  font-size:inherit;
}



.lgmaxwidth {
  max-width:800px;
}

.mono {
  font-family:monospace;
}

.vishalf {
  float:left;
  margin:0px;
  padding:0px;
  border:0px;
  width:50%;
}

.vismapfooter {
  background-color:rgb(240,240,240);
  clear:left;
  padding:4px;
  font-size:smaller;
}

.vismapheader {
  background-color:rgb(240,224,255);
  font-size:smaller;
  padding:4px;
}

a.headera {
  color:rgb(224,0,0);
  font-weight:bold;
  text-decoration:none;
}

#dataimportcontrols {
  margin-top:0.2em;
  margin-bottom:0.2em;
}

#dataimport {
  background-color:rgb(240,240,240);
  margin-top:0.2em;
  margin-bottom:0.2em;
  padding-left:4px;
}