﻿  
.display-table {
    display: table;
}

.display-tr {
    display: table-row;
}

.display-td {
    display: table-cell;
}
.newsNotificationBar-wrapper {
	background-color: #343434;
	z-index: 101;
	position: relative;
}
#newsNotificationBar{
	width: 1498px;
	display: table;
    border-collapse: collapse;
}
.news-notification {
    /*width:99.7%;*/
    /*margin:  3px 1px;*/
    border: solid 1px #555;
	background-color: #444444;
}



#newsNotificationBar > .display-tr > .display-td {
	white-space: nowrap;
	padding: 7px 10px;
	/* padding-top: 3px; */
	max-height: 30px;
	/* width: 2%; */
	vertical-align: middle;
}
.news-notification-icon {
	background: url("img/sprite_nav.png") no-repeat center -649px transparent;
	width: 2%;
    padding-left: 20px;
}


.sourceImage .authors {
	background: transparent url("img/news_sprite_2.png") no-repeat scroll 0 20px;
	display: block;
	height: 16px;
	margin-top: -2px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 20px;
}
.news-notification-logo > .authors {
    margin-top: -1px;
    /*background-color: #ffffff;*/
    padding-left: 0px !important;
    background-color: transparent;
}
.news-notification-logo  {
    padding: 10px;
    background-color: transparent;
}
.news-notification-time {
	width: 2%;
	color: #ababab;
	padding-left: 0px !important;
	font-size: 12px;
}
.news-notification-title {
	/* width: 10%; */
	padding-right: 25px !important;
	min-width: 200px;
	max-width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-notification-title > a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
.news-notification-preview {
	width: 80% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 600px;
}
.news-notification-preview p {
	margin: 0;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-notification-delete {
	width: 2%;
	float: right;
	margin-right: 10px;
}
.news-notification-delete > span {
	cursor: pointer;
	background: url("img/sprite_arrows.png") no-repeat center -783px transparent;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: 9999px;
	overflow: hidden;
}
.news-notification[data-market-impact = 'negative']{
    background-color: rgba(200,0, 0, 0.5) !important; 
    /*display: flex;*/
}
.news-notification[data-market-impact = 'negative'] .news-notification-preview{
    background:url(img/news-market-impact-arrow-down.png) no-repeat right 8px transparent; 
    padding-right: 20px !important;
    /*display: flex;*/
}

.news-notification[data-market-impact = 'positive']
{
    background-color: rgba(0, 200, 0, 0.5) !important;
    /*display: flex;*/
}

.news-notification[data-market-impact = 'positive'] .news-notification-preview{
    background:url(img/news-market-impact-arrow-up.png) no-repeat right 8px transparent; 
    padding-right: 20px !important;
    /*display: flex;*/
}

.news-notification[data-market-impact = 'positive'] .news-notification-preview{
    background:url(img/news-market-impact-arrow-up.png) no-repeat right 8px transparent; 
    padding-right: 20px !important;
    /*display: flex;*/
}
.news-notification .news-notification-logo span,
.news-notification[data-market-impact="negative"] .news-notification-logo span, 
.news-notification[data-market-impact="positive"] .news-notification-logo span {
    background-position: 0px -495px;
}