@import url(../debug.css);

form.pwebcontact_form, form.pwebcontact_form div {
    margin: 0;
}
.pwebcontact.default.default-left {
	position: fixed;
	left: 0;
	top: 200px;
	z-index: 99;
}

.pwebcontact_toggler.default.default-left {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 2;
	width: 100px;
	height: 20px;
	line-height: 20px;
	padding: 10px 30px 10px 10px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.pwebcontact_toggler.close.default.default-left {
	width: 20px;
	padding: 10px;
}
.pwebcontact_toggler.default.default-left:hover, .pwebcontact_toggler.active.default.default-left {
	padding-left: 15px;
}
.pwebcontact_toggler.default.default-left .icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url('../../images/icons/green-plus-red-cross.png') no-repeat;
}
.pwebcontact_toggler.active.default.default-left .icon {
	background-position: 0 -20px;
}

.pwebcontact.default.default-left .pwebcontact_box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}
.pwebcontact.default.default-left .pwebcontact_bg {
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.pwebcontact.default.default-left .pwebcontact_container {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding: 70px 30px 20px 10px;
}

form.pwebcontact_form.default.default-left .pwebcontact_msg {
	position: absolute;
	top: 30px;
	left: 160px;
	line-height: 20px;
	font-size: 12px;
	font-family: "Arial Narrow", Arial;
	margin: 0;
}
form.pwebcontact_form.default.default-left .pwebcontact_msg img {
	vertical-align: middle;
}

form.pwebcontact_form.default.default-left .pwebcontact_pretext {
	padding: 0 0 10px;
	line-height: 130%;
}
form.pwebcontact_form.default.default-left .pwebcontact_fields {
	width: 360px; /* 100px width of labels + 250px width of fields + 10px */
}
form.pwebcontact_form.default.default-left .pwebcontact_field {
	padding: 2px 0;
}
form.pwebcontact_form.default.default-left label {
	float: left;
	width: 100px; /* 100px width of labels */
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}
form.pwebcontact_form.default.default-left label.inline {
	display: block;
	float: none;
	width: auto;
}
form.pwebcontact_form.default.default-left label.rokchecks, form.pwebcontact_form.default.default-left label.rokradios {
	padding-left: 22px !important;
}

form.pwebcontact_form.default.default-left fieldset.pwebcontact_fields_group {
	display: block;
	float: left;
	width: 250px; /* 250px width of fields */
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
form.pwebcontact_form.default.default-left input.inputbox, form.pwebcontact_form.default.default-left select.inputbox, form.pwebcontact_form.default.default-left textarea.inputbox {
	float: left;
	width: 250px; /* 250px width of fields */
	padding: 1px;
	margin: 0;
}
form.pwebcontact_form.default.default-left input.inputbox.pwebcontact_date {
	width: 228px; /* 250px width of fields - 22px (calendar field margin + calendar icon width) */
	margin-right: 4px;
}
form.pwebcontact_form.default.default-left img.calendar {
	vertical-align: top;
}
form.pwebcontact_form.default.default-left select.inputbox {
	width: 254px; /* 250px width of fields + 4px */
}
form.pwebcontact_form.default.default-left textarea.inputbox {
	height: 100px;
	max-height: 100px;
	max-width: 250px; /* 250px width of fields */
	resize: none;
}
form.pwebcontact_form.default.default-left fieldset.radio input, form.pwebcontact_form.default.default-left fieldset.checkboxes input {
    margin-left: 0 !important;
}
form.pwebcontact_form.default.default-left input.button {
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 4px 14px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

form.pwebcontact_form.default.default-left .pwebcontact_asterisk {
	font-weight: bold;
	color: red;
}
form.pwebcontact_form.default.default-left .pwebcontact_buttons {
	padding: 5px 0 5px 100px; /* 100px width of labels */
	text-align: left;
}
form.pwebcontact_form.default.default-left .pwebcontact_charsleft {
	margin-left: 100px; /* 100px width of labels */
}

form.pwebcontact_form.default.default-left input.invalid, form.pwebcontact_form.default.default-left select.invalid, form.pwebcontact_form.default.default-left textarea.invalid { 
	border-color: #ff0000 !important;
}
form.pwebcontact_form.default.default-left label.invalid, form.pwebcontact_form.default.default-left label.invalid a, form.pwebcontact_form.default.default-left label.invalid-files {
	color: #ff0000 !important;
}

form.pwebcontact_form.default.default-left .pwebcontact_area {
	float: left;
	height: 10px;
	width: 252px; /* 250px width of fields + 2px */
	margin-top: 5px;
	margin-left: 100px; /* 100px width of labels */
}
form.pwebcontact_form.default.default-left .pwebcontact_knob {
	height: 10px;
	width: 20px;
}

/* vertical toggle button */
.pwebcontact.vertical.default.default-left .pwebcontact_container {
    padding-top: 45px;
    padding-left: 60px;
}
form.pwebcontact_form.vertical.default.default-left .pwebcontact_msg {
	top: 20px;
	left: 60px;
}
.pwebcontact_toggler.vertical.default.default-left {
    background-position: 10px 40px;
    background-repeat: no-repeat;
    height: 200px;
    width: 0;
}
.pwebcontact_toggler.vertical.default.default-left:hover,
.pwebcontact_toggler.vertical.default.default-left.active {
    background-position: 15px 40px;
}


.pweb_clear {
	clear: both; height: 0; width: 0; overflow: hidden; padding: 0;
}