/*
    $ http://www.jquery-plugins.hu $
*/

/* .modal_form a { color: black; text-decoration: none; outline: none; }
.modal_form a:hover { border-bottom: 1px dotted #ff005a; } */
.modal_form .close { float: left; width: 100%; margin: 40px 0 0 0 !important; padding: 10px 0 60px 0 !important; background: url(../images/separatorLeft.gif) repeat-x 0 0; }
.modal_form .close a { color: #454545 !important; outline: none; }
.modal_form .close a:hover { color: #ff005a !important; border: none !important; border-bottom: 1px dotted #ff005a !important; }
.modal_form p { margin: 0; padding: 10px 0 6px 0; }
.modal_form .clearFix { clear: left; width: 100%; margin: 0; padding: 0; height: 30px; }
.modal_form input { outline: none; }


/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500); */
.overlay_cbf{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	display:none;
	background:url(../images/clearboxform_raster.png) repeat 0 0;
}
.modal_form{
	display:none;
	z-index:10001;
	position:absolute;
	width:400px;
	min-height:300px;
}
.modalHeader{
	float:left;
	/*width:500px;*/
	width:100%;
	/* width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px); */
	/*height:31px;*/
	padding:20px 20px 10px; 20px;
	color:#fff;
	/*background:url(../images/clearboxform_sprite.png) no-repeat 0 0;*/
	/*background:url(../images/clearboxform_sprite.png) repeat 0 0;*/
	background-color: #4791D2;
	/* font:normal 700 18px/18px 'Roboto',sans-serif; */
	-webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	border-top-left-radius:2px;
	text-transform: uppercase;
	font-size: 15px;
}
.modalContent{
	float:left;
	/*width:458px;*/
	width: 100%;
	/*width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px)*/;
	/*height:289px;*/
	padding: 20px;
	background-color:#edeeef;
	/* font:normal 400 14px/18px 'Roboto',sans-serif; */
	color:#999;
	text-align:justify;
	-webkit-border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	/*border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;*/
	position:relative
}
#pelda3 .modalContent,#pelda4 .modalContent{height:300px}
.modalContent h2{color:#616161!important;font:normal 500 20px/20px 'Roboto',sans-serif!important;border-bottom:none!important}
.forgotten{position:absolute;bottom:10px;left:20px}
.closeBtn{display:block;width:29px;height:35px;background:url(../images/clearboxform_sprite.png) no-repeat 0 -50px;position:absolute;bottom:-4px;right:20px;cursor:pointer;}
.closeBtn:hover{text-decoration:none!important;border-bottom:none!important;background:url(../images/clearboxform_sprite.png) no-repeat -29px -50px}
/*form{width:240px;margin:0 auto}
form p{float:left;position:relative}*/
label{display:block;width:240px;position:absolute;top:14px;left:0;text-align:center;cursor:pointer;font:normal 400 16px/16px 'Roboto',sans-serif}
.inputbox{width:238px;height:36px;color:#555;background-color:#fff;border:1px solid #ddd;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer}
.inputbox:focus{
	color:#4791D2;
	border:1px solid #4791D2;
	cursor:auto
}
/*form p{float:left;width:240px;padding:0 0 4px 0;text-align:center}*/
.btnSubmit{
	margin:20px auto 0 auto;
	width:149px !important;
	height:35px;
	color:#fff;
	/*background:url(../images/clearboxform_sprite.png) no-repeat -58px -50px;*/
	border:none;
	cursor:pointer;
	font:normal 400 16px/16px 'Roboto',sans-serif;
	text-align: center !important;
}
.btnSubmit:hover{
	/*background:url(../images/clearboxform_sprite.png) no-repeat -207px -50px;*/
}
/* label,.inputbox{font:normal 400 14px/14px 'Roboto',sans-serif!important} */
.forgotten{color:#999;font:normal 400 12px/12px 'Roboto',sans-serif}
.forgotten:hover{color:#e75437;border:none!important}
.formPassword{padding-top:10px}