div{
  position:absolute;
}

table{

    border-spacing : 0;
    border-collapse : collapse;
}
.tile{
  border:0px solid gray;
  text-align:center;
}

.bgTile{
  border:0px solid gray;
  text-align:center;
}

.menu_bg{
  border-radius:5px;
  background:rgba(230, 230, 230, 0.7);
  font-size:12;
  font-weight:bold;
  border:1px solid #bbb;
  box-sizing:border-box;
}     

.trans_L{-webkit-transition: left 0.5s; transition:left 0.5s;}
.trans_R{-webkit-transition: right 0.5s; transition:right 0.5s;}
.trans_T{-webkit-transition: top 0.5s; transition:top 0.5s;}
.trans_B{-webkit-transition: bottom 0.5s; transition:bottom 0.5s;}

.tideChart{
  -webkit-transition: left 0.5s;
  transition:left 1s;
}

.bar{
  width:100%;
  height:6; 
  left:0; 
  border-radius:3px; 
}

body{
  font-family:arial;
}
.button:hover{
  background:white;  
}

canvas{
  position:absolute;
}

.siteLink{
  display:inline-block;
  margin:13;  
  text-decoration:none; 
  color:black; 
  letter-spacing:2px; 
  text-shadow:0px 0px 8px #555;
}

.siteThumb{ 
  display:inline-block;
  position:relative; 
  width:300px; height:200px; 
  border-radius:9px; 
  margin-bottom:6; 
  box-shadow:0px 0px 10px #555;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s;
}

.siteThumbLabel{
  top:15;
  right:-15;
  box-shadow:0px 0px 7px #fff;
  padding:3 3 3 5;
  background:#f10;
  border-radius:4px;
  color:white;
  font-size:10;
  font-weight:bold;
  line-height:11px;
  text-align:center;
}

 .mySelect{
    position:relative; 
    cursor:pointer; 
    overflow:hidden; 
    height:20; 
    display:inline-block;
    vertical-align:middle;
 }
 
 .mySelect_selected{
   border:1px solid blue;
   border-radius:4px;
   background:rgba(255, 255, 255, 0.1);
   background-image:url(images/down.png);
   background-position: center right;
   background-repeat: no-repeat;
   width:98%;
   left:1%;
   top:1%;
   height:98%;  
   padding:2 2 2 4;
   box-sizing:border-box;
 }
 
 .mySelect_list{
   position:relative;
   background:white;
   border:1px solid gray;
   border-width:0 1 1 1;
   border-radius:0px 0px 4px 4px;
   top:20px;   
 }
 
 .mySelect_option{
   position:relative;
   padding:2 20 2 4;
 }
 
 .mySelect_option:hover{
   position:relative;
   background:#06F;
   color:white;
 }

  table.pos{
    font-size:inherit;
    font-weight:inherit;
    border-spacing : 0;
    border-collapse : collapse;
    width:100%;
    margin:8 0 8 0;
  }
  
  tr.pos{line-height:12px;}
  
  td.posTit{
    text-align:right;
    width:60;
    padding:0;
  }
  td.posVal{
    text-align:left;
    padding:0 0 0 3;
  }    
  td.waterTit{
    text-align:right;
    width:100;
    padding:0;
  }

  .UMButton{
    border-radius:12px;
    margin:0px 3px 5px 3px;
    border:none;
    background:#06f;
    color:white;
    font-weight:bold;
    height:24px;
    padding:0px 15px;
    cursor:pointer;
  }

  .UMButton:hover{
    background:#05a;
  }
  
  .UMInput{
    width:100%;
    border-radius:3px; 
    margin-bottom:5px; 
    border:1px solid black; 
    padding-left:3px;  
  }
  
  .UMContainer{
    position:relative;
    margin:8px 5px 8px 5px; 
    width:220px;
    text-align:center; 
    font-weight:normal;
  }
  
  .UMLink{
    font-weight:bold;
    color:black;
    text-decoration:none;
    
  }
  
  .UMTitle{
    font-size:14px;
    font-weight:bold;
  }
  
  .UMLink:hover{
    color:#049; 
  }
  
  #UMForm{
    margin:0px;
  }
  
  .cart{
    position:relative;
    width:32px;
    height:32px;
    background:url(images/cart_32.png);
    margin:0px 30px 8px 0px;
    cursor:pointer; 
  }
  
  .cart:hover{
    background:url(images/cart_32_.png); 
  }
  
  .messageMask{
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.85);
    color:white;
  }
  
  .product{    
    position:relative;          
    color:#06f;
    margin:3px 0px 3px 0px;
    box-sizing:border-box;
  }

  .prodButton{
    border-radius:6px;
    margin:0px 0px 0px 0px;
    border:none;
    background:#06f;
    color:white;
    font-weight:bold;
    height:24px;
    padding:0px 15px;
    cursor:pointer;
  }

  .prodButton:hover{
    background:#05a;
  }
