.grey_link_button {
  padding:.5rem 1rem;
  border-bottom:solid 0.2em #ffd480; border-left:solid 0.1em #ffd480;
  border-color:#444444; border-radius:6px;

  font-family: 'Verdana',sans-serif;
  font-weight: lighter;
  font-size:.85rem;
  color:white !important ;
  background-color:#999999;

	cursor:pointer;

	-webkit-box-shadow:1px 4px 8px #888;
	-moz-box-shadow:1px 4px 8px #888;

}

.grey_link_button:hover {
  background-color: white;
  color: black !important;
  text-decoration:none;
}


/** COL BUTTON */
.col_link_button{
  padding: .05rem .2rem;
  background-color:rgb(70, 93, 140);
  border-width: .05rem;
  border-style: outset;
  border-left-color:  rgb(133, 133, 133);
  border-right-color: black;
  border-bottom-color: black;
  color:white ! important;

  cursor:pointer;
}
.col_link_button:hover{
  background-color: white;
  color: black !important;
  text-decoration:none;
}

.col_link_button_selected {
  padding: .05rem .2rem;
  background-color:#C5D0DC;
  border-width: .05rem;
  border-style: outset;
  border-left-color: rgb(133, 133, 133);
  border-right-color: black;
  border-bottom-color: black;
  color:black ! important;

  cursor:pointer;
}
.col_link_button_selected:hover {
  background-color: white; /*// rgb(70, 93, 140);*/
  color: rgb(70, 93, 140) !important; /*// #C5D0DC !important;*/
  text-decoration:none;
}

/** ID BUTTON */
.id_link_button{
  padding: .05rem .4rem;
  background: #6b7a89; /* linear-gradient(#bfcad6, 85%, #6b7a89); /* background-color:rgb(70, 93, 140); */
  border-width: .05rem;
  border-style: outset;
  border-left-color: rgb(133, 133, 133);
  border-right-color: black;
  border-bottom-color: black;
  border-radius: .25rem;
  color: white !important;
  cursor:pointer;
}
.id_link_button:hover{
  background: linear-gradient(#d1d1d1, 85%, white );;
  color: white !important;
  text-decoration:none;
}