/*
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;
}

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

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

ul {
	padding-bottom:		10px;
	margin-left: 		10px;
}

ul li {
 	margin-left: 		10px;
    list-style: 		disc;
	line-height:		18px;
}

ul.front li {
    list-style: 		none;
	line-height:		22px;
	font-size:			11px;
	background-image: 	url('../gfx/system/button.gif');
	background-repeat: 	no-repeat;
	background-position: 0px 0px;
}

ul.front li a {
	color: #FFF;
	padding-left:  10px;
	margin-bottom: 2px;
}

/* Default table cell height */
td {
	height:				20px;
}

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

/* Links */
a {
	color:				#19a2cd;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

/* Rulers */
hr {
	border: 			1px dotted #777777;
	border-style: 		none none dotted;
	margin-top:			10px;
	margin-bottom:		10px;
}

/* Headers */
h1 {
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;
}

h2 {

}

h3 {
	font-size:			11px;
	font-weight:		bold;
}

h6 {
	display: 			inline;
	font-size:			11px;
	font-weight:		normal;
}

/* 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;
}

/* Ruler */
hr {
	height: 			1px;
	border: 			0px;
	border-top: 		1px solid #dddddd;
	color: 				#ffffff;
	width: 				800px;
	text-align: 		left;
	margin: 			2px auto 0 0;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		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: 		20px;
	padding: 		1px;
}

option {
	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 {
	border: 			3px double 	#999999;
	border-top-color: 	#cccccc;
	border-left-color: 	#cccccc;
	background:			#ffffff url(../gfx/site/button_bg.gif) repeat-x;
	cursor:				pointer;
	padding-top:		1px;
	padding-bottom:		1px;
	padding-left:		10px;
	padding-right:		10px;
	font-size:			11px;
	font-weight: 		bold;
}

div.search .input_submit{
	width: 				72px;
	height: 			21px;
	border: 			0;
	background:			transparent url(../gfx/site/bobmail_zoek.gif) no-repeat;
}

form.send_form .input_submit{
	width: 				72px;
	height: 			21px;
	border: 			0;
	background:			transparent url(../gfx/site/bobmail_verzenden.gif) no-repeat;
}

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

/* LAYOUT ELEMENTS :: BODY, LOGO, CONTENT, FOOTER */
body {
	background:				url(../gfx/site/body.gif) top left repeat-x;
}

div#container {
	position:				absolute;
	left:					50%;
	margin-left:			-450px;
	width:					900px;
}

div#logo {
	float:					left;
	margin-left:			20px;
	margin-right:			20px;
	height:					73px;
	width:					73px;
}

div#content {
	margin-top:				50px;
	margin-left:			20px;
}

div#footer {
	margin-top:				20px;
	margin-left:			20px;
	color:					#ffffff;
}

/* LAYOUT ELEMENTS :: MENU */
div#menu {
	height:					51px;
	padding-top:			20px;
	padding-right:			10px;
	border:					1px solid #ffffff;
	float:					left;
	background:				url(../gfx/site/menu_header.jpg) top left repeat-x;
	width:					660px;
}

div#menu li {
	display:				list-item;
	float:					left;
	list-style-type:		none;
	list-style-position:	outside;
	margin:					0;
	padding:				0;
}
div#menu li.first {
	padding-left:			5px;
}
div#menu li.last {
	padding-right:			5px;
}

div#menu li a {
	text-decoration:		none;
	position:				relative;
	overflow:				visible;
	background:				transparent url(../gfx/site/menu_off_center.gif) repeat-x top left;
	height:					36px;
	color:					#333333;
	outline:				none;
	float:					left;
	font-size:				100%;
}

div#menu li a span.wrap {
	background:				transparent url(../gfx/site/menu_off_border_right.gif) no-repeat right bottom;
	line-height:			36px;
	height:					36px;
	overflow:				visible;
	white-space:			nowrap;
	clear:					both;
	cursor:					pointer;
	float:					left;
}

div#menu li a span.inner_wrap {
	display:				block;
	background:				transparent url(../gfx/site/menu_off_border_left.gif) no-repeat left bottom;
	line-height:			36px;
	height:					36px;
	padding:				0 20px;
	overflow:				visible;
	text-align:				center;
	white-space:			nowrap;
	clear:					both;
	cursor:					pointer;
	float:					left;
}
div#menu li.first a span.inner_wrap {
	background:				transparent url(../gfx/site/menu_off_left.gif) no-repeat left bottom;
	margin-left:			-5px;
	padding-left:			15px;
	z-index:				2;
}
div#menu li.last a span.inner_wrap {
	background:				transparent url(../gfx/site/menu_off_right.gif) no-repeat right bottom;
	margin-right:			-5px;
	padding-right:			15px;
	z-index:				2;
}

div#menu li a:hover {
	background:				transparent url(../gfx/site/menu_on_center.gif) repeat-x top left;
	color:					#ffffff;
}
div#menu li a:hover span.wrap {
	background:				transparent url(../gfx/site/menu_on_border_right.gif) no-repeat right bottom;
}
div#menu li a:hover span.inner_wrap {
	background:				transparent url(../gfx/site/menu_on_border_left.gif) no-repeat left bottom;
}
div#menu li.first a:hover span.inner_wrap {
	background:				transparent url(../gfx/site/menu_on_left.gif) no-repeat left bottom;
}
div#menu li.last a:hover span.inner_wrap {
	background:				transparent url(../gfx/site/menu_on_right.gif) no-repeat right bottom;
}

/* LAYOUT ELEMENTS :: LOGIN RELATED */
table#login_table td {
	padding-bottom:		3px;
}
div#login_error {
	color:				#ff0000;
	margin-bottom:		20px;
}

/* TABLE DEFINITIONS */
table.data_table {
	width:				800px;
}

tr.legend_row td {
	text-decoration: 	none;
	font-weight: 	 	bold;
	padding-bottom:  	7px;
	padding-top: 	 	7px;
	color:			 	#222222;
	border-bottom: 	 	1px solid #dddddd;
}

tr.bottom_row td {
	padding-top:		7px;
	color:			 	#222222;
}

tr.data_row td {
	padding-bottom: 	1px;
	padding-top: 		1px;
	border-bottom: 		1px solid #dddddd;
}

tr.data_row_bold td {
	padding-top:		7px;
	padding-bottom: 	1px;
	color:			 	#222222;
	font-weight:		bold;
}

tr.data_row_e td {
	background:			#ffffff;
	padding-bottom: 	1px;
	padding-top: 		1px;
	border-bottom: 		1px solid #dddddd;
}

tr.data_row_u td {
	background:			#f7f7f7;
	padding-bottom: 	1px;
	padding-top: 		1px;
	border-bottom: 		1px solid #dddddd;
}

/* MARK ALL OPTIONS */
div#mark_all {
	padding-top:		3px;
	font-size:			11px;
}

/* CMS ICONS */
img.cms_icon {
	padding-bottom: 	5px;
	padding-right:		8px;
	float: 				left;
}

/* DIGICONS */
img.digicon {
	margin-bottom:		-2px;
}

/* SEARCH */
div.search {
	position: 			relative;
	top: 				-10px;
	left: 				600px;
	overflow: 			visible;
	height: 			1px;
	width: 				200px;
	text-align:			right;
}
div.search .input_medium {
	height: 			14px;
	width:				100px;
	border:				1px solid #cccccc;
}
div.search .input_submit {
	height: 			20px;
	padding-top: 		0px;
}

/* CRITICAL MESSAGE */
div.error {
	width: 				747px;
	border: 			2px solid #c60000;
	padding: 			9px;
	padding-left: 		40px;
	font-size: 			13px;
	background: 		#fff9f9 url(../gfx/digicons/notok.png) no-repeat;
	background-position:10px 10px;
	margin-top: 		40px;
	font-size:			11px;
}

/* WARNING MESSAGE */
div.warning {
	width: 				747px;
	border: 			2px solid #f8c836;
	padding: 			9px;
	padding-left: 		40px;
	font-size: 			13px;
	background: 		#ffffd9 url(../gfx/digicons/halfok.png) no-repeat;
	background-position:10px 10px;
	margin-top: 		40px;
	font-size:			11px;
}

/* OK MESSAGE */
div.message {
	width: 				747px;
	border: 			2px solid #6eaa56;
	padding: 			9px;
	padding-left: 		40px;
	font-size: 			13px;
	background: 		#f9fff9 url(../gfx/digicons/ok.png) no-repeat;
	background-position:10px 10px;
	margin-top: 		40px;
	font-size:			11px;
}

/* TEMPLATES BROWSER */
div#templates_browser {
	width:				480px;
	overflow:			auto;
	height:				450px;
	float: 				left;
	margin-right:		20px;
}
div#template_info {
	float: 				left;
	height:				450px;
	width:				250px;
	padding-left:		20px;
	border-left:		1px solid #cccccc;
}
div.template_holder {
	width:				100px;
	height:				180px;
	margin:				10px;
	float:				left;
	text-align:			center;
}
img.template_thumb {
	margin-bottom:		10px;
}
img.preview_thumb {
	margin-top:			5px;
	margin-bottom:		10px;
}