.tcalender {}
	.tcalender table{
                position:relative;
                margin:0px; padding:0px;
                width:100%;
                height: 300px;
      		border-right: 1px solid #f0f0f0;
       	 	border-top: 1px solid #f0f0f0;
                direction: ltr;
		}

			
    td, th {
        border-left: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        width: 10px;
		padding: 5px 2px 5px 2px;
        text-align: center;
    }


    th {
        background: #e74c3c;
        color: #fff;
    }

    .other-month {
        background: #eee;
    }
    
.showme{ 
display: none;
position: relative;
z-index: 1000;
background: white;
width: 100%;
}
.showhim:hover .showme{
display : block;
}
.top-bar-gray{
    width: 100%;
    height: 50px;
    background: #EEEEEE;
    padding: 10px;
}
.date-year-month{
    width: 220px;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
}
.dt input{
    border: medium none;
    font-size: 16px;
    padding: 3px;
    text-align: center;
    width: 100px;
}  
.active-date{
    background: #e74c3c !important;
    color: white;
}