/* input box in default state */ 
.cal{

	background: #FFFFFF url('img/cal.gif') 100% 50% no-repeat;
	border: 1px solid #CCC;
	padding: 5px;
	border-radius:0px;
   -moz-border-radius:2px;
   -webkit-border-radius:2px;
	width:230px;
	height:19px;
	
	text-align:left;
	cursor: pointer;
	z-index:10000;
	
}


.cal:hover {
	background: #F5F5F5 url('img/no_cal.gif') 100% 50% no-repeat;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.cal:active {
	background-image: url('img/no_cal.gif');
}