/* --- WRAPPERS --- */
body {
	margin: 0;	
	color: #000;
	text-align: center;
	background: #0C0C0C;	
	font: 14px 'Quattrocento Sans', 'Trebuchet MS', Trebuchet-MS, Trebuchet, Tahoma, Arial, Verdana;
}
.wrapper {
	width: 996px;
	margin: 0 auto;
	padding: 0 4px;
	text-align: left;
	position: relative;
}
#body {
	padding-top: 41px;
	background: #FFF url('/rcms/images/body.png') repeat-x;
}
#wrapper {
	background: url('/rcms/images/content.png') repeat-y;
}
/* --- HEADER --- */
#autosleutels {
	height: 79px;
	background: url('/rcms/images/head.png') no-repeat;
}
#autosleutels #logo {
	float: left;
	color: #FFF;
	font-size: 44px;
	line-height: 44px;
	font-style: italic;
	margin: 12px 0 0 38px;
}
#autosleutels #google_translate_element {
	top: 29px;
	right: 95px;
	position: absolute;
}
#autosleutels #socialmedia {
	width: 53px;
	float: right;
	height: 24px;
	margin: 29px 19px 0 0;
}
#autosleutels #socialmedia a {
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	background: url('/rcms/images/socialmedia.png') no-repeat;
}
#autosleutels #socialmedia #twitter {
	float: right;
	background-position: -24px 0;
}
/* --- MENU --- */
#menu {
	margin: 0;
	padding: 0;
	height: 46px;
	overflow: hidden;
	list-style: none;
	background: url('/rcms/images/menu-breadcrumb.png') repeat-x;
}
#menu li {
	float: left;
	border-right: dashed 1px #AAA;
}
#menu li a {
	float: left;
	height: 46px;
	color: #3C3C3C;
	display: block;
	padding: 0 10px;
	font-size: 17px;
	min-width: 110px;
	line-height: 43px;
	text-align: center;
	text-decoration: none;
}
#menu li.active a, #menu li a:hover {
	color: #EE4444;
}
#menu li.first {
	margin-left: 20px;
	border-left: dashed 1px #AAA;
}
/* --- BREADCRUMB --- */
#breadcrumb {
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	padding: 0 0 2px 48px;
	background: url('/rcms/images/menu-breadcrumb.png') repeat-x 0 -46px;
}
#breadcrumb, #breadcrumb a {
	color: #121212;
	font-size: 13px;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #EE4444;
}
/* --- ZOEKEN --- */
#zoeken {
	/*height: 32px;				/* 3 steps */
	height: 70px;				/* 4 steps */
	line-height: 32px;
	/*padding: 17px 0 0 0;		/* 3 steps */
	padding: 17px 0 0 34px;		/* 4 steps */
}
/* 4 steps */
#zoeken h2 {
	float: none;
	padding-left: 0;
	padding-bottom: 6px;
}
#zoeken .selectBox.last {
	margin: 0;
}
/* --- (HOME) PAGINA --- */
#page {
	padding: 50px 0 0 25px;
}
#page .column {
	float: left;
	width: 160px;
	min-height: 100px;
	margin-bottom: -16px;
}
#page .column .bannerimg {
	margin-bottom: 16px;
}
#page .column.txtr {
	text-align: right;
}
#page #content {
	float: left;
	width: 580px;
	margin: 0 24px 0 28px;
}
#page #content #fotohok {
	width: 608px;
	padding-top: 6px;
	margin-left: -4px;
}
#page #content #fotohok.home {
	margin-left: -13px;
}
#page #content #fotohok a {
	float: left;
	width: 138px;
	height: 100px;
	display: block;
	overflow: hidden;
	margin: 0 10px 8px 0;
	border: solid 1px #999;
	background-repeat: no-repeat;
	background-position: center center;
}
#page #content #fotohok a:hover {
	border-color: #EE4444;
}
/* --- CATALOGUS --- */
#cat ul {
	padding-left: 28px;
}
#cat ul li {
	margin: 4px 0;
}
#cat ul li a {
	color: #000;
	text-decoration: none;
}
#cat ul li a:hover {
	color: #EE4444;
}
/* --- SLEUTELMAKERS --- */
#sleutelmakers h1 {
	margin-bottom: 5px;
}
#sleutelmakers .balloon {
	padding-left: 5px;
}
#map_canvas .balloon {
	width: 320px;
	font-size: 14px;
	padding-left: 5px;
}
.balloon span {
	width: 60px;
	display: inline-table;
}
#result .balloon span {
	width: 54px;
	color: #0C0C0C;
	font-size: 14px;
}
#map_canvas .balloon hr {
	margin: 5px 0 5px -5px;
}
.balloon .plaats {
	font-weight: bold;
	text-transform: uppercase;
}
.balloon p, #result .balloon p {
	margin: 0;
}
#sleutelmakers .noresult {
	margin: 8px 0;
}
.balloon .email {
	color: #0C0C0C;
	text-decoration: none;
}
.balloon .email:hover {
	color: #EE4444;
}
.balloon .link {
	font-size: 13px;
}
#sleutelmakers hr {
	margin: 12px 0;
}
/* --- KAART --- */
#result {
	color: #282829;
	font-size: 18px;
}
#result p {
	margin: 12px 0 8px 290px;
}
#result p span {
	color: #049E00;
	font-size: 24px;
}
#result p span.no {
	color: #EE4444;
}
#result .opm {
	font-size: 16px;
	margin-bottom: 10px;
}
#result .opm strong {
	font-size: 15px;
}
#mapwrapper {
	width: 1047px;
	height: 640px;
	margin-left: -25px;
	position: relative;
	background: url('/rcms/images/map.png') no-repeat;
}
/*#mapwrapper #map {*/
#mapwrapper #map_canvas {
	top: 12px;
	left: 16px;
	z-index: 10;
	width: 1015px;
	height: 607px;
	position: absolute;
}
#banners {
	min-height: 1px;
	margin-top: 13px;
	text-align: center;
}
#banners .bannerimg {
	margin: 5px 25px;
}
/* --- FOOTER --- */
.footer, .footer a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
#footer {
	padding: 34px 0 22px 0;
	border-bottom: solid 1px #000;
	background: #222 url('/rcms/images/bottom.png') no-repeat center top;
}
#footer .column {
	float: left;
	width: 289px;
}
#footer .column form {
	width: 252px;
	height: 228px;
	position: relative;
}
#footer .column form input, #footer .column form textarea, #footer .column form label {
	color: #FFF;
	border: none;
	position: absolute;
	background-color: transparent;
	font: 12px/14px 'Quattrocento Sans', 'Trebuchet MS', Trebuchet-MS, Trebuchet, Tahoma, Arial, Verdana;
}
#footer .column form #form_naam {
	top: 12px;
	left: 15px;
	width: 84px;
	padding: 11px 15px 10px 15px;
	background: url('/rcms/images/naam.png') no-repeat 0 0;
}
#footer .column form #form_mail {
	top: 12px;
	left: 136px;
	width: 84px;
	padding: 11px 15px 10px 15px;
	background: url('/rcms/images/email.png') no-repeat 0 0;
}
#footer .column form label {
	top: 70px;
	left: 31px;
}
#footer .column form #form_bericht {
	top: 92px;
	left: 15px;
	padding: 8px;
	width: 225px;
	height: 70px;
	overflow: auto;
	background: url('/rcms/images/bericht.png') no-repeat 0 0;
}
#footer .column form input[type=submit] {
	right: 0;
	bottom: 0;
	width: 90px;
	height: 27px;
	padding: 0 0 4px 0;
	background: url('/rcms/images/submit.png') no-repeat 0 0;
	font: bold 14px/14px 'Quattrocento Sans', 'Trebuchet MS', Trebuchet-MS, Trebuchet, Tahoma, Arial, Verdana;
}
#footer .column.middle {
	margin: 0 64px;
}
#footer ul {
	margin: 0;
	list-style: none;
	line-height: 17px;
	padding: 0 0 0 8px;
}
#copyright {
	height: 41px;
	line-height: 40px;
	border-top: solid 1px #343434;
}
#copyright .left {
	color: #FCFCFC;
	font-size: 13px;
}
#copyright .left a {
	text-decoration: underline;
}
#copyright .left a:hover {
	text-decoration: none;
}
/* --- SITEMAP --- */
.sitemap.kolom {
	float: left;
	list-style: none;
	margin: 14px 0;
	padding: 0 20px;
}
.sitemap.kolom li {
	padding: 2px 0;
}
.sitemap.kolom li a {
	color: #000;
	text-decoration: none;
}
.sitemap.kolom li a:hover {
	color: #EE4444;
}
.niv1 {
	font-size: 15px;
}
.niv2 {
	font-size: 14.5px;
	margin: 0 0 0 12px;
}
.niv3 {
	font-size: 14px;
	margin: 0 0 0 26px;
}
.niv4 {
	font-size: 13.5px;
	margin: 0 0 0 40px;
}
/* --- ALGEMEEN --- */
p {
	margin: 14px 0;
	line-height: 17px;
}
hr {
	border: 0;
	margin: 0;
	height: 1px;
	background-color: #D6D6D6;
}
a {
	color: #EE4444;
	text-decoration: underline;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #EE4444;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}
h2 {
	float: left;
	color: #282929;
	font-size: 24px;
	padding: 6px 44px 0 34px;
}
h3 {
	color: #FFF;
	font-size: 24px;
	margin-bottom: 9px;
	padding: 30px 2px 9px 2px;
	background: url('/rcms/images/line.png') no-repeat left bottom;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
}
.clear, .clearboth {
	clear: both;
}
.floatleft, .left, .l {
	float: left;
}
.floatright, .right, .r {
	float: right;
}
.mleft3px {
	margin-left: 3px;
}
.error {
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 10px;
}
input, textarea {
	font: 14px 'Quattrocento Sans', 'Trebuchet MS', Trebuchet-MS, Trebuchet, Tahoma, Arial, Verdana;
}
input[type=text], input[type=password], textarea {
	border: solid 1px #CCC;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover {
	border-color: #ACACAC;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color: #797979;
}
input[type=submit], input[type=button] {
	cursor: pointer;
	padding: 5px 18px 3px 18px;
	border: solid 1px #797979;
}
input[type=submit]:hover, input[type=button]:hover {
	border-color: #333;
}
/* responsive */
.slicknav_menu {
	display: none;
}
@media screen and (max-width: 1003px) {
	#body {
		padding-top: 0;
	}
	.wrapper {
		padding: 0;
		width: 100%;
	}
	#menu {
		display: none;
	}
	.wrapper .slicknav_btn {
		float: left;
		margin-left: 10px;
	}
	.wrapper .slicknav_menu {
		display: block;
		font-size: 18px;
	}
	.wrapper .slicknav_menu .slicknav_nav {
		margin-bottom: 8px;
	}
	#autosleutels {
		background-image: none;
		background-color: #232323;
	}
	#autosleutels #logo {
		margin-top: 17px;
	}
	#wrapper {
		background-image: none;
		background-color: #fff;
	}
	#zoeken {
		padding: 23px 28px;
	}
	#zoeken h2 {
		padding: 0;
		float: none;
		margin-bottom: 8px;
	}
	#zoeken .selectBox-dropdown {
		float: none;
		width: 100% !important;
		display: block !important;
	}
	#zoeken .selectBox-dropdown,
	.selectBox-options li,
	.selectBox-options li a {
		font-size: 17px !important;
	}
	#zoeken .selectBox-dropdown .selectBox-label {
		width: 90% !important;
	}
	#page img {
		max-width: 100%;
		width: auto !important;
		height: auto !important;
	}
	#page #content #fotohok {
		width: auto;
		max-width: 100%;
	}
	#page #content #fotohok.home {
		margin-left: 0;
	}
	#result p {
		margin-left: 30px;
	}
	#result p:first-child {
		margin-top: 40px;
	}
	#mapwrapper {
		width: 100%;
		margin-left: 0;
		background-position: -10px 0;
	}
	#mapwrapper #map_canvas {
		left: 0;
		width: 100%;
	}
	#footer {
		padding-top: 0;
		background-image: none;
	}
	.wrapper.footer {
		width: 94%;
	}
	#page {
		padding-left: 0;
	}
	#page .column {
		width: 16%;
		margin: 0 2%;
	}
	#page #content {
		margin: 0;
		width: 60%;
	}
	#banners .bannerimg {
		margin: 5px 2%;
		max-width: 16%;
	}
}
@media screen and (max-width: 767px) {
	/* 2017-12-22 moved to 1003px */
	/*
	#zoeken .selectBox-dropdown {
		float: none;
		width: 100% !important;
		display: block !important;
	}
	#zoeken .selectBox-dropdown,
	.selectBox-options li,
	.selectBox-options li a {
		font-size: 17px !important;
	}
	#zoeken .selectBox-dropdown .selectBox-label {
		width: 90% !important;
	}
	*/
	#footer .column.middle {
		display: none;
	}
	#copyright {
		line-height: 20px;
	}
	#copyright .left,
	#copyright .right {
		float: none;
		margin: 16px 0;
	}
}
@media screen and (max-width: 639px) {
	#google_translate_element {
		display: none;
	}
}
@media screen and (max-width: 479px) {
	#autosleutels #logo {
		font-size: 38px;
		margin-left: 24px;
	}
	#autosleutels #socialmedia {
		display: none;
	}
}

/*!
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun Jul 15 16:44:57.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 11.5px;
	line-height: 12px;

	border-width: 1px;
	border-style: solid;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/*! Light tooltip style */
.ui-tooltip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: linear-gradient(to bottom,#4A4A4A 0,black 100%);
}

	.ui-tooltip-youtube .ui-tooltip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.ui-tooltip-youtube .ui-tooltip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0px solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
		background-color: transparent;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap{
	font-size: 13px;
	line-height: 18px;

	color: #333333;
	background-color: #ffffff;


	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);

	*border-right-width: 2px;
	*border-bottom-width: 2px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.ui-tooltip-bootstrap .ui-tooltip-titlebar{
		font-size: 18px;
		line-height: 22px;

		border-bottom: 1px solid #ccc;
		background-color: transparent;
	}

		.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
			right: 9px; top: 49%;
			border-style: none;
		}

	.ui-tooltip-bootstrap .ui-tooltip-icon{
		background: white;
	}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
			width: auto;
			height: auto;
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}



/* Dropdown control */
.selectBox-dropdown {
	float: left;
	outline: none;
	color: #3C3C3C;
	cursor: default;
	min-width: 219px;
	text-align: left;
	line-height: 1.5;
	position: relative;
	margin-right: 15px;
	background: #E5E5E5;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	border: solid 1px #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow {
	border-color: #CCC;
}
.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
	padding: 5px 8px 4px 15px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}
.selectBox-dropdown .selectBox-arrow {
	top: 0;
	right: 0;
	width: 42px;
	height: 30px;
	position: absolute;
	background: url('/rcms/images/arrow-dropdown.png') 0 7px no-repeat;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
	z-index: 99999;
	min-height: 1em;
	background: #FFF;
	max-height: 200px;
	position: absolute;
	border: solid 1px #F5F5F5; /* should be the same border width as .selectBox-dropdown */
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}

/* Inline control */
.selectBox-inline {
	outline: none;
	min-width: 150px;
	background: #FFF;
	display: inline-block;
	border: solid 1px #BBB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}
.selectBox-inline:focus {
	border-color: #666;
}

/* Options */
.selectBox-options, .selectBox-options li, .selectBox-options li a {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox-options li a {
	color: #3C3C3C;
	/*padding: 0 .5em;*/
	padding: 2px 8px 2px 15px;
	line-height: 1.5;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	background: 6px center no-repeat;
}
.selectBox-options li.selectBox-hover a {
	background-color: #EEE;
}
.selectBox-options li.selectBox-disabled a {
	color: #888;
	background-color: transparent;
}
.selectBox-options li.selectBox-selected a {
	/*background-color: #C8DEF4;*/
	color: white;
	background-color: #EE4444;
}
.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	border-color: #666;
	filter: alpha(opacity=50);
}
.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options a {
	background-color: transparent !important;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}