@charset "utf-8";
/* CSS Document */
.picker{
	width:400px;
	margin:20px;
	font-family:Verdana, Geneva, sans-serif;
	background:none;
}
	.picker .picker_control{
		background:none;
	}
.picker.vertical{
	float:left;
	clear:left;
	position:relative;
	width:400px;
	height:300px;
	margin:20px;
}
	.background{
		position:absolute;
		top:0px;
		left:0px;
		width:400px;
		z-index:0;
	}
	.picker.vertical .background{
		height:300px;
	}
	.picker.vertical .picker_control{
		height:270px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		
	}
		.background .top{
			position:absolute;
			top:0px;
			left:0px;
			height:150px;
			width:400px;
			background:#CCC  -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
			background:#CCC  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
			background:#CCC  -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); /* Chrome10+,Safari5.1+ */
			background:#CCC  -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
			background:#CCC  -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
			background:#CCC  linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		}
		.background .bottom{
			position:absolute;
			bottom:0px;
			left:0px;
			height:150px;
			width:400px;
			background:#CCC   -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
			background:#CCC   -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
			background:#CCC   -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
			background:#CCC   -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
			background:#CCC   -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
			background:#CCC   linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
			display:none;
		}
		.picker.vertical .background .bottom{
			display:block;
		}

	/****************************************************
	 *
	 *	iPHONE PICKER STYLES
	 *
	*****************************************************/
	
	.picker.vertical .glass{
		position:absolute;
		width:362px;
		height:272px;
		margin:10px 20px;
		
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(1%,rgba(0,0,0,0.65)), color-stop(30%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		
		z-index:1;
		
		border:solid 2px #000;
		background-color:#FFF;
	}
	.displayBar{
		position:absolute;
		width:362px;
		height:40px;
		top:128px;
		left:22px;
		border-top:solid 2px #99ccff;
		border-bottom:solid 2px #99ccff;
		
		background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(78,136,193,0.7) 50%, rgba(77,135,192,0.68) 51%, rgba(30,87,153,0.48) 100%); /* FF3.6+ */
		background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(78,136,193,0.7) 50%, rgba(77,135,192,1) 51%, rgba(30,87,153,0.48) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(50%,rgba(78,136,193,0.7)), color-stop(51%,rgba(77,135,192,1)), color-stop(100%,rgba(30,87,153,0.48))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(78,136,193,0.7) 50%,rgba(77,135,192,1) 51%,rgba(30,87,153,0.48) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(78,136,193,0.7) 50%,rgba(77,135,192,1) 51%,rgba(30,87,153,0.48) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(78,136,193,0.7) 50%,rgba(77,135,192,1) 51%,rgba(30,87,153,0.48) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(78,136,193,0.7) 50%,rgba(77,135,192,1) 51%,rgba(30,87,153,0.48) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#7a1e5799',GradientType=0 ) progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444') ; /* IE6-9 */
		
		-moz-box-shadow: 0 3px 4px #444;
		-webkit-box-shadow: 0 3px 4px #444;
		box-shadow: 0 3px 4px #444;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444'), progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444')";
		/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444');*/
		z-index:2;
	}
	.picker .calBox{
		color:#000;
		font-weight:bolder;
	}
	.picker .calYear, .picker .calDay, .picker .calMonth{
		margin-top:-5px;
		/*border-left:solid 2px #c8cad7;
		border-right:solid 2px #c8cad7;*/
	}
	.picker .calYear .calElement, .picker .calMonth .calElement, .picker .calDay .calElement, 
	.picker .calYear .calElement:hover, .picker .calMonth .calElement:hover, .picker .calDay .calElement:hover{
		padding-top:15px;
		border:none;
		background:none;
	}
	.picker .calYear .calElement, .picker .calYear .calElement:hover{
		padding-top:10px;
	}
	.picker .calDay .calElement, .picker .calDay .calElement:hover{
		padding-top:0;
	}
	.picker .calElement.selected{
		background:none;
	}
	.picker .calElement.selected:hover{
		background:none;
	}