/*


	Author:			Stijn Henderickx
					SHpartners
	Last update:	2010-02-22
	Media:			Screen

ToC

	1. Font sizes and styles
	2. Margins
	3. Structure
	4. Link styles
	5. Navigation
	6. Forms
	7. Generic elements
	
*/



/********************************/
/* ------ Font sizes and styles */
/********************************/
html {overflow-y: scroll;}

body { 
	background: url('../images/bck_body.png') 0px 100px repeat-x #E1EAF0;
	color: #333;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.02em;
}

h1 {
	color: #486D86;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	text-shadow: 0px 1px 1px white;
	text-transform: uppercase; 	
}

h1.site-title {
	background: url('../images/lgo_SHpartners.png') no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 52px;
	text-indent: -7000px;
	margin: 32px 0 0 25px;
	width: 230px;
	z-index: 5;
}

h1.site-title a {
	border: none;
	display: block;
	height: 100%;
	width: 100%;
}

h1.site-title a:hover {

}

h2 { 
	color: #274c65;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding: 15px 0 10px 0;	
	text-shadow: 0px 1px 1px white;
	text-transform: uppercase;
}

h3 { 
	color: #274c65;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	padding: 12px 0 4px 0;
	text-transform: uppercase;
}

h3 a:link, h3 a:visited {
	border: 0;
}

h4   { font-size: 1.0em;  font-weight: bold;}
h5   { font-size: 1.2em; /* 14px */ }
p	{ font-size: 1.0em; /* 10px */ }

#logo, #logo-print {display: none;}

.clearfix:after, .content-left:after, .content-right:after, .pagination:after, #content-list:after,
#content:after, .content:after, #content-list:after, #people-list:after, .box-highlight:after, .info-post:after, .field:after  {
	clear: both;
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

a img {
	display: block;
}

a.logo-link {border: 0 !important;}
a.logo-link img {
	display: inline;
}

img.left {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}

img.right {
	display: block;
	float: right;
	padding: 0 5px 5px 0;
}

p.right {	
	text-align: right;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

/******************/
/* ------ MARGINS */
/******************/

p { 
	padding: 3px 0; 
	line-height: 1.4em;
}


/*********************/
/* ------ STRUCTURE	 */
/*********************/

#wrapper {
	margin: 0px auto;
	position: relative;
	width: 980px;
}

#wrapper-small {
	margin: 0px auto;
	position: relative;
	width: 540px;
}
	
	#header {
		background: url('../images/bck_header_top.png') no-repeat left bottom;
		height: 130px;
		width: 980px;
	}
	
	#header-mail {
		background: url('../images/img_mail_header.png') no-repeat left bottom;
		height: 100px;
		width: 540px;
	}
	
	#header.nav {
		float: right;
	}
	
		#header #logo {
			width: 170px;
			float: left;
		}

	
	#language-bar {
		background: URL('../images/bck_language.png') no-repeat left bottom;
		display: block;
		height: 20px;
		position: absolute;
		left: 868px;
		top: 0px;
		width: 90px;
	}
	
	#usermenu {
		height: 30px;
		position: absolute;
		left: 868px;
		top: 0px;
		width: 90px;
		z-index: 999;
	}
	
	#main {
		margin-top: 10px;
		min-height: 400px;
	} 
	
	#SHp-blocks {
		position: absolute;
		top: 0px;
		left: 175px;
		z-index: 1;
	}
	
	#search-bar {
		background: url('../images/bck_searchbox.png') top left no-repeat;
		height: 21px;
		position: absolute;
		top: 110px;
		left: 736px;
		width: 220px;
	}
	
	#search-bar form div {
		padding: 0 0 0 1px;
		float: left;
	}
	
	/* Searchbox */ 
	
	#search-bar form div div input {
		-x-system-font: none;
		background: transparent url('../images/bck_input_repeat.png') repeat-x scroll center top;
		border: 0 none;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
		font-size: 11px;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		height: 16px;
		line-height: normal;
		margin: 0;
		padding: 3px 0 0 18px;
		width: 216px !important;
	}

	#search-bar form div div {
		margin-top: 1px;
		position: relative;
		width: 211px; 
	}
	
	#search-bar form div input {
    	width: 215px !important;
    }
  	
  	#search-bar form div div .left {
		background: transparent url('../images/bck_input_left.png') no-repeat scroll left top;
		display: block;
		height: 19px;
		left: 0;
		position: absolute;
		top: 0;
		width: 20px;
	}
	
	#search-bar form div div .right {
		background: transparent url('../images/bck_input_right.png') no-repeat scroll right top;
		display: block;
		height: 19px;
		position: absolute;
		right: 0;
		top: 0;
		width: 10px; 
	}
  	
  	#search-bar form div div.blurred input {
		color: #7E7E7E; 
	}
  	
  	#search-bar form div .reset {
		background: transparent url('../images/bck_close.gif') no-repeat scroll 0 0;
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		right: 4px;
		top: 4px;
		width: 11px;
		z-index: 1;
	}
	
	#search-bar form div div.empty .reset {
		display: none; 
	}

	label .prettyplaceholder {
		display: block;
		height: 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 0; 
	}

	#search-bar form input.action {display: none;}
	
	#highlights {
		background: url('../images/bck_highlight.png') no-repeat top left;
		height: 180px;
		padding: 10px;
	}
	
	#highlight-container {
		display: block;
		float: left;
		height: 180px;
		margin-top: 20px;
		overflow: hidden;
		width: 731px;
	}
	
	#highlight-controller {
		position: absolute;
		left: 640px;
		top: 710px;
		z-index: 999999;
		width: 75px;
	}
	
	#highlight-controller ul {
		float: right;
	}
	
	.jFlowControl {
		background: url('../images/bck_bullet.png') no-repeat;
		cursor: pointer;
		float: left;
		height: 12px;
		margin-right: 3px; 
		width: 12px;
	}
	
	.jFlowSelected {
		background: url('../images/bck_bullet_selected.png') no-repeat;
	}
	
	#case-more ul li, #news ul li {
		border-bottom: 1px solid #f0f4f8;
		line-height: 15px;
		padding: 5px 0 9px 0;
	}

	.offerings-left {
		float: left;
		padding: 15px 0 0 15px;
		width: 49%;
	}

	.offerings-right {
		float: left;
		width: 49%;
	}
	
	.offerings-right p {
		font-size: 1.1em;
		line-height: 1.7em;
	}
		
	#news ul li:last-child, #case-more ul li:last-child {
		border: 0px;
	}
	
	#intro-text {
		padding-bottom: 10px;
	}
	
	#breadcrumbs {
		font-size: 0.8em;
		padding: 0 0 10px 5px;
	}
	
	#content, .content, #content-list, #people-list, #content-small {
		line-height: 1.5em;
		background-color: #FFF;
		border: 1px solid #e2e9f2;
		font-family:  "Helvetica", Arial, Verdana, sans-serif;
		min-height: 270px;
		padding: 20px 15px 10px 20px;
		clear: both;
	}
		
		#content-small {
			min-height: 180px !important;
		}
	
		#content h1 {
			padding-bottom: 10px;
			text-transform: inherit;
		}
		
		#content p {
			line-height: 1.5em;
		}

		#content ul, .content ul, #content-list ul {
			list-style-type: disc;
			margin: 5px 15px 5px 20px;
		}
	
		#content ul li, .content ul li, #content-list ul li {
			padding-top: 10px;
			line-height: 1.5em;
		}
		
		h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
			margin: 0; padding: 0;
			color: #486D86;
		}
		
		/*#content h3, .content h3, #content-list h3 {
			padding: 0px; margin: 0;
			padding: 12px 0 0 0;
		}*/

		
	#content .content-left, #content-list .content-left {
		float: left;
		min-height: 120px;
		padding: 0 15px 0 0;
		position: relative;
		text-align: center;
		width: 30%;
	}
	
	#content-list .content-left a img {
		margin: 40px auto 0 auto;
	}
	
	#content .content-left img, #content-list .content-left img {
		opacity: 0.7;
		margin-top: 40px;
	}

	#content .content-left img:hover, #content-list .content-left img:hover {
		opacity: 1;
		-webkit-transition: all 0.20s ease-out;
	}
	
	#content .content-right, #content-list .content-right {
		float: left;
		padding-bottom: 15px;
		width: 67%;
	}
	
	#content .content-image-gallery {
		clear: both;
		display: block;
		padding-top: 15px;
		margin: 15px 15px 5px 0;
		text-align: center;
	}
	
	.content-image-gallery a {
		display: block;
		float: left;
	}
	
	.content-image-gallery img {
		border: 1px solid #D2D6DA;
		padding: 2px;
		margin: 0 9px;
		width: 200px;
	}
	
	#content h2, #content-list h2, #people-list h2 {
		text-transform: none;
		padding: 0 0 10px 0;
	}
	
	#content h3 {
		padding: 8px 0 2px 0;
	}
	
	.content-text {}
	
	.info-link {
		padding-right: 10px;
	}

	div.left {
		float: left;
		padding: 5px 0px;
		width: 11%;
	}
	
	#content-list .mid {
		float: left;
		padding: 5px 0px;
		width: 73%;
	}
	
	div.right {
		float: left;
		padding: 5px 0px;
		text-align: right;
		width: 13%;
	}
	
	#info {
		font-size: 1em;
		margin-top: 20px;
		min-height: 250px;
	}
	
	#map {
		margin: 12px 0 4px 0;
	}
	
	#people-list .people {
		display: inline;
		float: left; 
		min-height: 250px;
		padding: 0 10px 15px 0;
		width: 330px;
	}
	
	.people h3 {
		padding: 0;
	}
	
	.people img {
		float: left;
		margin-right: 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	
	
	div.first-letter {
		background-color: #F9FAFC;
		border: 1px solid #e2e9f2;
		color: #5a8aad;
		display: inline;
		float: left;
		font-size: x-large;
		font-weight: bold;
		margin: 5px 10px 0 5px;
		padding: 5px 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	div.empty {
		border: 0;
		background-color: #FFF;
	}
	
	
	/* Table list */
	#table-list {
		border-collapse: collapse;
		font-size: 0.9em;
		margin: 0 15px 15px 0;
	}
	
	#table-list caption.top {
		line-height: 2em;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	#table-list caption.top {
		caption-side: top;
	}
	
	#table-list caption.bottom {
		caption-side: bottom;
	}
	
		#table-list tr.even {
			background-color: #FFF;
		}
	
		#table-list tr.odd {
			background-color: #F4F6FA;
		}
		
		li.odd {
			background-color: #F0F5F9 !important;
		}
		.middleColumn ul li {
			width: auto !important;
		}
	
	#table-list thead th, div.header {
		background-color: #456a83;
		color: #FFF;
		border: 1px solid #EAF0FA;
		font-weight: bold;
		line-height: 1.5em;
		padding-left: 5px;
	}
	
	#table-list tbody tr {
		position: relative;
		border: 1px solid blue;
	}
	
	#table-list tbody tr td {
		border-right: 1px solid #EAF0FA;
		border-top: 1px solid #EAF0FA;
		border-bottom: 1px solid #EAF0FA;
		border-left: 1px solid #EAF0FA;
		border-collapse: collapse;
		vertical-align: top;
	}
	
	#table-list tbody tr td p, #table-list tbody tr td h2  {
		padding: 5px;
	}
	
	#table-list tbody tr td.image a.big-link {
		background-color: red;
		opacity: .3;
		position: absolute;
		border: 1px solid red;
		width: 400px;
	}
	
	#login-form {
		width: 350px;
		background-color: #f8f8f8;
		border: 1px solid #ebebeb;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
		-webkit-border-radius: 5px;
	}

	
	
	/******* Reacties *******/
	#reacties {
		font-size: 0.9em;
		margin-top: 15px;
		padding: 10px;
	}
	
	#reacties h3 {
		font-size: 1.3em;
	}

	.reactie-item {
		border-bottom: 1px solid #e2e9f2;
		clear: both;
		padding: 15px 0 15px 0;
		min-height: 75px;
	}

		.reactie-item-avatar {
			float: left;
			padding: 25px 10px 0 5px;
			text-align: center;
			width: 50px;
		}

		.reactie-item-message {
			float: left;
			width: 600px;
		}

			.reactie-item-info {
				color: #333;
				margin-bottom: 5px;
			}
		
		.reactie-item span {
			color: #666;
		}
		
		
	.reactie-item:last-child {
		border: 0px;
	}
	
	#box-info .left {
		float: left;
		width: 70%;
	}
	
	#box-info .right {
		float: left;
		padding-top: 7px;
		width: 29%;
	}
	
	#sitemap ul li {
		list-style-type: disc;
		margin: 5px 0 5px 20px;
	}
	
	#sitemap ul li ul li {
		list-style-type: circle;
	}
	
	#footer {
		clear: both;
		font-size: 0.8em;
		margin: 25px 0 50px 0;
	}
	
	#footer p {
		color: #666;
		margin-top: 20px; 
	}
	
		#footer li {
			float: left;
		}
		
		.logo {
			vertical-align: top;
			display: block !important;
			float: left !important;
			padding: 0 3px;
			text-indent: -7000px;
		}

		#footer .logo-firstsupport {
			background: url('../images/lgo_firstsupport.png') no-repeat;
			height: 69px;
			width: 83px;
		}
		
		#footer .logo-firstsupport:hover {
			background: url('../images/lgo_firstsupport.png') 0 -68px no-repeat;
			height: 69px;
			width: 83px;
		}

		#footer .logo-myfmbutler {
			background: url('../images/lgo_myfmbutler.png') no-repeat;
			height: 69px;
			width: 125px;
		}
		
		#footer .logo-myfmbutler:hover {
			background: url('../images/lgo_myfmbutler.png') 0 -64px no-repeat;
			cursor: pointer;
			height: 69px;
			width: 125px;
		}

		#footer .logo-rovingbird {
			background: url('../images/lgo_rovingbird.png') no-repeat;
			height: 69px;
			width: 111px;
		}
		
		#footer .logo-rovingbird:hover {
			background: url('../images/lgo_rovingbird.png') 0 -68px no-repeat;
			cursor: pointer;
			height: 69px;
			width: 111px;
		}

		#footer .logo-fmsummit {
			background: url('../images/lgo_fmsummit.png') no-repeat;
			height: 69px;
			width: 131px;
		}
		
		#footer .logo-fmsummit:hover {
			background: url('../images/lgo_fmsummit.png') 0 -68px no-repeat;
			cursor: pointer;
			height: 69px;
			width: 131px;
		}

		#footer .logo-filmaker-business {
			background: url('../images/lgo_filemaker_business.png') no-repeat;
			height: 69px;
			width: 137px;
		}
		
		#footer .logo-filmaker-business:hover {
			background: url('../images/lgo_filemaker_business.png') 0 -68px no-repeat;
			cursor: pointer;
			height: 69px;
			width: 137px;
		}
		

		#footer .logo-macrent {
			background: url('../images/lgo_macrent.png') no-repeat;
			height: 69px;
			width: 94px;
		}
		
		#footer .logo-macrent:hover {
			background: url('../images/lgo_macrent.png') 0 -67px no-repeat;
			cursor: pointer;
			height: 69px;
			width: 94px;
		}
											
	#footer .copyright {
		margin-top: 70px;
	}
	
	
	
	/******* Sidebars *******/
	
	#sidebar {
		font-size: 0.9em;
	}

	
	#sidebar ul.categories {
		list-style-type: none;
		padding: 6px 0 0;
	}
	
	#sidebar ul.categories li {
		padding: 0;
	}
	
	ul.vacatures {
		font-size: 1.0em;
		padding: 6px 0 0 5px;
	}
	
	#sidebar ul.vacatures li {
		padding: 0 0 5px 0;
	}
		
	#sidebar ul li {
		padding: 0;
		line-height: 1.3em;
	}

	#sidebar ul li a:visited {
		border-bottom: 1px solid #c0c0c0;
	}

	#sidebar ul li a:hover {
		border-bottom: 1px solid #999999;
	}

	#sidebar ul li a:active {
		border-bottom: 1px solid #999999;
	}

	#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:hover, #sidebar ul li a:active {
		border: 0;
	}
			
	#sidebar ul.related-data {
		list-style-type: none;
		padding: 6px 0 0;
	}
	
	#sidebar ul.related-data li {
		padding: 0 0 5px 0;
	}
	
	#sidebar h3 {
		padding: 8px 0 4px 0;
	}
	
	#tag-cloud {
		line-height: 1.5em;
	}
	
		#tag-cloud .not-popular { font-size: 1em; }
		#tag-cloud .not-very-popular { font-size: 1.15em; }
		#tag-cloud .somewhat-popular { font-size: 1.3em; }
		#tag-cloud .popular { font-size: 1.45em; }
		#tag-cloud .very-popular { font-size: 1.6em; }
		#tag-cloud .ultra-popular { font-size: 1.75em; }
	
	#twitter {
		float: left;
		margin: 20px 0 0 25px;
		width: 220px;
	}
	
	#twitter img {
		float: left;
		margin: 7px 8px 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	#twitter p {
		line-height: 1.5em;
	}
	
	#twitter a {
		color: #AFBBC0;
	}
	
	#twitter a:link {
		border: 0;
		color: #AFBBC0;
	}
	
	#twitter a:hover {
		border-bottom: 1px solid #9EA9AD;
	}

	.widget-highlight {
		background-color: #E1EAF0;
		border: 1px solid #BFD2DF;
		line-height: 1.5em;
		padding: 10px;
	}
	
	.widget-highlight h3 {
		font-size: 0.9em;
		padding-top: 3px;
		line-height: 1.2em;
	}
	
	.telephone {
		font-size: 1.1em;
		font-weight: bold;
		padding-top: 5px;
	}
	
	.vacatures {
		font-size: 0.9em;
		line-height: 1.3em;
	}
	
	.quote {
		color: #6b6b6b;
		border-bottom: 1px solid #e2e9f2;
		font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
		font-style: italic;
		padding: 5px 0 5px 0;
	}
	
	
	
/**********************/
/* ------ LINK STYLES */
/**********************/

a {
	text-decoration: none;
}

a:link {
	color: #2175cb;
	border-bottom: 1px solid #c0c0c0;
}

a:visited {
	color: #6255D9;
	border-bottom: 1px solid #c0c0c0;
}

a:hover {
	color: #363636;
	border-bottom: 1px solid #999999;
}

a:active {
	color: #363636;
	border-bottom: 1px solid #999999;
}

#language-bar ul li a {border: 0; text-decoration: none;}
#language-bar ul li a:link, #language-bar ul li a:visited{ color: #1c3e55; }
#language-bar ul li a:hover, #language-bar ul li a:active{ color: #1c3e55; }

.default-link:link, .default-link:visited {
	color: #2175cb;
	border-bottom: 1px solid #c0c0c0;
}

.default-link:hover {
	color: #363636;
	border-bottom: 1px solid #999999;
}

.pagination a:link, .pagination a:visited, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #2175cb;
	border-bottom: 1px solid #c0c0c0;
}

.pagination a:hover, #breadcrumbs a:hover {
	color: #363636;
	border-bottom: 1px solid #999999;
}

.pagination a:active, #breadcrumbs a:active {
	color: #363636;
	border-bottom: 1px solid #999999;
}

/**********************/
/* ------ NAVIGATION  */
/**********************/

.nav_level_1, .nav_level_2  {
	margin: 0px;
	padding: 0px;
}

.nav li {
	float: left;
	display: inline;
}

	#nav-main-menu {
		float: right;
		height: 24px;
		margin-top: 57px;
		padding-right: 10px;
	}

	#nav-1 li{
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial;
		font-size: 0.9em;
		font-weight: bold;
		height: 24px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}

		#nav-1 li a {
			border: 0px;
			color: #b2d1dd;
			display: block;
			float: left;
			height: 17px;
			margin: 0px;
			padding: 7px 15px 0 15px;
			text-align: center;
			text-decoration: none;
			text-shadow: #1c3e55 0 1px 1px;
		}
		
		#nav-1 li a:hover{
			color: #FFF;
			display: block;
			text-decoration: none;
		}
	
		#nav-1 li.current, #nav-1 li.section {
			background: url('../images/bck_top_menu_left.png') no-repeat top left;
			color: #FFF;
			display: block;
		}
	
		#nav-1 li a.current, #nav-1 li a.section {
			background: url('../images/bck_top_menu_right.png') no-repeat top right;
			color: #FFF;
			display: block;
		}
		
		#nav-1 li:hover ul { 
			display: block;
		}

	/*#nav-2, #nav-3 {
		padding: 0; margin: 0;
	}*/

	#nav-2 li{
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial;
		font-size: 0.9em;
		font-weight: bold;
		letter-spacing: 0.5px;
		margin-top: 5px;
		padding-bottom: 2px;
		/*height: 25px;*/
		text-transform: uppercase;
	}

		#nav-2 li a {
			border: 0;
			color: #456A83;
			display: block;
			line-height: 1.1em;
			margin: 0px;
			padding: 8px 5px 3px 10px;
			text-decoration: none;
			-webkit-transition: all 0.20s ease-out;
		}

		#nav-2 li a:hover{
			background-repeat: no-repeat;
			color: #1c3e55;
			display: block;
			text-decoration: none;
		}
	
		#nav-2 li.current, #nav-2 li.section {
			background: url('../images/mnu_nav2.png') no-repeat;
			border: 0;
			color: #FFF;
			display: block;
		}
			
		#nav-2 li a.current, #nav-2 li a.section {
			border: 0;
			color: #FFF;
			display: block;
		}

	#nav-3 {
		margin: 0 0 5px 10px;
		display: block;
	}
	
	#nav-3 li.current, #nav-3 li.section {
		background: none;
	}
	
	#nav-3 li a {
		font-family: Helvetica;
		text-transform:none;
		font-weight: normal;
		color: #456A83;
	}
	
	#nav-3 li a.current {
		color: #456A83;
		font-weight: bold;
	}	
	
	
	#language-bar ul li a.current {
		background-color: #1c3e55;
		color: #FFF;
		padding: 3px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		behavior:url(border-radius.htc);
	}
	
	#language-bar ul li {
		float: left;
		padding: 3px 1px 0 10px;
	}
	
	#language-bar ul li a {
		font-size: 0.8em;
	}
	/*
	.ui-tabs-vertical .ui-tabs-nav { padding: 15px 1px 1px 0; float: right; width: 246px;}
	.ui-tabs-vertical .ui-tabs-nav li { width: 100%; }
	.ui-tabs-vertical .ui-tabs-nav li a { display:block; font-weight: bold; color: #396898; text-transform: uppercase;}
	.ui-tabs-vertical .ui-tabs-nav li a {opacity: .9; -webkit-transition: opacity 0.20s ease-out; }
	.ui-tabs-vertical .ui-tabs-nav li a:hover {opacity: 1; -webkit-transition: none;}
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0;}
	.ui-tabs-vertical .ui-tabs-panel { padding: 10px; float: right; width: 711px; height: 300px;}*/

	.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; overflow: hidden; top: -2px; z-index: 1000; height: 75px; }
	.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; top: 0px; margin: 0; z-index: 99999999; margin-left: 1px;}
	.ui-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; color: black; opacity: 0.9; -webkit-transition: opacity 0.20s ease-out;}
	.ui-tabs .ui-tabs-nav li a:hover 	{ opacity: 1; -webkit-transition: none;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: white; padding-top: 1px;}
	.ui-tabs .ui-tabs-panel 			{ display: block; padding: 10px; width: 958px; height: 300px; z-index: 1; }
	.ui-tabs .ui-tabs-hide 				{ display: none !important; }

/*********************/
/* ----------- FORMs */
/*********************/

span.message {
	color: #DD1410;
}


input.text, textarea {
	background-color: #FFF;
	border: 1px solid #CAD0D8;
	color: #333;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-size: 1.1em;
	padding: 3px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

textarea {
	width: 500px;
} 

.textarea {
	width: 350px;
}

#PageCommentInterface_Form_PostCommentForm_Comment {
	width: 340px;
}

input.text:focus, textarea:focus {
	background-color: #F5F8FA;
	border: 1px solid #CAD0D8;
}

/* -- CSS for the login form -- */

#LoginForm div.field input{
	width: 300px;
	border: 1px solid #fff;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd ;
	padding: 5px 4px;
	background-color: #ededed;
	margin-bottom: 5px;	
	font-size:11px;	
}

#LoginForm div.field input.checkbox {
	height : 26px;
	font-size : 18px;
	font-weight : lighter;
	width : 16px;
}

#LoginForm div.field input:focus, #LoginForm div.field textarea:focus{
	background-color:#fff;
}

#LoginForm {
	width: 500px;
	margin: 40px auto;
	background-color: #DDD;
	padding: 10px;
}

#LoginForm > h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid gray;
	color: #434343;
}

#LoginForm > p {
	display: none;
}

#LoginForm fieldset {
	border : 0px solid #CCCCCC;
	padding: 0px;
}

#LoginForm label {
	font-size: 10px;
	color: #434343;
}

#LoginForm label.left {
	float: left;
	width: 8em;
	margin-top : 6px;
}

#MemberLoginForm_LoginForm_error {
	font-size: 10px;
	color: red;
	font-weight: bold;
}


.mollom-audio-captcha {
display: none;
}

/*********************/
/* --- GENERIC ITEMS */
/*********************/

.Actions {
	text-align: right;
}

/*.field {
	clear: both;
	padding: 5px 0 5px 0;
}


.field label {
	display: block;
	font-weight: bold;
}

.field ul {
	font-weight: normal;
	padding: 7px 0 14px;
}

.field label {
	float: left;
	display: inline;
	padding: 5px 10px 0 0;
	width: 130px;
}

.field .label {
	height: 20px;
} */

.Actions {
	float: right;
	padding: 5px 0 5px 0;
	text-align: right;
}

.field {
	clear: both;
	padding: 4px 0 4px 0;
}

.field label, .field .label {
	float: left;
	font-weight: bold;
	padding: 4px 10px 0 0;
	width: 150px;
}

.field ul li input {
	float: left;
}

.field ul {
	display: block;
	font-weight: normal;
	list-style-type: none !important;
	margin-left: 160px !important;
}

.field ul li label {
	width: auto !important;
}

.field ul li {
	float: left;
	padding-top: 0;
	width: 500px;
}

.field ul.list li {
	float: none;
	padding-top: 0 !important;
	width: auto;
}

.middleColumn label.required, span.required {
	color: red;
	font-weight: bold;
	width: 250px;
	margin-left: 160px;
}


.col {
	padding-right: 25px;
	float: left;
	width: 226px;
}

.col15 {
	padding-right: 25px;
	float: left;
	width: 350px;
}

.col2 {
	padding-right: 25px;
	float: left;
	width: 477px;
}

.col3 {
	padding-right: 25px;
	float: left;
	width: 728px;
}

.last {
	padding: 0px;
	border: 0px !important;
}

.no-border {
	border: 0px !important;
}


.corners {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.cornersT {
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

.cornersB {
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

.via {
	color: #A8B4B9;
	font-style: normal;
}

.by {
	color: #666;
	font-style: normal;
}

.seperator {
	border-bottom: 1px solid #e2e9f2;
	clear: both;
	display: block;
	height: 15px;
	margin-bottom: 10px;
}

.dark {
	color: #7994A8;
	border-bottom: 1px solid #bdc5ce;
}

.odd {
	background-color: #F9FBFC;
}


.button, .action {
	background: url('../images/bck_button.png') repeat-x;
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 100%;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #f7f7f7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc !important;
}

.button:hover, .action:hover {
	background-position: 0 -68px;
	color: #333;
}

.button:active, .action:active, .button:visited, .action:visited {
	background-position: 0px -34px;
	color: #333;
}

a.CAButton, a.CAButton:visited {
	color: #2175cb;
	background-color: white;
	margin: 0 20px 0 0;
	padding: 3px 10px 3px 10px;
	text-align: center;
	text-shadow: #FFF 0px -1px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
 
a.CAButton:hover {
	color: #363636;
	cursor: pointer;
}
 
a.CAButton:active, input.CAButton:active {
	background: none;
	background-color: #cfcfcf;
	text-shadow: none;
}

.nice-message {
	
}

.nice-message {
	background-color: #fffdad;
	margin: 10px; 
}

.nice-message p {
	border: 1px solid #fdacaf;
	font-weight: bold; 
	padding: 10px;
}


.box-highlight-side {
	background-color: #f0f5f9;
	border: 1px solid #e2e9f2;
	color: #444;
	display: block;
	font-size: 0.9em;
	padding: 10px 10px 10px 20px;
	margin-bottom: 0px;
	min-height: 25px;
}

.box-highlight {
	background-color: #f0f5f9;
	border: 1px solid #e2e9f2;
	color: #444;
	display: block;
	padding: 10px 0px 10px 20px;
	margin: 10px 0 10px 0;
	min-height: 25px;
}

.info {
	color: #666;
	display: block;
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 15px 0 5px 0;
}

.read-more {
	/*background: url('../images/bck_pointer.gif') right no-repeat; */
	float: right;
	/*padding-right: 10px;*/
}

.float-left {
	float: left;
	display: block;
}

.float-left-image {
	border: 0 !important;
	float: left;
	padding-right: 10px;
}

.float-right {
	float: right;
	display: block;
}

.rss {
	float: left;
	padding-right: 4px;
	zoom: .9;
}

ul.rss {
	zoom: 1;
}

ul.rss li a {
	line-height: 1.4em;
}

.debug {
	background-color: red;
	border: 1px solid blue;
}

@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }