/* style sheet for EMAGE Spatial Search draw page */

/* ------------------ */
#content {
  height: 33em;
  border: solid 1px #f0f; 
  border: none;
}
/* ------------------ */
#innerContent {
   padding: 0px;
   margin: 0px;
   border: none; 
}
/* ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0){
   #innerContent {
   }
}
/* ------------------ */
canvas {
   position: absolute;
   top: 90px;
   left: 0px;
   border: solid 1px #999; 
   padding: 0px;
   margin: 0px;
}
select option {
   border: 1px solid #ccc;
}
/* ------------------ */
#contentHeaderContainer {
   position: relative;
   top: 0;
   left: 0px;
   padding: 0px;
   margin: 0px;
   border: none; 
}
/* ------------------ */
#contentHeader {
   float: left;
   padding: 0;
   margin: 0;
   border: none; 
}
/* ------------------ */
#define {
   position: absolute;
   top: 65px;
   left: 0px;
   display: inline;
   height: 1.2em;
   width: 15.6em;
   padding: 0;
   margin: 0;
   border: none; 
}
/* ------------------ */
#movieIcon {
   float: left;
   padding: 0px;
   margin: 0.55em;
   border: none; 
}
/* ------------------ */
#moreInfoIcon {
   float: left;
   padding: 0px;
   margin: 0.55em;
   border: none; 
}
/* -----  for Safari on Mac  ------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
   #doControls button {
      width: 30px;
      height: 30px;
   }
}
/* ------------------ */
#doControls button {
   margin: 0;
   margin-right: 3px;
   padding: 0;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
   float: left;
}
/* ------------------ */
#doControls {
   position: absolute;
   top: 90px;
   width: 122px;
   height: 100px;
   padding: 5px 0 0 0;
   margin: 0;
   border-top: 1px solid #fff;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #fff;
   background: #eee;
}
/* ------------------ */
#toolbar {
   position: relative;
   top: 0px;
   left: 10px;
   width: 105px;
   height: 90px;
   padding: 0;
   margin: 0;
   border: none;
}
/* ------------------ */
#drawingTools {
   margin: 0 0 6px 0;
   padding: 0;
   width: 105px;
   height: 30px;
   border: none; 
}
/* ------------------ */
#lineControl {
   margin: 0 0 6px 0;
   padding: 0;
   width: 105px;
   height: 26px;
   border: none; 
}
#lineControlTitle {
   margin: 0px;
   margin-bottom: 2px;
   margin-left: 2px;
   margin-right: 18px;
   padding: 0px;
   width: 24px;
   float: left;
}
#lineSelectDiv {
   margin: 0px;
   margin-left: 2px;
   margin-right: 2px;
   padding: 0px;
   width: 45px;
   height: 25px;
   border: none; 
   float: left;
}
#lineSelectDiv select {
   padding: 0;
   margin: 0;
}

/* -----  for Safari on Mac  ------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
   #lineSelectDiv {
      margin-top: 5px;
   }
}
/* ------------------ */
#drawingControls {
   margin: 0 0 6px 0;
   padding: 0px;
   width: 105px;
   height: 30px;
   border: none; 
}
/* ------------------ */
#drawMode {
   margin: 0;
   padding: 0px;
   width: 105px;
   border: none; 
}
/* ------------------ */
#embryoSelectContainer15, #embryoSelectContainer19{
   position: absolute;
   top: 355px;
   left: 0px;
   margin: 0px;
   padding: 0px;
   border: none; 
   width: 5.7em;
}
#embryoSelectTitle {
   margin: 0px;
   padding: 0px;
   border: none; 
   width: 7em;
   height: 1.2em;
   font-size: x-small;
}
#embryoSelectDiv {
   margin: 0px;
   padding: 0px;
   border: none; 
}
#embryoSelectDiv select {
   padding: 0;
   margin: 0;
}
/* ------------------ */
#embryoTitle {
   position: absolute;
   left: 0px;
   height: 1.2em;
   width: 9.4em;
   padding: 0px;
   margin: 0px;
   border: none; 
   font-size: small;
}
/* ------------------ */
#flipEmbryo {
   position: absolute;
   top: 215px;
   height: 20px;
   width: 65px;
   padding: 0px;
   margin: 0;
   border: none; 
   font-size: small;
}
#flipEmbryo button {
   margin: 0;
}
/* ------------------*/
#toolTipContainer {
   position: relative;
   height: 1.2em;
   padding: 0 2px 0 2px;
   margin: 0px;
   border: solid 1px #111;; 
   font-size: small;
   background: #ffc;
   visibility: hidden;
}
/* ------------------ */
#toolTipCheckDiv {
   position: relative;
   top: 5px;
   left: 10px;
   margin: 0px;
   padding: 0px;
   border: none; 
   height: 1.5em;
   width: 8em;
   font-size: x-small;
}
/* ------------------ */
#queryControls {
   position: absolute;
   top: 320px;
   left: 33em;
   width: 35.5em;
   padding: 0px;
   margin: 0px;
   border: none; 
   font-size: small;
}
.queryControlElement {
   margin-bottom: 4px;
   margin-top: 4px;
   margin-left: 0px;
   margin-right: 10px;
   color: #333; 
   float: left;
}
/* ------------------ */
.queryControlElementR {
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   margin-left: 3px;
   margin-right: -4px;
   border: solid 1px #ff0; 
   border: none; 
   float: right;
}
/* ------------------------------------- */
#buttonContainer {
   position: relative;
   left: 75px;
   top: 8px;
   width: 300px;
   height: 32px;
   padding: 0px;
   margin: 0px;
   border: none; 
}
/* ------------------ */
#clearInput{
   position: absolute;
   top: 260px;
   height: 32px;
   width: 103px;
   padding: 0px;
   margin: 0px;
   border: none; 
}
#clearInput button {
   padding: 0px;
   margin: 0px;
}
/* ------------------ */
#beginSearch{
   position: absolute;
   left: 0px;
   bottom: 30px;
   height: 32px;
   width: 155px;
   padding: 0px;
   margin: 0px;
   border: none; 
}
#beginSearch button {
   padding: 0px;
   margin: 0px;
}
/* ------------------ */
#footer{
   /* top: 35px; */
}
/* ------------------ */
/* end style sheet for EMAGE Spatial Search draw page */