/*
The TNS Group Page Styles
*/
body {
	background: #232323;
	color: #C7C7C7;
	font-size: 62.5%; /* Sets the page font to 10px */
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Verdana, Sans-Serif;
	text-align: left;
	}
a {
	color: #FF8A00;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
a.highlight{
	color: #FF8A00 !important;
	text-decoration: underline !important;
}
a.highlight:hover{
	text-decoration: none !important;
}
#header {
	background: url(../images/bg-header.gif) top left repeat-x;
	min-width: 953px;
	}
.header {
	width: 953px;
	height: 185px;
	background: url(../images/logo-header.gif) 336px 0 no-repeat;
	}
.site-title {
	padding: 42px 0 0 57px;
	width: 200px;
	float: left;
	}
.site-title div {
	position: relative;
	width: 204px;
	height: 108px;
	overflow: hidden;
	}
.site-title div a:hover {
	text-decoration: none;
	}
.site-title .logo_holder {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/the-tns-group.gif);
	}


.header-nav {
	position: absolute;
	top: 100px;
	/*left: 557px;*/
	left: 650px;
	}
.header-nav ul li {
	display: inline;
	text-indent: -9999px;
	}
.header-nav ul li a {
	height: 25px;
	display: block;
	float: left;
	background: url(../images/bg-header-nav.gif) top left no-repeat;
	}
.header-nav ul li a.home {
	width: 47px;
	}
.header-nav ul li.selected a.home, .header-nav ul li a.home:hover {
	background-position: 0 -25px;
	}
.header-nav ul li a.client-portal {
	width: 98px;
	background-position: -47px 0;
	}
.header-nav ul li.selected a.client-portal, .header-nav ul li a.client-portal:hover {
	background-position: -47px -25px;
	}
.header-nav ul li a.associate-portal {
	width: 124px;
	background-position: -145px 0;
	}
.header-nav ul li.selected a.associate-portal, .header-nav ul li a.associate-portal:hover {
	background-position: -145px -25px;
	}

	.header-nav ul li a.alumni {
		width: 56px;
		background-position: -269px 0;
		}
	.header-nav ul li.selected a.alumni, .header-nav ul li a.alumni:hover {
		background-position: -269px -25px;
		}
	.header-nav ul li a.live-chat {
		width: 71px;
		background-position: -325px 0;
		}
	.header-nav ul li.selected a.live-chat, .header-nav ul li a.live-chat:hover {
		background-position: -325px -25px;
		}

.header-nav ul li a.careers {
	width: 63px;
	background-position: -269px 0;
	}
.header-nav ul li.selected a.careers, .header-nav ul li a.careers:hover {
	background-position: -269px -25px;
	}
.header-nav ul li a.contact {
	width: 83px;
	background-position: -332px 0;
	}
.header-nav ul li.selected a.contact, .header-nav ul li a.contact:hover {
	background-position: -332px -25px;
	}



#flash {
	position: absolute; 
	top: 185px; 
	left: 0; 
	z-index: 1;
}
#navBG {
	position: absolute; 
	top: 184px; 
	left: 101px; 
	background: url(../images/bg-nav.png) top left no-repeat;
		_background: url(blank.gif);
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg-nav.png", sizingMethod="crop");
	width: 502px; 
	height: 21px;
	z-index: 2;
}
#sub-nav {
	position: absolute;
	top: 166px;
	left: 101px;
	background: url(../images/bg-sub-nav.gif) top left no-repeat;
	width: 513px;
	padding: 2px 0 0 10px;
	height: 30px;
	z-index: 3;
	}
#sub-nav div {
	background: url(../images/bg-sub-nav-bt.gif) top left repeat-x;
	display: block;
	float:left;
	/*text-indent: -9999px;*/
	padding: 7px 12px;
	color: #fff;
	font-weight: 900;
	font-size: 11px;
	text-transform: uppercase;
	}
#sub-nav .divider {
	height:30px;
	width: 9px;
	background: url(../images/bg-sub-nav-divider.gif) top left no-repeat;
	padding: 0;
}
#sub-nav div:hover {
	color: #FF8A00;
	background-position: 0px -30px;
}

#sub-nav a:hover {
	text-decoration: none;
}
#sub-nav li a.about-tns {
	width: 106px;
	}
#sub-nav li.selected a.about-tns, #sub-nav li a.about-tns:hover {
	background-position: 0 -30px;
	}
#sub-nav li a.our-mindset {
	width: 126px;
	background-position: -106px 0;
	}
#sub-nav li.selected a.our-mindset, #sub-nav li a.our-mindset:hover {
	background-position: -106px -30px;
	}
#sub-nav li a.affiliations {
	width: 126px;
	background-position: -232px 0;
	}
#sub-nav li.selected a.affiliations, #sub-nav li a.affiliations:hover {
	background-position: -232px -30px;
	}
#sub-nav li a.news-and-events {
	width: 135px;
	background-position: -358px 0;
	}
#sub-nav li.selected a.news-and-events, #sub-nav li a.news-and-events:hover {
	background-position: -358px -30px;
	}
#browse-solutions {
	min-width: 953px;
	background: #000;
	}
.browse-solutions {
	width: 953px;
	background-color: #545454;
	}
.type-a .browse-solutions {
	height: 228px !important;
	}
.type-b .browse-solutions {
	background: url(../images/bg-solutions-b.jpg) top left no-repeat;
	}
.type-b .browse-solutions#about {
	background: url(../images/art-about.jpg) top left no-repeat;
	}
.type-b .browse-solutions#affiliations {
	background: url(../images/art-affiliations.jpg) top left no-repeat;
	}
.type-b .browse-solutions#mindset {
	background: url(../images/art-mindset.jpg) top left no-repeat;
	}
.type-b .browse-solutions#news {
	background: url(../images/art-news.jpg) top left no-repeat;
	}
.type-b .browse-solutions#universal {
	background: url(../images/art-universal.jpg) top left no-repeat;
	}
.browse-solutions-inside {
	padding-left: 603px;
	}
.browse-menu {
	padding-top: 43px;
	background: #545454 url(../images/bg-browse-solutions.gif) top left no-repeat;
	}
	.type-a .browse-solutions.browse-menu {
		height: 228px;
	}
.browse-menu ul {
	padding-bottom: 6px;
	}
.browse-menu ul li {
	text-indent: -9999px;
	}
.browse-menu ul li a {
	display: block;
	width: 350px;
	height: 33px;
	}
.browse-menu ul li a.by-business {
	background: url(../images/bg-browse-solutions.gif) 0 -43px no-repeat;
	}
.browse-menu ul li.selected a.by-business, .browse-menu ul li a.by-business:hover {
	background: url(../images/bg-browse-solutions.gif) -350px -43px no-repeat;
	}
.browse-menu ul li a.by-technology {
	background: url(../images/bg-browse-solutions.gif) 0 -76px no-repeat;
	}
.browse-menu ul li.selected a.by-technology, .browse-menu ul li a.by-technology:hover {
	background: url(../images/bg-browse-solutions.gif) -350px -76px no-repeat;
	}
.browse-menu ul li a.by-industry {
	background: url(../images/bg-browse-solutions.gif) 0 -109px no-repeat;
	}
.browse-menu ul li.selected a.by-industry, .browse-menu ul li a.by-industry:hover {
	background: url(../images/bg-browse-solutions.gif) -350px -109px no-repeat;
	}
	.browse-menu ul li a.by-region {
	background: url(../images/bg-browse-solutions.gif) 0 -142px no-repeat;
	}
.browse-menu ul li.selected a.by-region, .browse-menu ul li a.by-region:hover {
	background: url(../images/bg-browse-solutions.gif) -350px -142px no-repeat;
	}
.browse-menu p {
	padding: 10px 35px 20px 35px;
	color: #bbb;
	font: 1.1em/1.5em Verdana;
	}
#main {
	background: #545454 url(../images/bg-main.gif) bottom left repeat-x;
	min-width: 953px;
	}
.main {
	width: 953px;
	padding: 40px 0 20px;
	}
#content {
	float: left;
	width: 470px;
	padding-left: 100px;
	}
#content h1 {
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #FF8A00;
	font: bold 3.0em Arial;
	letter-spacing: 1px;
	}
#content h2.with-sub, #content h1.with-sub {
	margin-bottom: 0;
	}
#content h2, #content h3 {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font: bold 1.8em Arial;
	letter-spacing: 0.3px;
	margin-bottom: 15px;
	}
#content h4 {
	display: block;
	color: #fff;
	font: bold 1.1em Arial;
	letter-spacing: 0.3px;
	margin-bottom: 4px;
	padding: 0;
	}
#content p {
	margin-bottom: 15px;
	font: 1.1em/1.6em Verdana;
	}
#content hr {
	display: block;
	border: 0; 
	height: 1px; 
	background: #999999; 
		*color: #999999; 
	margin-bottom: 18px;
	}
#content ul {
	margin: 0 0 18px 0;
	}
	#content ul li {
		position: relative;
		padding: 0 0 8px 18px;
		background: url(../images/arrow-sidebar.gif) -12px -2px no-repeat;
		font-size: 11px;
	}	
	#content ul ul {
		margin: 0 0 18px 0;
		padding-top: 12px;
		}
		#content ul ul li {
			position: relative;
			padding: 0 0 8px 12px;
			background: url(../images/list-style-sub.gif) 0 5px no-repeat;
			font-size: 11px;
		}	
#content .highlight {
	color: #ACC426;
	}
	
	#content .testimonials { }
	
		#content.testimonials p em {
			display: block;
			padding: 0 8px 8px 0;
			line-height: 1.6em;
		}
	
#sidebar {
	padding-top: 20px;
	float: right;
	width: 350px;
	
	position: absolute;
	top: -250px;
	margin-bottom: -250px;
	position: relative;
	}
#sidebar h3 {
	color: #ACC426;
	margin-left: 20px;
	text-transform: uppercase;
	font: bold 1.4em Arial;
	letter-spacing: 1px;
	}
a.view-all {
	display:block;
	font-size:1.1em;
	margin:0 0 5px;
	text-align:right;
	text-decoration:underline;
	}
a.view-all:hover {
	text-decoration: none;
	}
#sidebar ul.type-a {
	/*background: url(../images/gradient-sidebar-long.gif) top left repeat-x;*/
	padding: 20px 10px 10px 20px;
	margin-bottom: 20px;
	}
	
#sidebar ul.dif_bg {
	background:none !important; /* for now */
/* 	background: url(../images/gradient-sidebar-long.gif) top left repeat !important; */
	}
#sidebar ul.short {
	/*background: url(../images/gradient-sidebar-short.gif) top left repeat-x;*/
	}
#sidebar ul.type-a li {	
	padding-bottom: 10px;
	}
#sidebar ul.type-a li a {
	color: #fff;
	display: block;
	font-size: 1.1em;
	background: url(../images/arrow-sidebar.gif) right 6px no-repeat;
	padding-right: 25px;
	}
#sidebar ul.type-a li a:hover {
	background: url(../images/arrow-sidebar-hover.gif) right 6px no-repeat;
	}
#sidebar ul.type-a li a:hover {
	color: #aaa;
	text-decoration: none;
	}
#sidebar ul.type-b {
	background: url(../images/gradient-sidebar-long.gif) top left repeat-x;
	margin: 10px 0 20px;
	}
#sidebar ul.type-b li {
	display: inline;
	}
#sidebar ul.type-b li a, #sidebar ul.type-b li span  {
	display: block;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px solid #656565;
	font: bold 1.1em Arial;
	letter-spacing: 0.5px;
	color: #aaa;
	text-transform: uppercase;
	}
	#sidebar ul.type-b ul {
		position: relative;
		top: -1px;
		background: #434343;
		margin: 0;
		padding: 0 0 12px 0;
		border-bottom: 1px solid #727272;
		}
	#sidebar ul.type-b ul li {
		display: inline;
		}
	#sidebar ul.type-b ul li a, #sidebar ul.type-b ul li span {
		display: block;
		padding: 5px 10px 5px 40px !important;
		border-bottom: none !important;
		font: bold 1em Arial !important;
		letter-spacing: 0.5px !important;
		color: #aaa;
		text-transform: none !important;
		}
		#sidebar ul.type-b ul li.selected a, #sidebar ul.type-b ul li a:hover {
			color: #fff !important;
			background: #E17A01 !important;
			}
#sidebar ul.type-b li.selected a, #sidebar ul.type-b li a:hover {
	color: #fff;
	background: #434343;
	text-decoration: none;
	border-bottom: 1px solid #727272;
	}
#footer {
	background: #232323;
	min-width: 953px;
	}
.footer {
	width: 953px;
	padding: 10px 0 70px;
	}
.footer p {
	padding: 15px 0 70px 100px;
	color: #777;
	font: 1.1em Verdana;
	}
.footer p a {
	color: #777;
	}
hr {
	display: none;
	}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
.contain:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.contain {
	display: inline-block;
	}
.logoFloat {
	float: right; 
	margin: 0 0 32px 32px;
}
	
	
/* Accessible Form Layout and Elements */
#contactForm {

	}

	#contactForm #errorBox {
		/*display: none;*/
		margin-bottom: 2em; 
		padding: 1px; 
		border: 1px solid #C0C0C0;
		font-weight: bold;
		color: #f64a00;
		}
		
		#contactForm #errorBox p {
			margin: 0;
			padding: .5em 0 .81em 3em;
			background: #ddd url(../../img/interface/form-error.gif) .31em .31em no-repeat;
		}

		#contactForm form {
			padding: 0;
			margin: 0;
			_text-align: left;
			}
			
			#contactForm fieldset {
				border: 0;
				padding: 0 0 10px 0;
				}
				
				#contactForm legend {
					display: table;
					margin-bottom: 1.1em;
					padding: 2px;
					background: #D5D2D2;
					font-size: 1.18em;
					font-weight: bold;
					width: 100%;
				}
				
				#contactForm fieldset div {
					margin: 4px 0 4px 0;
						_margin: 0;
				}

				#contactForm label {
					display: block;
					float: left;
					text-align: right;
					width: 160px;
					padding: 2px 12px 0 0;
					}

					#contactForm label span {
						margin-left: -12px;
						width: 18px;
					}

				#contactForm fieldset input {
					width: 150px !important;
					color: #4E5B6E;
				}

				#contactForm input {
					font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
					font-size: 1em;
					border: 1px solid #A5ACB2;
					padding: 2px;
					width: 241px;
				}

				#contactForm select {
					width: 153px;
					color: #4E5B6E;
				}

				#contactForm input.btnSubmit {
					width: 58px !important;
					background: #E17B01;
					border: 1px solid #E17B01;
					color: #fff;
					font-weight: bold;
				}

				#contactForm input.number {
					width: 20px !important;
				}

				#contactForm input.checkBox {
					width: 24px !important;
					height: 14px;
					border: none;
				}

				#contactForm div.radioBtn {
					width: 48%;
					float: left;
				}
				
				#contactForm .radioBtn input {
					width: 24px !important;
					border: none;
				}

				#contactForm textarea {
					font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
					font-size: 1em;
					width: 150px;
					height: 70px;
					border: 1px solid #A5ACB2;
					color: #4E5B6E;
				}

				#contactForm #errorMessage {
					color: #F00;
				}



/* Hides from IE-mac \*/
* html .contain {
	height: 1%;
	}
.contain {
	display: block;
	}
/* End hide from IE-mac */


/*New Styles*/
span.time{
width: 110px;
display: block;
float: left;
postion: relative;
}

span.when{
width: 50px;
display: block;
float: left;
postion: relative;
}


.imgright{
float: right; 
position:relative; 
display: inline;
padding: 0 0 0 10px;
}

.footer .imgright {
	color: #ACC426;
	}
	
img.commercial_logos{
	padding: 			14px 0 0;
	position: 			relative;
	left:				-13px;
}
img.tt{
	margin: 			0 0 0 6px;
}
	#sidebar img.tt{
		margin: 			0 0 8px 6px;
	}

#commercial {
	background: 	url(../images/commercial-btn.jpg) no-repeat;
	width: 				192px;
	height: 			95px;
	margin: 			7px auto 0 auto;
	text-align: center;
}
	#commercial a {
		text-transform: 			uppercase;
		color: 								#fff;
		letter-spacing: 			0.6px;
		font-size: 						11px;
		padding: 							11px 0 0 0px;
		float: 								left;
		font-family: 					Helvetica,Arial,sans-serif;
		text-decoration: 			none;
		text-align: 					center;
		width: 								100%;
	}
	#commercial a:hover{
		color: 								#FF8A00;
	}
	
#commercialPlayer {
	float:left;
	width:720px;
}

.commercial_logos_comm {
	float:right;
}

.kickerCon{
	float: left;
	margin: 0 0 20px 6px;
}

.indent {
	margin-left: 15px;
}

#ct-btn,#ma-btn,#nj-btn,#ny-btn{cursor: pointer;}

.nav-hover {
	position: absolute;
	top: 190px;
	left: 104px;
	width: 420px;
	background: #1A1A1A url(../images/bg-header.gif) repeat-x bottom;
	display: none;
	z-index:2;
	padding: 20px 20px 20px 40px;
	color: #FF8A00;
}

.nav-hover a:link, a, a:hover {
	color: #fff !important;
}

.nav-hover strong {
	font-size: 12px;
}
.nav-hover ul {
	float:left;
	width: 200px;
}
.nav-hover li {
	padding-top: 8px;
	font-size: 11px;
}

.nav-hover ul ul li {
	padding-top: 2px;
}
.nav-hover ul ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

.header-nav .part1 {
	color: #FF8A00;
	font-weight: 800;
	font-size: 12px;
	font-family: verdana;
}
.header-nav .part2 {
	color: #FF8A00;
	font-family: verdana;
	font-weight: 800;
	font-size: 20px;
}
.header-nav .part3 {
	color: #FF8A00;
	font-size: 12px;
	font-family: verdana;
}
.header-nav .part4 {
	color: #FFF;
	font-weight: 800;
	font-size: 12px;
	font-family: verdana;
}