/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

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

.breakingNews{width:100%; height:30px; background:#FFF; position:relative; overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:30px; display:inline-block; position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:30px; font-size:13px; color:#FFF; height:30px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:5px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent transparent;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:30px; font-size:13px;}
.breakingNews>ul>li{position:absolute; height:30px; width:100%; line-height:30px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}


.breakingNews>.bn-navi{width:30px; height:30px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:30px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../img/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}


/*color styles -----------------------------*/
.bn-default{border-color:#d01e1e;}
.bn-default>.bn-title{background:#d01e1e;}
.bn-default>.bn-title>span{border-left-color:#d01e1e;}
.bn-default>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:#d01e1e;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}