/* Overall styles */

	#trna-scroller {
		height: 0;
		visibility: hidden;
	}
	
	#trna-scroller.show-trna {
		height: 89px;
		visibility: visible;
	}
	
	#ticker-bar.trna-ticker-bar {
		background: url('/application/assets/images/trna-ticker-background.png?v=12') center center #f9f9f9;
		height: 87px;
		border-top: 1px solid #fff;
		position: relative;
		margin-bottom: -6px;
	}
	
	#ticker-bar.trna-ticker-bar.homepage {
		margin-bottom: -2px;
	}
	
	#ticker-bar.trna-ticker-bar.homepage.no-promo {
		margin-bottom: -7px;
	}
	
	#ticker-bar.trna-ticker-bar .loader {
		background-image: url('/application/assets/images/loading-icon.gif?v=11');
		width: 118px;
		height: 65px;
		margin: -77px auto 0 auto;
		z-index: -1;
	}
	
	
	#ticker-bar.trna-ticker-bar .learn-more {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 5;
	}
	
	#ticker-bar.trna-ticker-bar .fade-left {
		position: absolute;
		left: 168px;
		top: 0;
		z-index: 5;
	}
	
	#ticker-bar.trna-ticker-bar .fade-right {
		position: absolute;
		right: 17px;
		top: 0;
		z-index: 5;
	}
	
	#trna-ticker {
		width: 960px;
		margin: 0 auto;
		color: #fff;
		font-family: arial;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 0;
		position: relative;
		overflow: hidden;
		margin-top: 0;
		height: 66px;
	}
		
	#trna-ticker .label {
	    left: 0;
	    margin-top: 11px;
	    position: absolute;
	    top: 7px;
	    width: 162px;
	    font-family: arial;
	    font-weight: normal;
	}
	
	#trna-ticker .label.single-line {
		margin-top: 18px;
	}
	
	#trna-ticker span {
		font-size: 13px;
		display: block;
		line-height: 16px;
		margin-top: 4px;
		font-weight: normal;
		font-family: arial;
	}
	
	
	.simply-scroll-container {
		position: relative;
	}
	
	.simply-scroll-clip { 
		position: relative;
		overflow: hidden;
	}
	
	.simply-scroll-list { 
		overflow: visible;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
	.simply-scroll {
		width: 788px;
		height: 86px;
	}
	
	.simply-scroll .simply-scroll-clip {
		width: 788px;
		height: 86px;
		position: absolute;
		top: -10px;
		left: 168px;
		color: #000;
		z-index: 2;
		background-color: #f9f9f9;
		margin-left: 1px;
	}
			
	.simply-scroll .simply-scroll-list li {
		float: left;
		height: 65px;
		margin-top: 8px;
		padding-top: 6px;
		font-family: "Arial";
		padding-left: 6px;
		padding-right: 6px;
		margin-left: 6px;
		margin-right: 7px;
	}
	
	.simply-scroll .simply-scroll-list li.surp {
		padding: 0 !important;
		margin: 0 !important;	
	}
	
	.direction-arrow {
		margin: 0 -4px 0 1px;
		width: 11px;
	}
	
	.row2 .direction-arrow {
		margin: 1px -4px -1px 1px;
		width: 9px;
	}
	
	.simply-scroll .simply-scroll-list li:hover {
		background-color: #eee;
		cursor: pointer;
	}	
	
	#trna-scroller span {
		display: inline;
		width: 100%;
		font-size: 14px;
		color: #454545;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
	}
	
	#trna-scroller span.value {
		color: #888;
		margin-top: 6px;
		display: block;
		font-weight: normal;
		display: block;
		width: 100%;
	}
	
	#trna-scroller .flag {
		margin-bottom: -3px;
		margin-right: 1px;
		width: 16px;
	}
	
	#trna-scroller .row1 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: left;
	}
	
	#trna-scroller .row2 {
		width: auto;
		margin: 0 auto;
		text-align: center;
		margin-top: 21px;
	}	
	
	#trna-scroller .row1 .value {
		margin-left: 5px;
	}
	
	#trna-scroller .row2 .change {
		margin-left: 2px;	
		margin-top: 1px;
	}
	
	.change.green {
		color: #02a650 !important;	
	}
	
	.change.red {
		color: #be3434 !important;	
	}
	
	.change.orange {
		color: #fe8f1c !important;	
	}
	
	.change img {
		margin: 0 -2px 1px 1px !important		
	}
	
	#trna-scroller .row2 .change.green {
		color: #02a650;	
	}
	
	#trna-scroller .row2 .change.red {
		color: #be3434;
	}
	
	#trna-scroller .row2 .change.orange {
		color: #fe8f1c;
	}
	
	#trna-scroller .row1 .value.green {
		color: #02a650;
	}
	
	#trna-scroller .row1 .value.orange {
		color: #fe8f1c;
	}
	
	#trna-scroller .row1 .value.grey {
		color: #666;
	}
	
	#trna-scroller .row1 .value.red {
		color: #be3434;
		width: 94px;
		text-align: center;
	}
	
	#trna-scroller .row2 .grey {
		color: #454545;
	}

/* End */