@import http://fonts.googleapis.com/css?family=Raleway;
/*
//==========================================================================================================================
// User rgeistration page styling.
//
// Last modified: 22.02.19
// Author: Romet Saarna (aka TheKuru) http://wizil.ee
//==========================================================================================================================
*/


/* -------------------------------------------------------------------------------------------------- */
/*  */
/* -------------------------------------------------------------------------------------------------- */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #cccccc;
 opacity: 0.8; /* Firefox */
 font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #cccccc;
}

.register-box {
 width: 600px;
 height: 640px;
 padding: 20px 76px 0 76px;
 text-shadow: 0 -1px black;
 background: #264e8c;
 border-bottom: 1px solid #191919;
 -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(0, 0, 0, 0.8);
 box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(0, 0, 0, 0.8);
}

.register-box h2 {
 padding: 0;
 margin: 0;
 color: #ebebeb;
 font: bold 44px "Calibri", Arial;
}


.register-box-fieldname-container {
 /*float: left;*/
 display: inline;
 width: 180px; /* was 150 */
 text-align: right;
 padding: 14px 10px 0 0;
 margin: 0 0 7px 0;
}

.register-box-field-container {
 /*float: right;*/
 display: inline;
 width: 250px;
 margin: 0 0 7px 0;
}

.register-box-inputfield  {
 width: 250px;
 padding: 10px 4px 6px 3px;
 border: 1px solid #0d2c52;
 background-color: #1e4f8a;
 font-size: 12px;
 color: #ebebeb;
 margin: 0 0 7px 0;
}

.register-box-selectfield  {
 width: 250px;
 padding: 10px 4px 6px 3px;
 border: 1px solid #0d2c52;
 background-color: #1e4f8a;
 font-size: 12px;
 color: #ebebeb;
 margin: 0 0 7px 0;
}

.register-box-birthdayfield {
 width: 80px;
 padding: 10px 4px 6px 3px;
 border: 1px solid #0d2c52;
 background-color: #1e4f8a;
 font-size: 12px;
 color: #ebebeb;
 margin: 0 0 7px 0;
}


.register-box-options-container  {
 clear: both;
 padding-left: 30px;
 font-size: 11px;
}

.register-box-options-container a {
 color: #ebebeb;
 font-size: 11px;
 text-decoration: none;
}
.register-box-options-container a:hover {
 color: #cccccc;
 text-decoration: underline;
 cursor: pointer;
}


.register-button {
 display: block;
 outline: 0;
 border: 1px solid #D4D4D4;
 border-radius: 2px;
 color: #444;
 background: -webkit-linear-gradient(top, #F4F4F2, #EDEDEB);
 background: linear-gradient(to bottom, #F4F4F2, #EDEDEB);
 box-shadow: inset 0 1px 0 #FDFDFC;
 white-space: nowrap;
 padding: 5px 8px;
 line-height: 1.4;
 position: relative;
 text-decoration: none;
 margin-top: 10px;
 margin-bottom: 10px;
 color: #3e3e3e;
 font-weight: 300;
 font-size: 14px;
}
.register-button:hover {
 background: -webkit-linear-gradient(top, #EBEBEB, #C7C7C3);
 background:linear-gradient(to bottom, #EBEBEB, #C7C7C3);
 text-decoration: none;
}