::-webkit-input-placeholder {color:#DDDDDD;}
::-moz-placeholder {color:#DDDDDD;} /* firefox 19+ */
:-ms-input-placeholder {color:#DDDDDD;} /* ie */
input:-moz-placeholder {color:#DDDDDD;}

input, textarea
    {
    -webkit-appearance: none;
    -moz-appearance: none;
    }
input, select, textarea, .DivInput
    {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color:#FFFFFF;
    border-radius:3px;
    padding:5px 9px 5px 9px;
    padding:7px 9px 7px 9px;
    }

.CustomCheckboxSelected, .CustomRadioButtonSelected
    {
    color:#333333;
    }

input, select, textarea, .CustomCheckboxSelected, .CustomCheckboxGray, .CustomRadioButtonSelected, .CustomRadioButtonGray
    {
    font-family:Arial;
    font-weight:normal;    
    color:#333333;
    }

/*---------------------------------------*/
/*----------------TEXTBOX----------------*/
/*---------------------------------------*/
.TextBox, .DivInput
    {
    font-size:14px;
    border:1px solid #D4D4D4;
    margin:0px;
    /*color:#0099FF;
    color:#0192F3;*/
    }
.TextBoxError
    {
    font-size:14px;
    border:1px solid #FF0000;
    background-color:#FFF6F6;
    }
.DropDown
    {
    background-image:url('Images/DropDownArrowGray.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:28px;
    }
.More
    {
    background-image:url('Images/MoreDotsBlack.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:32px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
    cursor: pointer;    
    }
.DropDownWhite
    {
    background-image:url('Images/DropDownArrowWhite.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:28px;
    }
.TextBoxActive
    {
    background-image:url('Images/SquareActive.png');
    background-repeat:no-repeat;
    background-position:4px center;
    padding-left:23px;
    }
.TextBoxContract
    {
    background-image:url('Images/SquareContract.png');
    background-repeat:no-repeat;
    background-position:5px center;
    padding-left:25px;
    }
.TextBoxSold
    {
    background-image:url('Images/SquareSold.png');
    background-repeat:no-repeat;
    background-position:4px center;
    padding-left:23px;
    }
.TextBoxInactive
    {
    background-image:url('Images/SquareInactive.png');
    background-repeat:no-repeat;
    background-position:4px center;
    padding-left:23px;
    }


/*---------------------------------------*/
/*----------------TEXTAREA---------------*/
/*---------------------------------------*/
.Textarea
    {
    font-size:14px;
    border:1px solid #D4D4D4;
    }
.TextareaError
    {
    font-size:14px;
    border:1px solid #FF0000;
    background-color:#FFF6F6;
    }

/*---------------------------------------*/
/*----------------SELECT----------------*/
/*---------------------------------------*/
.Select
    {
    height:30px;
    border:1px solid #D4D4D4;
    font-size:14px;
    line-height:24px;
    cursor:pointer;
    }
.SelectError
    {
    height:30px;
    border:1px solid #FF0000;
    background-color:#FFF6F6;
    font-size:14px;
    line-height:24px;
    cursor:pointer;
    }



/*---------------------------------------*/
/*----------------CHECKBOX---------------*/
/*---------------------------------------*/
.CheckboxContainer
    {
    white-space:nowrap;
    cursor:pointer;
    display:inline-block;
    position:relative;
    }
.CheckboxContainer:hover div
    {
    text-decoration:underline;
    }
.CustomCheckboxGray
    {
    border:1px solid #D4D4D4;
    background-color:#FFFFFF;
    border-radius:2px;
    cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:14px;
    height:14px;
    }
.CustomCheckboxSelected
    {
    border:1px solid #333333;
    background-color:#333333;
    border-radius:2px;
    cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:14px;
    height:14px;
    }
 
.CheckboxLabel
    {
    font-size:14px;
    color:#333333;
    white-space:nowrap;
    display:inline-block;
    position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left:26px;
    /*padding-bottom:4px;*/
    text-align:left;
    padding-top:1px;
    }

.Checkbox
    {
    border:1px solid #D4D4D4;
    background-color:#FFFFFF;
    border-radius:2px;
    cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:16px;
    height:16px;
    
    position:absolute;
    top:0px;
    left:0px;
    }
 
.CheckboxSelected
    {
    border:1px solid #33CCFF;
    background: #33CCFF url('Images/CheckmarkWhite.png') no-repeat center center;
    /*background-color:#FFFFFF;*/
    border-radius:2px;
    cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:16px;
    height:16px;
    
    position:absolute;
    top:0px;
    left:0px;
    }
.CheckboxDisabled, .CheckboxDisabledChecked
    {
    border:1px solid #D4D4D4;
    background-color:#EEEEEE;
    border-radius:2px;
    cursor:default;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:16px;
    height:16px;
    position:absolute;
    top:0px;
    left:0px;
    }
.CheckboxDisabledChecked
    {
    background: #EEEEEE url('Images/CheckmarkGray.png') no-repeat center center;
    }


.CustomRadioButtonGray
    {
    width: 12px;
	height: 12px;
	background-color: #FFFFFF;
	border:1px solid #999999;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    width:14px;
    height:14px;
    border:1px solid #D4D4D4;
    }
.CustomRadioButtonSelected
    {
    width: 12px;
	height: 12px;
	/*background: #FFFFFF url('Images/RadioDot33CCFF.png') no-repeat center center;*/
	background-color:#33CCFF;
	border:1px solid #0099FF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor:pointer;
	display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    width:14px;
    height:14px;
    border:1px solid #00BBFF;
    background: #33CCFF url('Images/CheckmarkWhite.png') no-repeat center center;
    background-size: 10px 10px;
    
    }
.RadioLabel
    {
    font-size:14px;
    color:#333333;
    white-space:nowrap;
    padding-left:5px;
    display:inline-block;
    position:relative;
    top:-3px;
    padding-bottom:5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.RadioLabel:hover
    {
    text-decoration:underline;
    }
/*---------------------------------------*/
/*-----------CUSTOM SELECTOR-------------*/
/*---------------------------------------*/
.CustomSelectorDiv
    {
    position:absolute;
    top:15px;
    left:0px;
    max-height:145px;
    /*min-width:220px;*/
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #D4D4D4;
    z-index:100;
    background-color:#FFFFFF;
    border-radius:3px;
    -webkit-overflow-scrolling:touch;
    }
.CustomSelectorArrowBG
    {
    position:absolute; top:8px; left:50%;; z-index:101; width:0; height:0; border-style:solid; border-width:0 9px 7px 9px; border-color:transparent transparent #d4d4d4 transparent;
    transform: translate(-4px,0);
    }

.CustomSelectorArrow
    {
    position:absolute; top:1px; left:-8px; z-index:102; width: 0; height: 0; border-style: solid; border-width: 0 8px 7px 8px; border-color:transparent transparent #FFFFFF transparent;
    }

.CustomSelectorValue
    {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:7px 30px 7px 5px;
    /*padding:5px 30px 5px 3px;*/
    font-weight:normal;
    /*border-bottom:1px solid #D4D4D4;*/
    font-family:Arial;
    font-size:14px;
    width:100%;
    overflow-x:hidden;
    background-color:#FFFFFFF;
    cursor:pointer;
    white-space:nowrap;
    }
.CustomSelectorValue:hover
    {
    background-color:#F5F5F5;
    }
.CustomSelectorValueHighlighted
    {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:7px 30px 7px 3px;
    font-weight:normal;
    /*border-bottom:1px solid #D4D4D4;*/
    font-family:Arial;
    font-size:14px;
    width:100%;
    overflow-x:hidden;
    background-color:#F5F5F5;
    cursor:pointer;
    white-space:nowrap;
    }

/*---------------------------------------*/
/*-----------COLORED INPUTS--------------*/
/*---------------------------------------*/
.ActiveInput
    {
    background-color:#00BBFF;
    border:1px solid #00BBFF;
    color:#FFFFFF;
    }
.ContractInput
    {
    background-color:#FD9A07;
    border:1px solid #FD9A07;
    color:#FFFFFF;
    }
.SoldInput
    {
    background-color:#15B57A;
    border:1px solid #15B57A;
    color:#FFFFFF;
    }
.InactiveInput
    {
    background-color:#999999;
    border:1px solid #999999;
    color:#FFFFFF;
    }
.LightGrayInput
    {
    /*background-color:#F5F5F5;
    border-color:#F5F5F5;*/
    background-color:#888888;
    border-color:#888888;
    color:#888888;
    }
.GrayInput
    {
    background-color:#444444;
    border-color:#444444;
    color:#FFFFFF;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    }


    
/*---------------------------------------*/
/*-----------MISC------------------------*/
/*---------------------------------------*/
.Locked
    {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    }

/*=========== CAL INPUT==================*/
.CalDiv {position:absolute; left:0px; top:33px; z-index:10; width:270px; height:210px;}
.CalIcon {position:absolute; top:0px; left:2px; cursor:pointer; height:20px; padding:6px 10px 7px 4px;}
.CalIconRight {position:absolute; top:0px; right:2px; cursor:pointer; height:20px; padding:6px 5px 7px 10px;}

/*=========== CALC INPUT==================*/
.CalcIcon {position:absolute; top:0px; left:0px; cursor:pointer; height:20px; padding:5px 10px 5px 8px;}




/*---------------------------------------*/
/*-----------TOGGLE SWITCH---------------*/
/*---------------------------------------*/
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 66px;
	height: 26px;
	padding: 3px;
	margin: 0 0px 0px 0;
	/*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);*/
	/*background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
	border-radius: 18px;
	/*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 13px;
	font-family:Arial;
	/*text-transform: uppercase;*/
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	/*text-shadow: 0 1px rgba(255, 255, 255, 0.5);*/
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.2);*/
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #33CCFF;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 24px;
	height: 24px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 44px;
	/*box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);*/
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.1s ease;
	-webkit-transition: All 0.1s ease;
	-moz-transition: All 0.1s ease;
	-o-transition: All 0.1s ease;
}