﻿/*
    $ http://www.jquery-plugins.hu $
*/

.modal a { color: black; text-decoration: none; outline: none; }
.modal a:hover { border-bottom: 1px dotted #ff005a; }
.modal .close { float: left; width: 100%; margin: 40px 0 0 0 !important; padding: 10px 0 60px 0 !important; background: url(separatorLeft.gif) repeat-x 0 0; }
.modal .close a { color: #454545 !important; outline: none; }
.modal .close a:hover { color: #ff005a !important; border: none !important; border-bottom: 1px dotted #ff005a !important; }
.modal p { margin: 0; padding: 10px 0 6px 0; }
.modal .clearFix { clear: left; width: 100%; margin: 0; padding: 0; height: 30px; }
.modal input { outline: none; }


/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500); */
.overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none;background:url(../images/clearboxform_raster.png) repeat 0 0}
.modal{
	display:none;
	z-index: 9999;
	position:fixed;
	width:100%;
	max-width:500px;
	min-height:300px;
	overflow: hidden;
	top:20%;
}
.modalHeader{
	/* float:left;
	width:100%;
	max-width:500px;
	padding: 14px 20px 6px 20px;
	color:#fff;
	background:url(../images/modal.png) no-repeat 0 0;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px; */
	/* font:normal 400 18px/18px 'Roboto',sans-serif; */
}
.modalContent{
	float:left;
	max-width:500px;
	width:100%;
	/*height:289px;*/
	padding-bottom:30px;
	background-color:#F5F5F5;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	/* font:normal 400 14px/18px 'Roboto',sans-serif; */
}
.modal_vas_foly {
	border: 0 !important;
	background-color: #ECECEC !important;
	color: #909090 !important;
	padding:  8px 14px !important;
	border-radius: 4px;
	border: 1px solid #D5D5D5 !important;
}
.modal_vas_foly:hover {
	background-color: #E5E5E5 !important;
}
.modal_fiz {
	border: 0 !important;
	background-color: #53B829 !important;
	color: #fff !important;
	padding:  8px 14px !important;
	text-transform:  uppercase;
	border-radius: 4px;
}
.modal_fiz:hover {
	background-color: #CAC9C9 !important;
	color: #fff !important;
}

#pelda3 .modalContent,#pelda4 .modalContent{height:300px}
.modalContent h2{
	color:#616161!important;
	/* font:normal 500 20px/20px 'Roboto',sans-serif!important; */
	border-bottom:none!important
}
.modalContent {color:#999;text-align:justify;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;position:relative}
.forgotten{position:absolute;bottom:10px;left:20px}
.closeBtn{
	display:block;
	width:29px;
	height:35px;
	background:url(../images/modal.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/modal.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:#e75437;border:1px solid #e75437;cursor:auto}
form p{float:left;width:240px;padding:0 0 4px 0;text-align:center}
.btnSubmit{
	margin:20px auto 0 auto;
	width:149px;
	height:35px;
	color:#fff;
	background:url(../images/modal.png) no-repeat -58px -50px;
	border:none;
	/* cursor:pointer;font:normal 400 16px/16px 'Roboto',sans-serif */
}
.btnSubmit:hover{background:url(../images/modal.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}

