/* ------------------------------------ *
 dddd.css
 Wednesday, 4 April 2007 5:28:27 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */

 @media only screen and (max-width: 768px) {
  /* For mobile phones: */
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.95em;
    background-color: rgb(158, 182, 164);
  }
  div.container, .header{
    width:100%;
    
  }
  form {
    font-size:1.2em;
    width:100%;
    background-color: rgb(135, 179, 146);

  }
  [class*="row_"] {
    width: 100%;
  }
  .row_even, .row_odd {
    display:inline-block;
  }
  span.rower {
    max-width:32%;
  }
  
  

  
}
/* for desktop */
@media only screen and (min-width: 768px) {

div.container
        {
        width:36em;
        margin: 0px auto;
        background-color:rgb(135, 179, 146);
        line-height:130%;
        font-family: sans-serif;
        }

        
}/*end of desktop rules*/

div.row_head {
  background-color:#094D23;
  clear: both;
  width: 96%;
  padding: 10px 2%;
  color: #FFFFFF;
  font:bold 0.9em verdana;
  }

.row_head table {
  color:#FFFFFF;
}


div.row_subhead {
  background-color:#DEDEDE;
  clear: both;
  width:96%;
  padding: 10px 2%;
  color: #000000;
  font:bold 0.8em verdana;
  }

  div.row_col_head {
  background-color:#ACA899;
  clear: both;
  padding: 5px 0px;
  font: bold 0.75em verdana;
  }
  div.row_foot {
  background-color:rgba(125,125,125,0);
  text-align:center;
  clear: both;
  width:96%;
  padding: 15px 2%;
  color: #000000;
  font:italic 0.8em verdana;
  }
  div.row_tag {
    background-color:#505050;
    text-align:center;
    clear: both;
    width:96%;
    padding: 5px 2%;
    color: #ffffff;
    font:italic 0.8em verdana;  
  }
  div.row_searchfield {
  clear: both;
  width:96%;
  padding: 2px 2%;
  margin: 1px;
  }

  div.rower select {
    font: bold 1.15em sans-serif;
  }

  input :not button, select  {
    border:solid rgb(78, 119, 78) 0.5px;
  }


  div.row_odd {
  background-color:#C2F5C2;
  clear: both;
  padding: 5px 0px;
  font: normal 0.75em verdana;
  display:relative;
  }
  div.row_even {
  background-color:#FFFFFF;
  clear: both;
  padding: 5px 0px;
  font: normal 0.75em verdana;
  }

span.i {
  float: left;
  width: 5%;
  text-align: center;
  font-weight: bold;
  }
  span.year {
  float: left;
  width: 9%;
  text-align: center;
  
  }
      span.class {
      float: left;
      width: 15%;
      text-align: center;
      }
          span.race {
          float: left;
          width: 8%;
          text-align: center;
          }
              span.position {
              float: left;
              width: 7%;
              text-align: center;
              }
                  span.rower {
                  float: left;
                  text-align: left;
                  width:32%;
                   }
                      span.time {
                      float:left;
                      text-align: center;
                      width: 10%;
                      }
                        span.vessel {
                          float:left;
                          text-align:left;
                        }


img.bubble {
  vertical-align: middle;
  height: 1.2em;
}
span.bubble {
  position:relative;
}
.header, .header img{
  width: 100%;
}
  span.label {
  float: left;
  text-align: right;
  width:8em;
  font: bold 0.8em verdana;

  }
  span.field {
  padding:0 15px 0 5px;
  float: left;
  text-align: left;
  font: normal 0.8em verdana;
  }
  


a:link    {color:#337F40; text-decoration: none; font-weight:bold;}
a:visited {color:#337F40; text-decoration: none; font-weight:bold;}
a:active  {color:#BE8F00; text-decoration: none; font-weight:bold;}
a:hover   {color:#337F40; text-decoration: underline; font-weight:bold;}

a.alertLink {
font-size: 0.8em;
}
input.bt_blue {
background-color:#004E98;
font:bold 14px verdana;
color:white;
padding:0.5em;
border-radius: 5px;
border:solid 1px rgb(146, 187, 160);
}

input.bt_red {
  background-color:rgb(152, 0, 38);
  font:bold 14px verdana;
  color:white;
  padding:0.5em;
  border-radius: 5px;
  border:solid 1px rgb(146, 187, 160);
  }

.tooltip {
  display:inline-block;
  width: 5em;
  background-color: #555;
  color:white;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 100;
  bottom: -10%;
  right: 180%;
  
}

.hidden {
   visibility:hidden;
    opacity:0;;
    transition:opacity 0.3s
}
.visible {
  visibility:visible;
  opacity: 0.85;
  transition:opacity 0.3s;
  
}