/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-Feb-2016, 10:44:42
    Author     : dvierich
*/


body, input {
   font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.container {
    width: 390px;
    margin: 10% auto 50px auto;
    text-align: center;
}

form {
   margin:0;
   padding:0;
}

#startbox {
   width: 100%;
   text-align: left;
   box-sizing: border-box;
   background-color:#F0F0F0;
   border:1px solid #DCDCDC;
   box-shadow: 0 4px 12px rgba(0,0,0,0.08);
   -webkit-box-shadow: 0px 15px 15px -13px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 15px 15px -13px rgba(0,0,0,0.15);
   box-shadow: 0px 15px 15px -13px rgba(0,0,0,0.15);
   padding: 25px;
}

.logo {
    width: 287px;
    height: 61px;
    background-image: url('../img/logo-start.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 0 22px -4px;
}

.msg, .errors {
    margin: 0 0 15px 0;
    color: #E06161;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #FFC9C9;
    padding: 10px;
    background: #EFE6E6;
}

.msg.success {
    color: #68B53C;
    border: 1px solid #B2E297;
    background: #E6EFE1;
}

.errors ul {
    margin: 0;
    padding-left: 20px;
    line-height: 18px;
}

h1 {
    font-family: "Myriad Pro", "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    color: #808080;
    padding: 0;
    margin: 0 0 15px 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #DCDCDC;
}
h1.small {
   font-size:32px;
}
h1 img {
   vertical-align:top;
   margin-right:5px;
}
label {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding: 0 0 5px 0;
}

input, select {
   display:block;
   font-size:18px;
   width: 100%;
   box-sizing: border-box;
   margin: 0 0 10px 0;
   padding:5px;
   border:1px solid #D0D0D0;
   color:#555;
}
input:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: #868686;
    cursor: default;
}
p {
   color:#7F7F7F;
   font-size:12px;
   padding:0 0 5px 0;
   line-height: 18px;
}

input.send {
    display: block;
    float: right;
    background: #E3E3E3;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
    background: -moz-linear-gradient(top, #EEE, #DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
    border-right: 1px solid #C7C6C6;
    font-size: 15px;
    width: initial;
    margin: 5px 0 0 0;
    padding: 0px 25px 4px 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #8A8A8A;
    height: 32px;
    padding-top:2px;
    cursor: pointer;
}

input.abort {
   display:block;
   float:left;
   background:#E3E3E3;
   background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
   background: -moz-linear-gradient(top,  #EEE,  #DDD);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
   border-top:1px solid #ADADAD;
   border-left:1px solid #ADADAD;
   border-bottom:1px solid #888;
   border-right:1px solid #888;
   width:115px;
   font-size:16px;
   margin:5px 25px 0 25px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color:#333;
   height:32px;
   padding-top:2px;
   cursor: pointer;
}

input.send:not(:disabled):hover {
   background:#D8E5F2;
   background: -webkit-gradient(linear, left top, left bottom, from(#E8F0F8), to(#CEDFEF));
   background: -moz-linear-gradient(top,  #E8F0F8,  #CEDFEF);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F0F8', endColorstr='#CEDFEF');
   border-top: 1px solid #A1C8EF;
   border-left: 1px solid #8CB2D8;
   border-bottom: 1px solid #80B0E4;
   border-right: 1px solid #8CB2D8;
   color: #749FCE;
}
input.send:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: #868686;
    cursor: default;
}
a {
   display:block;
   float:left;
   font-size:12px;
   font-weight:bold;
   color:#999;
   margin:15px 0 0 0;
}

.bottom {
    margin-top: 20px;
}

.bigform label {
    float: left;
    width: 23%;
    line-height: 30px;
}

.bigform input[type=text],
.bigform input[type=password],
.bigform select {
    width: 77%;
    font-size: 14px;
}

.bigform .password {
    margin-top: 25px; 
}

.bigform .bottom {
    border-top: 1px solid gainsboro;
    padding-top: 13px;
}

.hide {
   display:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
}

 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.link-container {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
}

.link-container a {
    display: inline-block;
    margin-right: 20px;
    color: #999;
    text-decoration: none;
    font-size: 12px;
   font-weight: normal;
}

.link-container a:hover {
    text-decoration: underline;
}