tt-rss/themes/compat/theme.css

body {
	background : white;
	color : black;
	margin : 0px;
	padding : 0px;
	font-family : sans-serif;
}

/* common styles */

table.main td.headerBox {
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
}

/*
table.main td.header {
	padding : 10px 10px 10px 30px;
	height : 70px;
} */

table.main td.mainToolbar {
	border-width : 0px 0px 0px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	padding : 3px 25px 3px 10px;
}

table.main td.prefsToolbar {
	padding : 0px 5px 5px 0px;
}

table.main td.feeds {
	width : 290px;
	height : 100%;
	border-width : 1px 0px 0px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	padding : 0px;
}

table.main td.headlinesToolbarBox {
	padding : 10px;
	border-width : 0px 0px 1px 1px;
	border-style : solid;
	border-color : #c0c0c0;
	background-image : url("images/vgrad_light.png");
	background-position : bottom left;
	background-repeat : repeat-x;
}

table.main td.footer, table.main td.prefFooter {
	border-width : 1px 0px 0px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	padding : 10px;
	text-align : center;
	font-size : x-small;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
	color : gray;
}

table.main td.footer a {
	color : gray;
}

table.main td.footer a:hover {
	color : #5050aa;
}

table.main td.headlines {
	height : 25%;
	border-width : 0px 0px 1px 1px;
	border-style : solid;
	border-color : #c0c0c0;
}

table.main td.headlines2 {
	height : 100%;
	border-width : 0px 0px 0px 1px;
	border-style : solid;
	border-color : #c0c0c0;
}

table.main td.content {
	height : 100%;
	background-image : url("images/vgrad_light_rev.png");
	background-position : top left;
	background-repeat : repeat-x;
	border-width : 0px 0px 0px 1px;
	border-style : solid;
	border-color : #c0c0c0;
}

table.main td.prefContent {
	height : 100%;
	background-image : url("images/vgrad_light_rev.png");
	background-position : top left;
	background-repeat : repeat-x;
	border-width : 1px 0px 0px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	padding : 20px;
}

div.postReply {
	background-image : url("images/vgrad_light_rev.png");
	background-position : top left;
	background-repeat : repeat-x;
	height : 100%;
	padding : 10px;
	margin-left : 1px;
}

div.postReply a {
	color : #5050aa;
}

div.postReply a:hover {
	color : black;
}

div.postReply div.postHeader {
	background : white;
	border : 1px solid #c0c0c0;
}

div.postReply > div.postHeader {
	padding : 5px;
}

div.postReply div.postContent {
	padding : 10px;
}

div.postReply div.postIcon {
	float : right;
	border : 0px;
	margin : 10px 0px 10px 10px;
}

ul.feedList {
	list-style-type : none;
	margin : 5px;
	padding : 0px 0px 0px 10px;
}

ul.feedList li.feedCat {
	margin : 0px;
	padding : 3px 0px 3px 0px;
	color : #707070;
	font-size : x-small;
}

ul.feedList li.feedCat a {
	color : #707070;
}

ul.feedList li.feedCat a:hover {
	color : #5050aa;
}

ul.feedCatList {
	list-style-type : none;
	margin : 0px 0px 0px 20px;
	padding : 0px;	
}

ul.feedCatList li {
	margin : 0px;
	padding : 0px 0px 0px 0px;
	color : black;
}

ul.feedList li {
	margin : 0px;
}

ul.feedlist li.feedUnread, 
ul.feedlist li.errorUnread, 
ul.feedlist li.labelUnread, 
ul.feedlist li.virtUnread,
ul.feedlist li.tagUnread {
	font-weight : bold;
}

ul.feedlist li.errorSelected a,
ul.feedlist li.error a,
ul.feedlist li.errorUnread a,
ul.feedlist li.errorUnreadSelected a {
	color : #f04040;
}

ul.feedlist li.feedSelected a,
ul.feedlist li.labelSelected a,
ul.feedlist li.virtSelected a,
ul.feedlist li.tagSelected a {
	color : #5050aa;
}

ul.feedlist li.feedUnreadSelected a,
ul.feedlist li.labelUnreadSelected a,
ul.feedlist li.virtUnreadSelected a,
ul.feedlist li.tagUnreadSelected a {
	color : #5050aa;
}

ul.feedlist li.feedUnreadSelected,
ul.feedlist li.errorUnreadSelected,
ul.feedlist li.labelUnreadSelected,
ul.feedlist li.virtUnreadSelected,
ul.feedlist li.tagUnreadSelected {
	font-weight : bold;
}

ul.feedList li.feed {
	display : block;
}

ul.feedList img, img.tinyFeedIcon {
	margin : 0px 3px 0px 0px;
	width : 16px;
	height : 16px;
	border-width : 0px;
}

h1 {
	font-size : 16pt;	
}

h2 {
	font-size : 14pt;
	font-weight : bold;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #e0e0e0;
}

h3 {
	font-size : 12pt;
	font-weight : bold;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #e0e0e0;
}

hr {
	border-width : 0px 0px 1px 0px;
	border-style : dashed;
	border-color : #e0e0e0;
}

a {
	color : black;
	text-decoration : none;
}

a:hover {
	color : #5050aa;
}

#notify {
	color : black;
	font-weight : bold;
	padding : 3px;
}

#dispSwitch {
	padding : 5px 5px 5px 0px;
	font-size : x-small;
	text-align : right;
}

#dispSwitch a {
	color : gray;
}

#dispSwitch a:hover {
	color : #5050aa;
}

iframe {
	border : 0px solid white;
}

iframe.feedsFrameWithActions {
	width : 100%;
	height : 90%;
	margin : 0px;
	padding : 0px;
}

iframe.feedsFrame {
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
}

iframe.contentFrame, iframe.headlinesFrame {
	width : 100%;
	padding : 0px;
	margin : 0px;
	height : 100%;
}

.button {
	border : 1px solid #d0d0d0;
	background-image : url("images/button.png");
	background-position : top;
	background-repeat : repeat-x;
	background-color : white;
}

.button:hover {
	background : white;
	text-decoration : none;
	color : black;
}

a.button {
	padding : 2px 5px 2px 5px;
	font-size : small;
}

.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
	.evenSelectedUnread td {
        background-color : #e0e0ff;
        font-weight : bold;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #778899;
}

.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
	.oddSelectedUnread td {
        background-color : #e0e0ff;
        font-weight : bold;
}

.evenSelected, .evenSelected td {
        background-color : #e0e0ff;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #778899;
}

.oddSelected, .evenSelected td {
        background-color : #e0e0ff;
}


.disabledButton {
	border : 1px solid #c0c0c0;
	background-color : white;
	color : gray;	
}


.evenGrayed, .evenGrayed td {
        background-color : #f0f0f0;
        color : #909090;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #88b0f0;
}

.oddGrayed {
        color : #909090;
}

.even, .even td {
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #c0c0c0;
        background-color : #f0f0f0;
}

.evenUnread, .evenUnread td {
        background-color : #f0f0f0;
        font-weight : bold;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #c0c0c0;
}

.oddUnread, .oddUnread td {
        font-weight : bold;
}

td > input, div > input {
	border : 1px solid #a0a0a0;
}

/* preferences */

tr.title td {
	border-width : 0px 0px 1px 0px;
	border-color : #f0f0f0;
	border-style : solid;
	font-size : x-small;
	color : gray;
}

tr.title td a {
	color : gray;
}

tr.title td a:hover {
	color : #5050aa;
}

table.prefFeedList td.feedEditCat {
	font-size : large;
	font-weight : bold;
	padding : 5px 0px 5px 0px;
}

table.prefFeedList td.feedIcon {
	text-align : center;
}

table.prefFeedList td.feedSelect {
	text-align : center;
}

a.helpLink {
	color : #808080;
}

a.helpLink:hover {
	color : #5050aa;
}

div.helpResponse {
	margin : 10px;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
	padding : 10px 20px 10px 20px;
	border : 1px solid #f0f0f0;
}

#userDlgShadow {
	z-index : 3;
	position : absolute;
	left : 30%;
	top : 30%;
	display : none;
	background-image : url("images/shadow.png");
}

#userDlg {
	padding : 15px;
	border : 1px solid #c0c0c0;
	font-size : small;
	position : relative;
	bottom : 2px;
	right : 2px;
	background-color : white;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
}

#qafInput {
	width : 300px;
}

#infoBoxTitle {
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #c0c0c0;
	background-color : #c0c0c0;
	padding : 2px;
	color : white;
}


#infoBox {
	border : 1px solid #c0c0c0;
	padding-bottom : 10px;
	font-size : small;
	position : relative;
	bottom : 2px;
	right : 2px;
	background : white;
}

#infoBoxShadow {
	background-image : url("images/shadow.png");
	position : absolute;
	width : 30%;
	left : 35%;
	top : 30%;
	z-index : 3;
	display : none;
}

div.infoBoxContents {
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
	padding : 5px;
	margin-bottom : 5px;
}

div.helpResponse h1, div.infoBoxContents h1 {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	font-size : 16pt;
}

div.helpResponse h2, div.infoBoxContents h2 {
	border-width : 0px 0px 0px 0px;
	font-size : 12pt;
}

table.main td.prefsTabs {
	padding-left : 5px;
}

input.prefsTab {
	border-width : 1px 1px 0px 1px;
	border-color : #c0c0c0;	
	padding : 2px 7px 2px 7px;
	margin : 0px 1px 0px 0px;
	width : 130px;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
	-moz-border-radius : 7px 7px 0px 0px;
	font-size : small;
}

input.prefsTabSelected {
	border-width : 1px 1px 0px 1px;
	border-color : #c0c0c0;	
	padding : 2px 7px 2px 7px;
	margin : 0px 1px 0px 0px;
	width : 130px;
	background : white;
	font-weight : bold;
	background-position : top left;
	background-repeat : repeat-x;
	-moz-border-radius : 7px 7px 0px 0px;
	font-size : small;
	color : black;
}

input.prefsTab:hover {
	background : white;
}

div.warning {
	background : #fffff0;
	border : 1px solid #c0c0c0;
	padding : 5px;
	margin : 5px;
	font-size : x-small;
}

div.notice {
	background : #ffffff;
	border : 1px solid #c0c0c0;
	padding : 5px;
	margin : 5px;
	font-size : x-small;
}

ul.nomarks {
	list-style-type : none;
	margin : 0px;
	padding : 10px;	
}

div.bigErrorMsg {
	border : 1px solid #c0c0c0;
	background : #fff0f0;
	padding : 30px;
	margin : 20px;
}

div.prefHelp, td.prefHelp {
	font-size : x-small;
	color : gray;
	padding : 5px;
}

td.welcomePrompt {
	font-size : x-small;
	color : gray;
	text-align : right;
	padding-right : 10px;
}

td.httpWelcomePrompt {
	font-size : small;
	color : gray;
	text-align : right;
}

table.loginForm {
	background-image : url("images/vgrad_light_rev.png");
	background-color : white;
	background-position : top left;
	background-repeat : repeat-x;
}

table.innerLoginForm {
	border : 1px solid #f0f0f0;
	padding : 50px;
	background-color : white;
}

table.innerLoginForm td {
	padding : 3px 3px 5px 3px;
}

span.insensitive {
	color : gray;
}

.prefGenericAddBox {
	margin : 5px;
	font-size : small;
}

.prefGenericAddBox td {
	font-size : small;
}

body.logoutBody {
	background-color : #f0f0f0;
	color : black;
}

span.logoutWarning {
	color : red;
	font-weight : bold;
}

div.logoutContent {
	width : 600px;
	border : 1px solid #c0c0c0;
	background-color : white;
	margin-left : auto;
	margin-right : auto;
	margin-top : 20px;
	padding : 10px;
}

.small {
	font-size : x-small;
}

table.innerFeedTable td {
	margin : 0px;
	padding : 0px;
}

td.selectPrompt {
	font-size : x-small;
	color : gray;
}

table.headlinesSubToolbar td.headlineActions {
	font-size : x-small;
	color : gray;
	padding : 5px 0px 5px 5px;
}

table.headlinesSubToolbar td.headlineActionsRTL {
	font-size : x-small;
	color : gray;
	padding : 5px 5px 5px 0px;
}

table.headlinesSubToolbar td.headlineTitle {
	font-size : x-small;
	color : gray;
	padding : 5px 5px 5px 0px;
	text-align : right;
}

table.headlinesSubToolbar td.headlineTitleRTL {
	font-size : x-small;
	color : gray;
	padding : 5px 0px 5px 5px;
	text-align : left;
}

span.contentPreview {
	font-size : x-small;
	color : gray;
	font-weight : normal;
}

span.contentPreview:hover {
	color : #5050aa;
}

table.headlinesList td.hlMarkedPic {
	width : 25px;
	text-align : center;
}

table.headlinesList td.hlfeed {
	text-align : right;
	font-size : small;
}

td.hlSelectRow, td.hlUpdatePic {
	width : 25px;
	text-align : center;
}

table.headlinesList td.hlUpdated {
	font-size : small;
	color : gray;
	text-align : right;
	width : 100px;
}

table.headlinesList tr td {
	padding : 2px 0px 2px 0px;
}

div.postHeader td.postDate {
	font-size : x-small;
	text-align : right;
	color : gray;
}

div.postHeader td.postDateRTL {
	font-size : x-small;
	text-align : left;
	color : gray;
}

#feedUpdateErrors {
	display : none;
}

#allEntryTags {
	font-size : x-small;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	padding-bottom : 5px;
	display : none;
}

/*td.hlContent {
	overflow : hidden;
	height : 1em;
	display : block;
} */

td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
	height : 1em;
}

div.cdmArticle {
	border : 1px solid #f0f0f0;
	background-color : #fafafa;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleUnread {
	border : 1px solid #d5f1f4;
	background-color : #fafeff;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleSelected, div.cdmArticleUnreadSelected {
	border : 1px solid #d0d0f6;
	background-color : #eaeaff;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
	font-weight : bold;
}

div.cdmHeader {
	padding-bottom : 5px;
}

div.cdmFooter {
	font-size : x-small;
	color : gray;
	padding-top : 5px;
}

div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
	margin : 0px;
}

div.cdmHeader, div.cdmHeader a {
	color : gray;
	font-size : x-small;
}

div.cdmHeader a:hover {
	color : #5050aa;
}

div.cdmContent {
}

a.warning {
	color : #f04040;
}

img.closeButton {
	border-width : 0px;
	float : right;
}

span.groupPrompt {
	font-size : x-small;
	color : #505050;
}

ul.userFeedList {
	height : 300px;
	overflow : auto;
	list-style-type : none;
	border-color : #c0c0c0;
}

/* #browseBigFeedList li.oddSelected {
	border : 1px solid #d0d0f6;
	background-color : #eaeaff;
	-moz-border-radius : 5px;
} */

ul.browseFeedList {
	height : 300px;
	overflow : auto;
	list-style-type : none;
	margin : 0px 0px 5px 0px;
	padding : 0px;
	border-color : #c0c0c0;
}

ul.browseFeedList li {
	margin : 0px;
	padding : 0px;
}

span.subscribers {
	color : #808080;
}

div.subscribers {
	color : #808080;
	font-size : x-small;
	float : right;
}

input.feedBrowseCB {
	margin-right : 1em;
}

div.browserDetails {
	margin : 5px 5px 5px 5px;
	display : none;
	padding : 5px;
}

ul.compact {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

ul.compact li {
	margin : 0px;
	padding : 0px;
}

div.browserFeedInfo {
	font-size : x-small;
	border-color : #c0c0c0;
}

div.browserFeedInfo div.detailsPart {
	margin : 5px 0px 5px 5px;	
}

div.cdmContent a {
	color : #5050aa;
}

div.cdmContent a:hover {
	color : black;
}

/* layout */

#header {
	position : absolute;
	white-space: nowrap;
	top : 10px;
	left : 15px;
	right : 5px;
	height : 40px;
	color : gray;
	font-size : x-small;
}

#feeds-holder {
	border-width : 1px 1px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	top : 70px;
	left : 0px;
	position : absolute;
	width : 260px;
	overflow : auto;
	bottom : 50px;
}

#toolbar {
	position : absolute;
	left : 261px;
	padding : 5px 10px 5px 10px;
	top : 70px;
	right : 0px;
	white-space: nowrap;
	height : 30px;
	background-image : url("images/vgrad_light.png");
	background-position : bottom left;
	background-repeat : repeat-x;
	font-size : small;
}

div.headlines_normal {
	position : absolute;
	border-width : 1px 0px 0px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	left : 260px;
	height : 280px;
	top : 105px;
	right : 0px;
	overflow : auto;
	font-size : small;
}

div.headlines_cdm {
	position : absolute;
	border-width : 1px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	left : 260px;
	bottom : 50px;
	top : 105px;
	right : 0px;
	overflow : auto;
	font-size : small;
}

#content-frame {
	position : absolute;
	border-width : 1px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	overflow : auto;
	top : 390px;
	left : 260px;
	bottom : 50px;
	right : 0px;
}

#footer {
	position : absolute;
	bottom : 0px;
	height : 30px;
	text-align : center;
	color : gray;
	font-size : x-small;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x; 
	background-color : white;
	right : 0px;
	left : 0px;
	padding : 10px;
}

#headlinesContainer {
	margin-left : 1px;
	background-color : white;
}