@font-face {
  font-family: 'Roboto';
  src: url('../../../Fonts/Roboto-Bold.ttf') format('truetype');
}
.SliderFeature {
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
}
.SliderFeature .RightCol {
    background: #ffffff none repeat scroll 0 0;
    vertical-align: top;

}
.SliderFeature .LeftCol {
    padding-right: 15px !important;
    text-align: justify;
    vertical-align: top;
    width: 63%;
    padding-top: 40px;
}
.SliderFeature .LeftPanel {
    height: 320px !important;
    overflow: hidden;
    position: relative;
    width: 100% !important;
}
.SliderFeature .LeftCol .LeftPanel img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.SliderFeature .LeftCol .text {
     background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    color: #444;
    font: bold 14px Tahoma;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    text-align:justify;
    width: 100%;
    z-index: 1;
}
.SliderFeature .LeftCol .text div {
    display: inline-block;
    padding: 8px;
  	color:#205277;
  	line-height:22px;
}
.SliderFeature .ArticleList li a {
    font: 13px/1.75 Arial;
    color: #777;
    line-height:18px;
}
.SliderFeature .ArticleList {
    list-style: outside none none;
    margin: 0;
    padding: 35px 0 0 0;
    width: 100%;
}
.SliderFeature .ArticleList li:hover a {
    color: #231773;
}
.SliderFeature .ArticleList li {
    border-bottom: 1px dotted #ccc;
    display: inline-block;
    padding: 8px 0;
    width: 100%;
}
.SliderFeature .ArticleList .ArticleItemSelected {
}
.SliderFeature .ArticleList .ArticleItemSelected a {
    color: #333;
}
.SliderFeature .ArticleList li:hover {
     
}
.SliderFeature .ArticleList li .Image {
    display: none;
    float: left;
    height: 86px;
    margin-right: 10px;
    text-align: left;
    width: 120px;
}
.SliderFeature .Header {
   /* display: none; */
   height: 24px;
   position:  inline-block;
   display: inline-block;
   width: 100%;
   position: absolute;
   left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+50,89c3eb+100,d5ebfb+100 */
	background: #ebf1f6; /* Old browsers */
   background: -moz-linear-gradient(top, #ebf1f6 0%,#88caf7 50%,#1b79b9 100%,#d5ebfb 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ebf1f6 0%,#88caf7 50%,#1b79b9 100%,#d5ebfb 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ebf1f6 0%,#88caf7 50%,#1b79b9 100%,#d5ebfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
   border-radius: 5px 0 0;
   display: block;
   height: 33px;
   padding-left: 30px;
   vertical-align:  middle;
}
.SliderFeature .Header .lblHeader {
    color: #014679;
    font: bold 15px/35px tahoma; 
    text-transform: uppercase;
    white-space: nowrap; 
}