/*******************/
 /* layout and form */
/*******************/
body { margin: 0; padding: 0 0 20px; }
a img { border: 0 none; }
form { margin: 0; }
fieldset { margin: 0; border: 0 none; padding: 0; }
h1 { margin: 0 0 0.67em; }
h2 { margin: .83em 0; }
h3 { margin: 1em 0; }
h4 { margin: 1.33em 0; }
h5, h6 { margin: 1em 0; }

.container { margin: 0 auto; width: 960px; overflow: auto; }

.box, .smallContentBox, .contentBox, 
.contactBoxOdd, .contactBoxEven, 
.smallProfileBoxEven, .smallProfileBoxOdd, 
.paddedContentBox, .unpaddedContentBox, .faqContent { margin: 0 0 10px; border: 1px solid; }
.paddedContentBox, .box, .contentBox { padding: 20px; }
.unpaddedContentBox, .smallContentBox { padding: 2px; }
.smallContentBox { margin-right: 30px; width: 304px; float: left; }
.faqContent { padding: 15px; display: block; }
.vacatureBox { margin-bottom: 20px; }
.smallProfileBoxEven, .smallProfileBoxOdd { margin-bottom: 26px; padding: 5px; width: 304px; display: block; float: left; position: relative; }
.smallProfileBoxEven, .contactBoxOdd { margin-right: 26px; }
.contactBoxOdd, .contactBoxEven { margin-bottom: 26px; padding: 10px; width: 304px; height: 200px; display: block; float: left; }
.profileName { margin: 5px 0; }
.profileNameBold { margin-bottom: 10px; }
.profileImage { margin-right: 5px; float: left; }
.unpaddedContentBox .profileImage { margin: 3px 5px 5px 3px; }
.smallProfileBoxEven .profileImage, .smallProfileBoxOdd .profileImage { margin-right: 10px; }
a.profileLink { border: 0 none; float: right; }
.smallProfileBoxEven .profileLink, .smallProfileBoxOdd .profileLink { float: none; display: block; position: absolute; bottom: 10px; right: 10px; }
.smallProfileBoxEven .profileLink img, .smallProfileBoxOdd .profileLink img { padding: 0; display: block; }
a.profileLink img { border: 0 none; padding-right: 10px; }
.paddedContentBox #queryStringLabel, .paddedContentBox .searchField, .paddedContentBox #submitButton { margin-right: 5px; float: left; }
.paddedContentBox #submitButton { margin-top: 1px; }
.faqTitle { margin-top: 5px; padding: 5px 5px 5px 24px; }
.faqTitle img { display: none; }
.faqTitle a { text-decoration: none; color:#333333; }
.toggleImage { margin-right: 10px; }
.searchField { margin-right: 5px; border: 1px solid; width: 250px; height: 16px; }
.clickable { padding: 0; }
.box h3 { margin: 0; }
input.inputText { width: 220px; border: 1px solid; }
td { vertical-align: top; }

#contentContainer { padding: 58px 0 0; }
	.header { position: relative; }
		.logo { margin: 0; padding: 0; }
			.logo a { margin: 1px; width: 249px; display: block; }
				.logoText { width: 249px; height: 39px; display: block; overflow: hidden; }
				.logoByline { position: relative; top: -6px; left: 0; }
		#menu { margin: 0; padding: 0; list-style: none outside; position: absolute; bottom: 216px; right: 20px; z-index: 2; }
			#menu li { margin: 0 55px 0 0; padding: 0; float: left; position: relative; }
			#menu .bottom { margin: 0; }
				#menu li a { display: block; }
				#menu ul { margin: 0; padding: 4px 0 8px; width: 177px; list-style: none outside; position: absolute; top: 32px; left: 0; display: none; }
					#menu ul li { margin: 0; padding: 3px 10px 3px 3px;	float: none; }
						#menu ul li a { margin: 0; padding: 3px; display: block; float: none; }

	#stockPhoto { margin: 10px 0 40px; width: 960px; height: 200px; position: relative; }
		#stockPhoto div { width: 680px; height: 20px; position: absolute; right: 0; bottom: 0; }
		#crumbPath { margin: 0; padding: 0; width: 680px; overflow: auto; position: absolute; right: 0; bottom: 0; }
			#crumbPath li { display: inline-block; }
				#crumbPath a { margin: 0 0 0 5px; display: inline-block; }

#content { padding: 0 0 50px; width: 680px; float: right; }

	#registerForm label { margin-bottom: 5px; height: 22px; display: block; position: relative; }
	#registerForm label input, #registerForm label select { width: 150px; height: 14px; position: absolute; top: 0; left: 140px; }
	#registerForm label select { height: 19px; }
	#registerForm label.error { width: 150px; display: block; position: absolute; top: 0; left: 300px; }
	#registerForm label.noClear { clear: none; }
	#registerForm input.radio { width: auto; }
	#mainForm select { width: 156px; display: block; position: absolute; top: 0; left: 140px; }
	#registerForm h2 { padding-top: 10px; clear: both; }
	#registerForm .inputButton { position: static; display: block; height: auto; margin-top: 10px; }
	#registerForm #approved { position: static; }
	#registerForm #registerFormSubmit { margin: 10px 0 0 140px; width: auto; height: 24px; clear: both; position: static; }
	#userSpecs .registerTitle { margin-right: 5px; width: 140px; display: inline-block; font-weight: bold; }
	#registerForm .inputCheckbox { width: auto; }
	#registerForm #confirmTermsAndConditions, #honey { display: none; }
	#confirmTermsAndConditions .cleaner { margin-top: 30px; }
	#userSpecs ul { margin: 0; padding: 0; list-style: none outside; }
	.eCourt, .jqmClose { cursor: pointer; }
	#video { margin-left: -446px; width: 892px; }

#sidebar { width: 250px; }
	#subMenu { margin: 0 0 30px; border-top: 1px solid; border-bottom: 1px solid; padding: 0; list-style: none outside; }
		#subMenu li { border-bottom: 1px solid; }
		#subMenu li.bottom { border-bottom: 0 none; }
			#subMenu li a { margin: 10px 5px; display: block; }
			#subMenu ul { margin: 0; border-top: 1px solid; padding: 0; list-style: none outside; }
				#subMenu ul li a { margin: 10px 5px 10px 24px; }

	.clickable h3 { margin: 0; }
		.clickable h3 a { padding: 20px; display: block; }

#footerContainer { border-top: 11px solid; padding: 20px; }
	#footerSearchForm { width: 250px; }
	#footerSearchForm, #footerSearchForm input { float: right; }
		#searchInput { margin: 0 5px 0 0; border: 1px solid; width: 150px; height: 16px; }
	#footerContainer ul { margin: 0; padding: 0; list-style: none outside; }
		#footerContainer li { margin: 0 30px 0 0; padding: 0; float: left; }
		
#modalWindow { margin: 0 0 0 -400px; padding: 0; width: 820px; height: 520px; display: none; position: fixed; top: 30px !important; left: 50%; }
	.modalHeader { padding: 0 10px; height: 20px; }
	#modalWindow iframe { border-top: 0 none; border-right: 10px solid; border-bottom: 10px solid; border-left: 10px solid; width: 800px; height: 500px; }

  /********************/
 /* color and images */
/********************/
body { color: #333333; background: #EDECEC; }
a, h1, .box h3 { color: #0092d5; }
h2, h3 { color: #4e4040; }
h4 { color: #524444; }

.box, .smallContentBox, .contentBox,
.contactBoxOdd, .contactBoxEven,
.smallProfileBoxEven, .smallProfileBoxOdd,
.paddedContentBox, .unpaddedContentBox, .faqContent { color: #534545; border-color: #dddddd; background-color: #f8f8f8; }

.profileName, .profileNameBold { color: #0092d5; }
.paddedContentBox a { color: #534545; }
.paddedContentBox a.active { color: #0092d5; }
.faqTitle { border-color: #dddddd; background: url('/download/?id=8812673') no-repeat 5px 11px; }
.arrowDown { background: url('/download/?id=8812676') no-repeat 5px 11px; }
.searchField { border-color: #c1c1c1; }
a.lightbox { color: #666; }
input.inputText { border-color: #c1c1c1; }

#contentContainer { background: white; }
	.logoText { background: url('/img/logo.jpg') no-repeat 0 0; }
	#menu a, #menu .selected ul a { color: #413535; }
	#menu a.active, #menu a:hover, #menu a:focus, #menu .selected a { color: #0092d5; }
		#menu ul li a:hover, #menu ul li a:focus { color: #413535; background: #AEDBEF; }
		.sf-shadow ul { background:	url(/download/?id=8833044) no-repeat bottom right; }
		.sf-shadow ul.sf-shadow-off { background: #F8F8F8; }

	#stockPhoto { background: #DDDDDD url(/download/?id=8804672) no-repeat 0 0; }
		#crumbPath, #stockPhoto div { color: white; background: #0092d5; }
			#crumbPath a { color: white; }

#registerForm label.error { color: #FF0000; }

#subMenu, #subMenu ul, #subMenu li { border-color: #dddada; }
	#subMenu a { color: #534545; }
	#subMenu a:hover, #subMenu a:focus, #subMenu .selected a { color: #0092d5; }

#footerContainer { border-color: #DCD9D9; background: #EDECEC; }
	#footerContainer a { color: #514544; }
	#searchInput { border-color: #c1c1c1; }
	
#modalWindow { color: black; }
	.modalHeader { background: #0092d5; }
		.modalHeader a { color: white; }
	#modalWindow iframe { border-color: white; }


  /*****************/
 /* text and type */
/*****************/
body, td, input { font-size: 12px; font-family: 'Trebuchet MS', 'Times new roman', serif; line-height: 1.33em; }
h1, .box h3 { font-size: 24px; line-height: 30px; font-weight: normal; font-style: italic; }
h2 { font-size: 15px; line-height: 17px; font-weight: bold; font-style: italic; }
h3 { font-size: 13px; line-height: 15px; font-weight: bold; }
h4 { font-size: 18px; font-weight: bold; text-align: center; }
h5, h6 { font-size: 12px; font-weight: bold; }

.profileName { font-size: 12px; }
.profileNameBold { font-size: 12px; font-weight: bold; }
.portfeuille, .email { font-style: italic; }
.paddedContentBox a { text-decoration: none; }
.paddedContentBox a:hover, .paddedContentBox a:focus { text-decoration: underline; }
.faqTitle { font-size: 14px; }
a.lightbox { text-decoration: none; font-size: 12px; }

.logo { text-align: left; font-weight: normal; }
	.logoText { text-indent: -999em; }
.logo a, #menu li a { font-size: 20px; line-height: 1.1em; text-decoration: none; text-transform: lowercase; }

#menu ul li a { font-size: 14px; }
#crumbPath { font-size: 12px; line-height: 20px; }
	#crumbPath a { text-decoration: none; }
	#crumbPath a:hover, #crumbPath a:focus { text-decoration: underline; }

#userSpecs .registerTitle { font-weight: bold; }

.box h3 { text-align: center; }
	.box h3 a { text-decoration: none; }

#subMenu li a { font-size: 13px; text-decoration: none; }

#footerContainer { font-style: italic; }
#footerContainer a { text-decoration: none; }
#footerContainer a:hover, #footerContainer a:focus { text-decoration: underline; }

#modalWindow { text-align: right; }
	.modalHeader a { font-size: 18px; line-height: 20px; text-decoration: none; }