body{
	background: #eaeaea;
	margin:0px;
	padding:50px 0px;
}

.contentareamiddle {
	position: absolute;
	margin-top: 0px;
	padding: 0px;
	z-index:9999 !important;
	width: 100%;
	transform: translateY(-50%);
	top: 50%;
}

.etoslginbox {
	background: url(../img/etosloginbg.jpg) no-repeat center bottom #e3f0f9;
	border-radius: 20px;
	border: solid 1px #6aa9d5;
	padding: 50px 0px;
	text-align: center;
	height: 238px;
}

.hajjlginbox {
	background: url(../img/hajjloginbg.png) no-repeat center bottom #d9ddc4;
	border-radius: 20px;
	border: solid 1px #b3ba96;
	padding: 50px 0px;
	text-align: center;
	height: 238px;
}

.loginboxtext {
	font-family: 'ubuntumedium';
	font-size: 20px;
	color: #313131;
	margin-bottom: 35px;	
}

.loginboxlogo {
	margin: 0px;
	padding: 0px;	
}

/****************************************************************************************************
Media Query css start here
****************************************************************************************************/

@media screen and (max-width : 800px) {
	
}

@media screen and (max-width : 640px) {

.contentareamiddle {
	position: relative;
	transform: translateY(0);
	top: 0;
}

.romargin {
	margin-top: 50px;	
}

}


#tbAdd
{
    padding: 10px;
}
#tbGrid
{
    padding: 10px;
}