body {
}



.main_continner
{width:99%;
 padding-bottom:10px;
 float:left;
 font-family:Verdana;
 font-size:12px;
 background:#ecf1f7;

}
.search_continner
{width:98%;
 color:#666666;
 float:left;

 padding:1%;
}
.search_by_continner
{
 margin-right:5px;
}
.search_by_txt
{ float:left;
 margin-right:5px; 
 padding-top:5px;
}
.search_box
{
 float:left;
 margin-right:5px;
}
.txt_box
{width:95%;
 height:20px;
}
.search_continner_header
{width:99%;
 float:left;
 background:#e8e8e8;
 padding:1%;
}
.employee_txt
{width:40%;
 float:left;
}
.name_txt
{width:40%;
 float:left;
}
.main_name_continner
{width:99%;
 float:left;
 overflow:auto;

}
.continner_header
{width:99%;
 float:left;
 background:#9ec2be;
 padding:1%;
 margin-bottom:5px;
 cursor:pointer;
 cursor:hand;
}
.continner_header_inner
{width:99%;
 float:left;
 background:#59b3a9;
 padding:1%;
  margin-bottom:5px;
  cursor:pointer;
  cursor:hand;
}

.continner_header:hover, .continner_header_inner:hover
{
	background:#ed1c24;
	color:#fff;
}
.button_continner
{width:99%;
 float:left;
}
.button_login
{background:#106e64;
 color:#ffffff;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 border:none;
 padding:7px 10px;
 cursor:pointer;
 
}
.button_login:hover
{background:#115043;
}
.attendance_continner_header
{width:98%;
 float:left;

 padding:1%;
}
.DateTime_continner
{width:100%;
 float:left;
 padding:1%;
}
.DateTime
{width:17%;
 float:left;
 padding-top:8px;
}
.DateTime_txt
{width:15%;
 float:left;
 
 padding-top:5px;
}