@CHARSET "UTF-8";

body{
	margin:0;
	padding:0;
	height:100%;
}
html{
	height:100%;
}
div.distance { 
	width:1px;
	height:50%;
	margin-bottom:-85px; /* half of container's height */
	float:left;
}

div.distancereset { 
	width:1px;
	height:50%;
	margin-bottom:-150px; 
	float:left;
}



div.container{
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	height:170px;
	width:750px;
	clear:left;
	text-align:center;
}


div.containerreset{
	margin:0 auto;
	position:relative; 
	height:300px;
	width:350px;
	clear:left;
	text-align:center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.errors{
	color:#FF0000;
}
.required{
	font-family:verdana;
	font-size: 16px;
}

.left{
	float:left;			
}
.right{
	float:right;
}

.catcomponent{
	width:430px;	
}


.inputclass{
	width: 284px;
	height: 20px;
	padding-left: 8px;
	padding-right: 8px;
	background: transparent;
	border: 1px solid #acacac;
}
.submit{
	width: 100px;
	height: 25px;
	cursor: pointer;
}
.txtclass{
	width: 290px;
	background: transparent;
	border: 1px solid #acacac;
	padding-left: 5px;
	padding-right: 5px;
	height: 100px;
}

input{
	margin:0 auto;
	width:150px;
	height:16px;
	text-align:center;
	border:1px solid #B3B3B3;
}

div.text{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
div.text p{
	margin:0;
	padding-left:5px;
	padding-right:5px;
	font-style:"Myriad Pro";
	font-size:14px;
}
.alleft{
	text-align:left;
}
.alright{
	text-align:right;
}
hr{
	width:300px;
	height:3px;
	background-color:#467DC3;
	margin-top:0;
	margin-bottom:0;
	border:1px solid #467DC3;
}

div.buttons{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
}

div.buttons input{
	width:80px;
	height:25px;
	padding:0;
	font-style:"Myriad Pro";
	font-size:12px;
	cursor: pointer;
}

.floatl{
	float:left;
}

div.msg{
	margin-top:10px;
	text-align:center;
	color:red;
	margin-bottom:0;
	padding:0;
	font-style:"Myriad Pro";
	font-size:12px;
}

.floatr{
	float:right;
}

p.recupereaza{
	font-family: verdana;
	text-align: center;
	font-size: 12px;
}

p.recupereaza a{
	text-decoration: none;
	color: #426BFC;
}
.setspan{
	font-family: verdana;
	font-size: 13px;
	color: red;
}