/* --- HOME PAGE (uitgelogd) --- */



#homepage {

	width: 564px;

	height: 1%;

}



#homeleft {

	float: left;

	width: 272px;

}



#homeright {

	float: right;

	width: 272px;

}



#header #mainmenu h1 img {

	border: 0;

}



/* --- HOME PAGE (ingelogd) --- */

#userpage {

	width: 564px;

	height: 1%;
	
	text-align: justify;

}



#userpage #welcomemsg img {

	border:0px;

}



#userpage #welcomemsg {

	background-color: #FFF;

	border: 1px solid #000;

	padding: 12px;

	margin-bottom: 34px;

}



#userpage #welcomemsg h1 {

	width:500px;

	margin-bottom:6px;

}



#userpage #matchmsg h1, #userpage #favomsg h1  {

	margin-bottom:7px;

}



#userpage #welcomemsg h2 {

	font-size: 1.8em;

	margin-bottom: 12px;

}



#userpage #welcomemsg p {

	line-height: 17px;

	margin-bottom:14px;

	color: #000

}



#userpage #matchmsg h2 {

	font-size: 1.8em;

	margin-bottom: 12px;

}



#userpage #matchmsg p {

	line-height: 17px;

	color: #FFF

}



#userpage #favomsg h2 {

	font-size: 1.8em;

	margin: 12px 0;

}





#userpage .matches.clearfix #show_all_matches {

	margin-top:18px;

	margin-left:-4px;

}



#userpage div.matches {

	margin-bottom: 10px;

}



#userpage div.matches div.rmatches,

#userpage div.matches div.lmatches {

	width: 272px;

}



#userpage div.matches div.lmatches {

	float: left;

}



#userpage div.matches div.rmatches {

	float: right;

}



/* --- SEARCH PAGE (Advanced & normal) --- */



#searchheader {

	margin-bottom: 20px;

}



#searchheader h2 {

	float: left;

	width: 270px;

	margin-bottom:10px;

	font-size: 1.6em;

}



#searchheader #sort_box {

	float: right;

	width: 260px;

	height: 67px;

	padding: 10px 0 0 10px;

	background: url(../images/layout/search/sortbg.gif) no-repeat;

	text-align: left;

	margin:0;

}



#searchheader #sort_box ul { 

	list-style: none;

}



#searchheader #sort_box ul li {

	margin-bottom: 8px;

}



#searchheader #sort_box select { 

	margin-top: 5px;

	width:250px; 

}



#searchheader #num-pages {

	width: 225px;

	float: left;

}



/* --- SEARCH PAGING TOP & BOTTOM --- */

#searchpagingtop,

#searchpagingbottom {

	position: relative;

	width: 100%;

	text-align: center;

}



#searchpagingbottom {

	margin-top: 8px;

}



#searchpagingtop p a,

#searchpagingbottom p a {

	font-family: Arial, Verdana, Sans-serif;

	color: #FFF

}



#searchpagingtop p.left, 

#searchpagingbottom p.left { 

	position: absolute;

	left: 0;

}



#searchpagingtop p.right, 

#searchpagingbottom p.right { 

	position: absolute;

	right: 0;

}



#searchpagingtop ul, 

#searchpagingbottom ul {

	margin: 0 auto;

	width: 285px;

	list-style: none;

	text-align: left;

}



#searchpagingtop ul li, 

#searchpagingbottom ul li {

	float: left;

	width: 20px;

}



#searchpagingtop ul li a, 

#searchpagingbottom ul li a {

	color: #FFF;

	font-family: Arial, Verdana, Sans-serif;

}



#searchpagingtop ul li a img, 

#searchpagingbottom ul li a img { 

	border: 0;

}



#searchpagingtop ul li.selected, 

#searchpagingbottom ul li.selected {

	width: 75px;

	height: 26px;

	position: relative;

	margin-right: 23px;

}



#searchpagingtop ul li.selected a.normal,

#searchpagingbottom ul li.selected a.normal {

	position: absolute;

	height: 29px;

	width: 88px;

	padding: 2px 0 0 ;

	text-decoration: none;

	color: #FFF;

	font-weight: bold;

	font-size: 1.8em;

	text-align: center;

}



#searchpagingtop ul li.selected a {

	background: url(../images/layout/search/pagingtop.gif) no-repeat;

	top: -4px;

}



#searchpagingbottom ul li.selected a {

	background: url(../images/layout/search/pagingbottom.gif) no-repeat;

	bottom: 4px;

}



#searchpagingtop ul li.selected a.arrowleft,

#searchpagingbottom ul li.selected a.arrowleft {

	position: absolute;

	left: 12px;

	top: 5px;

	z-index: 10;

	height: 15px;

	width: 15px;

}



#searchpagingbottom ul li.selected a.arrowleft {

	top: auto;

	bottom: 10px;

}



#searchpagingtop ul li.selected a.arrowright,

#searchpagingbottom ul li.selected a.arrowright {

	position: absolute;

	right: 0px;

	top: 5px;

	z-index: 10;

	height: 15px;

	width: 15px;

}



#searchpagingbottom ul li.selected a.arrowright {

	top: auto;

	bottom: 10px;

}



/* --- FOOTER --- */

#footer span {

	float: right;

	margin-right: 145px;

	color: #FFF

}



/* --- Notices --- */



.notice {

	margin: 5px 0 5px 0;

	padding: 5px;

	background-color: #fff7de;

	border: 1px solid #000;

	color: red;

	line-height: 20px;

}



.notice#incomplete {

	margin-bottom: 20px;

}



a#new_msg_count {

	color: #B10042 !important;

	background-color: #FFC000;

	font-weight: normal;

	padding: 3px;

}



/* --- Account pages --- */



/* --- ACCOUNT DETAILS --- */



#account {

	padding:30px 27px 0 25px;

	background: url(../images/layout/search/prefbgtop.gif) top center no-repeat;

	background-color: #ebebeb; 

}

#account_box {

	width:512px; 

}

#account_box h2 {

	margin:20px 0 6px 0;

	 

}

#account_intro {

	width:512px;

	height:108px;

	padding-top:10px;

}

#account_intro p {

	width:250px;

	line-height:18px;

	float:left;

}

#account_visibility {

	width:228px;

	float:right;

	border:1px solid #cfcfcf;

	background-color:#FFFFFF;

	padding:7px;

}

#account_visibility span {

	display:block;

	clear:left;

	color:#666666;

	margin:2px 0 0 22px;

}

#account_visibility img {

	float:right;

}

div.account_optionrow {

	width:512px;

	clear:left;

	padding-top:5px;

}



div.account_feedbackrow {

	width:512px;

	color:#969696;

	clear:both;

	padding-top:6px;

}

.fieldname {

	display:block;

	float:left;

	width:145px;

	padding-top:3px;

	color:#969696;

}

.fieldvalue {

	display:block;

	float:left;

	width:160px;

	padding-top:3px;

}

.fieldvalue input {

	width:145px;

}

.fieldvalue select {

	width:145px;

}

div.optionrow_separator { 

	background: url(../images/layout/search/separator_line.gif) repeat-x; 

	height:1px; 

	width:512px; 

	margin:15px 0 15px 0;

}

.btn_renew {

	float:left;

	height:24px;

	width:74px;

	background: url(../images/layout/account/button_renewsub.gif) no-repeat;

}

.btn_close {

	height:24px;

	width:76px;

	background: url(../images/layout/buttons/button_cancelsub.gif) no-repeat;

}

.btn_edit {

	height:24px;

	width:64px;

	background: url(../images/layout/account/button_editsub.gif) no-repeat;

}

.btn_subsave {

	height:24px;

	width:64px;

	background: url(../images/layout/account/button_savesub.gif) no-repeat;

}

#account_box_bottom {

	height:30px;

	background: url(../images/layout/search/prefbgbottom.gif) bottom center no-repeat;

}







/* --- Iframed forms --- */



#form_box {

	padding: 15px;

}



#form_box td {

	padding: 5px;

}



#form_box input {

	font: normal 12px Georgia;

}

#form_box td.left {

	padding-right: 20px;

	background-color: #ddd;

}



#form_box td.right {

	background-color: #eee;

}



/* --- No JS notice --- */



div.grey_cover {

	position: absolute;

	z-index: 100;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	height: 100%;

	width: 100%;

	filter:alpha(opacity=75);

	-moz-opacity: .75;

	opacity: .75;

	background-color: #000;

}



div#no_js_msg {

	position: absolute;

	left: 50%;

	margin-left: -250px;

	top: 50%;

	margin-top: -150px;

	z-index: 100;

	border: 5px solid #eee;

	width: 500px;

	height: 100px;

	padding: 15px;

	text-align: left;

	background-color: #fff;

	font-size: 1.3em;

}



/* --- Question marks --- */

.qmark {

	cursor: pointer;

}