/*default CSS for SAG scroller*/


 

div#mysagscroller ul li{
color:#000;
width:100%; 
float:left; background-color:#FFFFFF; border-bottom: 1px #E0E0E0  dashed; padding:10px;

/*bottom spacing between each LI*/
}


/*--div#mysagscroller ul li:first-letter{
font-size:14px;
background:#fff;
color:black;
padding:0 2px;
margin-right:2px;
}--*/
.sagscroller{
  /*default width of scroller*/
height: 576px; margin-top:0px;
overflow:hidden;
position:relative;
/*width: 299px;*/
padding-right:10px !important;
border:1px solid #ccc; }

.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
list-style:none;
/*  width: 290px!important;*/
}

.sagscroller ul li{
display:block;
/* width: 285px!important;*/
   border-bottom: 1px #E0E0E0 dashed;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:95%;
list-style:url(../images/testi-icon.png) ;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}

.sagscroller ul li{
display:block;
padding:10px;
}


.sagscroller ul li h4 { 
margin: 0px;
padding: 0px; 
float:left;
clear: both;
font-size:15px;
text-align: left; color:#000;
line-height:15px; padding-bottom:5px;
font-weight: normal; padding-top:5px;

}


.sagscroller ul li p {
width: 100%;
float: left;
text-align: justify; font-size:12px;
clear: both; margin-bottom:5px;
color:#084289;
}



.sagscroller ul li a{
width: 100%;
color:#F36916; text-decoration:none;
float: left;
text-align: right; font-size:12px;
clear: both; margin-bottom:5px;
font-weight: normal;
}

.sagscroller ul li a{
width: 100%;
color:#F36916; text-decoration:none;
background:none;
font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.sagscroller {
/*  height: 160px;*/
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  width: 214px;
  padding-right: 10px !important;
  border: 1px solid #ccc;
}

.sagscroller ul li {
  display: block;
  width: 195px!important;
  border-bottom: 1px #E0E0E0 dashed;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.sagscroller {
  height: 300px;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  width: 400px;
  padding-right: 10px !important;
  border: 0px solid #ccc;
}

.sagscroller ul li {
  width: 373px!important;
  /* border-bottom: 1px #E0E0E0 dashed; */
  margin: 0 15px;
}

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.sagscroller ul li {
  display: block;
  width: 250px!important;
  border-bottom: 1px #E0E0E0 dashed;
}
.sagscroller ul {
  position: absolute;
  margin: 0 13px;
  padding: 0;
  list-style: none;
  width: 290px!important;
}

.sagscroller {
  height: 200px;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  width: 299px;
  padding-right: 10px !important;
   border: 0px solid #ccc; 
}

}