/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

* {
  margin: 0;
  padding: 0;
}

/** General Style Info **/
body {
  background: #fff;
  color: #000;
  font-family: "Montserrat", "Poppins", "Roboto", "Open Sans";
  font-size: 90%;
  margin: 0;
}
a {
  color: #7e0709;
  text-decoration: underline;
  font-weight: bold;
}
a:hover {
  color: #367889;
  text-decoration: none;
}
h1 {
  font-weight: normal;
  margin-bottom: 0.5em;
  background: #fff;
  color: #7e0709;
  font-size: 100%;
}

/** Layout **/
#container {
  text-align: left;
}

#header {
  background: url("../img/bg_header.gif") repeat-x;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  z-index: 5;
}
#header h1 {
  height: 52px;
  line-height: 20px;
  color: #fff;
  padding: 25px 0 10px 115px;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 3px 1px 3px #000;
  background: url("../img/logo.png") 15px 8px no-repeat;
}
#btm_header {
  background: url("../img/bot_header.gif") repeat-x;
  height: 23px;
  width: 100%;
  position: absolute;
  top: 71px;
  z-index: 4;
}
#content {
  background: #fff;
  clear: both;
  color: #333;
  padding: 10px 20px 40px 20px;
  overflow: auto;
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -250px;
  overflow: none;
}
#footer {
  clear: both;
  padding: 6px 0px;
  text-align: right;
  background: #7e0709;
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #fff;
}
#footer div {
  padding: 0 20px;
}

/** containers **/
div.form,
div.index,
div.view {
  /*float:none;*/
  width: 100%;
  padding: 10px 0;
}

/** Forms **/
form {
  clear: both;
  margin-right: 20px;
  padding: 0;
  width: 100%;
  overflow: none;
}
fieldset {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 16px 20px;
}
fieldset legend {
  background: #fff;
  color: #e32;
  font-size: 160%;
  font-weight: bold;
}
form div {
  clear: both;
  margin-bottom: 1em;
  padding: 0.5em;
  vertical-align: text-top;
}
form .input {
  color: #444;
}
form div.submit {
  border: 0;
  clear: both;
  margin-top: 25px;
}
label {
  font-weight: bold;
  display: block;
  font-size: 110%;
  margin-bottom: 3px;
  float: left;
  width: 150px;
}
input {
  float: right;
  font-size: 140%;
  font-family: "Montserrat", "Poppins", "Roboto", "Open Sans";
  /*padding:1%;*/
  width: 285px;
}
input[type="submit"] {
  display: inline;
  font-size: 110%;
  width: 200px !important;
}
form .submit input[type="submit"] {
  background: #62af56;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#a8ea9c),
    to(#62af56)
  );
  background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
  border-color: #2d6324;
  color: #000;
  text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type="submit"]:hover {
  background: #4ca83d;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#85e573),
    to(#4ca83d)
  );
  background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}
input[type="submit"],
div.submit input,
form a {
  font-weight: normal;
  padding: 4px 8px;
  background: #e6e49f;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f1f1d4),
    to(#e6e49f)
  );
  background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
  color: #333;
  border: 1px solid #aaac62;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-decoration: none;
  text-shadow: #fff 0px 1px 0px;
  min-width: 0;
}
input[type="submit"]:hover,
form a:hover {
  background: #f0f09a;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f7f7e1),
    to(#eeeca9)
  );
}

form div.submit input {
  width: 100px !important;
}
/** Notices and Errors **/
div.message {
  clear: both;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 1em 0;
  background: #c73e14;
  padding: 5px;
}