body {
margin: 0;
}
#feed {
position:absolute;
left: 9px;
top: 9px;
width: 130px;
height: 46px;
cursor:pointer;
}
#container {
position:absolute;
top:65px;
left: 14px;
width:270px;
height:270px;
overflow:hidden;
}
#contents {
position:absolute;
top:0;
left:0;
}
.row {
position:relative;
width:245px;
height:18px;
}
.light {
background: url(Images/light.png) repeat-x top left;
}
.dark {
background: url(Images/dark.png) repeat-x top left;
}
.title {
position:absolute;
font: 9px "Lucida Grande";
font-weight: bold;
color:rgb(25,25,25);
top: 4px;
left: 2px;
width: 190px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display: inline-block;
}
.title:hover {
text-decoration: underline;
cursor:pointer;
}
.date {
position:absolute;
font: 8px "Lucida Grande";
font-weight: bold;
color:rgb(25,25,25);
text-align:right;
display: inline-block;
top: 4px;
left: 170px;
width:55px;
}
#links {
position: absolute;
width:250px;
height:20px;
left:14px;
top: 340px;
text-align: center;
cursor:pointer;
}
/*
************************
* Scroller DIV styles *
************************
*/
#myScrollBar {
position:absolute;
left: 245px;
top: 65px;
width: 18px;
height: 269px;
display: block;
-apple-dashboard-region:dashboard-region(control rectangle);
}
#myScrollTrack {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(Images/well.png) no-repeat top left;
-apple-dashboard-region: dashboard-region(control rectangle);
}
/* Scroller track */
.scrollTrackTop {
position:absolute;
top:0;
width:19px;
height:18px;
background:url(Images/top_scroll_track.png);
background-repeat:no-repeat;
background-position:top left;
}
.scrollTrackMid {
position:absolute;
top:18px;
width:19px;
bottom:18px;
background:url(Images/mid_scroll_track.png);
background-repeat:repeat-y;
background-position:top left;
}
.scrollTrackBot {
position:absolute;
bottom:0;
width:19px;
height:18px;
background:url(Images/bottom_scroll_track.png);
background-repeat:no-repeat;
background-position:top left;
}
#myScrollThumb {
position:absolute;
width:23px;
top:0px;
left:0px;
}
.scrollThumbTop {
position:absolute;
top:0;
width:18px;
height:7px;
background:url(Images/scrollControl_top.png);
background-repeat:no-repeat;
background-position:top left;
}
.scrollThumbMid {
position:absolute;
top:7px;
width:18px;
bottom:6px;
background:url(Images/scrollControl_middle.png);
background-repeat:repeat-y;
background-position:top left;
}
.scrollThumbBot {
position:absolute;
bottom:0;
width:18px;
height:6px;
background:url(Images/scrollControl_bottom.png);
background-repeat:no-repeat;
background-position:top left;
}
/*
****************
* Debug Div *
****************
*/
#debugDiv {
border-style:dotted;
border-color:black;
background:gray;
position:absolute;
top:300px;
height:200px;
left:20px;
right:20px;
overflow:scroll;
display:none;
}