@import "twitter/bootstrap/bootstrap";

body {
  padding-top: 60px;
}

@import "twitter/bootstrap/responsive";
@import "twitter/bootstrap/sprites";

@iconSpritePath: url("/images/glyphicons-halflings.png");
@iconWhiteSpritePath: url("/images/glyphicons-halflings-white.png");

@navbarBackground: rgb(52, 73, 94);
@navbarBackgroundHighlight: rgb(52, 73, 94);
@navbarLinkColor: #FFFFFF;
@navbarLinkColorHover: #0000000;

@linkColor: #888;
@linkColorHover: darken(@linkColor, 1%);

.auto-margin {
  margin: auto;
}

footer {
  font-size: 15px;
  margin-top: 20px;
  background-color: rgba(70, 70, 70, 0.9);
  color: rgb(221, 221, 221);
  text-align:center;
  padding: 2%;
}

.center_box{
  margin-left:10%;
  width:100%;
}

.inputs{ width:300px; }

/* Red */

.navbar {

  .brand {
    font-size: 22px;
    color:#FFFFFF;
  }

  .nav {
    > li {
        font-size: 15px;
        &:focus, &:hover, &:active {
          background-color: #18BC9C;
        }
    }

    .open {
      > a, > a:focus, > a:active {
            &:active, &:focus, &:active {
              color: #FFFFFF;
              background-color: #18BC9C;
            }
      }
    }

    .ul.dropdown-menu, > li {
        &:active, &:hover, &:focus {
          background-color: #18BC9C; }
        }
  }
}



.video{
  width:auto;
  padding-left:220px;
}

.left{
  padding:0px;
  float:left;
  width:480px;
  height:400px;

}

.center{
  text-align:center;
}

.attention{
  background:#FFF;
  color:#0000FF;
  padding:0.4%;
}

.attention:hover{
  background:#000;
  color:#FFF;
}

.error{
  background:#A60707;
  width:100%;
  padding:0.4%;
  color:#FFF;
  text-decoration:none;
  -moz-box-shadow: 0 0 5px 5px #CCC;
  -webkit-box-shadow: 0 0 5px 5px #CCC;
  box-shadow: 0 0 5px 5px #CCC;
  text-align:center;
}

.bold{
  font-weight:bold;
  font-size:15px;
}

.field{
  margin-bottom:20px;
}

.horizontal-form{
  padding-top:20px;
}

.actions{
  margin-top:10px;
}

.radio {
  font-size:15px;
}

label {
  font-size:18px;
}

.upload{
  margin-top:10px;
  background-color:#DDD;
  height:100px;
  color:#000;
  text-align: center;

  -moz-box-shadow: 0 0 1px 1px #888;
  -webkit-box-shadow: 0 0 1px 1px #888;
  box-shadow: 0 0 1px 1px #888;
}





input {
  display: inline-block;
  *display: inline;
  padding: 0px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #DDD;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #DDDDDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);


}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #f56a30;
  outline: 0;
  outline: thin dotted 9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #DDDDDD;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #DDDDDD;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #DDDDDD;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px 9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

input[type="file"] {
  width: 100%;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}