#viewport{
    width: 281px;
    height: 78px;
    overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/*background-image: url(/img/bg_comments.png);*/
	background-position:center top;
	background-repeat:no-repeat;
}

#viewport ul{
    position: relative; /* Enables positionning of elements inside viewport */
    padding: 0; /* Resets default - User Agent - style */
	background-image:none;
	margin-top:0px;
}
#viewport li{
    width: 280px; /* Defines the size of inner element */
    height: 156px;
    list-style: none; /* Resets default - User Agent - style */
    /* Cosmetic */
    text-align:left;
	font-size:12px;
	font-style:italic;
	padding:0;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
    cursor: pointer;
    text-decoration: underline;
	text-align:right;
}

#up a.up {
	background-image:url(/img/comments/arrows_up.png); background-position:right top; line-height:10px; text-align:right; margin-right:10px; height:10px; width:28px; float:right; text-decoration:none;
}

#up a:hover.up {
	background-image:url(/img/comments/arrows_up.png); background-position:right -10px;
}

#down a.down {
	background-image:url(/img/comments/arrows_down.png); background-position:right top; line-height:10px; text-align:right; margin-right:10px; height:10px; width:28px; float:right; text-decoration:none;
}

#down a:hover.down {
	background-image:url(/img/comments/arrows_down.png); background-position:right -10px;
}