/*-----------------------------------------------------------------------------
LivePerson Solutions Style Sheet

created: September 25 2009 - Clare Warburton
modifed: Dec 9 2009 - Clare Warburton
-----------------------------------------------------------------------------*/


/* THE FORM */

.formLayer { width: 460px; margin: 30px 40px 30px 30px; }

.formLayerWide { width: 560px; margin: 30px 40px 30px 30px; }
/* for the chat buttons on the forms */

#buttonContainer {width: 460px; margin: 0 40px 0 30px; position:absolute; top: 0; left: 0}

.cta-button-form-chat {background: url(../images/chat-0110/ChatBtnForm.gif) no-repeat 0 -24px; width: 160px; height: 24px; position: absolute; top: 0; right: 0px; margin: 0; padding: 0}
.cta-button-form-chatOver {background: url(../images/chat-0110/ChatBtnForm.gif) no-repeat 0 0; width: 160px; height: 24px; position: absolute; top: 0; right: 0px; margin: 0; padding: 0}


.form li div, .form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
.form li span{
	float:left;
}

.form input, .form select, .form textarea {font-family: Arial; font-size: 12px; color: #256E80; font-weight: normal; }

.form input.text {border: 1px solid #ccc; padding: 4px; 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;

}
.form input.text:hover, .form input.text:focus , .form select:hover, .form select:focus{border-color:#999999;}

.form select, .form textarea {border: 1px solid #ccc; padding: 4px; width:100%; 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
}




.form li.leftHalf, .form li.rightHalf{
	width:44% !important;
}

.form li.leftHalf{
	clear:left;
	float:left;
}

.form li.rightHalf{
	clear:none;
	float:right;
	margin-right: 15px;
}

li.leftQ, li.rightQ{
	width:25% !important;
}

li.leftQ{
	clear:left;
	float:left;
}
li.rightQ{
	clear:none;
	float:left;
}

.form label.desc, .form p.desc {
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	display:block;
	margin: 0px;
}

.form label.radio{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	float: left;
	color: #256E80;
 	margin-right: 2px;
}

.form label.radio{
	margin-right: 10px;
	margin-bottom: 10px;
}

.form label.choice{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color: #256E80;
 	margin-right: 2px;
}

.form label.choice{
	margin-right: 10px;
	margin-bottom: 10px;
}


.form input.medium, select.medium{
	width:44%;
}

.form input.small, select.small{
	width:25%;
}

.form input.large, select.large, textarea.textarea{
	width:90%;
}

.form input.btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
background: #ddd url(../img/forms/bg-btn.gif) repeat-x scroll 0 0;
border-color: #ddd #ddd #ccc;
border-style:solid;
border-width:1px;
color:#256E80;
font-family: Arial, Sans-serif;
font-size:14px;
font-weight:normal;
margin:0;
overflow:visible;
padding: 6px 16px 5px;
text-shadow:1px 1px 0 #FFFFFF;
width:auto;

}


.form input.btn:hover, .form input.btn:focus {
background-position:0 -6px;
border-color:#999999 #999999 #888888;
color:#555;
}


.btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;

background: #ddd url(../img/forms/bg-btn.gif) repeat-x scroll 0 0;
border-color: #ddd #ddd #ccc;
border-style:solid;
border-width:1px;
color:#256E80;
font-family: Arial, Sans-serif;
font-size:14px;
font-weight:normal;
margin:0;
overflow:visible;
padding: 6px 16px 5px;
text-shadow:1px 1px 0 #FFFFFF;
width:auto;
margin-bottom: 18px;
}

.btn:hover, .btn:focus, div.btn100:hover {
background-position:0 -6px;
border-color:#999999 #999999 #888888;
color:#555;
}

div.btn100 a {border-bottom: 0px}

div.btn100 {
width: 100px;
text-align:center;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background: #ddd url(../img/forms/bg-btn.gif) repeat-x scroll 0 0;
border-color: #ddd #ddd #ccc;
border-style:solid;
border-width:1px;
color:#256E80;
font-family: Arial, Sans-serif;
font-size:14px;
font-weight:normal;
margin:0;
overflow:visible;
padding: 6px 16px 5px;
text-shadow:1px 1px 0 #FFFFFF;
margin-bottom: 18px;
}


.btn:hover, .btn:focus {
background-position:0 -6px;
border-color:#999999 #999999 #888888;
color:#555;
}






.form input.submitBtn {margin-top: 20px}

.form .req{
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding-left: 2px;
}


.form label.error {
	color: #ff6600;
	padding-left: 0em;
	vertical-align: top;
	line-height:150%;
	display:block;
}