/*
Title:		Standard website style definitions
File: 		inc/style_site.css
Version: 	v2.10
Author:		Digitalization
Contact:	info@digitalization.nl
*/

/* Clear all default margins and paddings */
* {
	margin:				0px;
	padding:			0px;
}

body,html {
	margin:				0;
	padding:			0;
	background-color:	#380d5a;
	height:				100%;
	min-height:			100%;
}

/* Text throughout the site*/
body,td,th,p {
	font-family: 		Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#30014d;

}

/* Re-set some margins */
table {
	padding-bottom:		10px;
}

/* Default paragraph text */
p {
	padding-bottom:		10px;
	line-height:		18px;
}

h1 {
	font-size:			16px;
	font-weight:		normal;
}

/* Links */
a {
	color:				#30014d;
	text-decoration:	underline;
}

a:hover {
	text-decoration:	underline;
}

/* Success message after form submit */
p.message {
	font-style:			italic;
}

/* Error message after form submit */
p.error_message {
	color:				red;
}

/* Clearing element */
.clear {
	clear: 				both;
}

/* No border for images */
img {
	border: 			none;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: 				#000000;
	font-size: 			11px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {
	height:	20px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}


/* Main Layout */
div#container, div#container_white {
	position: 			relative;
	margin: 			0 auto;
	width: 				950px;
	background-color: 	#dfdfdf;
	height: 			auto !important;
	height: 			100%;
	min-height: 		100%;
	background: 		#dfdfdf url(../gfx/site/background.png) repeat-y scroll 50% 0;
}

div#container_white {
	background: 	#ffffff;
}

div#left_pannel {
	width:				245px;
	float:				left;
	background: 		url(../gfx/site/logo.png) no-repeat scroll 0 0;
	padding-top:		100px;
}

div#left_pannel_images {

	padding: 	0px;
	border:		0px;
	margin:		0px;
}

div#content {
	width:				412px;
	background-color: 	#fff;
	float:				left;
	padding: 			10px 17px 26px 31px;
}

div#content_wide {
	width:				686px;
	background-color: 	#fff;
	float:				left;
	padding: 			10px 5px 26px 10px;
}

div#content_footer, div#content_footer_wide {
	clear:				both;
	position:			absolute;
	width:				450px;
	background-color:	#380d5a;
	color:				#fff;
	margin-left:		245px;
	margin-top:			3px;
	padding:			5px 5px 0px;
	bottom:				3px;
}

div#content_footer a,div#content_footer p, div#content_footer_wide a, div#content_footer_wide p {
	color:				#fff;
}

div#content_footer_wide {
	width:				692px;
}

div#right_panel {
	width:				238px;
	float:				left;
	padding:			0px 3px;
	background-color:	#fff;
}

div#right_panel img {
	border-bottom-width: 0px;
}

div#top_banner p, div#middle_banner p, div#extranet_login p {
	margin: 		0px;
	padding: 		0px;
}

div#extranet_login {
	height:			42px;
}

.clear_all {
	clear:				both;
}


div.purple_text {

	width:				412px;
	background-color:	#380d5a;
	color:				#fff;
	margin:				-10px -17px 13px -31px;
	padding:			10px 17px 0px 31px;
}

div#content div.purple_text h1 {
	color:				#e4430d;
}

div#content div.purple_text p {
	color:				#fff;
}

div.purple_text a {
	color:				#fff;
}

div.orange_text {
	width:				412px;
	background-color:	#f04707;
	color:				#30014d;
	margin:				-10px -17px 13px -31px;
	padding:			10px 17px 0px 31px;
}

div#content div.orange_text h1 {
	color:				#fff;
}

div#content div.orange_text p {
	color:				#30014d;

}

div.orange_text a {
	color:				#30014d;
}

div.white_text {
	width:				412px;
	margin:				-10px -17px 13px -31px;
	padding:			10px 17px 0px 31px;
}

h1 {
	color:				#f04707;

}

div#right_panel div {
	margin-bottom:		3px;
}

div#right_content {
	padding: 			17px 15px;
	color:				#380d5a;
	background-color:	#fbcab7;
}

div#overDiv table {
	padding:			0px;
}

div#overDiv td{
	padding:			5px 5px 0px;

}

div#overDiv td td {
	padding:			0px 0px 5px;
}

/* NEW WEEK OVERVIEW */
div.left_column, div.right_column  {
	float:				left;
	width:				65px;
	min-height:			300px;
}

div.right_column {
	border-left:		1px solid #380d5a;
}

div.week_column {
	float:				left;
	width:				110px;
	border-left:		1px solid #380d5a;
	min-height:			300px;
}

div.week_column div {
	float:				left;
	height:				12px;
	text-align:			center;
	border-bottom:		1px solid #cccccc;
	font-size:			9px;
	padding-top:		2px;
}

div.week_column div.w1 {
	width:				110px;
}

div.week_column div.w2 {
	width:				54px;
}

div.week_column div.w3 {
	width:				36px;
}

div.week_column a {
	width:				100%;
	height:				100%;
	display:			block;
	background:			transparent;
}

div.week_column div.b {
	border-left:		1px solid #cccccc;
}

div.left_column div, div.right_column div {
	float:				left;
	height:				12px;
	width:				65px;
	text-align:			center;
	border-bottom:		1px solid #cccccc;
	font-size:			9px;
	padding-top:		2px;
}

div.week_column div.week_day_title {
	width:				110px;
}

div.left_column div.purple {
	color:				#380d5a;
}
div.left_column div.grey {
	color:				#aaaaaa;
}

div.left_column div.clear {
	border:			0px;
}

div.right_column div.nb {
	border-bottom:		1px solid white;
}

div.week_column div.booked {
	background:			#f05323;
}

div.week_column div.booked a, div.week_column div.booked a:hover {
	text-decoration:	none;
	color:				white;
	font-weight:		bold;
}

div.week_column div.restricted {
	background:			#eeeeee;
}

div.week_column div.intro1 {
	background:			#f8e333;
}

div.week_column div.intro2 {
	background:			#f7c26e;
}

div.week_column div.intro_rom {
	background:			#ffa61b;
}

div.week_column div.intro_bike {
	background:			#d07100;
}

div.week_column div.trainer {
	background:			#522c86;
}

div.legend_item {
	float:				left;
	width:				160px;
	margin-bottom:		5px;
	height:				20px;
}

div.legend_item div {
	float:				left;
	width:				12px;
	height:				12px;
	border:				1px solid #cccccc;
}

div.legend_item span {
	display:			block;
	float:				left;
	margin-left:		5px;
}

div.legend_free {
	background:			white;
}

div.legend_booked {
	background:			#f05323;
}

div.legend_restricted {
	background:			#eeeeee;
}

div.legend_intro1 {
	background:			#f8e333;
}

div.legend_intro2 {
	background:			#f7c26e;
}

div.legend_intro_rom {
	background:			#ffa61b;
}

div.legend_intro_bike {
	background:			#d07100;
}

div.legend_trainer {
	background:			#522c86;
}

/* OVERLAYS AND POPUPS */
div.overlay, div.overlay2 {
	position: fixed !important;
	position: absolute;
 	left: 0;
  	right: 0;
  	top: 0;
 	bottom: 0;
	width: 100%;
	background: #aaaaaa;
 	z-index: 10;
 	height: 			auto !important;
	height: 			100%;
	min-height: 		100%;
	opacity: 0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

div.popup {
	position: absolute;
	top: 0;
	left: 50%;
	width: 500px;
	height: 230px;
	margin-left: -265px;
	background: white;
	padding:	15px;
	z-index:	15;
	border:			1px solid black;
}

div.popup2 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 300px;
	height: 80px;
	margin-left: -165px;
	background: white;
	padding:	15px;
	z-index:	15;
	border:	1px solid black;
}
div.popup2 p {
	margin-left:	5px;
	margin-top:		15px;
}

div.popup_header {
	background:		#380d5a;
	padding:		5px;
	color:			white;
	font-weight:	bold;
	margin-bottom:	5px;
}
div.popup_header a {
	color:			white;
}

div.popup_legend {
	float:			left;
	width:			150px;
	padding:		5px;
	margin-top:		5px;
	background:		#d6d6d6;
	color:			#380d5a;
	font-weight:	bold;
}

div.popup_value {
	float:			left;
	margin-left:	15px;
	margin-top:		5px;
	padding:		5px;
	width:			150px;
}
div.popup a#res_link {
	font-weight:	bold;
	display:		block;
	margin-top:		10px;
	margin-left:	180px;
	padding:		4px;
	border:			1px solid #380d5a;
	width:			100px;
	text-align:		center;
	background:		#dddddd;
}