/*** FORMS RELATED CSS ************************************************/

/* == ELEMENTS MODIFY =============================================== */
.active_form {
	width: 560px;
	position: relative;
}
/* == END OF ELEMENTS MODIFY ======================================== */

/* == MARKUP HELPERS ================================================ */
.form-clear {
	height: 0px;
	overflow: hidden;
	clear: both;
}
/* == END OF MARKUP HELPERS ========================================= */

/* == COMMON VISUAL STYLES ========================================== */
.form-styled label,
.form-styled input,
.form-styled textarea,
.form-styled button {
	font-family: Arial, Verdana, Tahoma, sans;
}

.form-styled label,
.form-styled div.form-separator {
	font-weight: bold;
	color: #400c2c;
	font-size: 12px;
	line-height: 14px;
	padding: 2px 0px;
}

.form-styled input,
.form-styled select,
.form-styled textarea {
	padding: 1px;
	border: solid #d1d1d1 1px;
	background: white;
	font-size: 12px;
	color: black;
	line-height: 14px;
	height: 14px; /* actual is 18px */
}

.form-styled select,
.form-styled input.form-file {
	padding: 0px;
	height: 18px;
}

.form-styled input.form-file {
	line-height: normal;
	height: auto;
	padding: 1px 0px;
}

.form-styled select option {
	width: auto;
}

.form-styled select option.form-prompt {
	background-color: #faf9f5;
}

.form-styled textarea {
	height: 100px;
}

.form-error-message-advice {
	z-index: 100;
	zoom: 1;
	display: block;
	top: 18px;
	left: 0px;
	
	position: absolute;
	width: 192px;
	background: url(/images/frontend/form-hint-bg.gif);
	padding: 12px 4px 4px 4px;
	border-bottom: solid black 1px;
	font-size: 10px;
	color: black;
	text-align: justify;
}


.form-styled .form-item {
	overflow: hidden;
}

.form-styled div.form-separator {
	height: 14px;
	text-align: center;
}

.form-styled div.form-separator span {
	display: block;
	height: 2px;
	width: 8px;
	overflow: hidden;
	background: #d1d1d1;
	margin: 6px auto 0px auto;
}


.form-styled button,
.form-styled input.form-button {
	width: 60px;
	background: red url(/images/frontend/forms/button-x-small.gif) no-repeat;
	height: 19px;
	margin: 0px;
	border: none 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
}
.form-button-group-right .proceed {background: red url(/images/frontend/forms/button-proceed.gif) no-repeat;
			width: 145px;
			height:19px;
			margin: 0px;
			border: none 0px;
			font-size: 12px;
			line-height: 17px;}


/* == END OF COMMON VISUAL STYLES =================================== */

/* == HALFSCREEN ==================================================== */
.form-column-halfscreen {
	width: 253px; /* +3px for IE6. Fuck. */
	padding: 0px 10px;
	float: left;
/*	display: inline;  here and below: peek-a-boo fix */
	overflow: hidden;
}
.form-column-halfscreen-check {
	width: 210px; /* +3px for IE6. Fuck. */
	padding: 0px 10px;
	float: left;
	display: inline; /* here and below: peek-a-boo fix */
	overflow: hidden;
	margin-bottom: 20px;
}

.form-column-halfscreen-check  .left {
	margin-left:50px;
}
.form-column-halfscreen .form-item {
	margin: 5px 0px 0px 0px;
	clear: both;
}

.form-column-halfscreen-check .form-item {
	margin: 5px 0px 0px 0px;
	clear: both;
}

.form-column-halfscreen label {
	display: inline;
	float: left;
	text-align: right;
	width: 95px;
}

.form-column-halfscreen-check label {
	display: inline;
	float: left;
	text-align: right;
	width: auto;
	margin-left:7px;
}

.form-column-halfscreen input,
.form-column-halfscreen select,
.form-column-halfscreen textarea {
	display: inline;
	float: left;
	width: 146px;
	margin: 0px 0px 0px 5px;
}

.form-column-halfscreen-check input,
.form-column-halfscreen-check select,
.form-column-halfscreen-check textarea {
	display: inline;
	float: left;
	width: 146px;
	margin: 0px 0px 0px 5px;
}

.form-column-halfscreen select,
.form-column-halfscreen input.form-file {
	width: 150px;
}

.form-column-halfscreen div.form-separator {
	display: inline;
	float: left;
	margin: 0px 0px 0px 5px;
	width: 20px;	
}
/* == END OF HALFSCREEN ============================================= */

/* == FULLSCREEN ==================================================== */
.form-column-fullscreen {
	width: 506px;
	margin: 0px auto;
	overflow: hidden;
}

.form-column-fullscreen .form-item {
	padding: 5px 0px 0px 0px;
}

.form-column-fullscreen label {
	display: block; float:left; text-align:left;
	margin-left: 0px;
}

.form-column-fullscreen input {
	width: 210px;
}
.form-column-fullscreen input.besttime{
	width: 281px;
}
.form-column-fullscreen textarea {
	width: 501px;
}


.form-column-fullscreen input.form-file {
	width: 100%;
}
/* == END OF FULLSCREEN ============================================= */

/* == FORM ITEM MODIFIERS =========================================== */
.form-column-halfscreen .form-item-block label {
	padding: 0px 0px 0px 20px;
	float: none;
	clear: both;
	display: block;
	width: auto;
	text-align: left;
}
.form-column-halfscreen .form-item-block-check label {
	padding: 0px 0px 0px 7px;
	float: none;
	clear: both;
	display: block;
	width: auto;
	text-align: left;
}

.form-column-halfscreen .form-item-block select,
.form-column-halfscreen .form-item-block input.form-file {
	width: 245px;
}
.form-column-halfscreen .form-item-block-check select,
.form-column-halfscreen .form-item-block-check input.form-file {
	width: 180px;
}

.form-column-halfscreen .form-item-block input,
.form-column-halfscreen .form-item-block textarea {
	width: 241px;
}

.form-column-halfscreen .form-item-block-check input,
.form-column-halfscreen .form-item-block-check textarea {
	width: 175px;
}

.form-item-checkbox input {
	border: none 0px;
	padding: 0px;
	width: 13px;
	height: 13px;
	margin: 3px 5px 0px 0px;
	float: left;
}
.form-item-checkbox-event {width: 205px;}
.form-item-checkbox-event label {width:auto;}
.form-item-checkbox-event input {
	border: none 0px;
	padding: 0px;
	width: 13px;
	height: 13px;
	margin: 3px 5px 0px 15px;
	float: left;
}

.form-request-cert .req-elem{width: 250px;
						text-align:right;
						margin:10px auto 10px auto;}
.form-request-cert .req-elem input {width: 130px;}
/* == END OF FORM ITEM MODIFIERS ==================================== */

/* == FORM COPY ===================================================== */
.form-copy {
	margin-top: 5px; text-align:left; font-weight:bold;
}
/* == END OF FORM COPY ============================================== */

/* == BUTTON GROUP ================================================== */
.form-button-group,
.form-button-group-right,
.form-button-group-left {
	margin-top: 5px;
	overflow: hidden;
}

.form-button-group-right {
	float: right;
}

.form-button-group-left {
	float: left;
}

.form-button-group button,
.form-button-group-right button,
.form-button-group-left button {
	float: left;
	margin:0 5px 0 0;
	vertical-align:top;padding-bottom:5px;
}
.form-button-group button.big-button,
.form-button-group-right button.big-button,
.form-button-group-left button.big-button {
	background:url(/images/frontend/forms/button-proceed.gif) 50% 50%; 
	width:145px;
}
/* == END OF BUTTON GROUP =========================================== */

/* == ELEMENTS SIZES ================================================ */
.form-styled input.form-width-x-small,
.form-styled textarea.form-width-x-small {
	width: 56px;
}

.form-styled select.form-width-x-small {
	width: 60px;
}

.form-styled textarea.form-width-xx-small,
.form-styled input.form-width-xx-small {
	width: 36px;
}

.form-styled select.form-width-xx-small {
	width: 40px;
}
/* == END OF ELEMENTS SIZES ========================================= */


.form-request-cert {background:url(/images/frontend/confirm-inf.gif) top no-repeat;
								height:345px;
								position:relative;
								width:327px;
								margin:13px auto 0px auto;
								font-size:12px;
								padding-top:19px;}
								
								
								
.form-item .form-item-block-check.exp-month-year {text-align:left; width:88px; font-weight: bold; color:#400c2c }

.active_form * { zoom: 1;}