/*
 * Copyright (c) 2017 =ontworpen
 * All rights reserved.
 * 
 * Address:
 * Jan Oudegeeststraat 11
 * 3119 HH Schiedam
 * The Netherlands
 * 
 * Phone: +31 (0)6 231 856 74
 * Email: post@isontworpen.nl
 * Website: https://www.isontworpen.nl
 */

/*
 * #FF5599; /* IS ONDERHOUDEN: PINK *
 * #FF99CC; /* IS ONDERHOUDEN: LIGHT PINK *
 */

/*
v BASICS, ID'S & CLASSES
	v LINK STATES
		v COMBINED CSS; DIVIDED
 */

/*--------------------------------------------------
 * SELECTION
 */

::-moz-selection {
  background: #FF5599; /* IS ONDERHOUDEN: PINK */
  color: #FFF;
}

::-webkit-selection {
  background: #FF5599; /* IS ONDERHOUDEN: PINK */
  color: #FFF;
}

/*--------------------------------------------------
 * GENERAL
 */

body {
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.7;
	color: #666;
	background: #FFF;
	
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

/*---*/

a {
	padding: 0 0 1px 0;
	color: #888;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover {
	padding: 0 0 1px 0;
	color: #BBB;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

/*---*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 18px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
	color: #888;
}

/*---*/

img {
	border: 0;
}

/*--------------------------------------------------
 * FRONT CONTAINER
 */

#front_container {
	width: 440px; /* 500 */
	height: 280px; /* 340 */
	margin: -155px 0 0 -250px;
	padding: 0 30px 30px 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	background: #FFF;
	
	-moz-box-shadow: 0 0 50px 5px #333;
	-webkit-box-shadow: 0 0 50px 5px #333;
	box-shadow: 0 0 50px 5px #333;
}

/*---*/

#front_header {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #DDD;
	text-align: center;
}

	#front_header a, #front_header a:hover {
		padding: 0;
		border-bottom: 0;
	}

#front_content {
}

		#front_content ul {
			margin-right: 15px;
			list-style-image: url('/img/png/isonderhouden/ul_li_dash_grey_888.png');
			color: #888;
		}

/*---*/

.front_logo {
	margin: 30px 0 30px 0;
	padding: 0;
}

.front_logo img {
	width: 252px;
	height: 28px;
	vertical-align: top;
}

.front_extra_info {
	margin: 10px 0 0 150px;
}

/*--------------------------------------------------
 * FRONT LABEL
 */

#front_label {
}

	#front_label a {
		padding: 20px;
		position: absolute;
		right: 0;
		bottom: 40px;
		display: block;
		z-index: 10;
		color: #FFF;
		border-bottom: 0;
		background: #000;
		text-decoration: none;
	}
	
	#front_label a:hover {
		padding: 20px;
		color: #FFF;
		border-bottom: 0;
		text-decoration: none;
	}

/*---*/

.front_label_client {
	margin: 0;
	padding: 0;
}

.front_label_description {
	margin: 0 0 0 19px;
	padding: 0;
	color: #DDD;
}

/*--------------------------------------------------
 * STYLES
 */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.strike_through {
	text-decoration: line-through;
}

.relative {
	position: relative;
}

/*--------------------------------------------------
 * FORMS
 */

.form_login, 
.form_password_forgot, .form_password_edit, 
.form_contacts_edit {
	margin: 0;
}

/*---*/

.form_login_submit, 
.form_password_forgot_submit, .form_password_edit_submit, 
.form_contacts_edit_submit {
	height: 30px;
	padding: 3px 5px 7px 5px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background: #000;
	border: 0;
	vertical-align: top;
}
	
		.form_login_submit, 
		.form_password_forgot_submit, .form_password_edit_submit, 
		.form_contacts_edit_submit {
			margin: 3px 0 3px 0;
		}

/*---*/

#form_login_username, #form_login_password, 
#form_password_forgot_email, #form_password_edit_password, 
#form_contacts_edit_name, #form_contacts_edit_email, #form_contacts_edit_password {
	padding: 3px 5px 7px 5px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	background: #EEE;
	border: 0;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	
		#form_login_username, #form_login_password, 
		#form_password_forgot_email, #form_password_edit_password, 
		#form_contacts_edit_name, #form_contacts_edit_email, #form_contacts_edit_password {
			width: 100%;
			height: 30px;
			margin: 3px 0 3px 0;
		}

/*---*/

.form_left {
	width: 34%;
	min-height: 30px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.form_right {
	width: 66%;
	min-height: 30px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

/*---*/

.form_left_content {
	min-height: 29px;
	margin: 3px 0 3px 0;
	padding: 1px 0 0 0;
}

	.form_left_content a, .form_left_content a:hover {
		border-bottom: 0;
	}

		.form_left_content img {
			vertical-align: middle;
		}

.form_right_content {
	min-height: 29px;
	margin: 3px 0 3px 0;
	padding: 1px 0 0 1px;
}

		.form_right_content img {
			vertical-align: middle;
		}

.form_left_explanation_tooltip {
	width: 375px;
	margin: 2px 0 0 0;
	padding: 1px 10px 5px 15px;
	font-size: 13px;
	color: #FFF;
	background: url('/img/png/isonderhouden/tooltip_explanation_grey_dark.png') left center no-repeat;
}

.form_right_radio_button, .form_right_checkbox {
	padding: 4px 0 2px 0;
}

.form_right_number {
	margin: 0 0 0 5px;
	padding: 1px 9px 2px 9px;
	font-size: 12px;
	color: #FFF;
	background: #666;
	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.form_left_right_border_top_text, .form_left_right_border_top_input, .form_left_right_no_border_top_ruler {
}

		.form_left_right_border_top_text {
			margin: 6px 0 0 0;
			padding: 6px 0 0 0;
			border-top: 1px solid #EEEEEE;
		}

		.form_left_right_border_top_input {
			margin: 14px 0 0 0;
			padding: 6px 0 0 0;
			border-top: 1px solid #EEEEEE;
		}
		
		.form_left_right_no_border_top_ruler {
			margin: 14px 0 2px 0;
		}

/*---*/

#form_login input:focus, 
#form_password_forgot input:focus, #form_password_edit input:focus, 
#form_contacts_edit input:focus {
	background: #DDD;
	border: 0;
}

#form_login input.form_login_submit:focus, 
#form_password_forgot input.form_password_forgot_submit:focus, #form_password_edit input.form_password_edit_submit:focus, 
#form_contacts_edit input.form_contacts_edit_submit:focus {
	background: #666;
	border: 0;
}

/*---*/

.form_login label.error, 
.form_password_forgot label.error, .form_password_edit label.error, 
.form_contacts_edit label.error {
	position: absolute;
	top: 4px;
	right: 10px;
	z-index: 90;
	color: #FF5599; /* IS ONDERHOUDEN: PINK */
}

/*---*/

.form_login_url, 
.form_password_forgot_url, .form_password_edit_url, 
.form_contacts_edit_url {
	display: none;
}

/*
 * End
 */