html, body {
	margin: 0;
}

html {
	background: url('/graphics/html_bg.png') bottom left repeat-x #FFF;
	background-attachment: fixed;
	min-height: 100%;
	_height: 100%;
}
body {
	background: url('/graphics/body_bg.jpg') 0 0 repeat-x;
	text-align: center;
	font-size: 71%;
	padding-top: 77px;
	line-height: 150%;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

td {
	text-align: left;
}

h1 {
	color: #003A73;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 140%;
	margin: 0 0 5px 0;
}
	h1 a {
		text-decoration: none;
	}

h2 {
	font-size: 1.1em;
	color: #003A73;
	font-weight: bold;
	/*text-transform: uppercase;*/
	line-height: 1.3em;
	margin: 0 0 3px 0;
}

h3 {
	color: #FFA100;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0em;
}

a {				
	text-decoration: underline;
	color: #003A73; 
}
a:hover {	
	color: #FFA100;
}
	h2 a {
		color: #003A73;
		text-decoration: none
	}
	h2 a:hover {
		color: #003A73;
		text-decoration: underline
	}

p, form {
	margin: 0em;
}

ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

div.clear {
	height: 0.01em;
	overflow: hidden;
	clear: both;
}
div.hr {
	background: url('/graphics/dash.gif') 0 10px repeat-x;
	margin: 0;
	padding: 9px 0;
}

.noshow { display: none; }

a.readmore {
	display: block;
	float: left;
	padding-right: 8px;
	background-image: url('/graphics/arrow_grey.gif');
	background-position: 100% 5px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666;
}
a.readmore:hover {
	background-image: url('/graphics/arrow_orange.gif');
	color: #FFA100;
}

a.goback {
	display: block;
	float: left;
	padding-left: 8px;
	background-image: url('/graphics/arrow_grey_back.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666;
}
a.goback:hover {
	background-image: url('/graphics/arrow_orange_back.gif');
	color: #FFA100;
}

span.select {
	display: inline-block;
	border: 1px solid #E6E6E6;
	background-color: white;
	width: 200px;
	margin: 0;
}
	span.select span.cnt {
		float: left;
		display: inline-block;
		line-height: 19px;
		width: 180px;
		_width: 174px;
		padding: 0px 1px;
		white-space: nowrap;
		overflow: hidden;
	}
	span.select span.arrow {
		position: relative;
		float: right;
		display: inline-block;
		background-image: url('/graphics/ddarrow.gif');
		background-repeat: no-repeat;
		width: 24px;
		height: 19px;
		margin-right: -10px;
	}
	
/* Dropdown <div> element for dynamically created selectboxes. */
div.selectdd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 330px;
	max-height: 200px;
	_height: 150px;
	background-color: white;
	border: 1px solid #E6E6E6;
	display: none;
	overflow: auto;
	padding: 3px;
}
	div.selectdd div.lft {
		width: 150px;
		border-right: 1px solid #E6E6E6;
		float: left;
		padding-right: 3px;
	}
	div.selectdd div.rgt {
		width: 150px;
		float: left;
		padding-left: 3px;
	}
	
	div.selectdd div div {
		margin-bottom: 7px;
	}
		div.selectdd div div span.clear {
			display: block;
			clear: both;
		}
	
	div.selectdd span.cbset {
		display: block;
		clear: both;
	}
	div.selectdd span.groupheader {
		font-weight: bold;
	}
	div.selectdd span.indent {
		margin-left: 12px;
	}
		div.selectdd span.cbset input {
			float: left;
			vertical-align: middle;
		}
		div.selectdd span.cbset label {
			color: black;
			float: left;
			text-align: left;
			width:	130px;
		}
		div.selectdd span.cbset.indent label {
			color: black;
			float: left;
			text-align: left;
			width:	115px;
		}

/*******************************************************************************
** ALL ELEMENTS THAT SHOULD HAVE THE BASIC FONT
*******************************************************************************/
body, table, td, input, select, textarea {
	font-family: Arial, Verdana, Tahoma, Georgia, sans-serif;
}
table, td, input, select, textarea {
	font-size: 1.0em;
}
body, table, td {
	color: #000000;
}
div.main div.header, div.main div.menu, div.dropdown {
	font-family: Arial, Verdana, Tahoma, sans-serif;
}

/*******************************************************************************
** BASIC FORM ELEMENTS
*******************************************************************************/

input.txt, textarea, select {
	border: solid 1px #E0E0E0;
	background-color: #FFF;
	padding: 0;
}
input.txt {
	padding: 1px 1px 0 1px;
	height: 17px;
}
input.deftxt, span.deftxt {
	color: gray;
}

fieldset table.disabled td {
	padding: 0;
}

fieldset table.disabled input.txt {
	border: 0;
	background-color: transparent;
	padding: 0;
	color: #000;
	height: auto;
}

input.btn,
input.btn_hover {
	background: url('/graphics/btn_sprite.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: transparent;
	height: 21px;
	behavior: url('/inc/styles/hover.htc');
	vertical-align: bottom;
	border: none;
	cursor: pointer;
	color: transparent;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0em;
	margin: 0 0 0 5px;
}
input.btn:hover,
input.btn_hover {
	background-position: 0 -20px;
}
input.enquiry {
	width: 200px !important;
	height: 20px !important;
	background-position: 0 -455px !important;
	color: transparent !important;
}
input.enquiry:hover,
input.enquiry_hover {
	width: 200px !important;
	height: 20px !important;
	background-position: 0 -476px !important;
	color: transparent !important;
}

input.cb {
	float: left;
	margin: 0.25em 0em 0em 0.3em;
	#margin-top: 2px;
	padding: 0;
	height: 1.2em;
}
label.lbl {
	float: left;
	display: block;
	padding: 0 5px 1px 5px;
	margin: 0;
}
span.err, td.err {
	color: red;
}

div.tags {
	border-top: 1px solid #E0E0E0;
	font-weight: bold;
	margin-top: 50px;
}
	div.tags span {
		font-weight: normal;
		color: #003A73;
	}

div.dateinput {
	line-height: 100%;
	background-color: #F6F6F7;
	border: 1px solid silver;
	float: left;
	height: 17px;
	#height: 19px;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0 1px 0;
		margin: 0;
		border: 0;
		font-size: 11px;
		line-height: 17px;
		height: 17px;
	}
	div.dateinput span {
		padding: 2px 0 2px 0;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }
	
/*******************************************************************************
** ALL SPECIFIC BUTTONS WITH THEIR OWN CAPTIONS.
*******************************************************************************/
	
input.submit {
	background-position: -1px -365px;
	width: 75px;
	height: 21px;
	font-size: 0.0000em;
	margin: 10px 0;
}
input.submit_hover,
input.submit:hover {
	background-position: -77px -365px;
	width: 75px;
	height: 21px;
	font-size: 0.0000em;
	margin: 10px 0;
}
	
/*******************************************************************************
** ELEMENTS THAT MAKE OUT THE PAGE LAYOUT
*******************************************************************************/
div.shell {
	margin: 0 auto 0 auto;
	width: 968px;
	min-height: 400px;
	_height: 400px;
	padding: 0 0 0 10px;
	background-image: url('/graphics/content_shadow.png');
	_background-image: url('/graphics/content_shadow.gif');
	background-position: 0 0;
	background-repeat: repeat-y;
	text-align: left;
	z-index: 1;
}
	div.shell div.header {
		width: 958px;
		height: 173px;
		padding: 0 10px 0 0;
		position: relative;
		background: url('/graphics/rgt_bg.png') 100% 0 repeat-y;
		_background: url('/graphics/rgt_bg.gif') 100% 0 repeat-y;
	}
		div.shell div.header h1.title {
			position: absolute;
			top: -77px;
			left: 111px;
		}
		div.shell div.header div.pageimg {
			width: 900px;
			height: 338px;
			position: absolute;
			top: -77px;
			left: 111px;
			background-image: url('/graphics/header_img.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			_background-image: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/header_img.png', sizingMethod='scale');
		}
		
		div.shell div.header a.logo {
			width: 131px;
			height: 200px;
			display: block;
			position: absolute;
			top: -50px;
			left: 25px;
			background-image: url('/graphics/logo.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			_background-image: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/logo.png', sizingMethod='scale');
			cursor: pointer;
		}
		
		div.shell div.header div.socials {
			width: 110px;
			height: 22px;
			position: absolute;
			top: -40px;
			right: 0;
		}
			div.shell div.header div.socials a {
				display: block;
				float: left;
				width: 20px;
				height: 21px;
				margin-right: 10px;
				background-image: url('/graphics/socials_sprite.gif');
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			div.shell div.header div.socials a.facebook { background-position: 0 0; }
			div.shell div.header div.socials a.facebook:hover { background-position: 0 -21px; }
			div.shell div.header div.socials a.linkedin { background-position: -20px 0; }
			div.shell div.header div.socials a.linkedin:hover { background-position: -20px -21px; }
			div.shell div.header div.socials a.twitter { background-position: -40px 0; }
			div.shell div.header div.socials a.twitter:hover { background-position: -40px -21px; }
			
			
	div.shell div.menu {
		width: 958px;
		padding: 0 10px 0 0;
		background: url('/graphics/rgt_bg.png') 100% 0 repeat-y;
		_background: url('/graphics/rgt_bg.gif') 100% 0 repeat-y;
		height: 34px;
		position: relative;
	}
		div.shell div.menu ul {
			background-color: #029CF1;
			list-style: none;
			font-family: Helvetical arial, Tahoma, Verdana, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 12px;
			width: 927px;
			padding: 0 15px;
			float: left;
			line-height: normal;
		}
			div.shell div.menu ul li {
				float: left;
				margin: 0;
				padding: 0;
			}
				div.shell div.menu ul li a {
					display: block;
					color: #FFF;
					text-decoration: none;
					padding: 0 0 0 23px;
					margin-left: -10px;
					position: relative;
					#height: 33px;
					_width: 1px;
				}
					div.shell div.menu ul li a span.arrow {
						display: block;
						padding: 10px 20px 9px 0;
						white-space: nowrap;
					}
					
				div.shell div.menu ul li a:hover,
				div.shell div.menu ul li a.selectedlink {
					color: #FFF;
					text-decoration: none;
					background: url('/graphics/menu_active_lft.gif') 0 0 no-repeat;
				}
					div.shell div.menu ul li a:hover span.arrow,
					div.shell div.menu ul li a.selectedlink span.arrow {
						background: url('/graphics/menu_active_rgt.gif') 100% 0 no-repeat;
					}
		
	div.shell div.main {
		width: 968px;
		padding: 0;
		z-index:1000;
	}
		div.shell div.main div.content {
			float: left;
			width: 650px;
			_overflow-x: hidden;
			padding: 25px;
			min-height: 540px;
			_height: 540px;
			position: relative;
		}
			div.shell div.main div.content ul {
				margin-left: 25px;
			}
			
			div.shell div.main div.content div.content_rgt {
				float: right;
				width: 235px;
				border-left: solid 1px #E6E6E6;
				padding: 10px 0 0 15px;
				margin-bottom: 15px;
				margin-left: 15px;
			}
				div.shell div.main div.content div.content_rgt strong a {
					text-decoration: none;
					color: #666;
				}
				div.shell div.main div.content div.content_rgt strong a:hover {
					text-decoration: underline;
					color: #003A73;
				}
				div.shell div.main div.content a.rss {
					float: right;
					display: block;
					width: 20px;
					height: 20px;
					z-index: 1000;
					position: relative;
				}
					div.shell div.main div.content a.rss img {
						display: block;
						border: 0;
					}

				div.shell div.main div.content div.content_rgt a.rss {
					float: right;
					display: block;
					border: 0;
					z-index: 1000;
					position: absolute;
					width: 20px;
					height: 20px;
					margin-left: 215px;
					#margin-left: -20px;
				}
					div.shell div.main div.content div.content_rgt a.rss img {
						display: block;
						border: 0;
					}
				
				div.shell div.main div.content div.content_rgt ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
					div.shell div.main div.content div.content_rgt ul li {
						margin: 0;
						padding: 9px 0;
						list-style: none;
						line-height: 140%;
						color: #999;
						background: url('/graphics/dash.gif') 100% 100% repeat-x;
					}
						div.shell div.main div.content div.content_rgt ul li a.img {
							float: left;
							width: 80px;
							height: 80px;
							margin: 0 10px 0 0;
							_margin: 12px 10px 0 0;
							border: solid 1px #EEE;
							background-position: center;
							background-repeat: no-repeat;
							text-decoration: none;
							display: block;
						}
						div.shell div.main div.content div.content_rgt ul li a.img:hover {
							border: solid 1px #DDD;
						}
					
					div.shell div.main div.content div.content_rgt ul.headlines li {
						margin: 0;
						padding: 5px 0 6px 0;
						list-style: none;
						display: block;
					}
					
						div.shell div.main div.content div.content_rgt ul.headlines li a {
							text-decoration: none;
						}
							div.shell div.main div.content div.content_rgt ul.headlines li a em {
								color: #ccc;
								font-weight: normal
							}
							
					div.shell div.main div.content div.content_rgt ul.headlines li div.date {
						color: #003A73;
						font-weight: bold;
						font-size: 11px;
					}
						
				div.shell div.main div.content div.content_rgt a.more_news {
					display: block;
					width: 80px;
					height: 21px;
					padding-left: 22px;
					color: #0299ED;
					font-size: 1px;
					position: relative;
					margin-top: -10px;
					float: right;
					background-image: url('/graphics/btn_sprite.gif');
					background-position: 0 0;
					background-repeat: no-repeat;
				}
				div.shell div.main div.content div.content_rgt a.more_news:hover {
					color: #F4AB44;
					background-position: -102px 0;
				}

			div.shell div.main div.content div.searchovv div.item {
				padding-bottom: 10px;
			}	
			div.shell div.main div.content div.searchovv div.pagenumbers {
				float: left;
				padding-left: 20px;
			}
			
			div.shell div.main div.content div.newsimg {
				background-position: center;
				background-repeat: no-repeat;
				float: right;
				width: 250px;
				margin: 0 0 10px 10px;
				border: solid 1px #EEE;
			}
			
			div.shell div.main div.content div.news {
				float: left;
				width: 370px;
				padding: 10px 0 0 0;
			}
				div.shell div.main div.content div.news ul,
				div.shell div.main div.content div.news li {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				div.shell div.main div.content div.news li {
					padding: 0 0 15px 0;
				}
					div.shell div.main div.content div.news ul li em {
						color: #ccc;
					}
					
					div.shell div.main div.content div.news ul li a.img {
						float: left;
						width: 80px;
						height: 80px;
						margin: 0 10px 0 0;
						_margin: 12px 10px 0 0;
						border: solid 1px #EEE;
						background-position: center;
						background-repeat: no-repeat;
						text-decoration: none;
						display: block;
					}
					div.shell div.main div.content div.news ul li a.img:hover {
						border: solid 1px #DDD;
					}

			div.shell div.main div.content div.eventdate {
				float: left;
				width: 50px;
				height: 50px;
				padding: 0;
				border: solid 1px #E6E6E6;
				color: #003A73;
				font-weight: bold;
				font-size: 11px;
				text-align: center;
			}
				div.shell div.main div.content div.eventdate span {
					display: block;
					font-size: 24px;
				}
				div.shell div.main div.content div.eventdate small {
					color: #003A73;
					font-size: 10px;
				}
			
			div.shell div.main div.content div.eventdetails {
				float: left;
				width: 583px;
				padding: 15px 0 15px 15px;
				border-top: solid 1px #E6E6E6;
			}
				div.shell div.main div.content div.eventdetails h2 {
					line-height: 100%;
					margin: 0;
				}
				div.shell div.main div.content div.eventdetails div {
					font-size: 11px;
				}
			
			div.shell div.main div.content div.events {
			}
				div.shell div.main div.content div.events h2 {
					line-height: 100%;
					margin: 0;
				}
				
				div.shell div.main div.content div.events div.date {
					float: left;
					width: 50px;
					height: 50px;
					padding: 0;
					border: solid 1px #E6E6E6;
					color: #003A73;
					font-weight: bold;
					font-size: 11px;
					text-align: center;
				}
					div.shell div.main div.content div.events div.date span {
						display: block;
						font-size: 24px;
					}
					div.shell div.main div.content div.events div.date small {
						color: #003A73;
						font-size: 10px;
					}
				
				div.shell div.main div.content div.events div.event {
					float: left;
					width: 303px;
					padding: 15px 0 15px 15px;
					border-top: solid 1px #E6E6E6;
				}
				
				div.shell div.main div.content div.morenews ul,
				div.shell div.main div.content div.morenews li  {
					list-style: none;
					margin: 0;
					padding: 0;
				}

			div.shell div.main div.content div.banners {
				float: left;
				width: 608px;
				padding: 34px 6px 24px 34px; 
				border: solid 1px #E6E6E6;
				background-color: #F7F7F7;
			}
				div.shell div.main div.content div.banners div.banner {
					float: left;
					width: 148px;
					height: 180px;
					padding: 4px 0 0 4px;
					overflow: hidden;
					position: relative;
				}
					div.shell div.main div.content div.banners div.banner a.dogear {
						display: block;
						position: absolute;
						top: -1px;
						left: -1px;
						z-index: 200;
						display: block;
						width: 46px;
						height: 46px;
						background: transparent;
						background-image: url('/graphics/dogear_sprite.gif');
						background-position: 0 0;
						background-repeat: no-repeat;
						border: 0;
					}
					div.shell div.main div.content div.banners div.banner a.dogear:hover {
						background-position: 0 -46px;
					}
					div.shell div.main div.content div.banners div.banner a.hidden {
						display: none !important;
					}					
					
					div.shell div.main div.content div.banners div.banner a {
						display: block;
						width: 133px;
						height: 105px;
						border: solid 1px #E6E6E6;
						background-position: center;
						background-repeat: no-repeat;
						background-color: #FFF;
					}
						
					div.shell div.main div.content div.banners div.banner span {
						display: block;
						padding: 5px 27px 0 0;
						color: #777;
						line-height: 130%;
					}
						div.shell div.main div.content div.banners div.banner span strong {
							border-right: solid 1px #666;
							color: #666;
						}
						div.shell div.main div.content div.banners div.banner span strong.hidden {
							border-right: 0;
						}
		
		div.shell div.main div.rgt {
			float: left;
			width: 258px;
			padding: 20px 10px 4px 0;
			background: url('/graphics/rgt_bg.png') 100% 0 repeat-y;
			_background: url('/graphics/rgt_bg.gif') 100% 0 repeat-y;
		}
			div.shell div.main div.rgt div.block {
				padding: 20px 20px 15px 20px;
				margin: 15px 0 0 0;
				text-align: right;
				font-size: 1.05em;
				color: #FFF;
				background: url('/graphics/rgt_block_bg.jpg') 0 0 repeat-y;
				min-height: 1px; 
				_height: 1px;
			}
				div.shell div.main div.rgt div.block h1 {
					color: #FFA100;
				}
				div.shell div.main div.rgt div.search h1 {
					font-size: 1.3em;
					#font-size: 1.25em;
					white-space: nowrap;
				}
				div.shell div.main div.rgt div.solutionsearch h1 {
					font-size: 1.4em;
					white-space: nowrap;
				}
				div.shell div.main div.rgt div.block h2 {
					color: #FFF;
					font-size: 1.6em;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 120%;
					margin: 0;
				}
				
				div.shell div.main div.rgt div.block input {
					margin-top: 5px;
				}
				
				div.shell div.main a.btn {
					display: block;
					height: 25px;
					padding-top: 1px;
					padding-right: 26px;
					color: #FFA500;
					font-size: 1px;
					float: right;
					background-image: url('/graphics/btn_sprite.gif');
					background-position: 0 -21px;
					background-repeat: no-repeat;
				}
				div.shell div.main a.btn:hover {
					color: #F4AB44;
					background-position: -146px -21px;
				}
				
				div.shell div.main div.rgt div.block div.pagenumbers {
					float: right;
				}
			
			div.shell div.main div.rgt div.reg {
				#padding-top: 30px;
			}
				div.shell div.main div.reg a.btn {
					width: 120px;
					padding-right: 26px;
					background-position: 0 -21px;
				}
				div.shell div.main div.reg a.btn:hover {
					background-position: -146px -21px;
				}
			
			div.shell div.main div.rgt div.logout {
				text-align: left;
				#padding-top: 30px;
			}
				div.shell div.main div.rgt div.logout a.btn {
					display: block;
					width: 65px;
					height: 25px;
					padding-top: 1px;
					padding-left: 26px;
					padding-right: 0;
					background-position: 0 -219px;
					color: #029AEF;
				}
				div.shell div.main div.rgt div.logout a.btn:hover {
					background-position: -91px -219px;
					color: #E57C00;
				}
			
			div.shell div.main div.rgt div.login {
			}
				div.shell div.main div.login input.btn,
				div.shell div.main div.login input.btn_hover {
					float: right;
					width: 77px;
					height: 25px;
					#padding-top: 25px;
					background-position: 0 -48px;
					font-size: 0px;
					color: transparent;
				}
				div.shell div.main div.login input.btn:hover,
				div.shell div.main div.login input.btn_hover {
					width: 77px;
					background-position: -77px -48px;
				}
				
				div.shell div.main div.rgt div.login small {
					color: #C1D4E3;
					font-size: 0.8em;
				}
					div.shell div.main div.rgt div.login small a,
					div.shell div.main div.rgt div.login small a:hover {
						color: #C1D4E3;
					}
					
			div.shell div.main div.rgt div.search {
			}
			div.shell div.main div.rgt div.search a.tetratoday {
				display: block;
				position: relative;
				cursor: pointer;
				width: 223px;
				height: 79px;
				background: url('/graphics/tetra_today.gif') 100% 0 no-repeat;
			}
			
				div.search input.btn,
				div.search input.btn_hover {
					width: 89px;
					height: 26px;
					#padding-top: 20px;
					background-position: 0 -547px;
					font-size: 0px;
				}
				div.search input.btn:hover,
				div.search input.btn_hover {
					width: 89px;
					background-position: -89px -547px;
				}
			
			div.shell div.main div.rgt div.solutionsearch {
			}
				div.shell div.main div.rgt div.solutionsearch input.btnsolution,
				div.shell div.main div.rgt div.solutionsearch input.btnsolution_hover {	
					width: 103px;
					#width: 102px;
					height: 26px;
					#padding-top: 20px;
					background-position: 0 -522px;
					font-size: 0px;
				}
				div.shell div.main div.rgt div.solutionsearch input.btnsolution:hover,
				div.shell div.main div.rgt div.solutionsearch input.btnsolution_hover {
					width: 103px;
					#width: 102px;
					background-position: -103px -522px;
				}
				
				div.shell div.main div.rgt div.solutionsearch input.btncompany,
				div.shell div.main div.rgt div.solutionsearch input.btncompany_hover {
					float: left;
					width: 103px;
					#width: 102px;
					height: 26px;
					#padding-top: 20px;
					background-position: 0 -496px;
					font-size: 0px;
				}
				div.shell div.main div.rgt div.solutionsearch input.btncompany:hover,
				div.shell div.main div.rgt div.solutionsearch input.btncompany_hover {
					width: 103px;
					#width: 102px;
					background-position: -103px -496px;
				}
				
			div.shell div.main div.rgt div.solutionsearch span.dart {
				width: 203px;
				height: 15px;
				margin-top: 3px;
				padding-left: 5px; 
				float: left;
				text-align: center;
				background: url('/graphics/search_solution_dart.gif') 45px 5px  no-repeat;
			}
			
			div.shell div.main div.rgt div.tetraassociation {
			}
				div.shell div.main div.rgt div.tetraassociation a {
					color: #C1D4E3;
				}
				div.shell div.main div.rgt div.tetraassociation a.logo {
					display: block;
					/*margin: 15px 0 5px 0;*/
					width: 139px;
					/*height: 56px;*/
					height: 92px;
					float: right;
				}
					div.shell div.main div.rgt div.tetraassociation a.logo img {
						width: 139px;
						display: block;
						border: 0;
					}
				div.shell div.main div.rgt div.tetraassociation small {
					color: #C1D4E3;
					font-size: 0.8em;
					line-height: 0.9em;
					#line-height: 125%;
				}
			
			div.shell div.main div.rgt div.events {
			}
				div.shell div.main div.rgt div.events div.calendar {
					border-bottom: solid 1px #3285C4;
					padding: 5px 0;
				}
					div.shell div.main div.rgt div.events div.calendar a.event {
						display: block;
						float: right;
						width: 200px;
						padding: 0;
						color: #FFF;
						text-decoration: none;
						font-weight: normal;
						font-size: 13px;
					}
					div.shell div.main div.rgt div.events div.calendar a.event:hover {
						color: #FFA100;
						text-decoration: none;
					}
						div.shell div.main div.rgt div.events div.calendar a.event span,
						div.shell div.main div.rgt div.events div.calendar a.event:hover span {
							color: #FFF;
							font-weight: normal;
							text-decoration: none;
							font-size: 9px;
						}
					
					div.shell div.main div.rgt div.events div.calendar div.date {
						color: #3285C4;
						padding: 0;
						font-weight: bold;
						font-size: 12px;
					}
						div.shell div.main div.rgt div.events div.calendar div.date span {
							font-size: 14px;
						}
						div.shell div.main div.rgt div.events div.calendar div.date small {
							color: #3285C4;
							font-size: 10px;
						}
						
				div.shell div.main div.rgt div.events a.readmore {
					display: block;
					float: right;
					padding-right: 8px;
					margin-top: 3px;
					background-image: url('/graphics/arrow_white_rgt.gif');
					background-position: 100% 6px;
					background-repeat: no-repeat;
					font-size: 11px;
					font-weight: normal;
					color: #FFF;
					text-decoration: none;
				}
				div.shell div.main div.rgt div.events a.readmore:hover {
					background-image: url('/graphics/arrow_orange_rgt.gif');
					color: #FFA100;
					text-decoration: none;
				}
			
			div.shell div.main div.rgt div.rgt_footer {
				position: relative;
				margin-bottom: -10px;
				background: url('/graphics/rgt_footer_shadow.png') 0 0 no-repeat;
				_background: none;
				height: 10px;
			}
			

div.footer {
	margin: 0 auto;
	width: 978px;
	height: 25px;
	background: url('/graphics/footer.png') 0 0 no-repeat;
	_background: url('/graphics/footer.gif') 0 0 no-repeat;
}
	div.footer address {
		font-style: normal;
		float: left;
		color: #AAA;
		font-size: 0.9em;
		padding: 10px 0 20px 0;
		text-align: left;
	}
		
	div.footer div.copyright {
		float: right;
		padding: 10px 12px 20px 20px;
		color: #CCC;
		font-size: 0.9em;
	}
		div.footer div.copyright a {
			color: #CCC;
			text-decoration: none;
		}
		div.footer div.copyright a:hover {
			color: #FFA100;
		}
		
			
/*******************************************************************************
** EDIT COMPANY STYLES
*******************************************************************************/
div.shell div.main div.rgt div.edit_company a.btn {
	display: block;
	width: 127px;
	height: 20px;
	padding-top: 1px;
	padding-left: 26px;
	padding-right: 0;
	background-position: 0px -412px;
	color: #029AEF;
}
div.shell div.main div.rgt div.edit_company a.btn:hover {
	background-position: 0px -433px;
	color: #E57C00;
}

	form.edit_company small {
		float: right;
		margin-left: 1em;
	}
	form.edit_company table {
		width: 100%;
	}
		form.edit_company table td {
			vertical-align: top;
		} 
			form.edit_company table td.doublecol {
				width: 50%;
			}
				form.edit_company table td fieldset table tbody tr td {
					float: right;
				}
					form.edit_company table td fieldset table tbody tr td:first-child {
						float: left;
					}
					form.edit_company fieldset div.error,
					form.edit_company table td fieldset table tbody tr td.error {
						text-align: right;
						color: red;
						width: 100%;
					}
					form.edit_company span.notice,
					form.edit_company table td fieldset table tbody tr td.notice {
						padding-top: 0px;
						padding-left: 3em;
						font-size: smaller;
						line-height: 10px;
						color: silver;
					}
						form.edit_company table td fieldset table tbody tr td a.remove_file {
							display: block;
							width: 16px;
							height: 14px;
							background-image: url(/cms/graphics/x.png);
							position: absolute;
							float: right;
						}
					
		form.edit_company table td fieldset textarea {
			width: 100%;
		}
			form.edit_company table td fieldset textarea.content_short {
				height: 8em;
			}
			form.edit_company table td fieldset textarea.content {
				height: 20em;
			}

form.edit_company table tr td input.save_hover,
form.edit_company table tr td input.save {
	clear: both;
	font-size: 0.01em;
	height: 21px;
	width: 59px;
	float: right;
	background: url("/graphics/btn_sprite.gif") repeat-x scroll -128px -245px transparent;
	cursor: pointer;
	zoom: 1;
}
form.edit_company table tr td input.save_hover,
form.edit_company table tr td input.save:hover {
	background-position: -188px -245px;
}
	
form table.mceLayout td {
		float: none !important;
	}
	form table.mceLayout td:first-child {
		width: 100%;
	}
	form table.mceToolbar {
		margin-left: 0px !important;
	}
		form table.mceToolbar td {
			width: auto !important;
		}
			form table.mceToolbar td.mceToolbarEnd {
				width: 100% !important;
			}
		

/*******************************************************************************
** SECTION FOR PARTNER LINKS, WHERE EXAMPLES AND CORRESPONDING HTML FOR 
** PARTNERS ARE PLACED, TO EASILY COPY-PASTE INTO THEIR WEBSITES.
*******************************************************************************/

table.partnerlinks { }
	table.partnerlinks td {
		vertical-align: top;
		padding: 0px 10px 15px 5px;
	}

	table.partnerlinks div.code {
		background-color: #EFEFEF;
		border: 1px solid silver;
		padding: 15px;
		font-family: "Courier New", Courier, mono-space, sans-serif;
		font-size: 1.1em;
		white-space: nowrap;
		width: 400px;
		overflow-x: auto;
	}

/*******************************************************************************
** SPECIAL CLASSES FOR THE APPLICATIION MODULE
*******************************************************************************/
div.search {
}
	div.search a.handle {
		display: block;
		#position: relative;
		height: 23px;
		padding: 7px 0 0 40px;
		margin: 0 0 0 -40px;
		font-size: 1.6em;
		font-weight: bold;
		text-transform: uppercase;
		background-image: url('/graphics/search_state_bg_sprite.png');
		_background-image: url('/graphics/search_state_bg_sprite.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
		text-decoration: none;
		clear: both;
	}
	
	/* The background positions for the sprite of the handles (defining the hexagon). */
	div.search a.handle 				{	background-position: 0 -180px; color: #808080; }
	div.search a.handle:hover		{	background-position: 0 -180px; }

	div.search a.active 				{ background-position: 0 0; color: #808080; }
	div.search a.active:hover		{ background-position: 0 -60px; }
	
	div.search a.expanded				{ background-position: 0 -120px; color: #003A73; }
	div.search a.expanded:hover { background-position: 0 -120px;	}

	div.search div.srchpart {
		display: none;
	}
	div.search div.expanded {
		display: block;
		padding-bottom: 15px;
	}
		div.search div.srchpart form {
			background: url('/graphics/dash.gif') 0 100% repeat-x;
			margin-bottom: 50px;
		}
			div.search div.srchpart form input.btn,
			div.search div.srchpart form input.btn_hover {
				#position: relative;
				margin-bottom: -14px;
				width: 70px;
				height: 26px;
				#padding-top: 25px;
				background-position: 0 -94px;
				font-size: 0px;
			}
			div.search div.srchpart form input.go {
				background-position: 0 -266px;
			}
			div.search div.srchpart form input.go:hover,
			div.search div.srchpart form input.go_hover {
				background-position: -69px -266px;
			}
			div.search div.srchpart form input.clear,
			div.search div.srchpart form input.clear_hover {
				background-position: 0px -386px;
				width: 83px;
			}
			div.search div.srchpart form input.clear:hover,
			div.search div.srchpart form input.clear_hover {
				background-position: -83px -386px;
			}
			
		div.search div.srchpart ul {
			list-style-position: inside;
		}
			div.search div.srchpart ul li {
				padding-left: 15px;
			}

		div.search div.srchpart div.item {
			float: left;
			width: 618px;
			padding: 15px; 
			margin: 10px 0 20px 0;
			border: 1px solid #E6E6E6;
			background-color: #F7F7F7;
			clear: both;
			position: relative;
		}
			div.search div.srchpart div.hr {
				clear: both;
				margin: 10px 5px;
			}

			div.search div.srchpart div.item a.logo {
				display: block;
				position: relative;
				float: left;
				width: 145px;
				height: 88px;
				padding: 8px;
				background: white none center no-repeat;
				border: 1px solid #EAEAEA;
				margin-right: 25px;
			}
				div.search div.srchpart div.item a.logo span {
					position: absolute;
					top: -6px;
					left: -6px;
					z-index: 200;
					display: block;
					width: 46px;
					height: 46px;
					background: transparent url('/graphics/dogear_sprite.gif') 0 0 no-repeat;
				}
				div.search div.srchpart div.item a.logo:hover span {
					background-position: 0 -46px;
				}
			
			div.search div.srchpart div.item div.text {
				float: left;
				width: 415px;
				_width: 400px;
				display: block;
				padding: 5px 10px 0 0;
				color: #777;
				line-height: 130%;
			}
				div.search div.srchpart div.item div.text strong {
					color: #666;
					float: left;
					display: block;
				}
					div.search div.srchpart div.item div.text p strong {
						float: none;
						display: inline;
					}

				div.search div.srchpart div.item div.text strong.company {
					padding-right: 5px;
					margin-right: 5px;
				}
					div.search div.srchpart div.item div.text strong.big {
						font-size: 1.3em;
						color: #0299ED;
					}
				div.search div.srchpart div.item div.text strong.payoff {
					border-left: solid 1px #666;
				}
				
				div.search div.srchpart div.item a.readmore {
					display: block;
					width: 74px;
					height: 21px;
					padding: 0 0 0 22px;
					color: #0299ED;
					font-size: 0.000001em;
					position: absolute;
					bottom: -10px;
					right: 25px;
					background-image: url('/graphics/btn_sprite.gif');
					background-position: 0 -198px;
					background-repeat: no-repeat;
				}
				div.search div.srchpart div.item a.readmore:hover {
					color: #F4AB44;
					background-position: -96px -198px;
				}
					div.search div.srchpart div.item a.readmore span {
						display: none;
					}
	
				div.search div.srchpart div.item div.lftcol {
					float: left;
					width: 167px;
					margin-right: 25px;
				}
					div.search div.srchpart div.item div.lftcol a.logo {
						margin-right: 0px;
					}

					div.search div.srchpart div.item div.documents {
					}
						div.search div.srchpart div.item div.documents h4 {
							font-size: 12px;
							font-weight: bold;
							margin: 0;
							color: black;
						}
						div.search div.srchpart div.item div.documents img {
							display: block;
							float: left;
							margin-right: 7px;
							clear: both;
							width: 16px;
							height: 16px;
						}
						div.search div.srchpart div.item div.documents span {
							display: block;
							float: left;
							margin-bottom: 7px;
							width: 140px;
							overflow: hidden;
						}
							div.search div.srchpart div.item div.documents span a.download {
								display: inline-block;
								font-weight: bold;
								color: #666666;
								text-decoration: underline;
								background: url('/graphics/download-arrow-gray.gif') no-repeat right center;
								padding-right: 7px;
							}
							div.search div.srchpart div.item div.documents span a.download:hover {
								text-decoration: none;
							}

					div.search div.srchpart div.item div.lftcol div.moreinfo {
						position: relative;
						margin-left: -19px;
						background-color: #FFF;
						border: solid 1px #EBEBEB;
						width: 180px;
						height: auto;
					}
						div.search div.srchpart div.item div.lftcol div.moreinfo span.corner {
							position: absolute;
							top: -4px;
							left: 0;
							width: 3px;
							height: 3px;
							display: block;
							background: url('/graphics/corner.gif') 0 0 no-repeat;
						}
						div.search div.srchpart div.item div.lftcol div.moreinfo div {
							text-align: left;
							padding: 10px 10px 10px 25px;
						}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE FILTERING <div> OF THE GLOBAL WEBSITE SEARCH RESULTS
*******************************************************************************/

div.searchfilter {
	border: 1px solid #E6E6E6;
	background-color: #EDEDED;
	padding: 15px;
	margin: 15px 0px 15px 0px;
}
	div.searchfilter .search {
		width: 610px;
		font-size: 13px;
		margin: 3px 0 7px -1px;
		padding: 3px 1px;
	}
	div.searchfilter .btn,
	div.searchfilter .btn_hover {
		width: 132px;
		height: 26px;
		#padding-top: 20px;
		margin-top: 10px;
		background-position: 0 -574px;
		font-size: 0px;
	}
		div.searchfilter .btn:hover,
		div.searchfilter .btn_hover {
			background-position: -132px -574px;
		}
				
/*******************************************************************************
** SPECIFIC CLASSES FOR APPLICATION PAGING.
*******************************************************************************/
div.search div.srchpart div.paging {
	background: url('/graphics/dash.gif') 0 center repeat-x;
	height: 21px;
	clear: both;
}
	div.search div.srchpart div.paging div.panel {
		float: right;
		margin-right: 15px;
		background: transparent url('/graphics/pagenav_bg.gif') no-repeat left center;
		height: 21px;
		padding-left: 10px;
		line-height: 19px;
		color: #808080;
		#width: 95px;
	}
		div.search div.srchpart div.paging div.panel span {
			display: block;
			float: right;
			height: 21px;
			width: 10px;
			background: transparent url('/graphics/pagenav_bg.gif') no-repeat right center;
		}

		div.search div.srchpart div.paging div.panel a {
			display: block;
			float: left;
			padding: 0 5px;
			color: #808080;
			text-decoration: none;
		}
		div.search div.srchpart div.paging div.panel a:hover {
			text-decoration: underline;
		}
			
		div.search div.srchpart div.paging div.panel a.prev {
			border-right: 1px solid #E6E6E6;
		}
		
	div.search div.srchpart div.paging div.pagenumbers {
		margin-top: 0;
		_width: 40%;
	}
		div.search div.srchpart div.paging div.pagenumbers a {
			margin-top: 4px;
			font-weight: bold;
			line-height: 13px;
			height: 13px;
			width: 20px;
			text-align: center;
			padding: 0 2px 0 5px;
			background: transparent url('/graphics/pagenrs_bg.gif') no-repeat left top;
		}
			div.search div.srchpart div.paging div.pagenumbers a span {
				display: block;
				float: right;
				width: 7px;
				margin-right: -2px;
				height: 13px;
				background: transparent url('/graphics/pagenrs_bg.gif') no-repeat right top;
			}
		div.search div.srchpart div.paging div.pagenumbers a:hover,
		div.search div.srchpart div.paging div.pagenumbers a.active {
			color: #012C63;
			text-decoration: none;
			background-position: left bottom;
		}
			div.search div.srchpart div.paging div.pagenumbers a.active span,
			div.search div.srchpart div.paging div.pagenumbers a:hover span {
				background-position: right bottom;
			}
			
/* Styling for the boxes in the solutions tab of the company search results		*/			
div.search div.srchpart div.item div.tabcontainer div.tab div.solution {
	border-top: 1px solid #E6E6E6;
	padding: .5em 0; 
}

	div.search div.srchpart div.item div.tabcontainer div.tab div.solution:first-child {
		border-top: 0px;
		padding-top: 0;
	}
	
/*******************************************************************************
** SPECIFIC CLASSES FOR THE XML FORM ELEMENTS.
*******************************************************************************/
form#contact {
}
	form h1.inline, form h2.inline {
		display: inline;
	}
	
	form div.singlecol {
		width: 360px;
		padding: 0 10px 0 0;
		float: left;
	}
	
	form div.lftcol {
		width: 315px;
		padding: 0 20px 0 0;
		float: left;
	}
	form div.rgtcol {
		width: 315px;
		padding: 0 0 0 0;
		float: left;
	}
	
	form fieldset {
		padding: 10px;
		margin: 0 0 10px 0;
		#margin: 0 0 0 0;
		border: 1px solid #CCC;
	}
	form fieldset.nolegend {
		margin: 10px 0 10px 0;
		#margin: 10px 0 0 0;
	}
		form fieldset legend {
			padding: 0 10px;
			margin: 0 5px;
			font-size: 12px;
			font-weight: bold;
			color: #003A73;
		}
		
		form fieldset table {
		}
			form fieldset table td {
				font-size: 1.0em;
				padding: 2px 0;
				zoom: 1;
			}
			
			form fieldset table td.col1 {
				font-weight: bold;
				width: 120px;
				padding-right: 5px;
				vertical-align: top;
			}
			form fieldset table td.col2 {
				vertical-align: top;
			}
			
			form fieldset table tr.btnrow td {
			}
				form.edit_company fieldset table tr.send td input,
				form#contact fieldset table tr.send td input {
					float: right;
				}
				form fieldset table tr.send td input.send,
				form fieldset table tr.send td input.send_hover {
					background-position: 0 -245px;
					width: 64px;
					height: 21px;
					font-size: 0;
				}
				form fieldset table tr.send td input.send:hover,
				form fieldset table tr.send td input.send_hover {
					background-position: -64px -245px;
				}
				
				form fieldset table tr.btnrow td input.prev {
					float: left;
				}
			
input.txt 				 { width: 205px; }
input.search			 { width: 200px; }
input.solutionsearch
									 { width: 200px; }
input.username		 { width: 135px; }
input.password		 { width: 135px; }
input.firstname		 { width: 205px; }
input.initials		 { width: 60px; }
input.junction 		 { width: 60px; }
input.lastname 		 { width: 205px; }
input.birthyear		 { width: 30px; }
input.street			 { width: 205px; }
input.housenum		 { width: 50px; }
input.addon				 { width: 20px; }
input.zipcode			 { width: 50px; _width: 50px; }
input.pobox				 { width: 70px; }
input.city				 { width: 240px; }
input.phone				 { width: 100px; }
input.email				 { width: 205px; }

input.xs					{ width: 20px; }
input.s						{ width: 50px; }
input.m						{ width: 100px; }
input.l						{ width: 120px; }
input.xl					{ width: 150px; }
input.xxl					{ width: 175px; }
select.xxl				{ width: 180px; }

textarea {
	width: 300px;
	height: 70px;
	overflow: auto;
}
textarea.comp {
	width: 177px;
	height: 70px;
	overflow: auto;
}
input.cb {
	float: left;
	height: 18px;
	vertical-align: top;
	zoom: 1;
	_width: 15px;
	_margin: 0;
}
input.rb {
	float: left;
	vertical-align: middle;
	margin: 2px 0 0 0;
	#height: 13px;
	zoom: 1;
}
label {
	cursor: pointer;
	font-size: 1.0em;
	color: #999;
	zoom: 1;
}
label.lbl {
	color: #000;
}
label.lb {
	color: #000;
	float: left;
	width: 280px;
	_width: 280px;
	padding: 0 0 0 5px;
}
label.halfsize {
	width: 130px;
	#width: 125px;
	_width: 135px;
}
label.halfsizeplus {
	width: 170px;
	#width: 165px;
	_width: 165px;
}
label.threethird {
	width: 180px;
	#width: 170px;
	_width: 180px;
}
label.threefourth {
	width: 210px;
	#width: 200px;
	_width: 200px;
}
small {
	font-size: 1.0em;
	color: #999;
}
form em {
	font-size: 1px;
	color: #E20F1A;
	padding: 14px 0 0 6px;
	overflow: hidden;
	background: url('/graphics/asterisk.gif') 0 100% no-repeat;
}
	form#memberregistration fieldset em {
		/*display: none;*/
	}


tr.error td {
	color: #C00;
	font-size: 0.9em;
}
tr.error td u {
	font-weight: bold;
}

span.txt {
	border: 0;
	display: inline;
}

span.rb,
input.rb {
	float: left;
	height: 12px;
	margin-top: 3px;
	padding: 0;
}
span.cb,
input.cb {
	float: left;
	height: 12px;
	margin: 2px 2px 0 0 ;
	padding: 0;
}
span.rb,
span.cb {
	background: url('/cms/graphics/icons/checkbox-unchecked.gif') 0 0 no-repeat;
	margin: 2px 5px 0 0;
	width: 12px;
}
span.checked {
	background-image: url('/cms/graphics/icons/checkbox-checked.gif');
	width: 12px;
}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE DDMENU
*******************************************************************************/
div.dropdown {
	position: absolute;
	visibility: hidden;
	text-align: left;
	font-size: 1.0em;
	margin: 0;
	padding: 0 2px 0 15px;
	width: auto;
	_width: 200px;
	border: 1px solid #E6E6E6;
	border-top: 0;
	background-color: #F7F7F7;
	top: 0px;
	-moz-user-select: none;
	z-index: 10;
}
		div.dropdown a {
			display: block;
			height: 20px;
			padding: 5px 30px 0 17px;
			margin-left: 0px;
			color: #666;
			font-weight: bold;
			text-decoration: none;
			zoom: 1;
			background-image: url('/graphics/submenu_bg.gif');
			background-position: -15px 0;
			background-repeat: no-repeat;
		}
		div.dropdown a:hover {
			color: #FFA100;
			background-position: 0 0;
			
		}
		div.dropdown a.selectedlink {
			color: #FFA100;
			font-weight: bold;
			text-decoration: none;
			background-position: 0 0;
		}
		div.dropdown a:hover.selectedlink {
			color: #666;
			font-weight: bold;
			text-decoration: none;
		}
		div.dropdown a span.arrow {
			display: block;
			float: right;
			width: 10px;
			height: 9px;
			padding: 5px 10px 0 0;
			background-image: url('/graphics/arrow_grey.gif');
			background-position: 0 center;
			background-repeat: no-repeat;
			overflow: hidden;
		}
/*******************************************************************************
** SPECIFIC CLASSES FOR THE PAGING PART
*******************************************************************************/
div.pagenumbers {
	clear: both;
	display: block;
	margin: 5px 0 0 0;
	font-size: 11px;
	height: 15px;
	padding: 0;
}
	div.pagenumbers div.results {
		float: left;
		font-weight: normal;
		color: #000;
	}
		div.pagenumbers div.results strong {
			color: #E20F1A;
		}
	
	div.pagenumbers div.nav {
		float: right;
	}
		div.pagenumbers div.nav a,
		div.pagenumbers div.nav span {
			float: left;
			display: block;
		}
		div.pagenumbers div.nav a,
		div.pagenumbers div.nav span.inactive {
			padding: 0 5px;
		}
		div.pagenumbers div.nav span.inactive {
			color: white;
		}
		div.pagenumbers div.nav a {
			line-height: 17px;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #999;
		}
		div.pagenumbers div.nav a:hover {
			text-decoration: none;
			color: #FFA100;
		}
		div.pagenumbers div.nav a.active,
		div.pagenumbers div.nav a.active:hover {
			color: #666;
			text-decoration: none;
			border: solid 1px #999;
		}
		div.pagenumbers div.nav a.arrow {
			background: url('/graphics/arrow_grey.gif') 2px 6px no-repeat;
		}
		div.pagenumbers div.nav a.arrow:hover {
			background: url('/graphics/arrow_orange.gif') 2px 6px no-repeat;
			text-decoration: none;
		}
		div.pagenumbers div.nav a.arrow_back {
			background: url('/graphics/arrow_grey_back.gif') 2px 6px no-repeat;
		}
		div.pagenumbers div.nav a.arrow_back:hover {
			background: url('/graphics/arrow_orange_back.gif') 2px 6px no-repeat;
			text-decoration: none;
		}
		
/*******************************************************************************
** SPECIFIC CLASSES FOR THE TABS
*******************************************************************************/
div.tabcontainer {	
}
	div.tabcontainer div.tabhandles {
		position: relative;
		width: auto;
		height: 30px;
		padding: 17px 0 0 15px;
		margin-left: -24px;
		margin-right: -24px;
		background: url('/graphics/searchtab_bg.gif') 0 0 repeat-x;
	}

	div.search div.srchpart div.item div.text div.tabcontainer div.tabhandles {
		background: none;
		border-bottom: 1px solid #E6E6E6;
		margin-right: -6px;
		margin-left: -12px;
		height: 25px;
		overflow: hidden;
	}
	
		div.tabcontainer div.tabhandles a {
			float: left;
			display: block;
			height: 30px;
			padding: 0 15px 0 0;
			background-image: url('/graphics/tabsprite.gif');
			background-position: 100% -30px;
			background-repeat: no-repeat;
			text-decoration: none;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			cursor: pointer;
		}
		div.search div.srchpart div.item div.text div.tabcontainer div.tabhandles a {
			background-image: url('/graphics/tabsprite-details.gif');
		}
		
			div.tabcontainer div.tabhandles a span {
				float: left;
				display: block;
				height: 20px;
				padding: 5px 10px 5px 25px;
				background-image: url('/graphics/tabsprite.gif');
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			div.tabcontainer.smalltabs div.tabhandles a span {
				padding: 5px 5px 5px 20px;
			}
			div.search div.srchpart div.item div.text div.tabcontainer div.tabhandles a span {
				background-image: url('/graphics/tabsprite-details.gif');
			}
			
		div.tabcontainer div.tabhandles a:hover {
			text-decoration: none;
		}
		div.tabcontainer div.tabhandles a.active {
			background-position: 100% -90px;
			text-decoration: none;
		}
			div.tabcontainer div.tabhandles a.active span {
				background-position: 0 -60px;
			}
	div.tabcontainer div.tab {
		display: none;
	}
	div.tabcontainer div.active {
		display: block;
		padding-top: 15px;
	}
	
/*******************************************************************************
** SPECIFIC CLASSES FOR THE XML FORMS
*******************************************************************************/
div.content form#memberregistration fieldset,
div.content form#prospectregistration fieldset {
}
	div.content form#memberregistration fieldset legend,
	div.content form#prospectregistration fieldset legend {
	}
	div.content form#memberregistration fieldset table tbody tr.btnrow input.prev,
	div.content form#memberregistration fieldset table tbody tr.btnrow input.prev_hover,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.prev,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.prev_hover {
		width: 106px;
		height: 26px;
		background-position: 0 -313px;
	}
		div.content form#memberregistration fieldset table tbody tr.btnrow input.prev:hover,
		div.content form#memberregistration fieldset table tbody tr.btnrow input.prev_hover, 
		div.content form#prospectregistration fieldset table tbody tr.btnrow input.prev:hover,
		div.content form#prospectregistration fieldset table tbody tr.btnrow input.prev_hover {
			background-position: -106px -313px;
		}
	div.content form#memberregistration fieldset table tbody tr.btnrow input.next,
	div.content form#memberregistration fieldset table tbody tr.btnrow input.next_hover,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.next,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.next_hover {
		width: 106px;
		height: 26px;
		background-position: 0 -339px;
	}
	div.content form#memberregistration fieldset table tbody tr.btnrow input.next:hover,
	div.content form#memberregistration fieldset table tbody tr.btnrow input.next_hover,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.next:hover,
	div.content form#prospectregistration fieldset table tbody tr.btnrow input.next_hover {
		background-position: -106px -339px;
	}
	
/*******************************************************************************
** SPECIFIC CLASSES FOR THE CHOICE BETWEEN LOGGING IN OR REGISTERING.
*******************************************************************************/
div.content div.login_block {
	width: 275px;
	height: 170px;
	float: left;
	margin-right: 15px;
	background-color: #EFEFEF;
	border: 1px solid silver;
	padding: 15px;
	position: relative;
}
	div.content div.login_block div.buttons {
		background-color: #0060AC;
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 275px;
		height: 30px;
		padding: 7px 15px 3px 15px;
	}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE YOUTUBE STUFF
*******************************************************************************/
.youtubealbum .yt {
	border: none;
	height: 90px;
	width: 120px;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
.youtubealbum .yt span.play_movie {
	background-image: url('/graphics/play_movie.png');
	height: 90px;
	width: 120px;
	display: block;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/play_movie.png', sizingMethod='crop');
	
}
.youtubealbum .yt:hover span.play_movie {
	background-image: url(/graphics/play_movie_hover.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/play_movie_hover.png', sizingMethod='crop');
}

.youtubealbum .youtube.table {
	border-collapse: collapse;
	width: 100%;
}
.youtubealbum .youtube.table .youtube.body {
	background: #F7F7F7;
	background: url(/graphics/bg_youtube_hp.gif) repeat-y center 0;
	border: 0;
	border-top: 1px solid #E6E6E6;	
}
.youtubealbum .youtube.table .youtube.body td{
	vertical-align: top;
	padding:5px;
}
.youtubealbum .youtube.table .youtube.body .youtube.thumb {
	vertical-align: top;
	text-align: center;
}
.youtubealbum .youtube.table .youtube.body .youtube.caption {
	font-weight: bold;
	padding-right: 5px;
}
.youtubealbum .youtube.table .youtube.body .youtube.watch {
	text-align: right;
}
.ytthumbs.youtubealbum {
	float: left;
	width: 383px;
	padding: 10px 0;
	background: url(/graphics/bg_youtube_hp.gif) repeat-y center 0;
	border: 0;
	border-top: 1px solid #E6E6E6;
	margin-top: 10px;	
}
.ytthumbs.youtubealbum table {
	border: 0;
	margin-top: 0;	
}
.ytthumbs.youtubealbum table td {
	vertical-align: top;
	width: 33%;
}
.ytthumbs.youtubealbum table em {
	color: #999999;
}

.youtubealbum .paging {
	background: url('/graphics/dash.gif') 0 center repeat-x;
	height: 21px;
	clear: both;
}
.youtubealbum .paging .panel {
	float: right;
	margin-right: 15px;
	background: transparent url('/graphics/pagenav_bg.gif') no-repeat left center;
	height: 21px;
	padding-left: 10px;
	line-height: 19px;
	color: #808080;
	#width: 95px;
}
.youtubealbum .paging .panel span {
	display: block;
	float: right;
	height: 21px;
	width: 10px;
	background: transparent url('/graphics/pagenav_bg.gif') no-repeat right center;
}

.youtubealbum .paging .panel a {
	display: block;
	float: left;
	padding: 0 5px;
	color: #808080;
	text-decoration: none;
}
.youtubealbum .paging .panel a:hover {
	text-decoration: underline;
}
	
.youtubealbum .paging .panel a.prev {
	border-right: 1px solid #E6E6E6;
}
	
.youtubealbum .paging .pagenumbers {
	margin-top: 0;
	_width: 40%;
}
.youtubealbum .paging .pagenumbers a {
	margin-top: 4px;
	font-weight: bold;
	line-height: 13px;
	height: 13px;
	width: 20px;
	text-align: center;
	padding: 0 2px 0 5px;
	background: transparent url('/graphics/pagenrs_bg.gif') no-repeat left top;
}
.youtubealbum .paging .pagenumbers a span {
	display: block;
	float: right;
	width: 7px;
	margin-right: -2px;
	height: 13px;
	background: transparent url('/graphics/pagenrs_bg.gif') no-repeat right top;
}
.youtubealbum .paging .pagenumbers a:hover,
.youtubealbum .paging .pagenumbers a.active {
	color: #012C63;
	text-decoration: none;
	background-position: left bottom;
}
.youtubealbum .paging .pagenumbers a.active span,
.youtubealbum .paging .pagenumbers a:hover span {
	background-position: right bottom;
}
			
/* Styling for the boxes in the solutions tab of the company search results		*/			
.youtubealbum .item .tabcontainer .tab .solution {
	border-top: 1px solid #E6E6E6;
	padding: .5em 0; 
}

.youtubealbum .item .tabcontainer .tab .solution:first-child {
	border-top: 0px;
	padding-top: 0;
}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE JOBOPENINGS STUFF
*******************************************************************************/
.jobsoverview {
	float:left;
	display:block;
	border-top: 1px solid #E6E6E6;
	background: url(/graphics/bg_youtube_hp.gif) repeat-y center 0;
}
.jobsoverview table {
	border: 0;
	width: 383px;
	margin: 10px 0;
}
.jobsoverview td {
	width: 50%;
}
.joblist table {
	width: 100%;
	margin-bottom: 2em;
}
.joblist th { 
	width: 25%; 
}
.joblist td {
	border: 1px solid #ddd;
}
.jobovv h3 {
	font-size: 16px;
	margin-bottom: 0.5em;
	cursor: pointer;
	background-image: url(/graphics/search_state_bg_sprite.png);
	background-repeat: no-repeat;
	background-position:0 -30px;
	padding-left: 40px;
	/*text-decoration: underline;*/
	height: 30px;
	line-height: 30px;
	color: #003A73;
	position: relative;
	left: -40px;
	width: 650px;
}
.jobovv h3.expanded {
	background-position: 0 -120px;
}
.jobsheading, .podcastheading{
	display: inline;
	float: left;
	padding-right: 7px;
}
.jobdetail table {
	width:100%;
	margin-top: 10px;
}
.jobdetail td {
	border: 1px solid #ddd;
}
.jobdetail h1 {
	display: inline;
	line-height: 30px;
	padding-right: 5px;
}
.jobdetail h2.company {
	display:inline;
	color: #FFA100;
	line-height: 30px;	
}
.jobdetail h2 {
	margin-top: 10px;
}


/*******************************************************************************
** SPECIFIC CLASSES FOR THE SUPPORTED EVENTS STUFF
*******************************************************************************/
.supported_events {
	float:left;
	width: 383px;	
	border-top: 1px solid #E6E6E6;
	padding: 10px 0 0 0;
	margin: 10px 0 5px 0;
}
.supported_events ul {
	width: 383px;
	padding: 5px 0 0 0;
	margin: 0;
	list-style: none;
}
.supported_events li {
	float: left;
	list-style: none;
	height: 30px;
}
.supported_events li img { 
	border: 0;
}
.supported_events li.xtr_padding { padding: 0 0 0 27px; }