a {
color: #555;
}


/*
-----------------------------------------------------------
residues.php mutation buttons
-----------------------------------------------------------
*/

#mutation_switcher_toggle_hover {
  padding: 5px 1px 5px 1px;
  margin:0px 2px 0px 0px;
  
  border-radius: 5px;
  
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  cursor:pointer;
}


#mutation_switcher_toggle_hover:hover {
 border: 1px solid #000000;
}

/*#mutation_switcher_toggle_hover:hover {
  padding: 3px 1px;
  background: #FFFFFF;
  border: 1px solid #6BAED6;
  border-radius: 5px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
  font-family: Helvetica, Tahoma, Verdana, sans-serif;
  
  cursor:pointer;
}*/
.mutation_switcher_reset {

  padding: 5px 1px 5px 1px;
  
  border-radius: 5px;
  
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  cursor:pointer;
}

.mutation_switcher_reset:hover {
  border: 1px solid #000000;
}


.mutation_switcher {

  padding: 2px 1px 2px 1px;
  
  border-radius: 5px;
  
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  cursor:pointer;
}

.mutation_switcher:hover {
  border: 1px solid #000000;
}

.mutation_switcher_helper:hover {
  background-color: #FFFFFF;
  
  width:100px;
  color: #000000;
}

.mutation_switcher_helper {
 padding: 5px 1px 5px 1px;
  margin 0px 30px 0px 0px;
  
  border-radius: 5px;
  
  
  
  /*background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;*/
  color: #444444;

}


.mutationButtonContainer {
	width:70%;
}

/*
-----------------------------------------------------------
Sentences.php sentence switcher
-----------------------------------------------------------
*/


.sentence_switcher {
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  padding: 5px 1px 5px 1px;
  margin:0px 2px 0px 0px;
  
  border-radius: 5px;
  
  cursor:pointer;
}

.sentence_switcher:hover {
  border: 1px solid #000000;
}

.sentence_switcher_helper:hover {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.sentence_switcher_helper {
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  padding: 5px 1px 5px 1px;
  margin 0px 30px 0px 0px;
  
  
  padding: 1px 1px;
  border-radius: 5px;
  
 

  height: 12px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #000000;
}

.sentenceSwitcher {
float:left;

}

#none .sentenceSwitcher {
float:right;

}

#all .sentenceSwitcher {
float:right;

}

.sentenceSwitcherContainer {
width:65%;
display: inline;
}




/*
-----------------------------------------------------------
RESIDUE DIV STUFF
-----------------------------------------------------------
*/

.button {
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  padding: 2px 1px 2px 1px;
  font-weight: bold;
  
  border-radius: 5px;
  
  white-space: nowrap;
  
  cursor:pointer;
}

.button:hover {
  background: #f5f5f5;
  background:-webkit-linear-gradient(top,#f1f1f1,#f5f5f5);
  border: 1px solid #000000;
}

#mutation_top {
  background: white;
  
  margin: 0px 0px 3px 0px;
  padding: 5px 0px 5px 3px;
  width:100%;
  min-width:1000px;
  /*border: 1px solid #DDDDDD;*/

  border-radius: 5px;
  
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
  font-family: Helvetica, Tahoma, Verdana, sans-serif;
}


#mutation_data {
 background: white;
  padding: 5px 0px 5px 3px;
  width:100%;
  min-width:1000px;
  /*border: 1px solid #DDDDDD;*/

  border-radius: 5px;

}


.sentenceSwitcherContainer {
width:60%;

float:left;
}

.sentenceSwitcherContainer {

padding: 5px 3px 5px 3px;
}

.infoSwitcherContainer {
border-left: 1px solid #DDDDDD;
border-style:dashed;
padding: 5px 3px 5px 10px;
width:35%;
float:left;
}


#mutation_right {
padding: 3px 3px 3px 10px;
float:left;
width:35%;
}



#mutation_left {
padding: 3px 3px 3px 3px;
border-right: 1px solid #DDDDDD;
border-style:dashed;
float:left;
width:60%;
}

.mutationType {
}

.proteinInfoImageDiv {
text-align: left;

  font-size: 12px;

}

/*
-----------------------------------------------------------

-----------------------------------------------------------
*/


#hoverHelp {
   position: absolute;
   bottom: 10px;
   width: 100%;
}

.structureImageDiv {
   text-align:center;
   position: relative;
}



/*
-----------------------------------------------------------

-----------------------------------------------------------
*/


.rightResidueDivButton {
  background: #f1f1f1;
  background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #BBBBBB;
  color: #444444;
  
  padding: 5px 1px 5px 1px;
  margin:0px 5px 0px 0px;
  
  
  border-radius: 5px;
  
  white-space: nowrap;
  
  

  cursor:pointer;
}

.rightResidueDivButton:hover {
  border: 1px solid #000000;
}

/*
-----------------------------------------------------------
performSearch
-----------------------------------------------------------
*/

.mut_number a {
    background: none repeat scroll 0 0 #4292C6;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    font-family: Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 90%;
    margin: 0px 2px 0px 0px;
    padding: 0px 2px;
    z-index: 1;
}