/*---------------------------------------------------------------------------
=BROWSER RESET
-------------------------------------------------------------------------*/
html,body,address,blockquote,div,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,dl,li,tbody,td,tfoot,th,thead,tr,button,del,ins,object,a,abbr,acronym,b,br,cite,code,em,img,span,strong,legend,fieldset,input,textarea{margin:0;padding:0}input,textarea{outline:0}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left}a img,button,textarea,fieldset{border:0}textarea{overflow:auto}address,cite,em{font-style:normal}abbr,acronym{border-bottom:1px dotted; cursor:help}

/*-------------------------------------------------------------------------
=TOOLKIT
-------------------------------------------------------------------------*/
.floatNone{float:none}.floatLeft{float:left}.floatRight{float:right}.clearLeft{clear:left}.clearRight{clear:right}.clearBoth{clear:both}.noBg{background:none!important}.noMargin{margin:0!important}.noPadding{padding:0!important}.noBorder{border:0!important}.show{display:block!important}.hide{display:none!important}.hideText{overflow:hidden;display:block;text-indent:-9999px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}.debug{border:1px dotted #f00}

/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
html, body { height:100% }

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
.customForm {
	position:relative;
	float:left;
	width:650px;
	margin-top: 30px;
	margin-left: 30px;
}
.customForm div { float:left; width:600px; margin-bottom:25px }
.customForm .photo { position:absolute; top:-15px; right:0; width:136px; height:237px }
.customForm .photo span { display:block; margin-top:10px; padding-left:5px; font-size:11px; color:#acb7bd; line-height:15px }
.customForm .photo a { position:absolute; top:28px; left:0; display:block; width:136px; height:161px; background:url(../media/bg/hrPhotoLayout.png); text-decoration:none; overflow:hidden }
.customForm div.gsm { background:url(../media/bg/miniLine.png) no-repeat 219px 8px }
.customForm label { float:left; padding-right:11px; display:block; margin-right:11px; width:110px; font:normal 11px Tahoma; color:#7b858a; background:url(../media/forms/labelDot.png) no-repeat right 3px }
.customForm p { float:left; margin-top:-11px }
.customForm p.text { display:block; padding-right:28px; width:200px; height:38px; background:url(../media/forms/forms.png) no-repeat right -38px }
	.customForm p.text input { padding:0 5px 0 14px; border:none; outline:0; width:100%; height:38px; background:url(../media/forms/forms.png) no-repeat left 0; font:normal 11px Verdana, Arial, Tahoma, sans-serif; line-height:38px; }
.customForm p.text.area { float:left; width:50px; margin-right:25px }
.customForm p.text.tel { float:left; width:120px }

.customForm p.select {
	position:relative;
	display:block;
	padding-right:34px;
	width:126px;
	height:37px;
	cursor:pointer;
	background-image: url(../media/forms/forms.png);
	background-repeat: no-repeat;
	background-position: right -113px;
}
	.customForm p.select span.select { display:block; width:100%; height:37px; background:url(../media/forms/forms.png) no-repeat left -76px }
	.customForm p.select span.text { position:absolute; top:11px; left:13px; font:normal 11px Verdana, Arial, Tahoma, sans-serif }
	.customForm p.select select { display:block; width:100%; height:37px; cursor:pointer }
		.customForm p.select select option { padding:3px 2px }
	.customForm button { display:block; width:181px; height:51px; padding-right:7px; background:url(../media/forms/forms.png) no-repeat right -252px; cursor:pointer }
		.customForm button span { display:block; padding-top:16px; font:bold 15px Arial, Tahoma, sans-serif; height:51px; background:url(../media/forms/forms.png) no-repeat -58px -202px; color:#fff }
		
.customForm ul.checkbox { float:left; list-style:none }
	.customForm ul.checkbox li { margin-bottom:10px; font:normal 11px Verdana, Arial, Tahoma, sans-serif; height:25px }
		.customForm ul.checkbox li span { position:relative; float:left; display:block; width:22px; height:22px; background:url(../media/forms/forms.png) no-repeat left -201px }
		.customForm ul.checkbox li span.active { background-position:left -231px }
		.customForm ul.checkbox li p { float:left; margin-left:8px; margin-top:3px }
			.customForm ul.checkbox li p em { font-size:10px; color:#b3b8ba; font-weight:normal }
		.customForm input[type="checkbox"] { width:22px; height:22px; cursor:pointer }
		
.customForm ul.radio { float:left; list-style:none }
	.customForm ul.radio li { margin-bottom:10px; font:normal 11px Verdana, Arial, Tahoma, sans-serif; height:25px }
		.customForm ul.radio li span { position:relative; float:left; display:block; width:22px; height:22px; background:url(../media/forms/forms.png) no-repeat -29px -201px }
		.customForm ul.radio li span.active { background-position:-29px -231px }
		.customForm ul.radio li p { float:left; margin-left:8px; margin-top:3px }	
		.customForm input[type="radio"] { width:22px; height:22px; cursor:pointer }	
	
.customForm .message { float:left; border-collapse:collapse }
	.customForm .message .leftBorder { background:url(../media/forms/leftBorder.png) repeat-y top left; width:5px }
	.customForm .message .rightBorder { background:url(../media/forms/rightBorder.png) repeat-y top left; width:5px }
	.customForm .message .leftTopCenter { background:url(../media/forms/forms.png) no-repeat -30px 0; height:5px }
	.customForm .message .leftTopCorner { background:url(../media/forms/forms.png) no-repeat 0 -150px; width:8px; height:8px }
	.customForm .message .rightTopCorner { background:url(../media/forms/forms.png) no-repeat -882px -150px; width:8px; height:8px }
	.customForm .message .leftBottomCenter { background:url(../media/forms/forms.png) no-repeat -30px -180px; height:5px }
	.customForm .message .leftBottomCorner { background:url(../media/forms/forms.png) no-repeat 0 -180px; width:8px; height:8px }
	.customForm .message .rightBottomCorner { background:url(../media/forms/forms.png) no-repeat -882px bottom; width:8px; height:8px }
	.customForm .message .content { position:relative; padding:5px; width:400px; height:100px; background:#fff }	
		.customForm .message textarea { width:100%; height:100%; resize:none; font:normal 11px Verdana, Arial, Tahoma, sans-serif }
.textkutu{ padding:0 5px 0 14px; border:none; outline:0; width:100%; height:38px; background:url(../media/forms/forms.png) no-repeat left 0; font:normal 11px Verdana, Arial, Tahoma, sans-serif; line-height:38px; }