#ft {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  color:#aaa;
  background:transparent;
  text-align:right;
}

a#ft-trigger {
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  color:white;
  text-decoration:none;
  line-height:1em;
  font-size:1.4em;
  background:#171518;
  padding:0.3em 10px;
  width:175px;
  text-align:center;
}

.blue   a#ft-trigger:hover { background-color:#1b57b7; }
.orange a#ft-trigger:hover { background-color:#f28101; }
.red    a#ft-trigger:hover { background-color:#a40023; }
.purple a#ft-trigger:hover { background-color:#5e0e9d; }
.green  a#ft-trigger:hover { background-color:#21a343; }
.gray   a#ft-trigger:hover { background-color:#1b57b7; }

#ft-info         { display:block; line-height:1em; font-size:1em; padding:0.5em 1em; }
#ft-info a       { color:inherit; text-decoration:none; }
#ft-info a:hover { color:#747474; }


#ft-form {
  color:#696969;
  background:#f8f8f8;
  border-right:5px solid #f0f0f0;
  
  float:left;
  position:absolute;
  bottom:2.5em;
  left:0;
  
  padding:1.5em 10px;
  text-align:left;
  
  width:170px;
}

#ft-form .content    { font-family:inherit; }
#ft-form label       { display:block; }
#ft-form input       { display:block; width:95%; font-family:inherit; }
#ft-form div         { margin:0; padding:0; overflow:hidden; }
#ft-form a           { display:block; float:left; background:#171518; color:white; text-decoration:none; line-height:1.1em; padding:0.3em 0.5em; margin-top:0.3em;  }
#ft-form .error_list { font-size:0.7em; line-height:1.2em; color:#c00; }

.blue   #ft-form a:hover { background-color:#1b57b7; }
.orange #ft-form a:hover { background-color:#f28101; }
.red    #ft-form a:hover { background-color:#a40023; }
.purple #ft-form a:hover { background-color:#5e0e9d; }
.green  #ft-form a:hover { background-color:#21a343; }
.gray   #ft-form a:hover { background-color:#1b57b7; }