@charset "utf-8";

@font-face {
    font-family: 'notosans';
    src: url('/files/fonts/NotoSans-Regular-webfont.eot');
    src: url('/files/fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/fonts/NotoSans-Regular-webfont.woff') format('woff'),
         url('/files/fonts/NotoSans-Regular-webfont.ttf') format('truetype'),
         url('/files/fonts/NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notosans';
    src: url('/files/fonts/NotoSans-Bold-webfont.eot');
    src: url('/files/fonts/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/fonts/NotoSans-Bold-webfont.woff') format('woff'),
         url('/files/fonts/NotoSans-Bold-webfont.ttf') format('truetype'),
         url('/files/fonts/NotoSans-Bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
	font-family: notosans,tahoma,arial,helvetica,sans-serif;
}

h2 {
	color: #17a1e6;
}

h3 {
	color: #4d4d4d;
}

a {
	color: #666;
}

textarea {
	font-family: notosans,tahoma,arial,sans-serif;
}

select {
	font-family: notosans,tahoma,arial,sans-serif;
}

/*------------------------ ELEMENTS ------------------------*/

h3 a.see-more {
	color: #4d4d4d;
}

a.button,
button.action,
input.submit,
form .submit input,
.pagerPrevNext a {
	font-family: notosans,tahoma,arial,sans-serif;
	border-color: #ccc;
	color: #4d4d4d;
}

a.button:hover,
button.action:hover,
input.submit:hover,
form .submit input:hover,
.pagerPrevNext a:hover {
	border-color: #999;
}

a.button.focused,
button.action.focused,
input.submit.focused,
form .submit input.focused {
	text-shadow: none;
}

a.button.focused:hover,
button.action.focused:hover,
input.submit.focused:hover,
form .submit input.focused:hover {
	border-color: #5e801a;
}

.ajaxContent .ajaxPagerSmall span {
	text-shadow: 0 1px 0 #4b6614;
}

.submit input.large {
	font-size: 16px;
}

.submit input.large.special {
	text-shadow: 0 1px 0 #0d4680;
	border-top-color: #c4dcf5;
	border-bottom-color: #0f5296;
	border-right-color: #1369be;
	border-left-color: #1369be;
}

.submit input.large.special:hover {
	top: 0;
}

span.counter {
	font-weight: bold;
	padding: 0 5px 0px;
}

span.counter.active {
	background: #f53;
	text-shadow: 0 1px 0 #cc4429;
}

ul.fancyNumberedList .number {
	line-height: 40px;
}

button.slide {
	font-family: notosans,tahoma,arial,sans-serif;
}

.fancyButtonGroup a .inner .text {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.fancyButtonGroup a.focused .inner {
	border:none;
}

.fancyButtonGroup a.focused .inner .text {
	text-shadow: none;
}
.fancyButtonGroup a.active .icon-star, .fancyButtonGroup a.active .icon-thumbs-up {
	color:#FCD50C;
	text-shadow:0 1px 1px #000;
}
.fancyButtonGroup a.active {
	border:none;
}
.fancyButtonGroup span.counter {
	float: right;
	line-height: 16px;
	margin-top: 8px;
}

ul.userEvents .username {
	font-weight: normal;
	color: #17a1e6;
}

table.profile-data th {
	font-size: 11px;
	text-transform: uppercase;
}

.section-header .filter ul li a.active {
	color: #f93;
}

.section-header .options .noPhoto, .section-header .options .switchSize.compact, .section-header .options .switchSize.extended {
	font-size: 27px;
	text-shadow: none;
}

.pager span {
	line-height: 24px;
}

.pager span a {
	line-height: 24px;
	text-shadow: none;
	border-color: #70991f;
}

.privateMessageBox .showcase h3 {
	color: #17a1e6;
}

.paymentForm .insertNumber {
	color: #17a1e6;
}

.quickUpgradeForm ul.packages .description {
	border-color: #ccc;
	background: #f3f3f3;
}

.quickUpgradeForm ul.packages li .description .credits {
	color: #17a1e6;
}

.quickUpgradeForm ul.packages li .realPrice {
	background: #17a1e6;
}

.tabs a.active,
.tabs a:hover {
	text-shadow: 0 1px 0 #127db3;
}

.thread .line.sent .content {
	border-color: #b1cca3;
}

.thread .line.sent .avatar:before {
	border-color: transparent transparent transparent #b1cca3;
}

.thread .line.sent .avatar:after {
	border-color: transparent transparent transparent #d4f5c4;
}

.photoCount {
	color: #f93;
}

.warning {
	background: #ffa64d;
	border-color: #cc853d;
	text-shadow: 0 1px 0 #cc853d;
}

/*------------------------ LAYOUT ------------------------*/


#header .login {
	text-shadow: 0 1px 0 #0f6b99;
}

#header .login .submit input {
	border-color: #ccc;
	box-shadow: 0 1px 0 transparent;
}

#header .login .input input {
	border-color: #ccc;
}

#header .logout .settings label {
	text-shadow: none;
}


#user-panel .container {
	border-color: #148fcc;
}

#user-panel .inside {
	border-color: #18cef2;
}

#user-panel .data {
	text-shadow: none;
}

#user-panel .data .username {
	line-height: 20px;
}

#user-panel a.options-dropdown {
	border: 1px solid #148fcc;
	text-decoration: none;
}

#user-panel a.options-dropdown span {
	border: 1px solid #18cef2;
	padding: 20px 0 0 1px;
}

#menu {
	border-top: 1px solid #0f6b99;
	box-shadow: 0 0 5px #999;
	position: relative;
	z-index: 10;
}

#menu .nav li a {
	color: #4d4d4d;
}

/*------------------------ PAGE SPECIFIC ------------------------*/

#collage {
	min-height: 480px;
	padding: 60px 0;
	border-bottom: 1px solid #999;
}
#collage {
	background:#fff url('/img/map-nl-green.jpg') no-repeat center center !important;
	background-size: cover !important;
	background-position: center;
}

#collage form {
	width: 460px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	box-shadow: 0 10px 20px #808080;
	text-shadow: 0 1px 0 #fff;
}

#collage form h2 {
	text-transform: uppercase;
	color: #17a1e5;
}

#collage form label {
	font-size: 14px;
	color: #808080;
}

#collage form input[type="text"],
#collage form input[type="password"],
#collage form input[type="email"] {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-color: #999;
}

#collage form .select {
	height: 25px;
}

#collage form .select > label {
	display: block;
	float: left;
	width: 80px;
}

#collage form .genders .checkbox,
#collage form .genders .radio {
	display: inline-block;
	margin: 0 10px 0 0;
}

#collage form .select .checkbox label,
#collage form .select .radio label {
	font-size: 11px;
}

#disclaimer {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

/*#disclaimer .certificates img {*/
	margin-right: 10px;
}

#disclaimer .notice {
	width: 700px;
	color: #999;
}

/*----------------------PLUGINS------------------------*/

.noUi-base {
	border-color: #b8d6e5;
}

/***************** JCAROUSEL *****************/

.carouselButtons a {
	line-height: 20px;
}

/***************** registerform *****************/

.userRegisterForm {
	float: none;
}

input.bvalidator_valid {
	background: #dff4e5 url(/img/icon-checkmark-20px.png) 432px 9px no-repeat !important;
}

input.bvalidator_invalid {
	background: #e78a8a url(/img/icon-cross-20px.png) 432px 9px no-repeat !important;
}

.bvalidator_errmsg {
	background: #52B1DD;
	text-shadow: 0 1px 0 #58C1E7;
}

.bvalidator_errmsg .bvalidator_close_icon {
	color: #58C1E7;
}

.bvalidator_errmsg em {
	border-color: #52B1DD transparent transparent;
}

#updatePopup a.button.sendPrivateMessage, #getBetterMatches .submit input {
	border: none;
	text-shadow:none;
}

/* FontIcon */

[class^="icon-"], [class*=" icon-"] {
	vertical-align: text-bottom;
	text-align: center;
	font-size: 130%;
	padding-right: 8px;
}
.icon-star.active, .section.accented .addFavorite.active .icon-star {
	color: #FFE900 !important;
	text-shadow:0 0 1px #000;
}
.fancyButtonGroup [class^="icon-"], .fancyButtonGroup [class*=" icon-"] {
	vertical-align: sub;
	font-size: 22px;
	width: 25px !important;
	display: inline-block;
	padding-right: 4px;
}
.fancyButtonGroup.horizontal [class^="icon-"], .fancyButtonGroup.horizontal [class*=" icon-"] {
	line-height: 28px;
	width: 21px !important;
	font-size: 17px;
}
.iconNoPadding [class^="icon-"], .iconNoPadding [class*=" icon-"],
[class^="icon-"].iconNoPadding, [class*=" icon-"].iconNoPadding {
	padding: 0 !important;
}

.gender.gendermale, .gender.genderfemale, .gender.gendermanwoman, .gender.genderMan, .gender.genderVrouw, .gender.genderStel {
	font-size: 24px;
	background: none !important;
	border-radius: 4px; border: solid 1px #ccc;
	display: inline-block;
	text-align: center !important;
}

#ProfileSearchForm .gender {margin-right: 10px;}
.gender.active {
	background: #ccc !important;
}
.gender.gendermale, .gender.genderfemale, .gender.genderMan, .gender.genderVrouw {
	padding-left: 8px;
	width: 45px;
	line-height: 30px;
}
.gender.gendermanwoman, .gender.genderStel {
	padding-left: 10px;
	width: 55px;
	line-height: 30px;
}

.fancyButtonGroup a.focused {
	background: #000;
}

.fancyButtonGroup a {border: none;}

.controls.fontIcon button.text {margin-left: 0;}
.fontIcon [class^="icon-"], .fontIcon [class*=" icon-"] {padding-right: 5px;}
button.text {padding-left: 5px;margin-right: 5px !important}

button.text:hover {text-decoration: none !important;}
button:hover span:last-child {text-decoration: underline}

.sub {vertical-align: sub;}
.s200 {font-size: 200%;}

#collage {position:relative;}
#map {height: 100%;width: 100%;position:absolute;top: 0;left: 0;z-index: 0;}
#userRegisterForm input{opacity: 1;background: #fff;}#userRegisterForm {position: relative; z-index: 1;width: 300px;margin: 60px auto 0;padding: 10px;background: rgba(255,255,255,0.8);height: auto;color: white;}
.pager span a, .pager .current {line-height: 27px;border:1px solid #ccc !important}
.remove.icon-cancel {text-decoration: none;}

.section-header .options .item > a {box-shadow: 0 0 0;border: none;}
.options a {text-decoration: none}
#header label, #header li, #header .username{color: #000000 !important}
#menu, #user-panel .container, #user-panel a.options-dropdown,h3,.section,table.profile-data th, table.profile-data td{
border-color: #ccc
}
#menu, #user-panel .container, #user-panel a.options-dropdown {
	border: 1px solid #ccc !important 
}
#user-panel a.options-dropdown {
	border-left: 0 !important;
}
#user-panel a.options-dropdown span, #user-panel .inside {
	border: none;
}

.fancyButtonGroup a .inner .text, a.button, button.action, input.submit, form .submit input, .pagerPrevNext a, h3 a.see-more {
	text-shadow: none	
}
a.button.focused:hover, button.action.focused:hover, input.submit.focused:hover, form .submit input.focused:hover {
	border-color: transparent;
}

.noUi-handle {background: #666;}
.popupBtnClose {
	background: #ccc;
	border-radius: 20px;
	padding: 3px;
}
.fancyButtonGroup.vertical a {margin-bottom: 7px}
.fancyButtonGroup a .inner {border: none}
#footer .menu a {
	text-shadow:0 1px 0 transparent;
}