@charset "utf-8";
/*!
 * CSS Customizations for tsb.gc.ca
 */
 
/** Screen and print CSS **/
@media screen, print {
}

/** Screen-only CSS **/
@media screen {
/* page title */
	#cn-cont {
	display:none;
}
/* header */
	
	#tsb-header-shade {
	height:320px;
	background:url('/images/homepage/header_shade.png') center bottom no-repeat;

}
#tsb-header {
	height:300px;
	background:url('/images/homepage/header.png') top right no-repeat;
	margin:0 10px;
}
#tsb-about {
	height:300px;
}
#tsb-about h2 {
	margin:10px 0;
}
#tsb-about p {
	font-size:14px;
}
#tsb-transport ul {
	padding-right:20px;
	padding-top:20px;
}
#cn-content {
	margin-top:-30px;
}
#cn-connect h2 {
	color: #333;
	margin-bottom:0px!important;
	margin-top:0!important;
}
#cn-connect ul {
	list-style: none;
	clear:left;
	margin:0;
}
#cn-connect li {
	display: inline;
}
#cn-connect a {
	background: none;
	padding-right: 0;
	text-decoration: none;
}
#cn-connect img:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
/* classes */
	
	h3.tiny {
	font-size:11px;
	color:#204080;
	margin-top:15px;
}
h2.icon, h3.icon {
	padding-left:55px;
	background:center left no-repeat;
	font-size:20px;
	line-height:40px!important;
}
h3.icon {
	line-height:20px;
}
h2.icon.transport {
	background-image:url('/images/homepage/h_transport.png');
}
h2.icon.headlines {
	background-image:url('/images/homepage/h_headlines.png');
}
h2.icon.twitter {
	background-image:url('/images/homepage/h_twitter.png');
}
h3.icon.reports {
	background-image:url('/images/homepage/h_reports.png');
}
h2.icon.reports {
	background-image:url('/images/homepage/h_reports.png');
}
h3.icon.twitter {
	background-image:url('/images/homepage/h_twitter.png');
}
ul.buttons {
	list-style:none;
	padding:0;
	margin:20px 0 0;
}
ul.buttons li {
	display:block;
	background:url('/images/homepage/button.png') top right no-repeat;
	height:80px;
}
ul.buttons li a {
	display:block;
	background:top left no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:0 40px 0 75px;
	line-height:60px;
	height:60px;
	font-size:14px;
	text-shadow:0 0 3px #333;
}
ul.buttons li a:hover {
	color:#000;
	text-shadow:0 0 3px #ccc;
}
ul.buttons li.marine a {
	background-image:url('/images/homepage/th_marine2.png');
}
ul.buttons li.pipe a {
	background-image:url('/images/homepage/th_pipe.png');
}
ul.buttons li.rail a {
	background-image:url('/images/homepage/th_rail.png');
}
ul.buttons li.air a {
	background-image:url('/images/homepage/th_air.png');
}
ul.buttons li.watchlist {
	
	background-image:url('/images/homepage/button_red.png');
}
ul.buttons li.watchlist a {
	background-image:url('/images/homepage/but_watchlist.png');
	font-size:14px;
	color:#fff;
}
ul.buttons li.watchlist a:hover {
	background-image:url('/images/homepage/but_watchlist.png');
	font-size:14px;
	color:#36C;
}
ul.buttons li.report {
	background-image:url('/images/homepage/button_blue.png');
}
ul.buttons li.report a {
	background-image:url('/images/homepage/but_report2.png');
	line-height:16px;
	padding-top:13px;
	padding-right:4px;
	height:47px;
}
ul.buttons li.tsb25 {
	background-image:url('/images/homepage/button_blue.png');
}
ul.buttons li.tsb25 a {
	background-image:url('/images/homepage/25.png');
}
ul.buttons li.careers {
	background-image:url('/images/homepage/button_blue.png');
}
ul.buttons li.careers a {
	background-image:url('/images/homepage/careers2.png');
}
ul.buttons li.map {
	background-image:url('/images/homepage/button_blue.png');
}
ul.buttons li.map a {
	background-image:url('/images/homepage/but_map2.png');
}
ul.buttons li.securitas {
	background-image:url('/images/homepage/button_blue.png');
}
ul.buttons li.securitas a {
	background-image:url('/images/homepage/but_securitas.png');
}
ul.links {
	list-style:none;
	padding:0 0 10px;
	margin:0 -6px 10px;
}
ul.links.uppercase {
	text-transform:uppercase;
}
ul.links li {
	display:inline;
	float:left;
	font-weight:bold;
	height:12px;
	line-height:12px;
	border-left:1px solid #8c8b82;
	padding:0 6px 0 7px;
}
ul.links li a {
	color:#808080;
	text-decoration:none;
}
ul.links li a:hover {
	color:#204080;
}
ul.links li:first-child {
	border:none;
	padding-left:6px;
}
ul.tweets {
	list-style:none;
	padding:0;
	margin:0;
}
ul.tweets li.tweet {
	list-style:none;
	padding:10px;
	margin:10px 0 30px;
	background:url('/images/homepage/twitter_fill.png') bottom repeat-x;
	border:1px solid #c7cfdf;
	border-radius:7px;
	display:block;
	clear:left;
	color:#808080;
}
ul.tweets li.tweet:hover {
	color:#204080;
}
ul.tweets li.tweet p {
	margin:0 0 10px;
	position:relative;
	top:-12px;
}
ul.tweets li.tweet div {
	background:url('/images/homepage/twitter_tri.png') bottom left no-repeat;
	position:relative;
	bottom:-21px;
	z-index:999;
}
ul.tweets li.tweet div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul.tweet-links {
	list-style:none;
	float:right;
	position:relative;
	left:15px;
	top:5px;
	font-size:11px;
}
ul.tweet-links li {
	display:inline;
	float:left;
	font-weight:bold;
	height:12px;
	line-height:12px;
	border-left:1px solid #8c8b82;
	padding:0 6px 0 7px;
}
ul.tweet-links li a {
	color:#808080;
	text-decoration:none;
}
ul.tweet-links li a:hover {
	color:#204080;
}
ul.tweet-links li:first-child {
	border:none;
	padding-left:6px;
}
ul.news {
	list-style:none;
	margin:0;
}
#tsb-reports ul.news {
	background:url('/images/homepage/reports_fill.png') top left no-repeat;
}
ul.news li {
	list-style:none;
	display:block;
	clear:left;
	background:url('/images/homepage/dot.png') top left repeat-x;
	padding:10px 0 5px;
}
ul.news li:first-child {
	background:none;
}
ul.news li h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
}
ul.news li h3 a {
	color:#204080;
	text-decoration:none;
}
ul.news li h3 a:hover {
	color:#69C;
	text-decoration:none;
}
ul.news li span {
	color:#808080;
	font-size:11px;
}
ul.news li p {
	margin:5px 0;
}
.left-fill {
	background:#fff url('/images/homepage/left_fill.png') top right repeat-y;
}
}

/** Print-only CSS **/
@media print {
}
/* **************************************************** */
/* For Twitter         */
/* **************************************************** */

.twtr-hd {
	display:none;
}
.twtr-ft {
	display:none;
}
.twtr-user {
	display:none;
}
/************************************/ 
/* For notices 						*/ 
/************************************/
  div#noticeBox {
	background:url(/images/MainPage/notice.png) repeat-x top center;
	color:#000000;
}
div#noticeBox2 {
	background:url(/images/MainPage/notice2.png) repeat-x top center;
	color:#ffffff;
}
/************************************/
/* For blog button					*/
/************************************/
ul.buttons li.blog {	
	background-image:url('/images/homepage/triangle2.png'), url('/images/homepage/button_blue.png');
	background-position:right 100px bottom 25px, right bottom ;
	margin:0 10px 0 10px;
}
.ie8 ul.buttons li.blog {
  background-image:url('/images/homepage/button_blog.png');
} 
.ie7 ul.buttons li.blog {
  background-image:url('/images/homepage/button_blog.png'); 
} 
ul.buttons li.blog a {	
	background-image:url('/images/homepage/button_blog2.png');
	text-align:right;
	font-weight:normal;
	padding:5px 40px 0 7px;
	line-height:25px;
	font-size:20px;
}
.ie8 ul.buttons li.blog a {
	font-size:19px;
	padding:5px 20px 0 7px;
}
.ie7 ul.buttons li.blog a {
	font-size:19px;
	padding:5px 20px 0 7px;
}
/*************************************************/
/* Custom tab css for home page - tabs-style-tsb */
/*************************************************/

#tabs-style-tsb {
	border:0;
	padding:0;
	position:relative;
	z-index:1;
	margin:0
}

#tabs-style-tsb .tabs {
	border:0;

	min-height:24px;
	position:absolute;
	bottom:0px;
	text-align:right;
	width:100%;
	z-index:2;
	margin-top:0;
	bottom:-9px;
	left:0
}
#tabs-style-tsb .tabs li {
	border:0;
	margin-right:5px;
	vertical-align:bottom;
	width:auto
}
#tabs-style-tsb .tabs li a {
	float:left;
	display:block;
	width:30px;
	height:20px;
	line-height:18px;
	text-align:center;
	color:#fff;
	background:#9eacc8;
	border-radius:3px 3px 0 0;

}
#tabs-style-tsb .tabs li a.active, #tabs-style-tsb .tabs li a:hover, #tabs-style-tsb .tabs li a:focus, #tabs-style-tsb .tabs li a:active {
	background:#fff;
	color:#204080!important;
	padding-top:4px;
}

#tabs-style-tsb .tabs li.tabs-toggle {
	position:relative;
	left:-70%;
	margin-left:5px;
	margin-right:5px;
	background-color:#fff;
}
#tabs-style-tsb .tabs li.tabs-toggle a {
	cursor:pointer;
	border:none;
	margin:auto;
	color:#000!important	
}
#tabs-style-tsb .tabs li.tabs-toggle a.tabs-start {
	padding:2px 15px 2px 24px!important;
	}
#tabs-style-tsb .tabs li.tabs-toggle a.tabs-stop {
	padding:2px 15px 2px 24px!important;
	}
#tabs-style-tsb .tabs-panel {
	border:0;
	height:300px;
	color:#fff;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
#tabs-style-tsb .tabs-panel .panel-content-pad h2 {
	font-size:130%;
	color:#999;
}
#tabs-style-tsb .tabs-panel .panel-content-pad h2 a {
	text-decoration:none!important;
	color:#999;
}
#tabs-style-tsb .tabs-panel .panel-content-pad h2 a:hover, #tabs-style-tsb .tabs-panel .panel-content-pad h2 a:active {
	color:#069;
}
#tabs-style-tsb .tabs-panel .panel-content-pad p a:hover, #tabs-style-tsb .tabs-panel .panel-content-pad p a:active {
	color:#069;
}
/*#tabs-style-tsb .tabs-panel img {
	position:absolute;
	top:0;
	left:0;
	max-width:950px;
}
.ie7 #tabs-style-tsb .tabs-panel img {
	position:absolute;
	top:0;
	left:-200px;
	max-width:950px;
}
.ie8 #tabs-style-tsb .tabs-panel img {
	position:absolute;
	top:0;
	left:-200px;
	max-width:950px;
}
*/
#tabs-style-tsb .tabs-roller {
	background-color:#fff;
	opacity:.25
}