#cc1,#cc2,#month,#year,#cvv,#zipcode{
		border: none;
		/*padding: 10px 3px;*/
		font-size: 1em;
		outline: none !important;
		
	}
	div.cc-fieldset{
		border: 1px solid #eeeeee;
		display: block;
	}
	#cc1{
		width: 95%;
	}
	.reduceWidth{
		width:17% !important;		
	}
	#month,#year{
		width: 18%;
	}
	#cvv{
		width: 15%;
                letter-spacing: 1.9px;
	}
	#zipcode{
		width: 21%
	}
	div.monthyr{
		display: inline;
	}
	img.ccImg{
		height: 1.5em;
		padding: 0px 5px;
		vertical-align: sub;
	}
	input.width100{
		width: 80% !important;
	}
	.cc-wrap{
		width: 100%;
		text-align: start !important;
	}
	.cc-wrap,.cc-image{
		display: table-cell;
	}
	div.borderRed{
		border-color: red;
	}
	div.borderGreen{
		border-color: green;	
	}

	.animated { 
	    -webkit-animation-duration: 0.5s; 
	    animation-duration: 0.5s; 
	    -webkit-animation-fill-mode: both; 
	    animation-fill-mode: both; 
	    -webkit-animation-timing-function: linear; 
	    animation-timing-function: linear;
	    background: #ffffff;
	} 

	@-webkit-keyframes shake { 
	    0%, 100% {-webkit-transform: translateX(0);} 
	    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);} 
	    20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);} 
	} 
	@keyframes shake { 
	    0%, 100% {transform: translateX(0);} 
	    10%, 30%, 50%, 70%, 90% {transform: translateX(-3px);} 
	    20%, 40%, 60%, 80% {transform: translateX(3px);} 
	} 
	.shake { 
	    -webkit-animation-name: shake; 
	    animation-name: shake; 
	}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    /* display: none; <- Crashes Chrome on hover */
	    -webkit-appearance: none;
	    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}