/* FORMS -------------------------------------- */

textarea, input 
{
    font-family: Helvetica, Geneva, Tahoma, Verdana, sans-serif;
    font-size:1.0em; 
    
    background: rgba(0,0,0,.1) url(https://services.thekennelclub.org.uk/image/base/bg-form-input.png) repeat-x top left;
    
    padding:5px;
    margin:3px 0px 4px 0px;
    border: 1px solid #c0c0c0;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* Correction for google search banner */
.gsc-input input
{
  margin:0px 25px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

textarea:focus, input:focus 
{
    background: #f5dd59;
    padding:5px;
    border: 1px solid #e7b53c;
    -moz-box-shadow: 0px 0px 5px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 0px 5px rgba(150,150,150,1);
    box-shadow: 0px 0px 5px rgba(200,200,200,1);
}


.autoC:focus
{
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}

label
{
  color: #444444;
}

input[type=file]
{
    vertical-align: middle;
    background: none;
    padding:0px;
    border: 0px none;
}

input[type=image]
{
    vertical-align: middle;
    background: none;
    padding:0px;
    border: 0px none;
}

input[type=radio] {
  margin-right: 0.5em;
  border: none 0px;
}

input[type=checkbox] {
  margin-right: 0.5em;
  border: none 0px;
}

input[type=submit].inline
{
  font-size:0.8em;
}

input[type=submit] 
{
    background-image:none;
  display: inline-block;
  outline: none;
  cursor: pointer;
  
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255,255,255,.4);

    font-size:1.00em; 
  
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);

    color: #000000;
  border: solid 1px #e3c209;
  background: #f3d943;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7e47a), to(#f0cd0a));
  background: -moz-linear-gradient(top,  #f7e47a,  #f0cd0a);

}

input[type=submit]:hover 
{


  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5);
  box-shadow: 0 1px 5px rgba(0,0,0,.5);

      color: #000000;
  background: #f6e47f;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0cd0a));
  background: -moz-linear-gradient(top,  #ffffff,  #f0cd0a);

}

select
{
  vertical-align: middle;
  border: solid 1px #aaaaaa;
}

img.button
{
  cursor: pointer;
  vertical-align: middle;
  padding-bottom:2px; 
}

.form_problem
{
  background-color:#b5c4e5;
  border: solid 1px #39557f;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */