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


	.inputContain {
		position:relative;
		/*margin-left: 50px*/;
		margin-right: 90px;
	}



/*-----Responsive list item incomes-----------*/

			#income li {
				margin-left: 50px;
			}
			
				div > .label {
					display: none;
				}
				
				div.checkBox {
					position:absolute;
					left: -50px;
					height: 100%;
					top: 0;
					bottom: 0;
					width: 40px;
					background-color: #efefef;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					zoom:1;
					display:block;
				}
					
					div.checkBox span.label {
						display: block;
						text-indent: -999em;
						width: 16px;
						height: 16px;
						background-image: url(../img/fe_tickBox.png);
						background-repeat: no-repeat;
						position:absolute;
						top: 50%;
						left: 50%;
						margin-top: -8px;
						margin-left: -8px;
						cursor: pointer;
					}
					
						.labelSwitch {
							background-position: -16px;
						}
					
					div.checkBox span.input {
						text-indent: -999em;
						display: block;
					}
			
			#income .edits {
				position: absolute;
				right: 0;
				height: 100%;
				top: 0;
				bottom: 0;
				border-left: 1px dotted #ccc;
				display: block;
				width: 80px;
				zoom:1;
			}
	
				#income .edits span  {
					border: none;
					position:relative;
					float: left;
					display:block;
					width: 40px;
					height: 100%;
				}

			#income .input input[type="text"],
			#income .input input[type="password"],
			#income .input input[type="number"],
			#income .input input[type="date"] {
				width: auto;
				margin: 0;
			}
			
			.confirmLabel {
				position:absolute;
				left: -50px;
			}
			
@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 799px) {
	#income li {
		margin-left: 0;
		padding-bottom: 50px;
		padding-right: 0;
	}
	
	div.checkBox {
		bottom: 10px;
		right: 0;
		left: auto;
		top: auto;
		height:30px;
	}
	
		div.checkBox span.label {
			text-indent: -50px;
		}
		
	#income .edits {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 10px;
		border-left: none;
		height: 30px;
		width: 80px;
	}
}
			
@media only screen and (max-width:549px) { 
	div.checkBox {
		bottom: 10px;
		right: 0;
		left: auto;
		top: auto;
		height:30px;
		text-indent: -50px;
	}
		
	#income .edits {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 10px;
		border-left: none;
		height: 30px;
		width: 80px;
	}
}
