@charset "utf-8";
/* CSS Document */




.textareaBox { margin-right: 5px; display: inline; position: relative; z-index: 0; }



/************  label STYLES  **************/

label { line-height: 25px; font-size: 14px; text-transform: capitalize; letter-spacing: 0.5px; color: #555555; }




/************  formBox STYLES  **************/

.formBox {
	float: left;
	margin-right: 10px;
}





input[type=text] {
	height: 30px;
	line-height: 19px;
	border: 1px solid #555555;
	background-color: #f9f9f9;
	padding-left: 5px;
	margin-bottom: 10px;
}


input[type=url] {
	height: 30px;
	line-height: 19px;
	border: 1px solid #555555;
	background-color: #f9f9f9;
	padding-left: 5px;
	margin-bottom: 10px;
}


.input1X {
	width: 45px;
}
.input2X {
	width: 80px;
}
.input3X {
	width: 100px;
}
.input4X {
	width: 120px;
}
.input5X {
	width: 150px;
}
.input6X {
	width: 190px;
}
.input7X {
	width: 220px;
}
.input8X {
	width: 250px;
}
.input9X {
	width: 290px;
}
.input10X {
	width: 350px;
}

.inputFleX {
	width: 100%;
	max-width: 600px;
}



/************  select STYLES  **************/

select {
	appearance: none;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	margin: 0px;
	height: 33px;
	padding: 5px;
	border: 1px solid #555555;
	background-color: #f9f9f9;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	margin-bottom: 11px;
}

.inputError {
   border: 1px solid red !important;
}

.flashingError {
	color: #e80000;
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	75% {
		opacity: 0.7;
	}
}

.formBox select {
	border: 1px solid #555555;
	background-color: #f9f9f9;
}

.select1X {
	width: 40px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 180px center;
}

.select2X {
	width: 65px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 180px center;
}

.select2Xs {
	width: 65px;
	padding: 2px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 33px center;
}

.select3X {
	width: 130px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 98px center;
}

.select3Xs {
	height: 25px;
	font-size: 11px;
	width: 130px;
	padding: 2px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 103px center;
}

.select4X {
	width: 165px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 180px center;
}

.select4Xs {
	height: 25px;
	font-size: 11px;
	width: 155px;
	padding: 2px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 124px center;
}

.select5X {
	width: 193px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 161px center;
}



.select6X {
	width: 220px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 180px center;
}

.select6XsB {
	font-size: 12px;
	width: 200px;
	padding: 2px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 170px center;
}

.select10X {
	width: 385px;
	background: #f9f9f9 url(../images/formArrow.gif) no-repeat 180px center;
}


.save-button {
	height: 62px;
	line-height: 62px;
	border: none;
	background-color: transparent;
	padding-right: 20px;	
}

.cancel-button {
	height: 62px;
	line-height: 62px;
	border: none;
	background-color: transparent;
	padding-right: 20px;	
}

.delete-button {
	height: 62px;
	line-height: 62px;
	border: none;
	background-color: transparent;
}



/************  checkbox STYLES  **************/

input[type=checkbox] {
        position: relative;
        cursor: pointer;
 }

 input[type=checkbox]:before {
       content: "";
       display: block;
       position: absolute;
       width: 14px;
       height: 14px;
       top: 0;
       left: 0;
       border: 2px solid #9E9E9E;
       border-radius: 3px;
       background-color: white;
}

input[type=checkbox]:checked:after {
     content: "";
     display: block;
     width: 5px;
     height: 10px;
     border: solid black;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: 0;
     left: 6px;
}