/* 
Title:		Trading Innovations
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	July 25, 2007
Updated:	August 1, 2007
*/

/* Design Notes:

Colors:


/*--[Global]----------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	max-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, li {
	list-style-type:none;
}
body {
	background: #313131; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #FFFFFF;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/*--[Float Clearing]--------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 .clearfix {
display: inline-block;
}  
    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */

hr { /* A bit overkill but it almost always works. Thanks to Sonspring. */
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}			

/*--[Set Generic Link Rules]---------*/
a:link, a:visited {
	color: #CBA63C;
	text-decoration: none;
}
a:hover {
	color:#FFF;
}
a:link.gobullet, a:visited.gobullet {
	float: right;
	background: #000 url(../images/btn_back_goarrow.gif) no-repeat 100% 0;
	font: bold 85%/16px Arial, Helvetica, sans-serif;
	color: #D6A839;
	text-transform: uppercase;
	padding: 0 28px 0 0;
	margin: 10px 20px 0 0;
}
a:hover.gobullet {
	color: #FFF;
}

/*--[Headlines]----------*/
h2.section {
	font: 180%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
}

/*--[Wrappers]----------*/	
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
	position: relative;
	height: 100%;
}
.backwrap_masthead {
	background: url(../images/bg_backwrap_masthead.jpg) repeat-x;
}

/*--[Masthead]----------*/
.masthead {
	background: url(../images/bg_backwrap_masthead.jpg) repeat-x;
}
	.masthead h1 {
		width: 314px;
		height: 109px;
		background: url(../images/img_logo_ti.gif) no-repeat 0 0;
		text-indent: -9926px;
		z-index: 10;
		position: absolute;
		top: 10px;
		left: 0;
	}
		.masthead h1 a {
			display: block;
			height: 109px;
			background: url(../images/img_logo_ti.gif) no-repeat 0 0; /* Logo needs to be repeated in order to prevent flickering in IE on mouse over. */
		}
.masthead .wrapper {
	background: url(../images/bg_masthead.jpg) no-repeat 0 0;
	height: 197px;
	position: relative;
}	

/*--[Main Navigation Menu]----------*/

.nav_main
{
	position: absolute;
	width: 960px;
	top: 163px;
	left: 0;
	float: left;
	height: 35px;	
	z-index: 25;
}

ul#nav_main {
	position: absolute;
	width: 960px;
	top: 89px;
	left: 0;
	float: left;
	height: 35px;	
}
	ul#nav_main li {
		float: left;
		background: url(../images/bg_mainnav_divider.jpg) no-repeat 0 0;		
	}
		ul#nav_main li.nobg {
			background: none;
		}
		ul#nav_main li a {
		display: block;
		padding: 0 15px;
		color: #FFF;
		font: normal 128%/36px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		float: left;
		}
		ul#nav_main li a:visited {
			color: #FFF;
		}
		ul#nav_main li a:hover {		
			color: #FFC30D;
			text-decoration: none;
			background: url(../images/bg_mainnav_hover.jpg) repeat-x;
		}
		
/*--[Tab Navigation]----------*/
ul.nav_tabs {
	width: 670px;
	float: left;
	position: absolute;
	top: 10px;
	right: 0;
}
	ul.nav_tabs li {
		background: url(../images/bg_tab_right.gif) no-repeat 100% 0;
		float: right;
		margin-right: 10px;
	}
		ul.nav_tabs li a:link, ul.nav_tabs li a:visited {
			display: block;
			background: url(../images/bg_tab_left.gif) no-repeat 0 100%;
			padding: 0 15px;
			color: #FFF;	
			font: 75% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			line-height: 20px;
		}
		 ul.nav_tabs li a:hover {
			color: #FFF8A6;
			text-decoration: none;
			background: url(none);
		}
		
/*--[Top Search Area]----------*/
.masthead fieldset {
	border: none;
	position: absolute;
	top: 120px;
	right: 15px;
	width: 240px;
	height: 66px;
	display: block;
	padding-left: 84px;
	background:url(../images/search_bg.gif) no-repeat 1px top;
	_background:url(../images/search_bg.gif) no-repeat 1px 6px;
}
.masthead legend {
	text-indent: -9926px;
}		
p.searchitem {
	float: left;
	padding: 0;
}
	p.searchitem select, p.searchitem input {
		font: 75% Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
		margin: 0;
		padding: 0;
	}
	p.searchitem input {
		width: 190px;
		padding: 2px 0;
		margin: 0;
	}
p.searchsubmit {
	float: right;
	padding: 0;
}
#searchgo {
  width: 41px;
  height: 21px;
  border: 0;
  background: transparent url(../images/butn_searchgo.gif) no-repeat center top;
  text-indent: -9926px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display: block;
}

/*--[Content]----------*/
.content {
	position: relative;
	background: url(../images/bg_backwrap_content.jpg) repeat-x;
	height: 100%
}
.content_promo {
	position: relative;
	background: url(../images/bg_backwrap_content.jpg) repeat-x;
}
	.content .wrapper {
		background-color: #000;
		padding-bottom: 20px;
	}
	.content_promo .wrapper {
		background-color: #000;
		padding-bottom: 20px;
		height: auto;
	}	
	.content p {
		padding: 3px 0;
		line-height: 1.5em;
		font-size: 95%;
	}
/*--[Front Promo]---------*/
.front_promo {
	background: #303030 url(../images/bg_frontpromo.gif) repeat-x;
	height: 225px;
	width: 960px;
	margin: 0 auto;
	border: 1px solid #717171;
	border-top: none;
	position: relative;
}
.front_promo h2 {
	font: normal 170%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	float: right;
	width: 194px;
	padding: 30px 0 10px 0;
	margin-right: 20px;
}
.front_promo img {
	float: left;
	width: 724px;
}
span.leanmore_promo_butn {
	position: absolute;
	right: 38px;
	bottom: 12px;
	height: 28px;
	width: 150px;
	text-indent: -9926px;
	background: url(../images/btn_frontpromo_learnmore.gif) no-repeat 0 0;
}
	span.leanmore_promo_butn a:link {
		display: block;
		height: 28px;
		background: url(../images/btn_frontpromo_learnmore.gif) no-repeat 0 0;
	}
	span.leanmore_promo_butn a:visited {
		display: block;
		height: 28px;
		background: url(../images/btn_frontpromo_learnmore.gif) no-repeat 0 0;
	}
	span.leanmore_promo_butn a:hover {
		background: url(../images/btn_frontpromo_learnmore_ro.gif) no-repeat 0 0;
	}

/*--[Front Doors]----------*/
.front_doors {
	height: 249px;
	background: url(../images/bg_backwrap_frontdoors.jpg) repeat-x;
}
	.front_doors ul {
		width: 960px;
		margin: 0 auto;

	}
		.front_doors ul li {	
			float: left;
			/* text-indent: -9926px; // Causes problems in FF */
			padding: 23px 9px 0 9px;
			
		}
			.front_doors ul li a {
				display: block;
				float: left;
				height: 207px;
				width: 174px;				
				text-indent: -9926px;
			}
			/* - Front Door Images - */
			.fdoor_customs {
				background: url(../images/butn_fdoor_customs.jpg) no-repeat 0 0;
			}
			.fdoor_supplychain {
				background: url(../images/btn_fdoot_supplychain.jpg) no-repeat 0 0;
			}	
			.fdoor_training {
				background: url(../images/bg_fdoor_training.jpg) no-repeat 0 0;
			}	
			.fdoor_partnerships {
				background: url(../images/bg_fdoor_partnerships.jpg) no-repeat 0 0;
			}
			.fdoor_alliances{
				background: url(../images/bg_fdoor_alliances.jpg) no-repeat 0 0;
			}	
			
/*--[Three 300 Columns]--------*/
.threecol {
	width: 281px;
	float: left;
	margin: 13px;
	padding: 0 10px;
	background: url(../images/bg_threecol.jpg) no-repeat; 
}
	.threecol h3 {
		font: normal 175%/1.1em Arial, Helvetica, sans-serif;
		color: #ff0000;
		padding: 12px 10px 10px 0;
	}
	.threecol h3 strong {
		color:#D6A839;
		font-weight:normal;
	}
	.threecol h3 strong.white {
		color:#fff;
		font-weight:normal;
	}
	.content .threecol p {
		padding: 0px;
		font-size: 12px;
		color: #fff;
	}
	.threecol h3 strong.white 
	{
		color: #fff;
		font-weight: normal;
	}
	
/*--[One 300 Columns]--------*/
.onecol {
	float: left;
	width: 720px;
	margin-right: 20px;
	margin-left: 20px;
}
	.onecol h2 {
		font: normal 185%/1.1em Arial, Helvetica, sans-serif;
		color: #D6A839;
		padding: 12px 10px 6px 0;
		clear: both;
	}
	.onecol h4 {
		clear: both;
		color: #E63245;
		font: normal 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		background: #000 url(../images/bg_contenth3_topper.gif) repeat-x 0 10px;
		padding: 5px 0 10px 0;
	}	
	.onecol ul {
		padding: 10px 0 10px 10px;
		font-size: 85%;
	}
	.onecol ul li {
		background: #000 url(../images/bullet_red.gif) no-repeat 0 50%;
		padding: 5px 10px 5px 15px;
	}	

/*--[Sub Content Menu]---------*/
.nav_content {
	float: right;
	width: 200px;
	margin-right: 30px;
	margin-top: 45px;
	background: #F7F9FF url(../images/bg_navcontent_bottom.gif) no-repeat 0 100%;
	padding-bottom: 13px;
}

*html .nav_content
{
	margin-right: 20px;
	margin-top: 40px;
}

	.nav_content h3 {
		background: #000 url(../images/bg_navcontent_top.gif) no-repeat 0 0;
		font: normal 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 25px 20px 10px 20px;
		color: #FFF;
	}
	.nav_content ul {
		background: #666 url(../images/bg_navcontent.gif) repeat-y 0 0;
	}
		.nav_content ul li {
			display: inline;
			font-size: 85%;
		}
			.nav_content ul li a {
				display: block;
				padding: 6px 15px 6px 35px;
				background: transparent url(../images/bullet_arrow_right.gif) no-repeat 10% 50%;
				border-bottom: 1px solid #242424;
			}

	
/*--[Recent News]--------*/
ul.recentnews {
	background: url(../images/bg_recentnews.gif) no-repeat;
	width: 270px;
	margin: 15px auto 5px auto;
	padding: 30px 0 0 0;
}
	ul.recentnews li {
		background: url(../images/icon_newspaper.gif) no-repeat 0 0;
		padding: 0 0 15px 0;
		line-height: 16px;
		padding-bottom:4px;
		padding-left:20px;
		background: url(../images/icon_newspaper.gif) no-repeat 0 2px;
	}
		ul.recentnews li h4.events1 {
			font: normal 118%/1.1em Arial, Helvetica, sans-serif;
			padding-bottom:4px;
			padding-left:20px;
			background: url(../images/icon_date.gif) no-repeat 0 2px;
		}

		ul.recentnews li h4 {
			font: normal 118%/1.1em Arial, Helvetica, sans-serif;
		}
		.content ul.recentnews li p.tinysubtext {
				font: 85% Verdana, Arial, Helvetica, sans-serif;
				color: #fff;
				padding-left:20px;
			}
		.content ul.recentnews li p.tinysubtext1 {
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				color: #787F6F;
				padding: 4px 0 0 20px;
			}
		ul.recentnews li a:link, ul.recentnews li a:visited {
			color: #CBA63C;
		}
		ul.recentnews li a:hover {
			color: #FFF;
			text-decoration: none;
		}

/*--[Upcoming Events]--------*/
ul.upcomingevents {
	background: url(../images/bg_upcomingevents.gif) no-repeat;
	width: 270px;
	margin: 15px auto 5px auto;
	padding: 28px 0 0 10px;
}
	ul.upcomingevents li {
		background: url(../images/icon_date.gif) no-repeat 3px 50%;
		padding: 4px 0 4px 27px;
		margin: 3px 0;
	}
	ul.upcomingevents li.odd {
		/* background-color: #343434; */
	}
	
/*--[Latest Poll]---------*/
.latestpoll {
	/* background: url(../images/bg_latestpoll.gif) no-repeat 0 0; */
	width: 270px;
	margin: 0 auto 5px auto;
	/* padding-top: 30px; */
}
	fieldset#frontpoll {
		width: 250px;
		margin: 0 auto;
		padding: 10px 0;
		border: none;
		background: transparent;
	}
	.content form#frontpoll p {
		font-size: 85%;
	}			

/*--[Breadcrumb Menu]----------*/
ul#breadcrumb {
	color: #666;
	padding: 15px 0 10px 0;
	float: left;
	font-size: 80%;
}
	ul#breadcrumb li {
		float: left;
		display: block;
		padding: 0;
		margin: 0;
		background-color: #242424;
		padding: 2px 4px
	}
			ul#breadcrumb li a:link, ul#breadcrumb li a:visited {
				color: #666;
			}
			ul#breadcrumb li a:hover {
				color: #FFF;
				text-decoration: none;
			}
														
/*--[Footer]----------*/
.footer {
	clear: both;
	width: 100%;
	text-align: center;
}
	ul.footer_menu {
		padding: 15px 0 10px 10px;
		float: left;
	}
		ul.footer_menu li {
			float: left;
			padding: 3px 10px 0 10px;
			background: url(../images/bg_divider_footermenu.gif) no-repeat 100% 70%;
			font-size: 80%;
		}
		ul.footer_menu li.last {
			background: url(none);
		}			
			ul.footer_menu li a:link, ul.footer_menu li a:visited {	
				color: #666;
			}		
	.content .footer p.copyright {
		float: right;
		font-size: 80%;
		color: #666;
		padding: 15px 10px 0 0;
	}
	.content .footer p.contact  span {
		color:#fff;
	}
	.content .footer p.contact 
	{
		text-align: center;
		font-size: 80%;
		color: #787f6f;
		padding: 15px 10px 0px 20px;
	}
	.content .footer p.contact a.ll {
		color:#787f6f;
	}

	ul.logo_list {
		margin: 0 auto;
		padding: 0 0;
		border-top: 1px solid #666;
		width: 980px;
		
	}
		ul.logo_list li {
			display: inline;
			padding-right: 10px;
		}
	
/*--[Set Common Elements]----------*/
.tiny {
	font: xx-small Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	float:right;
}
.left {
	float:left;
}
.nobg {
	background: none;
}
span.standout {
	color: #FF0000;
}


#PanelAttachedFiles
{
	float: left;
	margin: 8px;
}

/* News */

.NewsListItem
{
	margin: 0px 8px 12px 8px;
	border: solid 1px #666;
	padding: 8px;
	background: #222;
}

.NewsListItem h3
{
	font-size: 18px;
	margin-bottom: 4px;
}

.NewsListItemDate
{
	color: #bbb;
}

/* Events */

.EventListItem
{
	margin: 0px 8px 12px 8px;
	border: solid 1px #666;
	padding: 8px;
	background: #222;
}

.EventListItem h3
{
	font-size: 18px;
	margin-bottom: 4px;
}

.EventListItemDate
{
	color: #bbb;
}

/* Page Numbers */

.pages {
padding: 1em;
margin: 1em 0;
clear: right;
font-size: 85%;
margin-top: -11px;
}

.pages a, .pages span {
display: block;
float: left;
padding: 0.2em 0.5em;
margin-right: 0.1em;
border: 1px solid #6B6B6B;
background: Black;
}

.pages span.current {
border: 1px solid #6B6B6B;
font-weight: bold;
background: #9A0000;
color: #eee;
font-size: 8pt;
padding: 5px;
}

.pages a 
{
background-color: #212121;
border: 1px solid #9A0000;
text-decoration: none;
padding: 5px;
}

.pages a:hover {
border-color: #555;
background-color: #E0564E;
color: #eee;
text-decoration: none;
}

.pages a.nextprev {
font-weight: bold;
}

.pages span.nextprev {
color: #666;
}

.pages span.nextprev {
border: 1px solid #6B6B6B;
color: #999;
font-size: 8pt;
padding: 5px;
}

.RSSButton
{
	float: right;
	border: none;
	font-size: 20px;
}

.RSSButton img
{
	border: none;
}

.searchbox
{
	width: 50px;
}

.searchbutton
{
}

.SearchResultListItem
{
	margin: 0px 8px 12px 8px;
	border: solid 1px #666;
	padding: 8px;
	background: #222;
}

.SearchResultListItem h3
{
	font-size: 18px;
	margin-bottom: 4px;
}

/*.......................NEW 03/25/10........................*/
.blog_main {
width:500px;
height:44px;
margin:0 auto;
padding:0 0 0 20px;
clear:both;
top:119px;
left:0;
position:absolute;
z-index:100;
overflow:hidden;
}
.blog_main p {
color:#fff;
font-size:12px;
float:left;
margin:0;
padding-top:12px;
}
.blog_main p.blog {
float:left;
margin-right:40px;
height:23px;
line-height:18px;
background:url(../images/blog_bg.jpg) no-repeat left 12px;
}
.blog_main p.blog a {
color:#fff;
text-decoration:none;
padding:0 0 0 38px;
height:23px;
}
.blog_main p.follow {
float:left;
line-height:18px;
padding-right:12px;
}
.blog_main p a.in {
width:22px;
height:22px;
margin:0 0 0 0;
padding:0;
float:left;
background:url(../images/in.jpg) no-repeat left top;
}
.blog_main p a.f {
width:22px;
height:22px;
margin:0 5px;
padding:0;
float:left;
background:url(../images/f.jpg) no-repeat left top;
}
.blog_main p a.t {
width:22px;
height:22px;
margin:0 0 0 0;
padding:0;
float:left;
background:url(../images/t.jpg) no-repeat left top;
}
p.alliances {
width:189px;
height:70px;
margin:0;
padding:0;
float:right;
}
p.alliances a{
width:189px;
height:70px;
margin:0;
padding:0;
float:right;
}
p.trg {
width:245px;
height:70px;
margin:0;
padding:0;
float:right;
}
p.trg a{
width:245px;
height:70px;
margin:0;
padding:0;
float:right;
}

/*.......................NEW 03/25/10........................*/