@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) and (max-width: 1200px) {
  .hidden-skinny {
    display: none !important ;
  }

}


 .div_link{	 
	
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif'); 
 }
	
	.white {
		color:#ffffff;			
	}
	
	.gray-bg {
		background: rgba(68, 114, 137, 0.7);	
		
	}
	
	.bkg-dark-gray {	
		background: #9D9E9E;
	}
	
	.bkg-lt-gray {	
		background: #E7E8E9;
	}
	
	.bkg-green-25 {	
		background: url(../../img/green_25.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-green-50 {	
		background: url(../../img/green_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-blue-50 {	
		background: url(../../img/blue_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-lt-blue-50 {	
		background: url(../../img/lt_blue_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-gray-50 {	
		background: url(../../img/gray_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-lt-gray-50 {	
		background: url(../../img/lt_gray_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-orange-50 {	
		background: url(../../img/orange_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-orange-80 {	
		background: url(../../img/orange_80.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-red-50 {	
		background: url(../../img/red_50.png) repeat scroll 0 0 transparent;
	}
	
	.bkg-red-25 {	
		background: url(../../img/red_25.png) repeat scroll 0 0 transparent;
	}
	
		.bkg-aqua-25 {	
		background: url(../../img/aqua_25.png) repeat scroll 0 0 transparent;
	}
	
		.bkg-aqua-50 {	
		background: url(../../img/aqua_50.png) repeat scroll 0 0 transparent;
	}
	
		.bkg-purple-50 {	
		background: url(../../img/purple_50.png) repeat scroll 0 0 transparent;
	}
	
		.bkg-purple-25 {	
		background: url(../../img/purple_25.png) repeat scroll 0 0 transparent;
	}
	
	.eq-curve {	
			background: url(../../img/equity-curve-results.png);
			background-size: 100%;
	}
	
	
	
	p.height-sm {
		line-height: 85%;			
	}
	
	h5.height-sm {
		line-height: 85%;			
	}
	
	h3.height-sm {
		line-height: 85%;			
	}
	
	h2.height-sm {
		line-height: 80%;			
	}
	
	h1.height-sm {
		line-height: 60%;			
	}
	
	dl {
		margin-bottom:5px !important; 
		
	}
	
	.pad-left-10 {
		
		padding:5px;
		
	}
	
	.pad10 {
		padding-top:10px;	
			
	}
	
	.pad10x10 {
		padding:10px;
		
	}
	
	.pad-top-20 {
		padding-top:20px;
		
		
	}
	
	.height-75 {
		height:75px;
		
	}
	
	
	.height-300 {
		min-height:300px;
		
	}
	
	.height-325 {
		min-height:325px;
		
	}
	
	.height-350 {
		min-height:350px;
		
	}
	
	.height-400 {
		min-height:400px;		
	}
	
	.height-425 {
		min-height:425px;		
	}
	
	.width-225 {
		min-width:225px;
	}
	
	.article-divider {
		top: -18px;
		width: 100%;
		max-width: 960px;
		z-index: 11;			
		
	}
	
	
	.img-right {
		float:right; 
		margin-right: 1em; 
		
	}
	
	.img-left {
		float:left; 
		margin-right: 1em; 
		
	}
		
	.white_wall{
		background: url(../../img/white_wall.png) repeat;
					
	}
	
	.grid{
		background: url(../../img/grid.png) repeat;
					
	}
	
	.graphy{
		background: url(../../img/graphy.png) repeat;
					
	}
	
	.grey2x{
		background: url(../../img/grey_2X.png) repeat;
					
	}
	
	.debut{
		background: url(../../img/debut_light.png) repeat;
					
	}
	
	.billie{
		background: url(../../img/billie.png) repeat;
		padding-top: 20px;
		padding-bottom: 20px;
					
	}
	
	.footer {
		background: #E7E8E9 url(../../img/footer_element_pixels_white.gif) repeat;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer ul {
		padding-left:0px;
		margin:0;
	}
	.footer li {
  display: inline-block;
  
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
	}
	
	.footer .divider {
  padding: 0 5px;
  color: #black;
}


	/* reverse type presets (for text on dark backgrounds) */
.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 {color: white;}
.reverse p, .reverse ul {color: #fff;}
.reverse cite {color:#CCCCCC}

	@media (min-width: 768px) {
		/* nav-pad is for setting the top padding for fixed nav bar */
		.nav-pad {  
		padding-top:40px;
		position:relative;		
			}
		
	}
	
	@media (min-width: 768px) and (max-width: 979px) {
		.nav-pad {
		padding-top: 0px;
		position:relative;		
			}
		
	}
	
/* Stuff from ti-app.css, with some renaming */

#header {
  height: auto;
  min-height: 1px;
  padding-top: 12px;
}

#logo {
  margin-bottom: 0;
}

#container {
  width: auto;
  min-width: 130px;
  margin-left: 15px;
  margin-right: 15px;
}

#content_outer {
  width: auto;
  position: relative;
  top: 0;
  margin-right: 0;
}

#navbar {
  overflow: hidden;
}


#footer {
  overflow: hidden;
}

.nav
{
  display: inline;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0
}
#counter
{
  float: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.counter_table
{
  float: right;
  display: inline;
  margin: -1px 0 0 0;
  padding: 0px;
}

.alert-table
{
  overflow:hidden;
}

/* Stuff from ti_2.css, with some renaming */.

.content_outer {
  width: 784px;
/*  background-color: #fff;*/
  padding: 8px;
  position: absolute;
  top: 130px;
  margin-right: 190px;
  margin-left: 0;
  clear: both;
      
}

.tickyrange {
	color:#FFFFFF;
	font-weight:700;
	position:relative;
	top:-20px;
	text-shadow: 2px 2px 2px #000000;	
}

.exc-button {
	left: 25%; 	
	position: relative;
	top:  80%;
		
}

.shadow {
	text-shadow: 2px 2px 2px #000000;
	
}