/*--------------- Registration -----------------*\
|  styles beginnen met de "reg"                  |
|  -- Registratie                                |
|  -- Profile                                    |
|  -- Pages                                      |
\*----------------------------------------------*/
body.pop {font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; font-size:12px;background-color: #FFFFFF;color: #000000;}
/*--------------- General Styles ---------------*/
#cMLeft {width: 730px;float: left;margin-left: 10px;}
.imgStatus {border: none;vertical-align: middle;}
/*----------------- Form Styles ----------------*/

.tabs_box_reg { background-color:#333;width: 542px; height:54px; /*background: url(../../images_matrix/planet/bigtabbox.png) no-repeat;*/ top:0; right:0;}
.Regtabs {  width:100%; line-height:17px; font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.Regtabs ul { margin:0; padding:9px 0px 0 6px; list-style:none; }
.Regtabs li { display:inline; margin:2px 0 0px; padding:0; }
.Regtabs a { float:left; margin:0 0 0 0; padding:0 12px 0 15px; text-decoration:none; /*background: url(../../images_matrix/planet/tab_divider.gif) top right no-repeat; */}
.Regtabs a span { background-color:#090; float:left; display:block; padding:0px 8px 0px 8px; color:#000; cursor:pointer; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/    .tabs a span {float:none;}    /* End IE5-Mac hack */

/* Styles die we overpakken van de registration van de oude sites */
#regform input, #regform textarea, #regform select, #regform input.iefocus, #regform textarea.iefocus{background:#f1f1eb; border:none; color:#888888; padding:0 10px; text-align:left; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:16px; z-index:500000;}
#regform input.button{font-size:10px;padding:0px;color:white;height:18px;background:#e50150;border:none; z-index:500000;}
#regform input.button:hover{cursor:pointer;background:#f5a300;color:black;z-index:500000;}
#regform input.no_style { background:none; padding:5px 0 0 0; height:auto;z-index:500000;}/* te gebruiken als je een image als button gebruikt */
#regform input.checkbox, input.radiobox {border:none;}

#formBG {padding: 5px;background-color: #FFF7CE;border: 1px solid #CCCCCC;margin-bottom: 5px;}
.formButton {font-size:12px;color:#000000;background-color:#F1F1EB;border:1px solid #7F9DB9;cursor : pointer;padding:0px;text-align:center;}
.formButton:hover{cursor:pointer;background:#ffffff;}

.formButtonRed {font-size:12px;color:#ffffff;background-color:#D50000;border:1px solid #7F9DB9;cursor : pointer;padding:0px;text-align:center;}
.formButtonRed:hover{cursor:pointer;}

.formText {	text-align:left;font-size:11px;color:#000000;border: 1px solid #CCCCCC;}

.formTextarea {font-size:11px;color:#000000;border: 1px solid #CCCCCC;}
.formTextHidden {border-style:none;background-color:transparent;font-size:10px;font-weight:bold;color:#000000;}
.formItem{font-size:11px;text-decoration:none;color:#666666;}
.formLabelMan{font-size:11px;font-weight:bold;color:#000000;}
.formLabelOpt{font-size:11px;font-weight:normal;color:#808080;padding-left:5px;}

/*-------------- Form Content Styles -----------*/
#regFormContent {/* min-height: 300px; */border: 1px solid #DFDFDF;}
#regFCMain {padding:5px;}
#regFCIntro {background-color:#EFEFE8;color:#000000;padding:10px 5px 5px 5px;}
#regFCIntro a{color:#000000;font-weight:bold;text-decoration:none;}
#regFCIntro a:hover{color:#D70003;text-decoration:underline;}
/*------------- Form Elements Styles -----------*/

.regDiv{height:20px;clear:both;}
.regDivTA{height:40px;clear:both;}
.regLabel{
	width: 180px;
	padding-top: 2px;
	text-align : right;
	float: left;
}
.regLabel2 {
	padding-top: 2px;
	text-align : right;
	float: left;
}
.regLabelStar {
	font-size : 9px;
	text-decoration : none;
	text-align : right;	
}
.regLabelCheck {
	width: 180px;
	text-align : right;
	float: left;
}
.regInput {
	float: left;
}
.regText {
	font-size : 12px;
	font-weight : normal;
	color : #333333;
	padding-top: 2px;	
	float: left;	
}
.regText A {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}
.regText A:HOVER {
	color : #29cf0e;
	font-weight : bold;
	text-decoration : underline;
}
.regNote {
	font-size : 9px;
	font-weight : normal;
	color : #007169;		
}

.regComment {
	background-color: #EFEFE8;
	font-size : 12px;
	font-weight : normal;
	color : #000000;
	margin-bottom: 5px;
	padding: 3px;	
	clear : both;
}
.regEmailComment {
	background-color: #EFEFE8;
	width: 450px;
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	padding: 3px;	
	float: right;
}
.regExtraCheck {
	width: 25px;
	float: left;	
}
.regExtraText {
	
	font-size : 12px;
	font-weight : normal;
	color : #333333;
	padding-top: 2px;	
	float: left;
}

.regHeader {
	height: 20px;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;	
	background-color: #29cf0e;
	margin-bottom: 5px;
	clear: both;
}
.regTitle {
	padding: 3px;	
	float: left;
}
.regYesNo {
	width: 20px;
	padding: 3px;	
	float: right;
}
.regVisible {
	padding: 3px;	
	float: right;
}
.regSubTitle {
	background-color: #C2CCAC;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	margin-bottom: 5px;
	padding: 3px;
	clear: both;	
}

.regDesc {
	font-size : 12px;
	font-weight : normal;
	color : #333333;
}
.regDesc A {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}
.regDesc A:HOVER {
	color : #29cf0e;
	font-weight : bold;
	text-decoration : underline;
}

#regCaptcha {
	height: 50px;
	padding-top: 5px;
	clear: both;
}
#regPrivacyScroll {
	height: 100px;
	overflow: auto;
	display:block;	
	margin-top:10px;
	width:98%;
}
.regPrivacy {
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	color : #666666;
	margin-top: 10px;
}
.regPrivacy A {
	text-decoration : none;
	font-weight : bold;	
	color : #000000
}
.regPrivacy A:HOVER {
	text-decoration : underline;
	font-weight : bold;	
	color : #29cf0e;
}
.regPrivacy em {
	font-size : 14px;
	font-weight : bold;	
	color : #666666;
}
#regAvatar {
	width: 530px;
	height: 205px;
	border: 1px solid #959595;
	overflow: auto;
	margin: 5px 0px;
	clear: left;
}
/* #regAvatarScroll {
	width: 714px;
	overflow: hidden;
} */
.regAvatarItem {
	width: 36px;
	margin: 5px 0px 0px 3px;
	float: left;
}
.regAvatarRadio {
	text-align: center;
}
/*--------------- Begin Profile ----------------*/
#regProfile {
	width: 150px;
	border: 1px solid #DFDFDF;
	float: left;
}
#regProfileExtra {
	width: 380px;
	border: 1px solid #DFDFDF;
	margin-left: 5px;
	float: left;
}
.regProNick {
	text-align: center;
	font-size : 16px;
	font-weight : bold;
	text-decoration : none;
	color : #000000;
	margin-bottom: 5px;
	clear: both;	
}
.regProAvatar {
	width: 101px;
	margin-left: 18px;
	border: 1px solid #DFDFDF;
	text-align: center;
	clear: both;	
}
.regProASL {
	height: 28px;
	margin: 2px 0px 0px 18px;	
	clear: both;
}
.regProAge {
	width: 29px;
	height: 24px;	
	border: 1px solid #DFDFDF;	
	text-align: center;	
	font-size : 16px;
	font-weight : bold;	
	color : #000000;
	padding: 1px;
	margin-right: 2px;
	float: left;	
}
.regProSex {
	width: 29px;
	border: 1px solid #DFDFDF;	
	text-align: center;	
	padding: 1px;
	margin-right: 2px;	
	float: left;	
}
.regProLocation {
	width: 29px;
	border: 1px solid #DFDFDF;
	text-align: center;	
	padding: 1px;	
	float: left;
}
.regProRating {
	width: 101px;
	height: 12px;
	margin-top: 2px;
	margin-left: 18px;
	border: 1px solid #DFDFDF;
	clear: both;	
}
.regProRatingUnit0 {
	background-color: #DFDFDF;
	width: 4px;
	height: 10px;
	margin: 1px 0px 0px 1px;
	float: left;
}
.regProRatingUnit1 {
	background-color: #720628;
	width: 4px;
	height: 10px;
	margin: 1px 0px 0px 1px;	
	float: left;
}
.regProLabel {
	width: 120px;
	padding-top: 2px;
	text-align : right;
	float: left;
}

/*---------------- Begin Company -----------------*/
#regCompLst {
	width: 714px;
	height: 120px;
	border: 1px solid #DFDFDF;
	margin-bottom: 5px;	
	overflow: auto;
	clear: both;
}
#regCompTable {
	width: 100%;
	border: none;
}
.regCompAddTD {
	background-color: #C2CCAC;
	color: #FFFFFF;
	text-decoration: none;		
	font-weight : bold;	
	padding: 2px;
}
.regCompAddTD a {
	background-color: #C2CCAC;
	color: #007169;
	text-decoration: none;		
	font-weight : bold;		
	padding: 2px;
}
.regCompAddTD a:hover {
	background-color: #C2CCAC;
	color: #FFE6B7;
	text-decoration: none;		
	font-weight : bold;		
	padding: 2px;
}
.regCompLstTD {
	border-bottom: 1px solid #DFDFDF;
	color: #333333;
	text-decoration: none;		
	font-weight : normal;		
	padding: 2px;
}
.regCompLstTD a {
	color: #720628;
	text-decoration: none;		
	font-weight : bold;		
}
.regCompLstTD a:hover {
	color: #899B5F;
	text-decoration: none;		
	font-weight : bold;		
}

/*------------------ Newsletter -------------------*/
.cMNewsletter0TD {
	margin: 5px 0px;
}
.cMNewsletter1TD {
	margin: 5px 0px;
}
.cMNLStep {
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;	
	color : #D70003;
}
.cMNLLabel {
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;	
	color : #000000;
}
.cMNLButton {
	text-align: center;
	margin: 5px 0px;
}
#cMNLPrivacyScroll {
	height: 100px;
	overflow: auto;	
}
.cMNLPrivacy {
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	color : #000000;
	margin-top: 10px;
}
.cMNLPrivacy A {
	text-decoration : none;
	font-weight : bold;	
	color : #000000;
}
.cMNLPrivacy A:HOVER {
	text-decoration : underline;
	font-weight : bold;	
	color : #D70003;
}
#cMNLCaptcha {
	height: 50px;
}