@charset "UTF-8";



/* form */

fieldset{
	margin:20px 0; 
	padding:20px; 
	border: solid 1px #bbb; 
	}
legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}
fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	padding: 10px; 
}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */

label{
	float: left; 
	display:block;
	padding: 3px 10px 0 0; 
	text-align:right;
	width:110px;
}

.sample{
	margin-left: 10px; 
	font-size:0.9em; 
	color:#6ac;
}

input,
textarea,
select{
	padding: 5px; 
	background: #f3f6f9; 
	border: solid 1px #aaa; 
}

/* buttons */
.buttons{
	clear:both; 
	text-align: center; 
	overflow: hidden; 
	}

.buttons button{
	margin:10px; 
	padding: 30px 10px; 
	border:none;
	font-size:1.1em;
	line-height:130%;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	width:180px;
	height: 60px; 
	overflow:visible;
	padding:10px 40px 10px 50px; 
	background: url(/img/layout/button.png) 0 -170px no-repeat;
}

button:hover{
	background-position:-180px -170px;
}
button:active{
	color:#333;
	background-position:0 -169px;
}





 .w20{width:20px; } .w50{width:50px; } .w100{width:100px; } .w150{width:150px; } .w200{width:200px; } .w250{width:250px; } .w300{width:300px; } .w350{width:350px; } .w400{width:400px; } .w450{width:450px; } .w500{width:500px; } .w550{width:550px; } .w600{width:600px; } .w650{width:650px; } .w700{width:700px; } .w750{width:750px; } .w800{width:800px; } .h20{height:20px; } .h50{height:50px; } .h100{height:100px; } .h150{height:150px; } .h200{height:200px; } .h250{height:250px; } .h300{height:300px; } .h350{height:350px; } .h400{height:400px; } .h450{height:450px; } .h500{height:500px; } .h550{height:550px; } .h600{height:600px; } .h650{height:650px; } .h700{height:700px; } .h750{height:750px; } .h800{height:800px; }


/* =validation */
.formError {
			position:absolute;
			top:300px; left:200px;
			padding-bottom:13px;
			display:block;
			text-align: left; 
			z-index:5000;
}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.7;
				display:block;
				padding:10px;
				color:#fff;
				font-size:0.9em;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:140px;
				font-size:0.9em;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  



/* =done */
p#thanks{
	display: block;
	height: 300px;
	padding: 30px 10px 10px 130px;
	background: url(/img/contents/thanks.png) no-repeat;
	}