@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
div#container {
   width: 100%;
   height: 500px;
   position: relative;
   clear: left;
   overflow:hidden;
   background-color:#fff;
   padding: 5px; 
}


#newsviewer {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:0;
	
}
#newsviewer .headline {
   position: absolute;
   height: 500px;
   top: 500px;
   overflow: hidden;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 14px;
   color: #0099FF;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;   
}
#newsviewer h4 {
	font-family: 'Roboto Condensed', sans-serif;
   font-size: 16px;
   color: #666666;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#newsviewer h4 a {
   color: #666666;
   text-decoration: none;
}
#newsviewer .publication-date {
   margin-bottom: 0px;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 13px;
   color: #666666;
}
#newsviewer .news-wait {
   z-index: 4;
}

#newsviewer .headline > img {border-radius: 5px;}

.summary {padding-left: 10px; border-left: 1px solid #d3d3d3; margin: 10px 10px;}
.summary img {height: 100%; width: 100%}

.pager {margin-bottom: 30px; padding:3px; border: 1px solid #d3d3d3; border-radius: 10px}
.clickable{cursor: pointer; margin-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-size:11px;}
.active {color: blue;}