/*

	Stylesheet for Equazion

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Johan Ronsse johan@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Accessibility
*/

.accessibility {
	/* @inc .offScreen */
	position: absolute;
	top: -9000px;
	left: -9000px;
	/* For screenreaders*/
}

/*
	Hide print logo
*/

#printLogo {
	display: none;
}

/*
	Clearfix
*/

/* @see ie6.css and ie7.css */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

html, body {
	width: 100%;
}

#shell {
	width: 100%;
	background: url(../images/body_bg_shades.png) no-repeat top center;
	_background: none;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color: #666;
	background: #CAD4D8 url(../images/body_bg.png) repeat-x;
}

/*
	Typography and text styles
*/

/* General */

p {
	margin: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4 {
	color: #63564F;
}

h1, h2, h3 {
	line-height: 1.1;
}

h1 {
	font-size: 22px;
	margin: 12px 0 9px 0;
}

h2 {
	font-size: 15px;
	margin: 16px 0 9px 0;
	letter-spacing: -0.3px;
	line-height: 1.33;
}

h3, h4 {
	font-size: 12px;
	margin: 9px 0 6px 0;
}

/* Links */

a {
	border-bottom: 1px solid #FFF;
	text-decoration: none;
}

a:link {
	color: #156C95;
	border-color: #98DFFF;
}

a:visited {
	color: #004B6F;
	border-color: #A6CEE0;
}

a:hover,
a:active,
a:focus {
	color: #0D8DC9;
	border-color: #AFE5FF;

	/* Transition */
	-webkit-transition: color 0.14s linear;
}

/* .content defaults */

.content ul {
	list-style: disc;
	padding: 0 0 12px 24px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content .hr {
	background: none;
	border: none;
	font-size: 0;
	line-height: 0;
	border-top: 1px solid #CCC;
	margin: 16px 0;
	padding: 0;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

	.content blockquote p:last-child {
		margin: 0;
	}

.content blockquote {
	padding: 0 0 12px 24px;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	margin: 0 0 20px;
	width: 100%;
}

.content table tbody tr.odd td,
.content table tbody tr.odd th {
	background: #FFF;
}

.content table tbody tr.even td,
.content table tbody tr.even th {
	background: #FAF6F2;
}

.content td {
	font-size: 11px;
	padding: 3px 5px;
	color: #666;
}

.content thead th {
	font-weight: 700;
	background: #9D8D85;
	text-transform: uppercase;
	color: #FFF;
	font-size: 10px;
	padding: 3px 5px;
}

.content tbody th {
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px;
}

.content table caption {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}

/*
	Page structure and layout
*/

#container {
	width: 920px;
	margin: 0 auto;
}

	/* Clearfix */
	#container {
		zoom: 1;
	}

	#container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/*
	Header
*/

#header {
	width: 920px;
	height: 46px;
	overflow: hidden;
}

	/* Clear all floating divs in #header */
	#header {
		zoom: 1;
	}

	#header:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/*
		Logo
	*/

	#logo {
		float: left;
		width: 143px;
	}

	#logo h1,
	#logo p {
		width: 143px;
		height: 28px;
		background: url(../images/logo.gif) no-repeat 0 13px;
		text-indent: -9999px;
		margin: 0;
		padding: 13px 0 5px;
	}

	#logo h1 a,
	#logo p a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	/* Navigation */

	#navigation {
		padding-left: 96px;
		float: left;
		width: 681px;
	}

		/* Clearfix divs in #navigation */
		#navigation {
			zoom: 1;
		}

		#navigation:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		/* Rules that count for both navigations #mainNavigation and #extraNavigation */

		#navigation #mainNavigation,
		#navigation #extraNavigation {
			float: left;
		}

		#navigation ul {
			font-size: 11px;
			padding-top: 7px;
		}

			#navigation li {
				float: left;
			}

				#navigation li a:link,
				#navigation li a:visited,
				#navigation li a:hover,
				#navigation li a:active,
				#navigation li a:focus {
					display: block;
					float: left;
					border: none;
					padding: 14px 8px;
					line-height: 1;
					color: #156C95;
				}

				#navigation li.selected a {
					color: #000;
					background: url(../images/nav_selected.gif) no-repeat bottom center;
				}

		/* Specific rules for #mainNavigation */

		#mainNavigation {
			width: 470px;
			overflow: hidden;
		}

		#mainNavigation li {
			font-weight: 700;
		}

		/* Specific rules for #extraNavigation */
		#extraNavigation {
			width: 211px;
			overflow: hidden;
		}

		#extraNavigation ul {
			float: right;
			padding-right: 12px;
		}

/*
	Content
*/

#main {
	padding: 0;
	width: 920px;
	position: relative;
	background: #FFF;
	border-bottom: 5px solid #b5c3c7;
}

	/* Clear it */
	#main {
		zoom: 1;
	}

	#main:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#index #main {
	padding: 36px 0 0 0;
}

#index #content,
#index #secondaryContent {
	padding-bottom: 36px;
	/* @inc .contentTxt*/
	font-size: 11.5px;
	line-height: 1.8;
	color: #777;
}

	#content > h1:first-child,
	#content div[class="content"] > h1:first-child,
	#content > h2:first-child,
	#content div[class="content"] > h2:first-child,
	#content > h3:first-child,
	#content div[class="content"] > h3:first-child,
	#content > h4:first-child,
	#content div[class="content"] > h4:first-child,
	#content > p:first-child,
	#content > ul:first-child,
	#secondaryContent > h1:first-child,
	#secondaryContent > h2:first-child,
	#secondaryContent > h3:first-child,
	#secondaryContent > h4:first-child,
	#secondaryContent > p:first-child,
	#secondaryContent > ul:first-child {
		margin-top: 0;
	}

	#index #subnavigation {
		float: left;
		width: 210px;
		padding-right: 40px;
		padding-bottom: 36px;
	}

	#index #content {
		width: 420px;
		float: left;
		padding-right: 40px;
		overflow: hidden;
	}

		/* Max width for images */
		#content img {
			max-width: 420px;
			height: auto;
		}
		/* @see ie6.css */

	#index #secondaryContent {
		width: 190px;
		padding-right: 20px;
		float: left;
	}

#pageSubtitle {
	padding: 0 0 12px 250px;
}

#pageSubtitle h2,
#pageSubtitle h3 {
	margin: 0;
	width: 400px;
}

/*
	Video page
*/

#videoFrame {
	background: #034462 url('../images/video_bg.jpg') no-repeat scroll top left;
	width: 920px;
	height: 565px;
}

	#videoEmbed {
		position: absolute;
		top: 61px;
		text-align: center;
		width: 100%;
	}

	#videos {
		width: 750px;
	}

	#videos p strong {
		color: #000;
	}


		#secondaryContent #videos .sectionContent {
			padding: 20px 0 20px 99px;
			margin: 0;
			width: auto;
		}

	/*
		Video list
	*/

	/* Clear it */
	.videoList {
		zoom: 1;
	}

	.videoList:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#videos .videoList {
		position: relative;
		right: 5px;
	}

	#videos .videoList li {
		float: left;
		text-align: center;
		margin-right: 6px;
	}

		#videos .videoList li p {
			margin: 0;
		}

		#videos .videoList li img {
			display: block;
			padding: 0 0 2px;

			/* @inc .opacity */
			opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
			filter: alpha(opacity=50); /* IE lt 8 */
			-ms-filter: "alpha(opacity=50)"; /* IE 8 */
			-khtml-opacity: 0.5; /* Safari 1.x */
			-moz-opacity: 0.5; /* FF lt 1.5, Netscape */
		}

			#videos .videoList li.selected p a {
				color: #000;
				font-weight: 700;
			}

				/* Now playing icon */
				#videos .videoList li.selected p + p a {
					background: url(../images/playing.png) no-repeat 0 3px;
					padding-left: 11px;
				}

			#videos .videoList li.selected img {
				/* @inc .opacity */
				opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=100); /* IE lt 8 */
				-ms-filter: "alpha(opacity=100)"; /* IE 8 */
				-khtml-opacity: 1; /* Safari 1.x */
				-moz-opacity: 1; /* FF lt 1.5, Netscape */
			}

		#videos .videoList li a {
			border: none;
		}

/*
	Subnavigation
*/

#subnavigation a:link,
#subnavigation a:visited {
	display: block;
	border: none;
	padding: 4px 4px 4px 20px;
	color: #156C95;
	background: #FAF6F2;
	margin: 0 0 1px;
	zoom: 1;

	/* Transition */
	-webkit-transition: background 0.2s ease-in-out;

}

#subnavigation a:hover,
#subnavigation a:active,
#subnavigation a:focus {
	background: #9D8D85;
	color: #FFF;

	/* Transition */
	-webkit-transition: background 0.4s ease-in-out;
}

#subnavigation li.selected a {
	background: #005a84;
	color: #FFF;
}

	#subnavigation li.selected ul {
		padding: 6px 0;
	}

	#subnavigation li.selected li a {
		background: #FFF url(../images/bullet.gif) no-repeat 37px 11px;
		color: #005a84;
		padding: 4px 0 4px 49px;
	}

		#subnavigation li.selected li a:hover,
		#subnavigation li.selected li a:active,
		#subnavigation li.selected li a:focus {
			background-color: #FFF;
			color: #0D8DC9;
		}

		#subnavigation li.selected li.selected a:link,
		#subnavigation li.selected li.selected a:visited {
			color: #000;
			font-weight: 700;
			background-image: url(../images/bullet_selected.gif);
		}

/*
	Secondary content
	index page
*/

#index #secondaryContent {
	font-size: 11px;
}

/*
	Home: background image
*/

#home #photoFrame {
	width: 920px;
	height: 451px;
}

#home #photoFrame .slideshow {
	width: 920px;
	height: 451px;
	position: absolute;
	left: 0;
	top: 0;
}

/*
	Home: eyecatcher
*/

#eyecatcher {
	background: url(../images/eyecatcher_bg.jpg) no-repeat scroll top left;
	width: 518px;
	height: 372px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	z-index: 30;
	font-size: 11px;
}

	#eyecatcher h2 {
		color: #FFF;
	}

	#eyecatcher h2 {
		margin: 49px 0 0 50px;
		background: url(../images/business_analytics.jpg) no-repeat;
		width: 430px;
		height: 53px;
	}
	
	#eyecatcher .columnRight p {
		text-align: center;
	}
	
	#eyecatcher .columnRight a:link,
	#eyecatcher .columnRight a:visited {
		color: #F1F5FA;
		border-color: #557a8e;
	}
	
	#eyecatcher .columnRight a:hover,
	#eyecatcher .columnRight a:active,
	#eyecatcher .columnRight a:focus {
		color: #FFF;
		border-color: #b9ddf1;
	}

/*
	Search form
*/

#searchFormHolder {
	position: absolute;
	top: 0;
	right: 0;
}

#home #searchFormHolder {
	z-index: 4500;
}

	#searchFormHolder #searchForm {
		padding: 12px 20px 0 0;
	}

		#searchForm input {
			/* Make sure the inputs do not have spacing between */
			margin: 0;
			float: left;
		}
		
		#searchFormHolder {
			_float: right;
			_width: 300px;
		}
		
		#searchFormHolder fieldset {
			_float: right;
		}

		#searchForm .inputText {
			border-right: none;

			/* reset .rc */
			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;

			/* @inc .rcLeftOnly */
			border-topleft-radius: 2px;
			border-bottomleft-radius: 2px;
			-moz-border-radius-bottomleft: 2px;
			-moz-border-radius-topleft: 2px;
			-webkit-border-top-left-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;

			/* IE6 */
			_position: relative;
			_padding-bottom: 2px;
			_bottom: 1px;

			/* IE7 */
			*position: relative;
			*padding-bottom: 2px;
			*bottom: 1px;
		}

		#searchForm .inputSubmit {

			/* reset .rc */
			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;

			/* @inc .rcRightOnly */
			border-topright-radius: 2px;
			border-bottomright-radius: 2px;
			-moz-border-radius-bottomright: 2px;
			-moz-border-radius-topright: 2px;
			-webkit-border-top-right-radius: 2px;
			-webkit-border-bottom-right-radius: 2px;

		}

		#searchForm .inputSubmit:focus {
			color: #0D8DC9;
		}

			/* Colors */

			/* Index */

		 	#index #searchForm .inputText {
				border-color: #aa958b;
				background: #cfc4be url(../images/searchform_text_index.png) repeat-x;

				/* Transition */
				-webkit-transition: none;
			}

				#index #searchForm .inputText:focus,
				#index #searchForm .inputText.focus,
				#index #searchForm .inputText.keepFocus {
					background: #FFF url(../images/searchform_text_index_focus.png) repeat-x;

					/* Transition */
					-webkit-transition: none;
				}

			#index #searchForm .inputSubmit {
				border-color: #9e8f88;
				background: #d2c0b7 url(../images/searchform_submit_index.png) repeat-x;
				color: #004363;
			}

			#index #searchForm .inputSubmit:focus,
			#index #searchForm .inputSubmit:focus {
				border-color: #9e8f88;
				background: #cfc4be url(../images/button_bg.png) repeat-x;
				color: #004363;
			}

			/* Video */

		 	#video #searchForm .inputText {
				border-color: #679db6;
				background: #4584a1 url(../images/searchform_text_video.png) repeat-x;

				/* Transition */
				-webkit-transition: none;
			}

				#video #searchForm .inputText:focus,
				#video #searchForm .inputText.focus,
				#video #searchForm .inputText.keepFocus {
					background: #FFF url(../images/searchform_text_index_focus.png) repeat-x;

					/* Transition */
					-webkit-transition: none;
				}

			#video #searchForm .inputSubmit {
				border-color: #002131;
				background: #003650;
				color: #DEF4FF;
			}

			#video #searchForm .inputSubmit:focus,
			#video #searchForm .inputSubmit:focus {
				border-color: #13597a;
				background: #0677ad url(../images/searchform_submit_video_focus.png) repeat-x;
				color: #FFF;
			}

			/* Home */

			#home #searchForm .inputText {
				/* @inc .opacity */
				opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=75); /* IE lt 8 */
				-ms-filter: "alpha(opacity=75)"; /* IE 8 */
				-khtml-opacity: .75; /* Safari 1.x */
				-moz-opacity: .75; /* FF lt 1.5, Netscape */
			}

			#home #searchForm .inputText:focus,
			#home  #searchForm .focus {
				/* @inc .opacity */
				opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=100); /* IE lt 8 */
				-ms-filter: "alpha(opacity=100)"; /* IE 8 */
				-khtml-opacity: 1; /* Safari 1.x */
				-moz-opacity: 1; /* FF lt 1.5, Netscape */
			}

			#home #searchForm .inputText {
				border-color: #64809b;
			}

			#home #searchForm .inputSubmit {
				border-color: #64809b;
				background: #d1d9e0 url(../images/searchform_submit_home.png) repeat-x;
			}

.demoScreenshot {
	overflow: hidden;
	margin-bottom: 4px;
}

	.demoScreenshot a {
		border: none;
		display: block;
		height: 82px;
		width: 125px;
		overflow: hidden;
		background: url(../images/demo_screenshot.jpg) no-repeat 0 -82px;
	}

	.demoScreenshot img {
		display: block;
	}

	.demoScreenshot a:link img,
	.demoScreenshot a:visited img {
		/* @inc .opacity */
		opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=100); /* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
		-khtml-opacity: 1; /* Safari 1.x */
		-moz-opacity: 1; /* FF lt 1.5, Netscape */
	}

	.demoScreenshot a:hover img,
	.demoScreenshot a:active img,
	.demoScreenshot a:focus img {
		/* @inc .opacity */
		opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=0); /* IE lt 8 */
		-ms-filter: "alpha(opacity=0)"; /* IE 8 */
		-khtml-opacity: 0; /* Safari 1.x */
		-moz-opacity: 0; /* FF lt 1.5, Netscape */

		/* Transition */
		-webkit-transition: opacity 0.5s linear;
	}

/*
	Home
	Secondary content
*/

#home #secondaryContent {
	background: #FFF;
	width: 920px;
	overflow: hidden;
}

#home #secondaryContent p:first-child,
#home #secondaryContent p.firstChild {
	margin: 0 0 6px;
}

	/* Clearfix */
	#secondaryContent {
		zoom: 1;
	}

	#secondaryContent:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#secondaryContent .section {
		float: left;
	}

		/* Section widths */
		#secondaryContent #news { width: 250px; }
		#secondaryContent #generic { width: 250px; }
		#secondaryContent #generic2 { width: 250px; }
		#secondaryContent #metaNavigation { width: 170px; }

/*
	Home
	Section generic/brochure/news
*/

#secondaryContent #news li {
	margin: 0 0 6px;
}

	#news .cycle-2 {
		display: none;
	}

#secondaryContent .sectionHeading {
	background: #9D8D85 url(../images/sections_headings.png) no-repeat 0 12px;
	height: 130px;
	width: 24px;
	overflow: hidden;
	float: left;
}

	#generic .sectionHeading {  background: #C5AEA3 url(../images/sections_headings.png) no-repeat -24px 12px; }
	#generic2 .sectionHeading { background: #DAC3B7 url(../images/sections_headings.png) no-repeat -48px 12px; }

	#secondaryContent .sectionHeading h3 {
		margin: 0;
		padding: 10px 0;
		text-transform: uppercase;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #FFF;
	}

		#secondaryContent .sectionHeading h3 span {
			/* @inc .offScreen */
			position: absolute;
			top: -9000px;
			left: -9000px;
			/* For screenreaders*/
		}

#secondaryContent .sectionContent {
	float: left;
	width: 202px;
	font-size: 11px;
	margin: 12px;
	/* Fix double margin bug */
	_display: inline;
}

/*
	Section: metaNavigation
*/

/*
	LinkedIn call to action
	@see @inc .offScreen
*/
#secondaryContent #metaNavigation #linkedInCTA {
	margin-top: 12px;
	background: url(../images/linkedin_cta.png) no-repeat;
	width: 99px;
	height: 43px;
}

	#metaNavigation #linkedInCTA a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

/* Actual navigation */
#metaNavigation {
	padding-top: 10px;
}
#metaNavigation ul {
	font-size: 11px;
	font-weight: 700;
}

	#metaNavigation li {
		border-bottom: 1px solid #C7C7C7;
	}

		#metaNavigation li:last-child,
		#metaNavigation li.lastChild {
			border: none;
		}

		#metaNavigation li a {
			border: none;
			display: block;
			line-height: 2;
		}

/*
	Footer
*/

#footerWrapper {
	width: 920px;
	margin: 0 auto;
}

#footer {
	color: #787f90;
	padding: 14px 0;
}

	/* Clearfix */
	#footer {
		zoom: 1;
	}

	#footer:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#footer ul {
	float: right;
}

#footer li {
	font-size: 11px;
	float: left;
	padding-left: 12px;
}

	#footer a:link,
	#footer a:visited {
		color: #787F90;
		border-color: #a2aab5;
		display: block;
		float: left;
	}

	#footer a:hover,
	#footer a:active,
	#footer a:focus {
		color: #0D8DC9;
		border-color: #0D8DC9;
	}

/*
	Buttons
*/

a.button:link,
a.button:visited {
	border: 1px solid #D4C3BA;
	background: #F8E6DE url(../images/button_bg.png) repeat-x;
	color: #156C95;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	cursor: pointer;
	display: inline-block;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

}

a.button:hover,
a.button:active,
a.button:focus {
	border: 1px solid #6BA1CB;
	color: #0D8DC9;
	background: #FFF;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;

	/* Transition */
	-webkit-transition: background 0.33s ease-in-out;
}

/* Button holders */

.buttonHolder {
	zoom: 1;
}

	.buttonHolder .button {
		float: left;
		margin-right: 3px;
	}

.buttonHolder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
    Forms
*/

/* Modify input[type="text"] and textareas */

.inputText,
.inputPassword,
textarea,
input[type="text"],
input[type="password"] {

	background: #FFF url(../images/ds.png) repeat-x;
	border: 1px solid #BBB;
	border-color: #888 #BABABA #BABABA #CDCDCD;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Transition */
	-webkit-transition: background-color 0.28s linear;

}

/* Repeat font statement since IE6 does not "get" previous selector */
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

/* Disabled fields */
input.inputText[disabled="disabled"],
input.inputPassword[disabled="disabled"],
input.disabled {
	background: #EEE;
	color: #666 !important;
}

.inputText,
input[type="text"],
.inputPassword,
input[type="password"] {
	padding: 3px 2px;
	color: #202020;
}

	/* Fix alignment in Chrome/Saf */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.inputText,
		input[type="text"],
		.inputPassword,
		input[type="password"] {
			height: 14px;
		}
	}

	.inputText:focus,
	input[type="text"]:focus,
	.inputPassword:focus,
	input[type="password"]:focus,
	textarea:focus,
	.inputText.focus,
	input[type="text"].focus,
	.inputPassword.focus,
	input[type="password"].focus,
	textarea.focus {
		color: #000;
		border-color: #6BA1CB;

		/* @inc .boxShadow */
		box-shadow: 0 0 3px #6BA1CB;
		-moz-box-shadow: #6BA1CB 0 0 3px;

	}

/*
	Inputs with a .code class get a monospaced font
*/

input.code,
textarea.code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
	font-size: 11px;
}

/* Selects should be left alone (not stylable without troubles) */
select {
	/* Nothing */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

/* Input type file should be left alone */
.inputFile {
	font-size: 11px;
}

/* Input submit gets replaced by a button, yet some styles here for better buildup */

input[type="submit"],
.inputSubmit {
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-weight: 700;
	border: 1px solid #D4C3BA;
	background: #F8E6DE url(../images/button_bg.png) repeat-x;
	color: #156C95;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Firefox */
	height: 22px;
	padding-bottom: 2px;
	vertical-align: middle;

}

input[type="submit"]:hover,
input[type="submit"]:focus {
	border-color: #6BA1CB;
	color: #005DAB;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;
}

	/*
		Focus outline; Mozilla specific since Safari implements this right
	*/
	@-moz-document url-prefix() {

		.inputText,
		.inputPassword {
			height: 14px;
			line-height: 14px;
		}

	}

form p {
	margin: 0 0 12px 0;
	clear: both;
}

	/* Act as <p> e.g. for wrapping label+textarea */
	form div.section {
		margin: 0 0 12px 0;
		clear: both;
	}

	form p,
	form div.section {
		zoom: 1;
	}

	form p:after,
	form div.section:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.helpTxt {
	display: block;
	font-size: 11px;
	color: #808080;
}

	.helpTxt a {
		font-weight: 700;
	}

form .inputList {
	padding: 0;
}

	form .horizontal .inputList {
		float: left;
	}

form .inputList li {
	position: relative;
	padding: 0 0 4px 24px;
	_right: 24px;
}

	form .inputList li li {
		padding-left: 0;
	}

form .horizontal .inputList label {
	float: none;
	width: auto;
}

	form .inputList li .inputRadio,
	form .inputList li .inputCheckbox,
	form .inputList li input[type="radio"],
	form .inputList li input[type="checkbox"] {
		position: absolute;
		left: 0;
		top: 0;
	}

/*
	Form messages/validation
*/

/* Error */

.formError,
.formErrorGlobal {
	color: red;
	display: block;
}

.formError .inputList label {
	color: #333;
}

	.formError input.inputText,
	.formError input.inputPassword,
	.formError textarea {
		border-color: red;
	}

	/* Textual error */
	.formError .errorTxt {
		font-size: 11px;
		clear: both;
		display: block;
		color: red;
	}

	.formError .inputList + .errorTxt {
		padding-left: 130px;
	}

		.horizontal .formError .errorTxt {
			padding-left: 115px;
		}

/* Success */

.formSuccess {
	color: green;
	font-weight: 700;
}

/*
	Input sizes
*/

.xxxs { width: 20px; }
.xxs { width: 40px; }
.xs { width: 80px; }
.s { width: 120px; }
.m { width: 160px; }
.l { width: 200px; }
.xl { width: 240px; }
.xxl { width: 280px; }
.xxxl { width: 320px; }

/*
	Presentational classes
*/

.mute {
	color: #808080;
}

/*
	The Magic One Liner
	----
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder,
.oneLiner .floater {
	float: left;
	margin-right: 4px;
}

	.section .oneLiner {
		float: left;
	}

	.oneLiner p {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 22px;
		clear: none;
		width: auto;
		/* Same height as button height */
	}

		.horizontal .oneLiner .helpTxt {
			padding: 0 !important;
		}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

/* "Fake" label */
form p.label {
	padding-bottom: 0;
	border: none;
}

form p label {
	display: block;
}

form textarea {
	width: 300px;
	display: block;
}

form .horizontal textarea {
	width: auto;
}

form ul .helpTxt {
	padding: 0 0 0 24px;
}

form .horizontal p label {
	display: inline;
}
form .horizontal .helpTxt { display: block; padding: 1px 0 1px 106px; }

form .labelWidthLong .helpTxt { padding: 1px 0 1px 145px; }

form .horizontal label,
form .horizontal p.label { float: left; width: 105px; padding-right: 10px; line-height: 17px; padding: 2px 0;}

	/* Alternate label widths */

	form .labelWidthLong label,
	form .labelWidthLong p.label {
		width: 145px;
	}

#profilePassword .horizontal label { width: 170px; }

form .horizontal p.label {
	margin: 0;
}

form .spacing,
form .horizontal span.formError {
	padding-left: 105px;
}

form .labelWidthLong span.formError  {
	padding-left: 145px;
}

form abbr { cursor: help; }

form .block { display: block !important; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form p { zoom: 1; }

/*
	Specific forms
*/

/* Contact form */

#contactForm #name { width: 150px; }
#contactForm #email { width: 190px; }
#contactForm #subject { width: 300px; }
#contactForm #message { width: 300px; height: 170px; }

#contactForm .inputList li {
	width: 280px;
}

/*
	Utilities
*/

/*
	Utility: center horizontally
	Use: center an element with variable width horizontally

	Markup pattern:

	<div class="chWrap"><div class="ch"><div class="chInner">
		Element here
	</div></div></div>

	@see ie6.css for conditional comment CSS specifically for IE6
*/

.chWrap {
	width: 100%;
	overflow: hidden;
}

.ch {
	float: left;
	position: relative;
	left: 50%;
}

.chInner {
	position: relative;
	left: -50%;
}

/*
	Grid structures
*/

/* Generic two column structure */

.twoColumns {
	zoom: 1;
}

	.columnLeft {
		float: left;
		width: 200px;
	}

	.columnRight {
		float: left;
		width: 200px;
	}

.twoColumns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	/* Instances */
	#eyecatcher .twoColumns {
		padding-top: 28px;
	}

	#eyecatcher .columnLeft {
		width: 296px;
		padding-left: 40px;
		padding-right: 29px;
	}

	#eyecatcher .columnRight {
		width: 127px;
	}

/*
	Clearer
	"If you absolutely, positively need to kill every float in the room"
*/

.clearer {
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

/*
	General UI constructs
*/

/* Center anything horizontally */

.centerHorizontallyWrap {
	width: 100%;
	overflow: hidden;
}

.centerHorizontally {
	float: left;
	position: relative;
	left: 50%;
}

.centerHorizontallyInner {
	position: relative;
	left: -50%;
}

/*
	Figure
*/

.figureHolder {
	margin: 0 0 12px;
}

	.figureHolder {
		zoom: 1;
	}

	.figureHolder:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.figureHolder .figure {
	float: left;
}

.figure .img {
	display: block;
}

.figure .legend {
	text-align: center;
}

/*
	Image classes
*/

img.alignLeft {
	float: left;
	padding: 0 12px 12px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 12px 12px;
}

/*
	Small print
*/

.smallPrint {
	font-size: 11px;
	color: #666;
}

/*
	Table types
*/

	/*
		Infogrid
	*/

	.infoGrid {
		width: 100%;
	}

	.infoGrid tbody th {
		color: #000;
		width: 25%;
		border-bottom: 1px solid #d3dbe2;
	}

	.infoGrid tbody td {
		font-size: 12px;
		border-bottom: 1px solid #d3dbe2;
	}

	.infoGrid tbody tr:last-child td,
	.infoGrid tbody tr:last-child th,
	.infoGrid tbody tr.lastChild td,
	.infoGrid tbody tr.lastChild th {
		border: none;
	}

/*
	404 page
*/

#error404 {
	width: 920px;
	text-align: center;
	padding: 32px 0;
}

#error404 h1 {
	font-size: 120px;

	/* @inc .opacity */
	opacity: 0.25;
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	-khtml-opacity: 0.25;
	-moz-opacity: 0.25;
}

#error404 .sitemap {
	text-align: left;
}

	.sitemap ul {
		padding: 0 0 0 24px;
		list-style: none;
	}
	
		.sitemap li a {
			display: block;
			background: #FFF;
			padding: 3px 6px;
			width: 120px;
			border-left: 2px solid #005278;
		}
		
			.sitemap li a {
				background: rgba(255,255,255,0.75);
			}
				
				.sitemap li li a {
					background: rgba(255,255,255,0.50);
				}
				
					.sitemap li li li a {
						background: rgba(255,255,255,0.25);
					}

			.sitemap li a:hover,
			.sitemap li a:active,
			.sitemap li a:focus {
				background: rgba(255,255,255,1);
			}

/*
	Content page (index.tpl)
*/

#index #pageTitle {
	position: relative;
	background: url(../images/title_bar.png) no-repeat;
	height: 83px;
}

	#pageTitle h1,
	#pageTitle h2 {
		color: #FFF;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 22px;
		margin: 0;
	}

	#index #pageTitle h1,
	#index #pageTitle h2 {
		position: absolute;
		left: 251px;
		top: 50px;
	}

	#video #pageTitle h1,
	#video #pageTitle h2 {
		font-size: 20px;
		position: absolute;
		left: 99px;
		top: 17px;
	}

/*
	Modal box pattern
	Requirements:
		* no padding or margin on body, html
		* use CSS reset
*/

/*
	If this is defined elsewhere,
	feel free to remove it:
*/

html, body {
	width: 100%;

	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#modalOverlay {
	z-index: 1000;

	height: 100%;
	width: 100%;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;

	background: #7C92A7;
	background: -webkit-gradient(linear, left top, left bottom, from(#79A9D8), to(#7C92A7));

	/* @inc opacity */
	opacity: 0.33;
	filter: alpha(opacity=33);
	-ms-filter: "alpha(opacity=33)";
	-khtml-opacity: 0.33;
	-moz-opacity: 0.33;
}

/*
	Modal itself
*/

.modal {
	z-index: 1200;
}

.modal .mContent {
	width: 620px;
	position: relative;
	margin: 30px;
}

.modal .modalClose {
	position: absolute;
	right: -8px;
	top: -8px;


	/* @inc .boxShadow */
	box-shadow: 0 0 5px #6BA1CB;
	-webkit-box-shadow: 0 0 5px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 5px;
}

.modal .mContent {
	background: #FFF;
	min-width: 100px;
	min-height: 100px;
	position: relative;
	margin: 0 auto;

	/* @inc .boxShadow */
	box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
	-moz-box-shadow: rgba(0,0,0,0.25) 3px 3px 12px;
}

	.mContent .figure {
		text-align: center;
		line-height: 0;
		padding: 30px 0 20px 0;
	}
	
		.mContent .figure img {
			max-width: 580px;
			max-height: 450px;
		}
	

	.mContent .caption {
		text-align: center;
		padding: 12px;
		margin: 0;
		background: #f1e8e3;
		font-weight: 700;
		zoom: 1;
	}

/*
	Page specific: search results
*/

.externalLink {
	background: #FFC;
	padding: 12px;
}

#searchResults li {
	padding-bottom: 7px;
	margin-bottom: 7px;
}

#searchResults p.title {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#searchResults p.url {
	font-size: 11px;
}

	#searchResults p.url a {
		color: #999;
		border: none;
	}

#searchResults p.description {
	font-size: 11px;
	margin: 0;
}

#searchResults p {
	padding: 0;
}

#searchResults #didYouMean {
	padding: 0 0 12px;
}

/*
	Lightbox link
*/

a.lightbox {
	border: none;
}

img.lightbox {
	border: none;
}

/*
	Two columns snippet
*/

.content .twoColumns {
	margin: 0;
}

.content .twoColumns td {
	padding: 0;
	/* @inc .contentTxt*/
	font-size: 11.5px;
	line-height: 1.8;
	color: #777;
}

	.content .twoColumns .twoColumsLeft {
		padding-right: 10px;
	}

	.content .twoColumns .twoColumsRight {
		padding-left: 10px;
	}

/*
 	Pattern: pagination
*/

.paginationWrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentPage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: #000;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #FFF;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #1A3A56;
	border: 1px solid #1A3A56;
	color: #FFF;
}

.nextPage, .previousPage { font-size: 11px !important; }
.pagination li.nextPage { margin-left: 10px; }
.pagination li.previousPage { margin-right: 15px; }