@CHARSET "UTF-8";

.form {
	width: 500px;
}

.form .form-container {
	width: 100%;
}

/* -- Form container -- */
.form-container td.ctl {
	background: url(../img/form/container-crns.png) left top no-repeat;
	height: 9px;
	width: 9px;
}

.form-container td.ctr {
	background: url(../img/form/container-crns.png) -9px top no-repeat;
	height: 9px;
	width: 9px;
}

.form-container td.cbl {
	background: url(../img/form/container-crns.png) left -9px no-repeat;
	height: 9px;
	width: 9px;
}

.form-container td.cbr {
	background: url(../img/form/container-crns.png) -9px -9px no-repeat;
	height: 9px;
	width: 9px;
}

.form-container td.mt,
.form-container td.mr,
.form-container td.mb,
.form-container td.ml,
.form-container td.c {
	background: #EDEDED;
}
/* -- END Form container -- */

.form-row {
	clear: both;
	padding: 2px 0;
}

/* -- Form label -- */

.form-label {
	float: left;
	height: 29px;
}

.form-label > .m-left {
	background: url(../img/form/label-mrgs.png) left top no-repeat;
	width: 7px;
	height: 29px;
	float: left;
	display: block;
}

.form-label > .m-right {
	background: url(../img/form/label-mrgs.png) -7px top no-repeat;
	width: 2px;
	height: 29px;
	float: left;
	display: block;
}

.form-label > .center {
	background: url(../img/form/label-px.png) left top repeat-x;
	height: 29px;
	float: left;
	display: block;
	padding: 0 5px 0 5px;
	width: 150px;
}

.form-label > .center > .content {
	color: #991843;
	font-weight: bold;
	padding-top: 7px;
	display: block;
	margin: 0;
	font-size: 12px;
}

.form-label.stretch {
	width: 169px;
}
/* -- END Form label -- */

/* -- Form inputs -- */
.form-input {
	float: left;
	height: 29px;
	margin-bottom: 5px;
}

.form-input > .m-left {
	/*background: url(../img/form/input-mrgs.png) left top no-repeat;*/
	background: #fff;
	border-left: 1px solid #A7A7A7;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	width: 5px;
	height: 27px;
	float: left;
	display: block;
}

.form-input > .m-right {
	/*background: url(../img/form/input-mrgs.png) -5px top no-repeat;*/
	background: #fff;
	border-right: 1px solid #A7A7A7;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	width: 6px;
	height: 27px;
	float: left;
	display: block;
	
}

.form-input > .center {
	height: 29px;
	float: left;
	display: block;
	position: relative;
	background: #fff;
}

.form-input.detached {
	margin-left: 5px;
}

.form-input input[type='text'],
.form-input input[type='password'] {
	border: 0;
	height: 23px;
	width: 230px;
	padding: 4px 5px 0 5px;
	margin: 0;
	font-size: 16px;
	color: #636363;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
}

.form-input input[type='file'] {
	border: 0px;
	height: 29px;
	width: 240px;
	margin: 0;
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

.form-input .input-file {
	height: 27px;
	width: 240px;
	margin: 0;
	font-size: 16px;
	color: #636363;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
}

.form-input .input-file > .container {
	float: left;
	margin: 5px;
	overflow: hidden;
	max-width: 135px;
	height: 18px;
}

.form-input .input-file > .button {
	float: right;
	margin-top: 2px;
}

.form-input .input-file > .button > .m-left {
	float: left;
	background: url(../img/form/browse-btn.png) left top no-repeat;
	width: 3px;
	height: 23px;
}

.form-input .input-file > .button > .m-right {
	float: left;
	background: url(../img/form/browse-btn.png) -3px top no-repeat;
	width: 3px;
	height: 23px;
}

.form-input .input-file > .button > .center {
	float: left;
	background: url(../img/form/browse-btn-px.png) left top repeat-x;
	height: 23px;
	padding: 0 5px;
}

.form-input .input-file > .button > .center > .content {
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.form-input select {
	border: 0px;
	height: 29px;
	width: 240px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; 
	cursor: pointer;
}

.form-input .input-select {
	height: 22px;
	width: 210px;
	margin: 0;
	padding: 5px 25px 0 5px;
	font-size: 16px;
	color: #636363;
	font-weight: bold;
	background: #fff;
	background: #fff url(../img/form/select-arrow-red.png) right 2px no-repeat;
	overflow: hidden;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
}

.form-input .radio {
	float: left;
	margin-left: 5px;
}

.form-input .radio > .label {
	float: left;
	color: #9A1844;
	padding: 7px 5px 0 5px;
	font-weight: bold;
}

.form-input .radio > .view {
	background: url(../img/form/radio.png) left top no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	margin: 3px 0 0 0;
}

.form-input .radio > .view.active {
	background: url(../img/form/radio.png) -24px top no-repeat;
}

.form-input .checkbox {
	float: left;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	height: 27px;
}

.form-input .checkbox > .label {
	float: left;
	color: #9A1844;
	padding: 7px 5px 0 5px;
	font-weight: bold;
}

.form-input .checkbox > .view {
	background: url(../img/form/checkbox.png) left top no-repeat;
	width: 23px;
	height: 23px;
	display: block;
	float: left;
	margin: 2px 0 0 0;
}

.form-input .checkbox > .view.active {
	background: url(../img/form/checkbox.png) -23px top no-repeat;
}


.form-input.form-textarea {
	height: auto;
}

.form-input .input-textarea {
	width: 100%;
}

.form-input .input-textarea .ctl {
	background: url(../img/form/textarea-crns.png) left top no-repeat;
	width: 5px;
	height: 5px;
}

.form-input .input-textarea .ctr {
	background: url(../img/form/textarea-crns.png) -5px top no-repeat;
	width: 5px;
	height: 5px;
}

.form-input .input-textarea .cbl {
	background: url(../img/form/textarea-crns.png) left -5px no-repeat;
	width: 5px;
	height: 5px;
}

.form-input .input-textarea .cbr {
	background: url(../img/form/textarea-crns.png) -5px -5px no-repeat;
	width: 5px;
	height: 5px;
}

.form-input .input-textarea .mt,
.form-input .input-textarea .mb,
.form-input .input-textarea .ml,
.form-input .input-textarea .mr,
.form-input .input-textarea .c {
	background: #fff;
}

.form-input .input-textarea .c > .label {
	color: #B8325F;
	font-weight: bold;
	border-bottom: 1px solid #EDEDED;
	padding: 2px 0 2px 10px;
}

.form-input .input-textarea .c > textarea {
	width: 200px;
	height: 140px;
	margin: 5px 0;
	border: 0;
	color: #636363;
	font-weight: bold;
	font-size: 16px;
}

/* -- END Form inputs -- */

/* -- Custom inputs -- */

.form-input .input-select.phonenumber,
.form-input input[type='text'].phonenumber,
.form-input .input-select.lang,
.form-input .input-select.av-status {
	width: 80px;
}

.form-input select.phonenumber,
.form-input select.lang,
.form-input select.av-status {
	width: 130px;
}

.form-input .input-select.av-time {
	width: 60px;
}

.form-input select.av-time {
	width: 90px;
}

.form .innerLabel.day {
	width: 120px;
}

.form .innerLabel.time {
	width: 60px;
}

.form-input .input-textarea .c > .agreement {
	width: 820px;
}

/* -- END Custom inputs -- */

.form-submit {
	/*margin: 10px 0;*/
	float: left;
}

.form-row .rowRemove {
	background: url(../img/form/row-remove.png) left top no-repeat;
	width: 23px;
	height: 23px;
	display: block;
	float: left;
	margin: 3px 0 0 5px;
}

.form-row .addRow {
	color: #909090;
	font-weight: bold;
}

.form .innerLabel {
	float: left;
	color: #909090;
	padding: 7px 5px 0 5px;
	font-weight: bold;
}

/* -- Form errors -- */

.form-error-wrapper {
	/*background: #fff;*/
	position: absolute;
	z-index: 10;
	top: 0px;
	right: -250px;
	display: block;
	width: 250px;
	cursor: pointer;
}

.form-error {
	
}

/* -- END Form errors -- */