BODY, TD {
  font-size : 9pt;
  /*	cursor: crosshair; */
  font-family : verdana, arial, sans-serif;
}

BODY.home { 
 background-image: url(/images/homeBackground.gif);
 background-repeat: no-repeat;
 background-color: #d0d0d0;
}

.dots,.numbers {
  position: absolute; 
  color: black;
  /*      font-weight: bold; */
  font-size: 7pt;
}

.bbox,.btn,.fbtn,#show,#hide, #dmde, #mmde {
  border: solid  #299fcf 1px; 
  white-space: nowrap;
  line-height: 105%; 
  background:  #29b6f1 url(/images/blueButtient.gif) repeat-y;

  text-align: center;
  font-size: 8pt;
}
.btn { line-height: 100%; }
.bbox,.btn,.fbtn,#dmde,#mmde,#hide,#show,#inst,.blnk,#cncl,.title,.subtitle {
  cursor: pointer;
  /*      cursor: hand; */
}

.blnk { color: white;
}

.fbtn {
  height: 20px;
  font-weight: bold;
  color: white;
  width: 100px;
 }

.topNavPos {
  position: absolute;
  left: 350px;
  top: 17px;
  white-space: nowrap;
}

.contentBox {
  padding: 6px; 
  border: 1px solid #CCC;
  background: #EEEEEE;
}

A { 
  text-decoration: none;
  color: blue;
}
A:hover { 
  text-decoration: underline;
  color: #999966;
}

A.blnk:link, A.blnk:visited, A.title, A.tag { text-decoration: none;}
A.title { color: black }

A.blnk:hover { background-color: #299fcf; color: white; /* background-image: url(/images/graydient.gif) */}

A.nav:link, A.nav:visited { text-decoration: none; color: black; }
A.nav:hover,A.tag:hover { text-decoration: underline; }
A.hmnav:link, A.hmnav:visited { text-decoration: underline; color: black; }

A.bigLink { font-size: 18pt; }

A.name		{ color: #999966; text-decoration: none; font-weight:bold; } 
A.name:link,A.name:visited { color: #999966; text-decoration: none; } 
A.name:active,A.name:hover { color: #99CC66; text-decoration: underline; } 

.bImg {
/*  position:  relative; */
  margin: 5px;
  left: 10px;
  top: 20px;
  padding-top: 10px;
  z-index: -1;
}
.dbg {
  position: absolute;
  left:10px;
  top: 40px;
  visibility: hidden;
}


#inst,#cncl {
  border: outset blue 4px;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  z-index: 1000;
  background: #EEEEEE;
}
#cncl { width: 40%; left: 30%; }
#mainBody{
  position: relative;
  top: 30px;
  margin-left: 20px;
  z-index: 3;
/*  width: 50%; */
}

.tip {
  border: thin solid black; 
  padding: 2px; 
  background: white;
}

.tipHeader { 
  background: yellow none repeat;
  width: 100%;
  font-size: 20pt;
  text-align: center;
}
.tipBody { 
  padding: 7px;
}

.dotBar { 
  height: 25px;
  background-image: url(/images/dotBackground.gif);
  background-repeat: repeat-x;
}

.puzzleLink { 
  font-weight: bold;
}

#comments { 
  display: none;
}
/* begin tables */
.odd { 
  background-color: #f2f5fe;
 }
.ml { 
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  color:#214875;
  vertical-align: top;
}


/* end tables */
@media screen {
  #controls {
    position: absolute; 
    left: 0px;
    top: 0px;
    z-index: 4;
    width: 100%;
    background: #EEEEEE;
    cursor: auto;
    height: 40px;
  }
  .getData {
    border: outset blue 3px;
    z-index: 1000;
    position: absolute;
    left: 400px;
    top: 50px;
    cursor: auto;
  }
  .title {
    white-space: nowrap;
    font-family:century gothic,georgia; font-size:32pt;
 }
  .subTitle,.subMake {
    color: #1122AA;
    font-family:georgia; font-size:20pt;
    white-space: nowrap;
  }
  .subTitle {
    position: relative;
    top: 4px;
  }
  
  .pageTitle {
    font-size:  24pt;
  }
  .fix {
    color: purple;
  }
  .navDot {
    color: #007400;
  }
  #cover { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
  }
}
@media print {
  #controls,.title,#inst,.bImg,#cncl,.subTitle,.subMake,.getData,#cover{
    display: none !important;
  }
}