/**
 * @file 			popin.css
 * @section			popin
 */
#popin {
	position:absolute;top:0;left:-100%;z-index:2;
	width:100%;
}
#popin .shadow {
	position:fixed;top:0;left:0;right:0;bottom:0;
	display:none;
	background:#000;
}
#popin .wrapper {
	position:relative;
	margin:0 auto;
}
#popin .topBorder,
#popin .bottomBorder {
	display:block;clear:both;
	overflow:hidden;
	text-indent:-1000em;
}

#popin .topBorder {
	height:14px;
	background:url(../img/popin/bg/popin-top-border.png) no-repeat;
}
#popin .bottomBorder {
	height:15px;
	background:url(../img/popin/bg/popin-bottom-border.png) no-repeat;
}

#popin .bgWrapper {
	display:none;
	padding:20px 30px;
	height:auto;
	background:url(../img/popin/bg/popin-content.png) repeat-y;
}

#popin .bottomBorder,
#popin .topBorder,
#popin .wrapper {width:750px;}

#popin .mini .topBorder {background:url(../img/popin/bg/popin-mini-top-border.png) no-repeat;}
#popin .mini .bottomBorder {background:url(../img/popin/bg/popin-mini-bottom-border.png) no-repeat;}
#popin .mini .bgWrapper {background:url(../img/popin/bg/popin-mini-content.png) repeat-y;}

#popin .mini .bottomBorder,
#popin .mini .topBorder,
#popin .mini.wrapper {width:435px;}

/**
 * @section				close
 */
#popin .close {
	float:right;
	margin-right:1px;
	color:#FFF;background:url(../img/popin/bg/close-content.png) repeat-x;
	text-decoration:none;
	cursor:pointer;
}
#popin .close:hover {text-decoration:underline;}
#popin .close span {float:left;}

#popin .close .leftBorder {
	margin-left:-1px;
	background:url(../img/popin/bg/close-left-border.png) no-repeat;
}
#popin .close .rightBorder {
	position:relative;left:1px;
	background:url(../img/popin/bg/close-right-border.png) no-repeat right top;
}
#popin .close .bgWrapper {
	display:block;
	padding:7px 28px 0 0;margin:0 9px;
	height:18px;
	background:url(../img/popin/bg/popin-close.png) no-repeat right 4px;
}

/**
 * @section			titles
 */
#popin h2 {
	margin:0 0 35px;
	color:#000;
	font-size:30px;
	text-transform:uppercase;
}

/**
 * @section			form in popin
 */
#popin fieldset {border:0;margin:0;padding:0;}
#popin form label {
	width:140px;
	color:#060707;
	border-color:#C7C7C7;
}
#popin form .textareaField label {padding-bottom:19px;}
#popin form .label {
	float:left;
	margin:0;border-bottom:1px solid #595959;padding:6px 0 4px;
	width:205px;height:12px;
	color:#C6C6C6;
	font-size:11px;
}
#popin form .textareaField label {border:0;}
#popin form label.requiredField {font-weight:normal;}
#popin form label.requiredField span {color:#C8157A;}

#popin form .textWrapper {width:192px;}
#popin form .textareaField .textWrapper {width:257px;}
#popin form .textWrapper input {
	width:186px;height:16px;
	color:#FFF;
}

#popin form .submitField {
	clear:both;float:none;
	padding:18px 0 0;margin:0 auto;	
	width:151px;
}
#popin form .smallLetters {
	margin:0 0 20px;
	color:#060707;
	font-size:11px;
}
#popin form .submitField input {
	padding-left:20px;padding-right:20px;
	color:#FFF;
	font-weight:bold;font-size:11px;
}

#popin form .submitField .link2 {background-image:url(../img/common/bg/link-2-content.gif);}
#popin form .submitField .link2 .leftBorderDeco  {background-image:url(../img/common/bg/link-2-left-border.gif);}
#popin form .submitField .link2 .rightBorderDeco  {background-image:url(../img/common/bg/link-2-right-border.gif);}

#popin form .submitField .link2Hover {background-image:url(../img/common/bg/link-2-content-hover.gif);}
#popin form .submitField .link2Hover .leftBorderDeco  {background-image:url(../img/common/bg/link-2-left-border-hover.gif);}
#popin form .submitField .link2Hover .rightBorderDeco  {background-image:url(../img/common/bg/link-2-right-border-hover.gif);}

#popin form .textareaField,
#popin form .radioField {margin:0 0 12px;}
#popin form .textareaField .textWrapper .content {
	height:auto;
	background-image:url(../img/popin/bg/textarea-content.png);
}
#popin form .textWrapper textarea {
	overflow:auto;
	border:0;margin:5px;padding:0;
	width:241px;height:84px;
	color:#FFF;background:none;
	font-size:14px;font-family:Arial, sans-serif;
}
#popin form .radioWrapper {
	float:left;
	width:255px;
	padding:0 0 0 4px;
}
#popin form .radio {
	position:relative;
	overflow:hidden;
	padding:0 4px 0 0;margin:7px 0 0;
	cursor:pointer;
}
#popin form .radio,
#popin form .radio .on,
#popin form .radio .off {
	float:left;
	width:15px;height:15px;
}
.js #popin form .radio .on {background:url(../img/common/bg/radio-on.png) no-repeat;}
.js #popin form .radio .off {background:url(../img/common/bg/radio-off.png) no-repeat;}

#popin form .radio input {
	display:block;
	margin:0;padding:0;
	width:15px;height:15px;
}
.js #popin form .radio input {position:absolute;left:-10000em;}

#popin form .radioField label {
	border:0;margin:0 10px 0 0;padding-top:10px;
	width:auto;
	cursor:pointer;
}

#popin form .textWrapper .content {background-image:url(../img/popin/bg/input-text-content.png);}

/**
 * @section 			easyclearing
 */
#popin .bgWrapper:after,
#popin form .textareaField:after,
#popin form .radioField:after,
#popin form .submitField:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}