.preloader{width:100%;height:100%;text-align:center;display:none;}
.windows8{margin:auto;top:40%;}
.wrapper{width:100%;height:100%;/*display:none;*/}

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

body {
	/*padding: 20px 15%;*/
	/*background:#F3F3F3;/*#e6e4e5;/*#778899;*/
}
form header {
	margin: 0 0 20px 0;
}
form header div {
	font-size: 90%;
	color: #999;
}
form header h2 {
	margin: 0 0 5px 0;
}
form > div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
	margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
	float: left;
	padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
	/*float: right;*/
	margin-left:10px;
	margin-right:10px;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
	padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
	border:none;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 100%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password]{
	width:100%;
	height:30px;
	background:rgba(255,255,255,0.8);
}
.textbox{
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	/*border:1px solid rgba(0,0,0, 0.2);*/
	padding:0 5px;
}
.textbox:focus{
	box-shadow: 0 0 15px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 15px rgba(255, 255, 255, 1);
}
.button{
	height:30px;
	text-align:left;
	border:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	background:rgba(150,150,150,0.8);
	color:#fff;
}
div.button{
	padding-top:8px;
	padding-left:4px;
}
.button:hover{
	cursor:pointer;
	background:rgba(255,255,255,0.9);
	color:#000;
	box-shadow: 0 0 15px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 15px rgba(255, 255, 255, 1);
}
#btn_signinfb:hover,  #btn_signinfb_invite:hover{
	background:rgba(59,89,152,0.9);
}
#btn_signinli:hover{
	background:rgba(115,184,219,0.9);
}
#btn_signintw:hover{
	background:rgba(115,184,219,0.9);
}
#btn_signing:hover{
	background:rgba(226,94,75,0.9);
}
#btn_signinig:hover{
	background:rgba(18, 86, 136,0.9);
}
#div_bar{
	background:rgba(255,255,255,0.9);
	width:100%;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#div_bar a{
	font-size:200%;
	color:#fff;
	margin-left:20px;
	text-decoration:none;
}
.buttontext{
	font-family:Helvetica,Arial;
	font-size:13px;
	text-decoration:none;
}
.buttonsocial{
	padding: 6px 9px;
	background-image: url("../images/icons/loginsocial.png");
	background-repeat: no-repeat;
	margin-right:5px;
}
#btn_signing .buttonsocial{
	background-position: 0px 0px;
}
#btn_signinfb .buttonsocial, #btn_signinfb_invite .buttonsocial {
	background-position: 0px -31px;
}
#btn_signinli .buttonsocial{
	background-position: 0px -58px;
}
#btn_signintw .buttonsocial{
	background-position: 0px -82px;
}
#btn_signinig .buttonsocial{
	background-position: 0px -109px;
}
#form_signup,#form_forgotpass{display:none;}
.buttonremember{
	padding: 10px 11px;
	background-repeat: no-repeat;
	margin-right:5px;
	float:right;
}
.checked{background-image: url("../images/icons/logincheck.png");}

#div_professions{
	background:rgba(255,255,255,0.7);
	width:220px;
	display:none;
}
.div_professionsRow{height:30px;}
.div_professionsRow:hover{background:rgba(200,200,200,0.8);}
.squaredFour, .squaredFourlbl{display:inline-block;padding-left:20px;}

/* SQUARED FOUR */
.squaredFour {
	width: 20px;
	margin: 5px auto;
	position: relative;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#vis img{position:fixed;top:45%;left:45%;}

.overlay{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	text-align: center;
	position: fixed;
	z-index: 999;
	top:0;
	left: 0;
	display: none;

}
.overlay_inner{
	width: 75%;
	height: 500px;
	background: rgba(255,255,255,0.9);
	margin: 25px auto auto;
	overflow: auto;
	padding: 10px 20px;
}

.overlay_inner p{
	text-align: justify;
}


#mfs{
	position:fixed;
	top: 0;
	height: 100%;
	z-index: 100;
	width:100%;
	background:rgba(200,200,200,0.5);
	text-align:center;
    display: none;
}
#mfs form{
	width: 500px;
	height: 400px;
	padding-top:100px;
	margin:auto;
	background:#fff;
}
/*jQuery alerts*/
.alert {
	font-size: 1em;
	padding: 1em;
	text-align: center;
	white-space: nowrap;
	width: auto;
	word-wrap: normal;
}
.ui-dialog > .ui-dialog-titlebar{
	display: none;
}
.ui-dialog .ui-dialog-buttonpane{
	border-width: 0;
}
.ui-dialog .ui-dialog-buttonpane button{
	margin: 0;
	font-size: 0.8em;
}
div#vis{
	text-align: center;
}

#div_form {
	width: 300px;
	display: inline-block;
	float: right;
}
#div_info {
	position: fixed;
	z-index: 99;
	width: 900px;
	padding-top: 20px;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	margin-left: -450px;
	background: rgba(0,0,0,0.6);
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);

	-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
}
#div_slogan{
	display: inline-block;
}

@media (max-width: 600px) {
	form > div {
		margin: 0 0 15px 0;
	}
	form > div > label,
	legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	form > div > div,
	form > div > fieldset > div {
		width: 100%;
		float: none;
		margin: 0;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width: 100%;
	}

	#div_info {
		width: 100%;
		padding: 10px;
		left: 0;
		margin-left: 0;
	}
	#div_slogan {
		display: none;
	}
	#div_form {
		width: 100%;
	}

}
@media (min-width: 1200px) {
	form > div > label,
	legend {
		text-align: right;
	}
}