/* liScroll styles */

.breaking_news{
    position: relative;
    width: 715px; padding: 0 10px 0 0; float: right; background: url(http://bicm.ac.bd/wp-content/themes/bicmac/images/news_right.png) left top no-repeat; height: 72px; 
}
.the_ticker{ margin: 20px 0;}
.btn_title{
    background: none repeat scroll 0 0 #4575D4;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 38px;
    padding: 7px 5px;
    position: relative;
    text-align: center;
    width: 135px;
    z-index: 111;
}
.btn_title:after{
    border-left: 11px solid #4575D4;
    border-style: solid;
    border-width: 18px 1px 18px 11px;
    content: "";
    height: 0;
    left: 100%;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}

.news_ticker{
    height: 38px;
    line-height: 38px;
    list-style: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


.tickercontainer { /* the outer div with the black border */
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    overflow: hidden;
    position: relative;
    height: 38px;margin-top: -3px;
}
ul.newsticker { /* that's your list */
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;

}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
}
ul.newsticker a {
    color: #000;
    padding: 0;
    white-space: nowrap;
    font-weight: normal;
} 
ul.newsticker a:hover{
    color:#00B64F;
    text-decoration:none;
}
ul.newsticker span {
    color: #00aae9;
    margin: 1px 8px 0;
    font-size: 20px;
    float: left;
} 
/*responsive css */
@media only screen and (max-width: 767px) { 
    .btn_title span{display:none}
    .btn_title{padding:0px;width: 5px;}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .btn_title span{display:none}
    .btn_title{padding:0px;width: 5px;}
}