/* Expand Form Area */
.ls-form-error 
{
    display: none;
    font-size: 12px;
    line-height: 16px;
    color: #ffea00;
}
.ls-form-error.ls-light-bg 
{
    color: #cd8700;
}



@email-box-border-color: #0296d8;
@email-box-background-color: #33A9DE;
@email-box-width: 328px;
@form-padding: 10px;

.ls-expanding-form 
{
	display: inline-block;
    position: relative;
	text-align: left;
}
.ls-expand-main-form button
{
	width: 95px;
}
.ls-expand-main-form
{
    padding: @form-padding;
	margin: -@form-padding;	
	width: @email-box-width;
 	.border-radius(10px);
	background: #0181bb;
}
.ls-expand-main-form.ls-active {
   background: @email-box-background-color;
}
.ls-expand-holder 
{
    background: @email-box-background-color;
    position: relative;
}
.ls-expand-area 
{
	position: absolute;
    padding: @form-padding;
	margin: -@form-padding;
	margin-top: 0;
	padding-top: 0;
	width: @email-box-width;
    background: @email-box-background-color;
    border-color: @email-box-border-color;
	z-index: 9999;
	text-align: left;

	display: none;

	.multi-border-radius(0, 0, 10px, 10px);
}
.ls-expand-area p
{
	padding-top: 10px;
	font-size: 12px;
	color: white;
}
.ls-expand-area textarea
{
	width: @email-box-width - @form-padding;
}
.ls-features-email-label {
	font-size: 18px;
	margin-right: 20px;
}
/* End Expand Form */



.radio-top-shadow(@height: 30px, @start: black, @end: white) {
	background: @end;
	background: -webkit-radial-gradient(center top, 50% @height, @start, @end);
	background: -moz-radial-gradient(center top, 50% @height, @start, @end);
	background: -ms-radial-gradient(center top, 50% @height, @start, @end);
	background: -o-radial-gradient(center top, 50% @height, @start, @end);
}
.border-radius(@radius: 5px) {
    -webkit-background-clip: padding-box;
    -webkit-border-radius: @radius;
    -moz-background-clip: padding-box;
    -moz-border-radius: @radius;
    border-radius: @radius;
    background-clip: padding-box;
}
.box-shadow(@horizontal: 2px, @vertical: 2px, @blur: 3px, @color: #CCC) {
  -webkit-box-shadow: @horizontal @vertical @blur @color;
  -moz-box-shadow: @horizontal @vertical @blur @color;
  box-shadow: @horizontal @vertical @blur @color;
}
.inset-box-shadow(@horizontal: 0px, @vertical: 1px, @blur: 2px, @color: #CCC) {
  -webkit-box-shadow: inset @horizontal @vertical @blur @color;
  -moz-box-shadow: inset @horizontal @vertical @blur @color;
  box-shadow: inset @horizontal @vertical @blur @color;
}
.multi-color-border(@top, @sides, @bottom) {
    border-top: 1px solid @top;
    border-left: 1px solid @sides;
    border-right: 1px solid @sides;
    border-bottom: 1px solid @bottom;
}
.multi-border-radius(@topLeft: 5px, @topRight: 5px, @bottomRight: 5px, @bottomLeft: 5px) {
    -webkit-border-top-left-radius: @topLeft;
    -webkit-border-top-right-radius: @topRight;
    -webkit-border-bottom-right-radius: @bottomRight;
    -webkit-border-bottom-left-radius: @bottomLeft;
    -moz-border-radius-topleft: @topLeft;
    -moz-border-radius-topright: @topRight;
    -moz-border-radius-bottomright: @bottomRight;
    -moz-border-radius-bottomleft: @bottomLeft;
    border-top-left-radius: @topLeft;
    border-top-right-radius: @topRight;
    border-bottom-right-radius: @bottomRight;
    border-bottom-left-radius: @bottomLeft;
}
.vertical-gradient(@start: #000, @stop: #FFF) {
    background: (@start + @stop) / 2;
    background: -webkit-gradient(linear, left top, left bottom, from(@start), to(@stop));
    background: -moz-linear-gradient(center top, @start 0%, @stop 100%);
    background: -moz-gradient(center top, @start 0%, @stop 100%);
}
.vertical-gradient-with-image(@start: #000, @stop: #FFF, @image) {
    background: (@start + @stop) / 2 @image;
    background: @image, -webkit-gradient(linear, left top, left bottom, from(@start), to(@stop));
    background: @image, -moz-linear-gradient(center top, @start 0%, @stop 100%);
    background: @image, -moz-gradient(center top, @start 0%, @stop 100%);
}
.horizontal-gradient(@start: #000, @stop: #FFF, @stop-pos: 100%) {
    background: (@start + @stop) / 2;
    background: -webkit-gradient(linear, left center, right center, from(@start), color-stop(@stop-pos, @stop), to(@stop));
    background: -moz-linear-gradient(left, @start 0%, @stop @stop-pos, @stop 100%);
    background: -moz-gradient(left, @start 0%, @stop @stop-pos, @stop 100%);
}
.horizontal-gradient-with-image(@start: #000, @stop: #FFF, @stop-pos: 100%, @image, @horizontal: left, @vertical: center) {
    background: (@start + @stop) / 2 @image;
    background: @image, -webkit-gradient(linear, left center, right center, from(@start), color-stop(@stop-pos, @stop), to(@stop));
    background: @image, -moz-linear-gradient(left, @start 0%, @stop @stop-pos, @stop 100%);
    background: @image, -moz-gradient(left, @start 0%, @stop @stop-pos, @stop 100%);
	background-repeat: no-repeat;
	background-position: @horizontal @vertical;
}