/*reset*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

body {padding:1em; transition:all .2s linear;  -o-transition:all .2s linear;  -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;} 

/*Type*/
body { font-family:Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family:Arial, sans-serif; }
h1 {font-size:2.285em; line-height:1.8em; margin:0 0 .85em; font-weight:bold;}
h2, legend {font-size:1.8em; padding-top:.1em; margin:0 0 1.3em 0;}
h3 {font-size:1.3em;}
h4 {font-size:1em;}
h3, h4, h5, h6 {font-weight:200;}

p {margin: 0 0 15px  0 ; line-height: 20px; font-family: Arial; font-size: .9em;}

a, a:active, a:visited { color: #444444; text-decoration: underline; }
a:hover, a:active { outline: none; }
a:hover { color: #111111 }
a:focus, a:active, input:focus, input:active {outline: 0;}

a, a:active, a:visited  { color: #444444; -webkit-transition:color .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}



/*Form Elements*/
form { margin: 0; }
label { cursor:pointer; }
select, input, textarea { font:99% sans-serif; }
input, select { vertical-align: middle; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input.button { cursor: pointer; width: auto; overflow: visible; }

form fieldset {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  }
form fieldset.form-actions {
  margin: 0 0 0 20%;
  padding: 0;
  border: none;
  }
form fieldset.check {
  padding-left: 20%;  
  }
form fieldset label {
  float: left;
  width: 20%;
  margin: 4px 0 5px 0;
  line-height: 1.5em;
  }
form fieldset.check label {
  display: inline;
  float: none;
  width: auto;
  font-weight: normal;
  }
form fieldset.radio ul li label {
  display: inline;
  float: none;
  width: auto;
  font-weight: normal;
  }
form fieldset input.form-text,
form fieldset textarea {
  display: block;
  width: 50%;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  }
form fieldset input.form-text:focus {
  border: 1px solid #ccc;
  background: #fff;
  }
form fieldset textarea {
  height: 150px;
  }
form fieldset select {
  min-width: 25%;
  margin: 0;
  }
form fieldset.radio ul {
  margin: 5px 0 0 20%;
  padding:0;
  list-style-type: none;
  }
form fieldset.radio ul li {
  margin: 0 0 5px 0;
  }
form fieldset.radio ul li:last-child {
  margin: 0;
  }
form fieldset p.form-help {
  margin: 5px 0 0 20%;
  font-size: 12px;
  color: #999;
  }
form input[type="submit"], .button {
  width:86%;
  max-width: 250px;
  color:#ffffff;
  margin: 0;
  padding: 9px 0;
  font-size: 12px;  
  font-weight: bold;
  cursor: pointer;
  font-size: 1em;

  }
form fieldset input.form-text.error{
  border: 1px solid rgb(170, 30, 72);;
}
form fieldset .form-help.error{
  color:#AA1E48;
}
form fieldset input.form-text.mandatory{
  border: 1px solid rgb(170, 30, 72);
  border: 1px solid rgba(170, 30, 72,0.2);
}

/*Special Classes*/
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

.loading{text-align: center;}

.box-shadow {-webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.38); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.38); box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.38);}

.red {
  background: rgb(255,214,0);
}

.red:hover {
  background: #ffd600;
}

.grey, .progress {
  background: rgb(127,143,149); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(127,143,149,1) 49%, rgba(98,117,123,1) 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(127,143,149,1)), color-stop(50%,rgba(98,117,123,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(127,143,149,1) 49%,rgba(98,117,123,1) 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(127,143,149,1) 49%,rgba(98,117,123,1) 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(127,143,149,1) 49%,rgba(98,117,123,1) 50%); /* IE10+ */
  background: linear-gradient(top,  rgba(127,143,149,1) 49%,rgba(98,117,123,1) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f8f95', endColorstr='#62757b',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

.grey:hover, .progress:hover {
  background: rgb(98,117,123); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(98,117,123,1) 25%, rgba(127,143,149,1) 87%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(98,117,123,1)), color-stop(87%,rgba(127,143,149,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(98,117,123,1) 25%,rgba(127,143,149,1) 87%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(98,117,123,1) 25%,rgba(127,143,149,1) 87%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(98,117,123,1) 25%,rgba(127,143,149,1) 87%); /* IE10+ */
  background: linear-gradient(top,  rgba(98,117,123,1) 25%,rgba(127,143,149,1) 87%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62757b', endColorstr='#7f8f95',GradientType=0 ); /* IE6-9 */
}

*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/*Small Screen Adjustments*/
@media screen and (max-width: 600px) {
  form fieldset label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 5px 0;
    }
  form fieldset.form-actions,
  form fieldset.check,
  form fieldset.radio ul,
  form fieldset p.form-help {
    margin-left: 0;
    padding-left: 0;
    }
  form fieldset input.form-text,
  form fieldset textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
  }