/*-------------------------------------------------------------------------
=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
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
.customForm { position:relative; float:left; margin:50px; margin-bottom:10px; width:546px }
.customForm div { float:left; width:546px; 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; background:url(../media/forms/forms.png) no-repeat right -113px; cursor:pointer }
	.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; border:none }
		
.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 }