/*   GENERAL   */
body {background: #f1f1f1 url(/homepages/dat_home/images/background.png) center top no-repeat}
h1, h2, h3, h4, h5 {line-height:1em; border:none !important; margin:0; padding:0;}
table, td {font-size:1em; }
div#footer, .wrapper {width:930px !important; margin:auto !important; background:none;}
div#header {height:84px !important;}
#header {border:none !important;}
input, select {padding:0; margin:0; font-size:12px !important;}
td {padding:3px; margin:0; font-size:12px; line-height:12px; vertical-align:middle;}
label {font-size:12px;}
div#footer p {width:auto !important;}


.homeWrapper {width:940px; margin:auto;}
.homeWelcome {width:940px; margin:auto;}

.homeLeftCol {
	width:325px; 
	float:right; 
}




.homeFormBox {
	height:400px; 
	background:#c50000 url(/homepages/dat_home/images/form-gradient.png) center center repeat-x; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, .2); 
        height:425px; padding-top:30px;
}
.homeFormBox td {padding-top:7px}
td.formInfoBottom {padding-right:15px;}



.homeFormBox select {padding:0px !important; padding-top:2px !important; padding-bottom:2px !important;}
.formInnerWrapper {padding:20px; padding-right:0px; }
.registrationTitle {font-size:21px; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.5); margin-bottom:10px;}
.genderTitle {color:#ffeda7; font-size:15px !important;}
.buttonSubmit {margin-top:15px;}
.formInfoBottom {padding-top:5px; line-height:14px;}
.formInfoBottom a, .formInfoBottom a:hover {color:#FFF0C8 !important;}

.homeRightCol {
	width:615px; 
	height:455px; 
	float:left; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
}
.HRInfoWrapper {padding:35px; width:380px; height:325px;}
.hometext1 {color:#014b6e; font-size:34px; text-shadow:1px 1px 2px rgba(0,0,0,.3); margin-bottom:4px;}
.hometext2 {color:#010101; font-size:28px; font-weight:normal; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.hometext3, 
.hometext3 p {width:310px; color:#fff; font-size:15px; text-shadow:#1a526b 1px 1px 1px; margin-top:15px;}
.homeRight_joinButton {padding-left:35px;}




/* HOME FEATURED MEMBERS */
.homeFeaturedMembers h3 {padding-bottom:4px; margin-bottom:10px;}
.homeFeaturedMembers {
background: rgba(0,0,0,.2);
margin-top:20px; margin-bottom:20px; padding-left:10px;
border:1px solid rgba(255,255,255,.1);
    -moz-border-radius:5px; 
    padding:15px; 
    padding-right:0;
    margin-top:10px;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);
}
ul.profiles li, ul.profiles li.even {margin:0; margin-right:7px; background:none;}
.profileInfo .username {font-weight:bold; font-size:13px !important;}
.profileInfo p {line-height:14px;}





/*  FORM  */
.formInnerWrapper {color:#fff;}
.homeFormBox form label, 
.homeFormBox form label.required     {font-size:12px;}
form input, form select	             {font-size:12px;}
.homeFormBox input, 
.homeFormBox select {
    padding:3px !important;
    border:none !important;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px; 
    border-radius:3px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}
.homeFormBox input[type=password], .homeFormBox input[type=text] {width:180px;}
.homeFormBox select {     padding:2px 0;     border:1px solid #A0A0B0;}

.fieldHint {
	position: absolute;
	display:none;
	width:200px;
	margin-left:-250px;
	margin-top:1em;
	padding:20px;
	color:#606060;
	background:#ffffdd;
	border:1px solid #a0a0a0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
	z-index:9999;
}
form input:hover .fieldHint {display: block; } 
.birthday select {margin-right:4px}



/* Flexible Colorable Button */
.flexButton, form button[type=button] {
	background:#ff6b08 url(/homepages/dat_home/images/button_bg2.png) top center repeat-x !important;
	color:#fff;
	font-size:21px;
	font-weight:bold;
	margin:0;
	min-width:200px;
	height:40px;
	line-height:30px;
	border:none;
	white-space: nowrap;
	overflow:visible;
	cursor:pointer;
	box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-shadow: 1px 1px 2px #333;
}
.flexButton:hover {background-position: center -40px !important; }
.flexButton:active {background-position: center -25px !important; }
a.flexButton {line-height:40px; width:300px; display:block; text-align:center; text-decoration:none; color:#fff !important; }


	 
	 
/* OLD DELETE */
.homeLoginBox {height:157px; background: url(/homepages/dat_home/images/login-bg.png) left bottom repeat-x;}
.loginInnerWrapper {padding:20px;}
.loginTitle {font-size:21px; color:#333;}


.genderBox {margin:0px !important; height:32px;}
.genderBox select {width:180px;}
.genderBox label {display:block; width:73px; float:left; font-size:12px !important; color:#fff; overflow:hidden; margin-left:-2px }


.smallinfo{font-size:10px;margin-bottom:3px;color:#d7d7d7;}
