/**
 *
 * Stylesheet for Azulles
 * Version: 1.0
 * Author: Mark van der Putten for MiesArt
 * Date: 26.08.2011
 *
**/

/***************************
****							****
****		CSS RESET		****
****							****
***************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	background:			transparent;
	border:				0;
	font-size:			100%;
	margin:				0;
	outline:				0;
	padding:				0;
	vertical-align:	baseline;
}

body
{
	line-height:	1;
	min-width:	1050px;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

div.clr
{
	clear:	both;
}

/**
 *
 * ClearFix
 *
**/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

/******************************
****								****
****		Azules Styles		****
****								****
******************************/

/**
 *
 * 1. General styles
 *
**/
body
{
	background: 	url('../img/slice/background_body.png') repeat;
	font-family:	Helvetica, Arial;
	font-size: 		12px;
	min-height:		100%;
	color:			#595959;
}

body.login
{
	background: url('../img/slice/background_login_foto.jpg') top center no-repeat;
}

/** Typografie **/
h1
{
	color: 			#b96e61;
	display: 		block;
	font-size:		14px;
	font-weight:	normal;
	padding:			0 0 8px 0;
	position: 		relative;
}

	.content-right h1
	{
		padding:			0 0 16px 0;
	}

	h1 span.grey
	{
		color: #797777;
	}

p.small-table
{
	color: 			#797777;
	font-size: 		11px;
	line-height:	18px;
}

a.button
{
	border:				2px solid #DBDBDB;
	color: 				#f9f9f9;
	display: 			block;
	height:	 			26px;
	line-height:		26px;
	margin:				0 0 4px 0;
	padding:				0 8px;
	text-decoration:	none;
}

	a.button-small
	{
		border:				2px solid #DBDBDB;
		color: 				#f9f9f9;
		display: 			block;
		height:	 			18px;
		line-height:		18px;
		margin:				0 0 4px 0;
		text-align:			center;
		text-decoration:	none;
	}

a.block-button
{
	border:				2px solid #DBDBDB;
	color: 				#f9f9f9;
	font-size: 			10px;
	margin:				0 0 4px 14px;
	padding:				4px 8px;
	text-decoration:	none;
}

	a.button-blue
	{
		background: #5b93ab;
	}

		a.button-blue:hover
		{
			background: #4f8095;
		}

	a.button-red
	{
		background: #b56556;
	}

		a.button-red:hover
		{
			background: #8f4f43;
		}

	a.button-grey
	{
		background: #bababa;
	}

		a.button-grey:hover
		{
			background: #999999;
		}

	a.button-green
	{
		background: #5bab95;
	}

		a.button-green:hover
		{
			background: #4e9582;
		}
/** Typografie **/

/** divs **/
div.content-padding
{
	padding: 0 15px;
}

div.three-cols
{
	float: left;
	width: 31%;
}

	div.three-cols-middle
	{
		padding:	0 26px;
	}
/** divs **/

/** Tables **/
table
	{
		width: 100%;
	}

		table tr.stripe
		{
			background: #f9f9f9;
		}

		table th
		{
			color: 			#797777;
			font-size: 		12px;
			height: 			20px;
			line-height:	20px;
			text-align: 	left;
		}

		table td
		{
			color: 				#797777;
			font-size: 			12px;
			line-height: 		22px;
			text-align: 		left;
			vertical-align:	middle;
		}

			table td img
			{
				display: block;
			}

			table th.left,
			table td.left
			{
				padding:	0 0 0 15px;
			}

			table th.right,
			table td.right
			{
				padding:	0 15px 0 0;
			}
/** Tables **/

/** Forms **/
div.left
{
	display: block;
	float: 	left;
	width:	48%;
}

div.right
{
	display: block;
	float: 	right;
	width:	48%;
}

form.general fieldset
{
	margin: 0 0 4px 0;
}

	form.general fieldset.two-cols
	{
		display: block;
		float: 	right;
		width: 	138px;
	}

form.general span.required
{
	color:			#595959;
	display: 		block;
	float: 			left;
	height: 			20px;
	line-height:	20px;
}

form.general label
{
	color:			#595959;
	display: 		block;
	float: 			right;
	height: 		20px;
	line-height:	12px;
	width:			36%;
}

form.general p.hint
{
	color: 			#9c9c9c;
	display: 		block;
	float: 			right;
	font-size: 		11px;
	height: 			20px;
	line-height:	20px;
	text-align: 	center;
	width:			25px;
}

form.general input[type="text"], form.general input[type="number"],form.general input[type="date"], form.general input[type="email"]
{
	border:				2px solid #dbdbdb;
	display:				block;
	float: 				right;
	height: 				16px;
	line-height: 		16px;
	padding:				1px 2px;
	width: 				60%;
}

form.general input[type="checkbox"]
{
	display:				block;
	float: 				right;
	height: 				16px;
	line-height: 		16px;
	padding:				1px 2px;
	width: 				60%;
	text-align: left
}

form.general textarea
{
	border:				2px solid #dbdbdb;
	display:				block;
	float: 				right;
	height: 				48px;
	line-height: 		16px;
	padding:				1px 2px;
	width: 				60%;
	font-family: 		Helvetica;
	font-size:12px;
	resize: none;
}

form.general input[type="checkbox"]
{
}

form.general select
{
	background:		#bababa;
	border:			2px solid #dbdbdb;
	color: 			#f9f9f9;
	display:			block;
	float: 			right;
	padding:			1px 0;
	width: 			62%;
}


form.general fieldset.row-3-cols label
{
	float: 	left;
	width:	90px;
}

form.general fieldset.row-3-cols span
{
	width:200px;
}

form.general fieldset.row-3-cols input[type="text"]
{
	width: 130px;
}

form.general fieldset.row-3-cols input[type="text"].with-hint
{
	width: 107px;
}

form.general fieldset.row-3-cols select
{
	width: 138px;
}

form.general fieldset.row-3-cols select.with-hint
{
	width: 115px;
}

form.general fieldset.row-3-cols input[type="text"].small
{
	width: 59px;
}

form.general fieldset.two-cols-big
{
	width: 357px;
}

	form.general fieldset.two-cols-big label
	{
		float:	left;
		width:	136px;
	}

	form.general fieldset.two-cols-big input[type="text"]
	{
		width: 213px;
	}

	form.general .preview-image {
		max-width: 100px;
	}
/** Forms **/

/**
 *
 * 2. Header
 *
**/
div#header-top
{
	background:	url('../img/slice/background_header_top.png') repeat-x;
	height: 		96px;
	min-width:		1024px;
}

	div.inner-header
	{
		margin:	0 auto;
		width: 	1024px;
	}

		div#header-details
		{
			float:	right;
			padding:	8px 0 0 0;
		}

			a#logout
			{
				background:			#ededed;
				border:				2px solid #b47367;
				color: 				#414141;
				display:	 			block;
				float:				right;
				font-size: 			10px;
				height: 				20px;
				line-height: 		20px;
				padding:				0 12px;
				text-decoration:	none;
			}

				a#logout:hover
				{
					background: #cfcfcf;
				}

			div.welcome
			{
				clear: 		right;
				color: 		#ecf6ee;
				float: 		right;
				font-size:	11px;
				padding:		16px 0 0 0;
			}

div#header-shadow
{
	background:	url('../img/slice/background_header_shadow.png') repeat-x;
	height:		19px;
	width: 		100%;
}

		a#logo
		{
			display:		block;
			float: 		left;
			margin: 		20px 0 0 0;
		}

div#menu-holder
{
	background:	url('../img/slice/background_menu.png') repeat-x;
	height: 		44px;
	padding:		8px 0 1px 0;
	min-width:		1024px;
}

	ul#menu
	{
		display: block;
		height: 	44px;
		margin:	0 auto;
		width:	1024px;
	}

		ul#menu li
		{
			display: 		block;
			float: 			left;
			padding:			9px 5px 0;
		}

			ul#menu li a
			{
				border:				2px solid #fafafa;
				color: 				#511401;
				display: 			block;
				height:				22px;
				line-height:		22px;
				padding:				0 13px;
				text-decoration:	none;
			}

				ul#menu li a:hover,
				ul#menu li a.current
				{
					background: 	#b56556;
					border-color:	#e0e0e0;
					color: 			#f9f9f9;
				}

div#submenu-holder
{
	background: url('../img/slice/background_submenu.png') repeat-x;
	height: 		52px;
	min-width: 		1024px;
}

	ul#submenu
	{
		display: block;
		height: 	42px;
		margin:	0 auto;
		width:	984px;
	}

		ul#submenu li
		{
			display: block;
			float: 	left;
			padding:	6px 2px 0;
		}

			ul#submenu li a
			{
				color: 				#4d4a4a;
				display: 			block;
				height: 				26px;
				line-height:		26px;
				padding:				2px 7px;
				text-decoration:	none;
			}

				ul#submenu li a:hover,
				ul#submenu li a.current
				{
					background:	#5b93ab;
					border:		2px solid #dcdcdc;
					color: 		#f9f9f9;
					padding:		0 5px;
				}

/**
 *
 * 3. Content
 *
**/
div#content-holder
{
	margin:	0 auto;
	width: 	1024px;
}

	div#login-holder
	{
		background:	url('../img/slice/background_login_holder.png') repeat;
		margin:		50px 0 0 0;
		padding:		12px 8px;
		width: 		273px;
	}

		form#login
		{

		}

			form#login fieldset
			{
				display: 		block;
				min-height: 	26px;
				padding:			0 0 4px 0;
				width:			255px;
			}

				form#login fieldset.submit
				{
					padding:		4px 0;
					text-align: right;
				}

				form#login fieldset.forgot
				{
					padding: 		0;
					height:			14px;
					line-height:	14px;
				}

				form#login fieldset.error
				{
					padding: 		0;
					height:			14px;
					line-height:	14px;
					color:red;
				}

			form#login label
			{
				background: 	url('../img/slice/background_login_label.png') no-repeat;
				color: 			#ecf7ee;
				display: 		block;
				float: 			left;
				font-size: 		12px;
				height: 			26px;
				line-height:	26px;
				padding:			0 8px;
				text-align:		right;
				width:			66px;
			}

				form#login div#remember-holder
				{
					float: right;
				}

				form#login label.remember
				{
					background: 	none;
					color: 			#5b5b5b;
					display:			inline;
					float: 			none;
					font-weight:	bold;
					padding:			0;
				}

			form#login input[type="text"],
			form#login input[type="password"]
			{
				background: 	#ecf7ee;
				border:			none;
				color: 			#400a00;
				display: 		block;
				float: 			left;
				height: 			26px;
				line-height:	26px;
				padding:			0 20px;
				width:			133px;
			}

			form#login input[type="submit"]
			{
				background:		url('../img/slice/background_login_submit.png') repeat-x;
				border:			none;
				cursor: 			pointer;
				color: 			#ecf7ee;
				display: 		block;
				float: 			right;
				font-size: 		12px;
				height: 			26px;
				line-height:	26px;
				margin:			0 0 0 16px;
				padding:			0 16px;
			}

			a#forgot
			{
				color:			#5b5b5b;
				font-weight:	bold;
			}


div#content-left
{
	float:	left;
	width:	241px;
}

div.content-right
{
	float:		right;
	width:		774px;
}

	div.content
	{
		background: url('../img/slice/background_content.png') repeat;
		margin:		0 0 14px 0;
		padding:		16px 0;
	}

		div.content-right div.content
		{
			padding: 16px 0 0 0;
		}

	div.content-padding
	{
		padding:	0 15px;
	}

		div.content-right div.content-padding
		{
			padding:	0 15px 10px;
		}

	div.content-no-padding
	{
		padding:	0;
	}

		div.content-padding div.left
		{
			float: 	left;
			width:	48%;
		}

		div.content-padding div.right
		{
			float: 	right;
			width:	48%;
		}

	/** Systeemberichten **/
	p.systeembericht
	{
		border:			2px solid #dbdbdb;
		color:			#fafafa;
		display: 		block;
		height: 			100%;
		line-height: 22px;
		margin:			0 0 4px 0;
		padding:			0 8px;
	}

	p.system-succes
	{
		background: #5bab95;
	}

	p.system-error
	{
		background: #ab5b5b;
	}
	/** Systeemberichten **/

	/** Search form **/
	form.search
	{
		display:		block;
		position:	relative;
	}

        .dataTables_filter input[type="text"]
		{
			background:		#f9f9f9;
			border:			2px solid #dbdbdb;
			border-right: 	none;
			color: 			#5b93ab;
			font-style: 	italic;
			height: 			26px;
			line-height: 	26px;
			margin:			0;
			padding:			0 8px;
			width:			167px;
		}

        .dataTables_filter a
		{
			background:		url('../img/slice/background_button_search.png') 0 0 no-repeat;
			border:			2px solid #dbdbdb;
			border-left: 	none;
			color: 			#5b93ab;
			display: 		block;
			font-style: 	italic;
			height: 			26px;
			line-height: 	26px;
			margin:			0;
			padding:			0;
			position: 		absolute;
			right:			0;
			top:				0;
			width:			25px;
		}

            .dataTables_filter a:hover
			{
				background: url('../img/slice/background_button_search.png') 0 -26px no-repeat;
			}
	/** Search form **/

	/** Agenda **/
	#agenda th
	{
		width: 14%;
	}

	div#agenda-options
	{
		padding: 0 0 14px 0;
	}

	a#agenda-prev
	{
		background: url('../img/slice/arrows.png') 0 0 no-repeat;
		cursor: 		pointer;
		display: 	block;
		float: 		left;
		height:		18px;
		width:		18px;
	}

		a#agenda-prev:hover
		{
			background: url('../img/slice/arrows.png') 0 -18px no-repeat;
		}

	p#agenda-month
	{
		color: 			#5b93ab;
		cursor: 		pointer;
		display: 		block;
		float: 			left;
		height: 			18px;
		line-height: 	18px;
		font-size:		14px;
		padding:			0 8px;
	}

	a#agenda-next
	{
		background: url('../img/slice/arrows.png') -18px 0 no-repeat;
		cursor: 		pointer;
		display: 	block;
		float: 		left;
		height:		18px;
		width:		18px;
	}

		a#agenda-next:hover
		{
			background: url('../img/slice/arrows.png') -18px -18px no-repeat;
		}

	a#agenda-today
	{
		background: 	#5bab95;
		border: 			2px solid #e8e8e8;
		cursor: 			pointer;
		color: 			#f9f9f9;
		display:			block;
		float: 			left;
		font-size: 		10px;
		height: 			18px;
		line-height:	18px;
		margin:			0 0 0 14px;
		padding:			0 8px;
	}

		a#agenda-today:hover
		{
			background: #4e9582;
		}

	ul#agenda-period
	{
		display: block;
		float: 	right;
	}

		ul#agenda-period li
		{
			display: block;
			float: 	left;
			margin:	0 0 0 6px;
		}

			ul#agenda-period li a
			{
				background:			#5b93ab;
				border:				2px solid #e8e8e8;
				color: 				#f9f9f9;
				display: 			block;
				font-size: 			10px;
				height: 				18px;
				line-height: 		18px;
				padding:				0 10px;
				text-decoration:	none;
			}

				ul#agenda-period li a:hover
				{
					background: 		#4f8095;
				}

				ul#agenda-period li a.current
				{
					background: #b56556;
				}

	table#agenda
	{
		width: 100%;
	}

		table#agenda tr
		{

		}

			table#agenda th
			{
				color: 			#666e6e;
				font-weight:	normal;
				padding:			0 8px;
				text-align:		left;
			}

			table#agenda td
			{
				background: #f9f9f9;
				border: 		2px solid #cecece;
			}

				table#agenda td.inactive
				{
					background: 	#f6f6f6;
					border-collor:	#dfdfdf;
				}

					table#agenda td.inactive p.date
					{
						color: #bababa;
					}

				table#agenda td.blue
				{
					background:	#5b93ab;
				}

					table#agenda td.blue:hover
					{
						background:	#4f8095;
					}

				table#agenda td.green
				{
					background:	#5bab95;
				}

					table#agenda td.green:hover
					{
						background:	#4e9582;
					}

				table#agenda td.grey
				{
					background:	#bababa;
				}

					table#agenda td.grey:hover
					{
						background:	#999999;
					}

				table#agenda td div
				{
					min-height:	86px;
					position: 	relative;
				}

				table#agenda td a
				{
					display:				block;
					min-height:			86px;
					text-decoration:	none;
				}

				table#agenda td p
				{
					color: 				#797777;
					font-size: 			10px;
					line-height:		12px;
					padding:				14px 6px;
					text-decoration:	none;
				}

					table#agenda td p span.title
					{
						font-weight: bold;
					}

					table#agenda td p.date
					{
						padding:		0;
						position:	absolute;
						right:		4px;
						top:			0;
					}

					table#agenda td.blue p,
					table#agenda td.green p,
					table#agenda td.grey p
					{
						color: #f7f7f7;
					}


				table#agenda a.agenda-event
				{
					bottom:				0;
					color: 				#f9f9f9;
					cursor: 				pointer;
					display:				block;
					font-size: 			10px;
					height: 				20px;
					left:					0;
					line-height: 		20px;
					min-height: 		20px;
					position: 			absolute;
					width:				100%;
				}

					table#agenda a.agenda-event span
					{
						padding: 0 8px;
					}

					table#agenda a.event-blue
					{
						background: #5b93ab;
					}

						table#agenda a.event-blue:hover
						{
							background: #4f8095;
						}

					table#agenda a.event-red
					{
						background: #b56556;
					}

						table#agenda a.event-red:hover
						{
							background: #8f4f43;
						}



	/** Agenda **/
	/** Agenda **/

	/** Kassa **/
	p#kassa-prijs
	{
		background:		#5bab95;
		border:			2px solid #dbdbdb;
		color: 			#fafafa;
		display:			block;
		font-size: 		30px;
		font-weight: 	bold;
		height: 			60px;
		line-height: 	60px;
		margin:			0 0 12px 0;
		text-align: 	center;
	}

	input#cal
	{
		width:	103px;
	}

		div#cal-icon-holder
		{
			float: 		right;
			padding:		2px 6px 0;
			text-align:	center;
			width:		15px;
		}

		a#cal-icon
		{
			background: url('../img/slice/button_calendar.png') no-repeat 0 0;
			display:	 	block;
			height: 		18px;
			margin:		0 auto;
			width:		15px;
		}

			a#cal-icon:hover
			{
				background: url('../img/slice/button_calendar.png') no-repeat -15px 0;
			}
	/** Kassa **/

	/** Product details **/
	table#product-details
	{
		margin: 0 0 36px 0;
	}

	td.product-details-name
	{
		font-weight: bold;
	}
	/** Product details **/

	/** order-info **/
	form#order-info
	{
		margin: 0 0 36px 0;
	}

	tr.order-totaal td
	{
		color: #b56556;
	}

	tr.order-aanbetaling td
	{
		color: red;
	}

	select#oplage
	{
		margin:	0 0 0 7px;
		width:	50px;
	}

	.tinyselect
	{
		margin:	0 0 0 7px;
		width:	50px;
	}

	input#oplage-aantal
	{
		width: 50px;
	}
	/** order-info **/

	/** Bestanden **/
	select#attachments, select#form_attachments
	{
		background:	#f9f9f9;
		border:		2px solid #DBDBDB;
		color: 		#797777;
		font-size: 	10px;
		height: 		64px;
		width: 		230px;
	}

		select#attachments option, select#form_attachments option
		{
			padding: 3px 6px;
		}

	textarea#opmerking
	{
		border:	2px solid #DBDBDB;
		height: 	48px;
		margin: 	0;
		padding: 6px;
		width:	215px;
		font-family: 		Helvetica;
		font-size:12px;
		resize:none;
	}
	/** Bestanden **/

ul#fields1
{

}

	ul#fields1 li
	{
		height:			34px;
		line-height:	34px;
		padding:			0 0 4px 0;
	}

		ul#fields1 li p.number
		{
			color: 			#797777;
			display: 		block;
			float: 			left;
			height:			34px;
			line-height:	34px;
			text-align: 	center;
			width:			28px;
		}

		ul#fields1 li a
		{
			background: 		url('../img/slice/arrow_payment.png') right no-repeat #797777;
			border:				2px solid #DBDBDB;
			color:				#f9f9f9;
			display: 			block;
			float: 				left;
			height:				30px;
			line-height:		30px;
			padding:				0 8px;
			text-decoration:	none;
			width:				308px;
		}

			ul#fields1 li a:hover
			{
				background: url('../img/slice/arrow_payment_hover.png') right no-repeat #4f8095;
			}


	div.editor
	{
		padding: 16px 0 0 0;
	}

	/** Bijlagen **/
	fieldset#bijlagen-left
	{
		display: block;
		float: 	left;
		width:	124px;
	}

	fieldset#bijlagen-right
	{
		display: block;
		float: 	right;
		width:	223px;
	}

		select#bijlagen-lijst
		{
			background:	#F9F9F9;
			border:		2px solid #DBDBDB;
			color:		#797777;
			font-size:	10px;
			width:		223px;
		}

		div.fileinputs {
			position: relative;
		}

		div.fakefile {
			position: absolute;
			background: url('../img/slice/background_content.png') repeat;
			top: 0px;
			left: 0px;
			z-index: 1;
		}

		div.fileinput input.file {
			position: relative;
			text-align: right;
			-moz-opacity:0 ;
			filter:alpha(opacity: 0);
			opacity: 0;
			z-index: 2;
		}
	/** Bijlagen **/

/**
 *
 * 4. Footer
 *
**/


/*  */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size: 11px;
	line-height:14px;
	min-width:200px;
	cursor: pointer;
	}


th.sorting a,
th.sorting_desc a,
th.sorting_asc a {
   color: #797777;
    text-decoration: none;
}

.pagination a {
    color: white;
    text-decoration: none;
}

.agenda_strike .fc-event-title {
    text-decoration: line-through;
}

.typeahead-bedrijf {
    float: right;
}

.typeahead-name {
    font-weight: bold;
}

.typeahead-adres {
    font-style: italic;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}

.twitter-typeahead {
    float: right;
}

form.general input[type="text"].tt-hint {
    width: 220px;
}

div.searchIcon
{
    background:		url('../img/slice/background_button_search2.png') 0 0 no-repeat;
    border:			2px solid #dbdbdb;
    border-left: 	none;
    color: 			#5b93ab;
    display: 		block;
    font-style: 	italic;
    height: 			18px;
    line-height: 	18px;
    margin:			0;
    padding:			0;
    width:			18px;
    float: right;
    cursor: pointer;
}

.topbar {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 25px;
    background-color: #FCEBA2;
    padding-top: 9px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
    border: 1px solid grey;
}

.topbar button{
    float: right;
    line-height: 20px;

    padding: 0;
    padding-right: 20px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;

    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: 0.2;
}

.topbar button:hover, .topbar button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
/**
Blue styling
 */
body {
	background: #fff;
}

form#login label {
	color: #ffffff;
	background: #0f4754;
}

div#header-top {
	background: #0f4754;
	border-bottom: 8px solid #00012f;
}
div#header-shadow {
	display: none;
}
div#login-holder {
	padding: 50px;
	margin: 100px auto;
}

div.content {
	background: #e6e6e6;
}

div.content select {
	color: #000;
	background: #fff;
}

a#logout {
	border: 1px solid #0f4754;
}

ul#menu li a:hover, ul#menu li a.current {
	background: #0f4754;
}

h1, h2, h3, h4, h5 {
	color: #0f4754;
}

a.button-red {
	background: #0f4754;
}

div.tegel-style {
	margin-top: 20px;
}

div.tegel-style fieldset #dotcommerce_azulewebbundle_producttype_tegelStijl {
	width: 230px;
	display: inline-block;
	float: right;
}
div.tegel-style fieldset #dotcommerce_azulewebbundle_producttype_tegelStijl label {
	line-height: 20px;
	width: 110px;
}
div.tegel-style fieldset #dotcommerce_azulewebbundle_producttype_tegelStijl input {
	width: 110px;
}
div.tegel-style fieldset label {
	float: left;
	width: 80px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #759e1a;
}
input:focus + .slider {
	box-shadow: 0 0 1px #759e1a;
}
input:checked + .slider:before {
	-webkit-transform: translateX(27px);
	-ms-transform: translateX(27px);
	transform: translateX(27px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}