body {
  background-color:#ADCFE0;
}

#mainWindow {
  background-color:#ddd;
  width:780pt;
  height:500pt;
  margin-top:18pt;
  margin-left:18pt;
  border: solid #ddd 2px;
  -webkit-box-shadow: 5pt 5pt 10pt #666;
  -moz-box-shadow: 5pt 5pt 10pt #666;
}


.titleBar {
  text-align:center;
  font-family:arial;
  font-size:12pt;
  background-color:#333399;
  color:white;
  margin-top:0;
  margin-bottom:0pt;
  padding:2pt;
}

/* the drawing canvas */
#canvas1 { 
    position:absolute;
    left:174pt;
    top:50pt;
    background-color:white;
    -webkit-box-shadow: inset 2px 2px 2px #666;
    -moz-box-shadow: inset 2px 2px 2px #666;
}

/* control box */

#controls {
  position:absolute;
  left:54px;
  top:66px;
  width:140px;
  height:586px;
  background-color:white;
  padding:6pt;
  -webkit-box-shadow: inset 2px 2px 2px #666;
  -moz-box-shadow: inset 2px 2px 2px #666;
}

/* slider1 */
#sliderdiv1 {
  margin-top:0.3in;
  margin-left:.21in;
  margin-right:.2in;
}
#slidertitle1 {
  margin-top:0pt;
  margin-bottom:10pt;
  font-weight:bold;
  text-align:center;
  font-size:120%;
}
#slider1 {
  position:relative;
  width:105px;
  top:1px;
  left:-4px;
}
#pointcountpar1 {
  position:relative;
  font-size:90%;
  top:-4pt;
  text-align:center;
}

/* slider2 */
#sliderdiv2 {
  margin-top:0.3in;
  margin-left:.21in;
  margin-right:.21in;
}
#slidertitle2 {
  margin-top:0pt;
  margin-bottom:10pt;
  font-weight:bold;
  text-align:center;
  font-size:120%;
}
#slider2 {
  position:relative;
  width:105px;
  top:1px;
  left:-4px;
}
#pointcountpar2 {
  position:relative;
  font-size:90%;
  top:-4pt;
  text-align:center;
}

/* startbutton */
#startbutton {
  font-size:130%;
  margin-left:45px;
  margin-top:24pt;
}

/*jumpbutton */
#jumpbutton {
  font-size:130%;
  margin-left:45px;
  margin-top:24pt;
}


/* slider3 */
#sliderdiv3 {
  margin-top:0.3in;
  margin-left:.21in;
  margin-right:.21in;
}
#slidertitle3 {
  margin-top:0pt;
  margin-bottom:10pt;
  font-weight:bold;
  text-align:center;
  font-size:120%;
}
#slider3 {
  position:relative;
  width:105px;
  top:1px;
  left:-4px;
}
#pointcountpar3 {
  position:relative;
  font-size:90%;
  top:-4pt;
  text-align:center;
}

/* box for debugging output */
#messageWindow {
  border: solid black 1px;
  margin-left:20pt;
  margin-top:22pt;
  width:780pt;
  height:100pt;
  background-color:#FF9;
  overflow: auto;
}

#message {
  padding:4pt;
  font-size:75%;
  font-family:courier;
  overflow:auto;
}