.t {
	BORDER-RIGHT: #000066 2px solid; 
	BORDER-TOP: #000066 2px solid; 
	BORDER-LEFT: #000066 2px solid; 
	BORDER-BOTTOM: #000066 2px solid; 
	BORDER-COLLAPSE: collapse; 
	BACKGROUND-COLOR: #ffffff
}
.day {
	BORDER-RIGHT: #9999cc 1px solid; BORDER-TOP: #9999cc 1px solid; BORDER-LEFT: #9999cc 1px solid; BORDER-BOTTOM: #9999cc 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #fffdeb; TEXT-ALIGN: center
}
.month {
	BORDER-RIGHT: #9999cc 1px solid; BORDER-TOP: #9999cc 1px solid; BORDER-LEFT: #9999cc 1px solid; BORDER-BOTTOM: #9999cc 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #fffdeb; TEXT-ALIGN: center
}


.cR {
	BORDER-RIGHT: #000000 2px solid; 
	BORDER-TOP: #9999cc 1px solid; 
	BORDER-LEFT: #9999cc 1px solid; 
	WIDTH: 40px; 
	BORDER-BOTTOM: #9999cc 1px solid; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	BORDER-COLLAPSE: collapse; 
}

.cB {
	BORDER-RIGHT: #9999cc 1px solid; 
	BORDER-TOP: #9999cc 1px solid; 
	BORDER-LEFT: #9999cc 1px solid; 
	WIDTH: 40px; 
	BORDER-BOTTOM: #000000 2px solid; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	BORDER-COLLAPSE: collapse; 
}

.cBR {
	BORDER-RIGHT: #000000 2px solid; 
	BORDER-TOP: #9999cc 1px solid; 
	BORDER-LEFT: #9999cc 1px solid; 
	WIDTH: 40px; 
	BORDER-BOTTOM: #000000 2px solid; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	BORDER-COLLAPSE: collapse; 
}


.c0 {
	BORDER-RIGHT: #9999cc 1px solid; 
	BORDER-TOP: #9999cc 1px solid; 
	BORDER-LEFT: #9999cc 1px solid; 
	WIDTH: 40px; 
	BORDER-BOTTOM: #9999cc 1px solid; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	BORDER-COLLAPSE: collapse; 
}



.c1 {
	BORDER-RIGHT: #9999cc 1px solid; BORDER-TOP: #9999cc 1px solid; BORDER-LEFT: #9999cc 1px solid; WIDTH: 40px; BORDER-BOTTOM: #9999cc 1px solid; HEIGHT: 40px; BACKGROUND-COLOR: #d3e5f8; TEXT-ALIGN: center
}
.c2 {
	BORDER-RIGHT: #9999cc 1px solid; BORDER-TOP: #9999cc 1px solid; BORDER-LEFT: #9999cc 1px solid; WIDTH: 40px; BORDER-BOTTOM: #9999cc 1px solid; HEIGHT: 40px; BACKGROUND-COLOR: #cff0c8; TEXT-ALIGN: center
}
.c {
	BORDER-RIGHT: #9999cc 0px solid; BORDER-TOP: #9999cc 0px solid; BORDER-LEFT: #9999cc 0px solid; WIDTH: 40px; BORDER-BOTTOM: #9999cc 0px solid; HEIGHT: 40px; BACKGROUND-COLOR: #ffffff
}



.i1 {
	BORDER-RIGHT: #000000 0px solid; 
	BORDER-TOP: #000000 0px solid; 
	BORDER-LEFT: #000000 0px solid; 
	BORDER-BOTTOM: #000000 0px solid; 
	WIDTH: 40px; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	FONT-SIZE: 30px; 
	COLOR: #000000; 
	LINE-HEIGHT: 38px;
	FONT-FAMILY: Times;
	background-color:transparent;
}


.i0 {
	BORDER-RIGHT: #000000 0px solid; 
	BORDER-TOP: #000000 0px solid; 
	BORDER-LEFT: #000000 0px solid; 
	BORDER-BOTTOM: #000000 0px solid; 
	WIDTH: 40px; 
	HEIGHT: 40px; 
	BACKGROUND-COLOR: #fffdeb; 
	TEXT-ALIGN: center;
	FONT-SIZE: 30px; 
	COLOR: #9999cc; 
	LINE-HEIGHT: 38px;
	FONT-FAMILY: Times;
	background-color:transparent;
}



.day {
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	WIDTH: 40px
}
.day {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.month {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.c0 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066;

}
.c1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066;

}
.c2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A {
	FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


.divOptions{
	position: relative;
	top:-3px;
	left:-1px;

}
.divInput{
	position: absolute;
	top:0;
	left:0;
	visibility: visible;
}

.option{
	font-size:10px;
	position: absolute;
	font-weight:normal;
	width:10px;
	height:12px;
	line-height: 10px;

	color:#999;
}

.o1{
	top:2px;
	left:0;
}

.o2{
	top:2px;
	left:16px;
}

.o3{
	top:2px;
	left:32px;
}


.o4{
	top:17px;
	left:0;
}

.o5{
	top:17px;
	left:16px;
}

.o6{
	top:17px;
	left:32px;
}

.o7{
	top:32px;
	left:0;
}

.o8{
	top:32px;
	left:16px;
}

.o9{
	top:32px;
	left:32px;
}

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 */
}

input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}

.column{
	float: left;

	min-width:440px;
	margin-bottom: 20px;
	width:450px;
}


@media only screen and (max-width: 600px) {
	body {
		font-size: 1.5em;
	}

	input[type="button"] {
		font-size: 1.2em;
		margin: 10px 0;
		border-radius: 6px;
	}

	a{
		font-size: 1.1em;
	}
}