@charset "utf-8";

body { 
	margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.020em;
	color: #555; 
}

A {COLOR: #005CB9}
A:visited {COLOR: #005CB9}
A:active {COLOR: #3C9DFF}
A:hover { COLOR: #3C9DFF}


h1 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.05em;
	text-rendering: optimizeLegibility;
	padding: 4px 0; margin: 0;
	color: #C60000; 
}
h2 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.05em;
	text-rendering: optimizeLegibility;
	padding: 4px 0; margin: 0;
	color: #C60000; 
}
h3 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.04em;
	text-rendering: optimizeLegibility;
	padding: 4px 0; margin: 0;
	color: #0077ff; 
}
.h1_nobold
{
font-size: 36px;
line-height: 1.2;
letter-spacing: -0.05em;
text-rendering: optimizeLegibility;
padding: 4px 0; margin: 0;
color: #C60000; 
}




.normaltext_red { color: #C60000; }
a.normaltext_red:visited { color: #C60000;  }
a.normaltext_red:active { color: #C60000; }
a.normaltext_red:hover { color: #ff1f1f; }


.medred {
	font-size: 30px;
	color: #C60000;
	line-height: 44px;
}
a.medred:visited {COLOR: #C60000}
a.medred:active {COLOR: #C60000}
a.medred:hover { COLOR: #FF8040}


.button_red {
  background-color: #A40000;
  border: none;
  color: white;
  padding: 10px 14px 12px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  border-radius: 10px;
  font-weight: bold;
}
.button_red:hover {
	background-color: #DC0002;
	border: none;
	color: white;
}
.button_red:visited {
color: white;
}
.button_red:focus {
	border: none;
	color: white;	
}







.menufont {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #C60000;
	/* text-decoration: none; */
}
a.menufont:visited { color: #C60000; }
a.menufont:active { color: #4B4B4B; }
a.menufont:hover { 	color: #4B4B4B; text-decoration: underline; }




.bigred
{
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.05em;
	text-rendering: optimizeLegibility;
	padding: 4px 0; margin: 0;
	color: #C60000; 
	font-weight: bold;
}
.bigred_nobold
{
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.05em;
	text-rendering: optimizeLegibility;
	padding: 4px 0; margin: 0;
	color: #C60000; 
}


.medhead {
	font-size: 20px;
	color: #C60000;
}



.Lform1
{
float: left;
width: 85px;
margin: 0 0 0 16px;
height: 30px;
}
.Lform2
{
float: left;
width: 200px;
}
.Lform3
{
clear:both;
height: 10px;
}

.loginborder
{
width:326px;
margin: 0 auto;
overflow: auto;
margin-bottom: 20px;
/* background: linear-gradient(20deg,white 57%,#fcc5c5); */
}

.bk_hover { background-color: white; border: 3px solid #FFD9D9; }
.bk_hover:hover { border: 3px solid #C60000;}

 
.redborder
{
border: 5px solid #ffc6c6;
background: linear-gradient(20deg,white 57%,#fcc5c5);
}



.prevnext_container
{
clear: both;
width:756px;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 8px;
}
.prevnext_p
{
margin: 0 auto;
float:left;
width:50%;
margin-bottom: 16px;
}
.pages_p
{
margin: 0 auto;
float:right;
width:50%;
margin-bottom: 16px;
text-align:right;
}


.redborder_notllogged 
{ 
width: 304px; 
overflow: auto; 
border: 5px solid #FFD9D9;
margin: 0 auto;
padding: 7px 12px 7px 12px;
background: linear-gradient(33deg,white 75%,#fcc5c5);
}

.reg_inputleft 
{ 
text-align: left; 
margin-top: 8px;
}
.reg_inputright 
{ 
margin-bottom: 14px; 
}

.formp1
{
padding: 3px;
}

.formp2
{
margin-bottom: 6px;
margin-top: -8px;
padding: 3px;
}

.formp3
{
height: 0px;	
}

.tmpl_inner
{
margin: 0 auto;
width: 336px;
}

.advertdiv { width: 360px; margin: auto; }




.notlogged_container
{ 
width: 360px; 
clear: both;
margin: 0 auto;
overflow:auto;
}







.menu_but_red {
  background: linear-gradient(0deg,#F50000 5%,#dd9394); 
  border: 1 px solid #FF8585;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
  font-weight: bold; 
  padding: 5px 11px 8px 11px;
}
.menu_but_red:visited {  color: white; }
.menu_but_red:hover { color: white; background: #ff0004; cursor: pointer;}
.menu_but_red:focus { color: white; }


.menu_but_blue {
  /*background-color: #ce2e2e;*/
  background: linear-gradient(0deg,rgb(25, 111, 240) 5%,#93bcdd); 
  border: 1 px solid #859BFF;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
  font-weight: bold; 
  padding: 5px 11px 8px 11px;
}
.menu_but_blue:visited {  color: white; }
.menu_but_blue:hover { color: white; background: #35a4ff; cursor: pointer;}
.menu_but_blue:focus { color: white; }


.menu_but_grey {
  background: linear-gradient(0deg,rgb(233, 233, 233) 5%,#ffffff); 
  border: 1px solid rgb(204, 204, 204);
  color: rgb(0, 0, 0);
  text-align: center;
  text-decoration: none; 
  font-size: 15px;
  border-radius: 8px;
  padding: 5px 8px 8px 8px;
  font-weight: 500;
}
.menu_but_grey:visited { color: rgb(0, 0, 0); }
.menu_but_grey:hover { color: white; background: #525252; cursor: pointer;}
.menu_but_grey:focus { color: white; background: #525252; cursor: pointer; }





.ext_top
{
height: 154px; background-color: rgb(244, 244, 244);
}

.ext_top2
{
margin: 0 auto;
width: 360px;
}

.logo_holder1
{
height: 92px; 
width: 360px;
}

.logo_holder2
{
height: 60px;
width: 360px;
margin-top: 10px;
background-repeat:no-repeat;
background-image: url(https://www.datecorner.co.za/images/absfree3.png); 
}

.logo_holder3
{
position: absolute;
width: 95px;
height: 82px;
background-image: url(https://www.datecorner.co.za/images/sainv3.png); 
background-repeat:no-repeat;
margin: -68px 0 0 234px;
}

.logo_img1
{
background-image: url(https://www.datecorner.co.za/images/nd_logo1.png);
background-repeat:no-repeat;
height: 60px;
width: 360px;
}





/* if width > 740 ----------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 740px)
{

	.advertdiv { width: 728px; }

	.tmpl_inner
	{
	width: 728px;
	}

	.Lform2 { width: 260px; }

	.loginborder
	{
	width: 400px;
	margin: auto;
	margin-bottom: 20px;
	}

	.formp1 /* contactpub */
	{
	float: left;
	width: 180px;
	padding: 1px;
	padding-right: 15px;
	margin: 10px 0 0 0;
	}

	.formp2
	{
	float: left;
	width: 350px;
	padding: 1px;
	margin: 10px 0 0 0;
	}

	.formp3
	{
	clear: both;
	height: 6px;	
	}

	.redborder_notllogged
	{
	width: 700px;
	padding: 8px;
	}

	.reg_inputleft
	{
	float: left;
	width:320px;
	text-align: right;
	margin: 0 10px 10px 0;
	}
	.reg_inputright
	{
	float: left;
	width:360px;
	text-align: left;
	margin-bottom: 10px;
	}

	
	.notlogged_container
	{
	width:730px;
	margin-top: 16px;
	}

	.ext_top
	{
	height: 75px; 
	background-color: rgb(244, 244, 244);
	}

	.ext_top2
	{
	width: 740px; 
	}

	.logo_holder1
	{
	float: left; 
	width: 365px;
	}

	.logo_holder2
	{
	float: left; 
	width: 365px;  
	margin-top: 12px;
	}

	.logo_holder3
	{
	margin: 6px 0 0 600px;
	}


}  /* end mobile compatibility */



















/* Form Inputs ========================================================================================================================================= */

input {
	padding: 4px;
    border: 1px solid silver;
    background-color: #F8F8F8;
	border-radius: 6px;

    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.020em;
	color: #555; 
}
input:hover { color: #000 }
input:focus { color: #000 }

textarea{
	padding: 4px; 
    border: 1px solid silver;
    background-color: #F8F8F8;
	border-radius: 6px;

    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.020em;
	color: #555; 
}

select {
	padding: 4px;
    border: 1px solid silver;
    background-color: #F8F8F8;
	border-radius: 6px;

    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.020em;
	color: #555;
}

input[type=checkbox] {
    /* transform: scale(1.6); */
    width: 20px;
    height: 20px;
}

input[type=radio] {
 transform: scale(1.3);
 margin-top: 7px;
}

/* Form Inputs ========================================================================================================================================= */