/* liScroll style declarations */

#newsContainer {
 width: 760px;
 margin-top: 0px;
 margin-bottom: 7px;
 margin-left: 0px;
 margin-right: 0px;
 border: 1px solid #C4C9D8;
 background-color: #F6F6F6;
 height: 16px;
 position: relative;
}

#newsHeader {
  float: left;  
  background-color: #C4C9D8;
  padding: 1px 3px;
  position:absolute;
  left: 0px;
  z-index: 10;
}

#newsHeader a, #newsHeader a:hover {
  color: #3A435F;
  cursor: pointer;
  text-decoration: none;
  font-size: 11px;
  font: bold 11px "Verdana, Arial, Helvetica",sans-serif;
}

.newsContentContainer {
  text-align: justify;
}

.newsContentContainer .newsContentDate {
  float: left; margin: 5px; margin-bottom: 1px; 
  padding: 3px; width: 70px; border: 2px groove white; 
  text-align: center;
}

.newsContentContainer .newsContentDate .time {
font-size: 20px; font-weight: bold; color: darkred
}

.newsContentContainer .newsContentDate .date {
}

.newsContentContainer .newsContentDate .author{
margin: 3px 10px; text-align: right; font-weight: bold; font-style: italic; font-size: 14px;
}

#newsScrollerContainer {
 right: 0px;
  position: absolute;
 z-index: 9;
}
/*
.tickercontainer {
width: 690px;
position: absolute;
right: 0px;
top: 2px;
}
.tickercontainer .mask { 
position: relative;
width: 680px;
overflow: hidden;
right: 0px;
}
ul.newsticker {
position: relative;
left: 690px;
#left: 0px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
height: 16px;

}
ul.newsticker li {
float: left;
margin: 0;
padding: 0;
background-color: transparent;
cursor: pointer;
margin-right: 10px;
}
ul.newsticker li * {
 font-size: 10px;
 white-space: nowrap;
}
*/
.tickercontainer { /* the outer div with the black border */
width: 698px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 1px;
bottom: 1px; right: 0px;
width: 698px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 698px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
ul.newsticker li {
 /* important: display inline gives incorrect results when you check for elem's width */
float:left;
margin: 0;
padding: 0;
margin-right: 18px;
white-space: nowrap;
}