fof-common.css

/* fof-common.css
 * Common style sheet for both frames and non-frames view.
 *
 * $Id: fof-common.css,v 1.1.2.1 2006/05/10 13:44:16 arensb Exp $
 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
#div {margin-left: 10px;}
}

html, body, input {
        font-family: arial,sans-serif;
}

.clearer
{
	clear: both;
}

.loading {
   position: absolute;
   margin: 0 auto;
   z-index: 9999;
   top: 500 px;
   cursor: wait;
   display: block;
}

#view-page
{
	font-family: arial,sans-serif;
	margin-top: 0;
}

.header
{
	background: #dddddd;
	padding: 0px;
}

.headeragg
{
	background: #dddddd;
	padding: 0px;
	font-size: 10px;
}

.headertitle
{
   text-overflow:clip;
   overflow:hidden;
   white-space:nowrap;
}

.headertable
{
        table-layout: fixed;
        empty-cells: hide;
}

.item_title
{
    font-weight: bold;
    font-size: 90%;
	text-decoration: none;
}

.feed_title
{
    color: #aaaaaa;
    font-size: 90%;
	text-decoration: none;
}

.body
{
	padding: 0px 5px 0px 5px;
}

#panel-page
{
    font-family: arial,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0px;
}

#panel-page table
{
	border-collapse: collapse;
	width: 100%;
}

#panel-page td
{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
}

#panel-page p
{
	margin: 0;
}

.odd-row
{
	background: #dddddd;
}

.unread
{
	font-weight: bold;
	color: red;
}

.item
{
	border: 2px dotted #ccccff;
    padding: 0px;
}
.itemover
{
	border:2px solid blue;
    padding: 0px;
}

.itemout
{
        border: 2px solid #848484;
        padding: 0px;
}

.linksbar
{
	background: #ffffff;
        padding: 0px;
}

input
{
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-size: 10px;
	border-bottom-width: 1px;
}

.headline
{
	font-size: 110%;
	float: left;
}

.feed
{
	font-size: 110%;
	float: right;
}

.opml
{
	text-align: right;
	clear: right;
	float: right;
	position: relative;
	top: 0px;
}

.nav
{
	text-align: center;
}

.heading
{
    border: 1px solid black;
    background: #ccc;
    padding: 0px;
}

.heading a
{
	text-decoration: none;
}

.feeds
{
	width: 100%;
}

.nowrap
{
	white-space: nowrap;
}

h1
{
	font-size: 110%;
	margin: 0px;
    padding: 0px;
}

h2
{
    font-size: 100%;
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

SELECT
{
    color:black;
    font-size:8pt;
}

img.valign
{
    vertical-align:middle;
}

.meta
{
    color: #aaaaaa;
    float: left;
    clear: left;
    position: relative;
    top: 0px;
}

.controls
{
    font-size: 90%;
    float: right;
    clear: right;
    position: relative;
    top: 0px;
    padding: 0px;
    white-space: nowrap;
}

.menu ul
{
    padding: 5px;
    margin: 0;
}

.menu li
{
    display: inline;
    padding: 5px;
}

.menu
{
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    background: #eee;
}

#menu-page
{
    font-family: arial,sans-serif;
    margin: 0;
    padding: 0px;
    font-size: 10px;
    background: #eee;
}

#panel-page .menu ul
{
    padding: 0px;
    margin: 0;
}

#panel-page .menu li
{
    display: inline;
    padding: 0px 2px 0px 2px;
        margin: 0;
}

#panel-page .menu form
{
    display: inline;
        padding: 0px;
        margin: 0;
}

#panel-page .menu
{
    text-align: center;
    background: #eee;
        padding: 0px;
}

#panel-page a:hover
{
    background: #ddd;
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

#shadow-container .shadow1 {
    background: #F1F0F1;
}

#shadow-container .shadow2 {
    background: #DBDADB;
}

#shadow-container .shadow3 {
    background: #B8B6B8;
}

#shadow-container .container {
    background: #ffffff;
    padding: 0px;
}