div {
	position:absolute; width: 100%;
	left:0;
	z-index:1;
	border: 1px;
	visibility: visible;
}

body {
text-align: center;
background-color: #ECECEC; 
margin: 0;
}

table {
    margin: auto; 
}

table.layout {
text-align: center;
background-image:  url(../images/en/nour_online.png); 
background-repeat: no-repeat;
width:  1920px;
height: 1287px;
border: 0;
}

td.row1 { height: 600px; text-align: center; }

@media screen and (max-width: 1920px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_1920.png); 
		background-repeat: no-repeat;
		width:  1920px;
		height: 1287px;
	}
	
	td.row1 { height: 600px; text-align: center; }
}
@media screen and (max-width: 1660px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_1660.png); 
		background-repeat: no-repeat;
		width: 1660px;
		height: 1113px;
	}
	
	td.row1 { height: 525px; text-align: center; }
}
@media screen and (max-width: 1366px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_1366.png); 
		background-repeat: no-repeat;
		width: 1366px;
		height: 916px;
	}
	td.row1 {
		height: 425px;
	}
}
@media screen and (max-width: 1024px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_1024.png); 
		background-repeat: no-repeat;
		width: 1024px;
		height: 686px;
	}
	td.row1 {
		height: 325px;
	}
}
@media screen and (max-width: 768px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_768.png); 
		background-repeat: no-repeat;
		width: 768px;
		height: 515px;
	}
	td.row1 {
		height: 225px;
	}
}
@media screen and (max-width: 520px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_520.png); 
		background-repeat: no-repeat;
		width: 520px;
		height: 349px;
	}
	td.row1 {
		height: 150px;
	}
}
@media screen and (max-width: 360px) { 
	table.layout {
		text-align: center;
		background-image:  url(../images/en/nour_online_360.png); 
		background-repeat: no-repeat;
		width: 360px;
		height: 241px;
	}
	td.row1 {
		height: 100px;
	}
}

td.row2 { text-align: center; vertical-align: top;}
td.changepasswordrow { text-align: center; vertical-align: top}
.text { color: #7B7C7F; font-family: poppins, arial, helvetica, sans-serif; font-weight: bold; text-align: center;}
.entryfield { background-color: #F7F7F7; font-size: 11px; color: Black; font-family: sans-serif; border-color: black}

a {text-decoration:underline; color: #7B7C7F;font-size: 12px; font-family: poppins, Arial, Helvetica, sans-serif;}
a:hover {text-decoration:none; color: #7B7C7F; font-family: poppins, Arial, Helvetica, sans-serif;}

.valuepositive { font-family: poppins, Arial, Helvetica, sans-serif; font-size: 8pt;}

input {background-color: black; color: #F7F7F7; font-family: poppins, Arial, Helvetica, sans-serif;}
.loginspace{}