/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form input,
div.form textarea,
div.form select,
.basket_builder input[type="text"],
.info-row textarea
{
	margin: 0;
	background: none;
	background-color: #fff;
	border: 3px solid #e6e5e5;
	padding: 3px;
	padding-left: 7px;
	margin-bottom: 5px;
	/* margin-top: 5px; */
	font-size: 16px;
	color: #1c1c1c
}
.form .row.inline .buttons {
    margin: 5px;
    display: inline-block;
}
div.form .checkbox input[type="checkbox"], div.form .checkbox label{
	float: left;
	margin-right: 10px;
}
.btn-campaign{
	padding:0px;
	background-color: #719500;
	display: inline-block;
	margin-left: 5px;
}
.btn-small-wrap, .btn-wrap, .btn-wrap2, a.btn-big, a.btn-small, span.btn-small input{
	/*background: url("../images/green-btn.jpg") repeat-x scroll left top transparent;*/
	background-color: #719500;
	display: inline-block;
	padding: 0px;
	/* margin-top:10px; */
}
a.btn-small{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 15px;
	padding: 5px;
}
a.btn-small.red{
	background-color: #93001A;
}
.btn-wrap, a.btn-big, .btn-wrap2{
	padding: 0px;
	margin-right:15px;
}
a.btn-big.gift { 
  margin: 0 0 20px 20px;
  padding: 6px;
}
a.btn-big.blue{
	background-color: #166ed9;
}
a.btn-big.red{
	background-color: #d91519;
}
.btn-small-wrap.disabled, .btn-wrap.disabled{
	/*background-image: url('../images/green-btn-disabled.jpg');*/
	background-color: #5f7c02;
	opacity: 1;
}
a.btn-big.disabled{
	/*background-image: url('../images/green-btn-disabled.jpg');*/
	opacity: 1;
	color: #1c1c1c;
}
.btn-small-wrap:hover, .btn-wrap:hover{
	background-position: left bottom;
}
.lang_fr a.btn-small span{
	
}
input[type="submit"], input[type="button"], div.form input[type="button"], div.form input[type="submit"], a.btn-big span, a.btn-small span, .btn-small-wrap input{
	background: none;
	padding:2px;
	border: 0;
	padding-left: 6px;
	padding-right: 6px;
	text-align:center;
	font-weight: normal;
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'gibsonregular';
	color: #fff;
}

#snap {
	position: absolute;
	top:50%;
	color: white;
	background: #719500 !important;
	margin-left: 30px !important;
}

.search-form {
	background: #f3f3f3;
	border: 1px solid #e5e5e5;

}
div.form2 {
	background: #caffc6;
	margin-bottom: 20px;
}

div.form input[type=submit].btn-big, input[type=button].btn-big {
	background: #719500;
	padding: 10px 20px;
	margin: 5px;
	-webkit-appearance: none;
}

.btn-small-wrap.disabled input[type="submit"], .btn-wrap.disabled input[type="submit"]{
}
 a.btn-big.disabled span{
	/*border: 1px solid #96a779;
	color: #4f5742*/
}
.btn-wrap input[type="submit"], .btn-wrap input[type="button"], div.form .btn-wrap input[type="submit"], div.form .btn-wrap input[type="button"]
,a.btn-big span,
.btn-wrap a {
	font-size: 22px;
	line-height: 24px;
	padding: 20px;
}
.btn-wrap2 input[type="button"], div.form .btn-wrap2 input[type="submit"], div.form .btn-wrap2 input[type="button"] {
	font-size: 22px;
	line-height: 24px;
}
.closed.lang_fr.users.users-basketplan .box.two-col.box-transparent.float-right a.btn-big span {
	padding: 3px 30px !important;
}
.lang_fr #plan-form[action="/fr/plansandpricing/index/step/4"] .btn-wrap input[type="submit"]{
	padding: 13px 21px;
}
.lang_fr #plan-form .btn-wrap{
	margin-right:0;
}
div.form input[type="submit"]:hover, input[type="button"]:hover{
	cursor: pointer;
}
a.btn-big{
}
a.btn-big span, a.btn-small span{
	display: inline-block;
}
a.btn-big span.arrow{
	background-image: url('../images/arrow-back.png');
	background-position: 6px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
a.btn-big:hover, a.btn-small:hover{
	color: #000;
	background-position: left bottom;
}
button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding:0;
    border:0;
}
div.form fieldset
{
	border: 5px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form .row-input label
{
	display: block;
	position: absolute;
	font-size: 17px;
	color: #1c1c1c;
	top:9px;
	left: 13px;
	font-weight: normal;
	font-family: 'gibsonregular';
}
div.form .float-left, div.form .row-inline{
	float: left;
	margin-right: 20px;
}
div.form .float-left input{
	width: 250px;
}
div.form .float-left.address input{
	width: 195px;
}
div.form .float-left.apt input{
	width: 50px;
}
div.form .expires{
  margin-left: 0px;
  float: none;
  clear: both;
}
div.form .expires label{
	position: static;
}
div.form .expires_month{
  margin-right: 0px;
}
div.form .expires_year{
  margin-left: 30px;
}
.shortselect .sbHolder{
	width: 118px!important;
}
.shortselect .sbSelector{
	width: 80px!important;
}
.shortselect .sbOptions {
	width: 128px!important;
}

.users-signup #content div.form .float-left.apt input{
	width: 158px;
}
.users-signup #content div.form .float-left.address input,
body.gift #content div.form .float-left.address input{
	width: 410px;
}
.users-signup #content div.form .float-left.cvv input,
body.gift #content div.form .float-left.cvv input{
	width:80px;
}
body.gift #content div.form .float-left.apt input{
	width: 131px;
}
div.form .row.buttons
{
	padding: 10px 0;
	margin: 0;
}
.users-lostpassword .form .row.buttons {
	padding: 7px 0;
	margin: 0;
}
div.form .row-input
{
	position: relative;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	color: #777777
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #d3e1b8;
	border-color: #C6D880;
}


div.form .errorMessage
{
	color: #1c1c1c;
	font-size: 16px;
	background-color: #ffc3c3;
	border: 2px solid #efafaf;
	text-align: center;
	padding: 5px;
	margin-left:20px;
	display:inline;
	/* position: absolute; */
	z-index: 99;
}
div.form .errorMessage:before{
	content: '*';
	/* position: absolute;
	width: 100%;
	background-image: url('../images/signup/error-arrow.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 14px;
	left: 0;
top: -12px; */
}
div.form .errorSummary p
{
	margin: 0;
	padding-bottom: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}
div.form .errorMessage.normal{
	border-top: 2px solid #efafaf;
	position: static;
}
div.form .errorMessage.normal:before{
	background:none;
	position: inherit;
	content: '';
}

div.wide.form label
{
	margin-right: 5px;
	position: relative;
	text-align: right;
	width: 180px;
}
.products-sold div.wide.form label {
    float: none;
    text-align: left;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
}
.products-sold div.wide.form .buttons {
    padding-left: 0;
}
div.wide.form .row ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 290px;
}
div.wide.form .row ul li{
	display: block;
	margin-bottom: 10px;
}
div.wide.form .row ul li input, div.wide.form .row ul li label{
	float: left;
	width: auto;
}
div.wide.form .row ul li label{
	margin-right: 0;
	margin-left: 10px;
}

.checkbox:not(.container-target .checkbox), .radio {
	width: 31px;
    height: 30px;
    padding: 0 5px 0 0;
    background: url('../images/checkbox.png') no-repeat;
    display: block;
    clear: left;
    float: left;
}
label .ez-radio, label .ez-checkbox{
	float: left;
	width: 31px;
}
/*.plansandpricing #plan-form .left .ez-radio{
	height:38px important;
}
.plansandpricing #plan-form .left .featured-plan .ez-radio {
	zoom: 1;
	height: 35px;
}
.plansandpricing #plan-form .left .featured-plan .ez-radio.ez-selected {
	zoom: 1;
	height: 35px;
}
.plansandpricing #plan-form .left .other_plans .ez-radio {
	zoom: 1;
	height: 24px;
}
.plansandpricing #plan-form .left .other_plans .ez-radio.ez-selected{
	zoom: 1;
	height: 24px;
}*/
.small label .ez-radio{
	width: 23px
}
label span.chkb{
	float: left;
	margin-left: 20px;
	width: 300px;
}
.width270 label span.chkb{
	width: 200px;
	padding-top: 5px;
}
#plan-form .left .featured-plan .chkb {
	margin-left: 10px;
}
.plansandpricing #plan-form label span.chkb{
	font-size:14px;
	font-family: 'gibsonsemibold';
}
.width190 label .chkb{
	width: 120px;
	margin-top: 5px;
}

form .row.chb{
	margin-top: 15px;
}
form .row.chb label{
	font-size: 20px;
	font-family: 'gibsonregular';
	padding-top:5px; 
	float: left;
	margin-left: 10px;
}
.plansandpricing.lang_fr form .row.chb label{
	width: 550px;
}
form .row.chb .ez-checkbox{
	float: left
}

.transactions .sbHolder { 
	width: 470px; 
}
.transactions .sbOptions {
	font-size: 15px;
	width: 480px; 
}

.sbHolder, .heatmap .ui-multiselect{
	font-size: 17px;
	color: #1c1c1c;
	margin: 0;
	overflow: visible;
	position: relative;
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 3px solid #e6e5e5;
	width:280px;
	padding: 3px 3px 2px 7px;
	margin-top: 7px;
	box-sizing: initial;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
}
.sbSelector{
	display: block;
	text-decoration: none;
	color: #000;
	width:240px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
.sbToggle, .greenhouse .ui-multiselect span.ui-icon {
	background-image: url('../images/selectbox.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-top: -6px;
}
.sbOptions{
	background-color: #fff;
	border: 3px solid #e6e5e5;
	border-top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9;
	overflow: auto;
    padding: 0;
    position: absolute;
    top: 29px !important;
    width: 290px;
    margin-left: -10px;
}
.sbOptions li a, .heatmap .ui-multiselect-checkboxes li{
	display: block;
	padding: 3px 3px 2px 7px;
	text-decoration: none;
	border-bottom: 1px solid #eeeeee;
}
.sbOptions li a:hover{
	background-color: #eeeeee;
}
.lt-ie9 .radio {
	margin-bottom:15px;
}
div.form textarea.lines, div.form input.lines{
	background-image: url('../images/textarea-lines.jpg');
	border: 0;
	padding: 0;
	height: 128px;
	line-height: 32px;
}
div.form input.lines{
	height: 32px;
}
.droppoints  .ez-checkbox, .droppoints .ez-radio {
	zoom: 1;
}
label.long-lbl{
	width: 580px;
}
::-webkit-input-placeholder {
   color: #818181;
}

:-moz-placeholder { /* Firefox 18- */
   color: #818181; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #818181;  
}

:-ms-input-placeholder {  
   color: #818181;  
}

.ui-datepicker{
	font-size: 16px;
}
.ui-datepicker .ui-widget-header{
	color: #fff;
	background: none;
	border:0;
	background-color: #719502
}
.ui-datepicker.ui-widget-content{
	background: none;
	border:2px solid #f0f0f0;
	background-color: #fff;
}
.ui-menu .ui-state-disabled{
	text-decoration: none;
	display: block;
	padding: 2px .4em!important;
	line-height: 1.5;
	zoom: 1;
	font-weight: normal;
	font-style: italic;
	color: #a2a2a2;
	margin: 0;
}
.multiselect-container .checkbox{
	background: none;
	float: none;
}
.grid-view span.red{
	border:0;
	color: red;
}
.grid-view span.blue{
	color: blue;
}

input[type=button].button {
	background: #719500;
	padding: 10px 20px;
}

.non-editable-attribute-label {
	margin:0 !important;
	font-family: gibsonsemibold;
	font-size:16px;
}

.non-editable-attribute {
	margin: 3px;
	font-size:14px;
}

.form-note {
	margin-top:15px;
	margin-bottom:5px;
	color:rgba(0, 89, 255, 0.65);
}

.to-filter th {
	font-family:gibsonsemibold;
}

.to-filter th:hover {
	cursor: pointer;
}

.estimates{
	color:#909090;
	margin-bottom: 0;
}
h2 i{
	font-size: .65rem;
}

.estimates i{
	font-style: normal;
	color: black;
	margin-right: 20px;
}
div h3 {
	border-bottom: solid #909090 1px;
	font-size: .85rem;
	width:50%;
}

.wide h3 {
	border:none;
}

div #pup_table {
	width:100%;
}

h3.activities-table-header {
	width: 100% !important;
}