/* 
    Created on : 17 Sep, 2014, 4:29:37 PM
    Author     : senthil
*/

.ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin: 10px 0; }
.time, .mins, .meridian { 
	width: 60px; 
	float: left; 
	margin: 0px -5px; 
	font-size: 20px; 
	color: #2d2e2e; 
	font-family: 'arial'; font-weight: 700; 
	}
	
.hprev, .hnext {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background: url(../images/arrow.png) no-repeat;
    border-radius: 5px;
	}

.hprev:hover, .hnext:hover{ background-color:#ccc;}
 
.hnext{ background-position: 50% 150%;}
.hprev{ background-position: 50% -50%;}
 
 .time_pick{ position:relative;}
/*input{ float:left;}*/
.timepicker_wrap{ 
	padding: 10px;
	border-radius: 5px;
    z-index: 2; display:none; width:240px; box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35); background:#f6f6f6; border:1px solid #ccc; 
	float:left; 	
	position:absolute; top:27px; left:0px;
	}

.arrow_top{ 
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../images/top_arr.png) no-repeat;
	width: 18px;
	height: 10px;
	z-index: 3;
	}