X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=tt-rss.css;h=1afda26ee3c34e10e0a2310d10a6306cc163cf16;hb=2f01fe57a8d37767827d6db42850aef86a767c53;hp=95938bc910cb02a89e5f4725b8593526f83c9847;hpb=b6ba48c1fd39f6e472a5394810be7b4f0bad87b3;p=tt-rss.git

diff --git a/tt-rss.css b/tt-rss.css
index 95938bc9..1afda26e 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -34,17 +34,13 @@ div.postReply div.postHeader {
 	background-color : #f9faff;
 	margin : 0px 1px 0px 0px;
 	padding : 5px;
-	cursor : move;
+	/* cursor : move; */
 	color : #909090;
 }
 
-/* div.postReply > div.postHeader {
-	padding : 5px;
-} */
-
 div.postReply div.postContent {
 	padding : 10px;
-	font-size : 14px;
+	font-size : 12px;
 }
 
 div.postReply div.postContent img {
@@ -55,7 +51,12 @@ div.postReply div.postContent img {
 div.postReply div.postIcon {
 	float : right;
 	border : 0px;
-	margin : 10px 0px 10px 10px;
+	margin : 5px;
+}
+
+div.postReply div.postIcon img {
+	max-width : 120px;
+	display : inline;
 }
 
 div.postReply div.postEnclosures {
@@ -66,19 +67,62 @@ div.postReply div.postEnclosures {
 div.postReply img.tagsPic {
 	width : 16px;
 	height : 16px;
+	margin-left : 4px;
 	vertical-align : middle;
 }
 
+div.articleNote div.articleNoteOps {
+	text-align : center;
+	color : #9a8c59;
+	font-style : italic;
+	margin-top : 5px;
+}
+
+div.articleNote div.articleNoteOps a {
+	color : #9a8c59;
+}
+
+div.articleNote div.articleNoteOps a:hover {
+	color : black;
+}
+
+div.articleNote {
+	background-color : #fff7d5;
+	border-width : 1px;
+	padding : 5px;
+	border-style : dashed;
+	border-color : #e7d796;
+	font-size : 8px;
+	margin-bottom : 5px;
+	margin-top : 5px;
+	margin-left : 5px;
+	float : right;
+	color : #9a8c59;
+	max-width : 150px;
+	text-align : justify;
+}
+
 div.postReply span.author {
 	font-size : 12px;
 }
 
+ul.feedList span.feedlink:hover {
+	cursor : pointer;
+	color : #4684ff;
+}
+
+
+ul.feedList img.hlLoading {
+	margin-left : 5px;
+	vertical-align : middle;
+	height : 10px;
+}
+
 ul.feedList {
 	list-style-type : none;
 	margin : 5px 5px 5px 0px;
 	padding : 0px 0px 0px 5px;
 	font-size : 12px;
-	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 }
 
 ul.feedList li.feedCat, ul.feedList li.virtCat {
@@ -90,6 +134,10 @@ ul.feedList li.feedCat, ul.feedList li.virtCat {
 
 ul.feedList img.catCollapse {
 	cursor : pointer;
+	vertical-align : middle;
+	width : 11px;
+	height : 11px;
+	padding-bottom : 3px;
 }
 
 ul.feedList span.catTitle {
@@ -101,14 +149,14 @@ ul.feedList span.catTitle:hover {
 	color : #4684ff;
 }
 
-ul.feedList li.feedCatSelected {
+ul.feedList li.feedCat.Selected {
 	margin : 0px;
 	padding : 3px 0px 3px 0px;
 	color : #4684ff;
 	font-size : 12px;
 }
 
-ul.feedList li.feedCatSelected span.catTitle {
+ul.feedList li.feedCat.Selected span.catTitle {
 	color : #4684ff;
 	cursor : pointer;
 }
@@ -133,40 +181,40 @@ ul.feedCatList img, ul.feedList img {
 	vertical-align : bottom;
 }
 
-li.feedUnread, 
-li.errorUnread, 
-li.labelUnread, 
-li.virtUnread,
-li.tagUnread {
+li.feed.Unread, 
+li.error.Unread, 
+li.label.Unread, 
+li.virt.Unread,
+li.tag.Unread {
 	font-weight : bold;
 }
 
-li.errorSelected a,
-li.error a,
-li.errorUnread a,
-li.errorUnreadSelected a {
+li.error.Selected span.feedlink,
+li.error span.feedlink,
+li.error.Unread span.feedlink,
+li.error.Unread.Selected span.feedlink {
 	color : #f04040;
 }
 
-li.feedSelected a,
-li.labelSelected a,
-li.virtSelected a,
-li.tagSelected a {
+li.feed.Selected span.feedlink,
+li.label.Selected span.feedlink,
+li.virt.Selected span.feedlink,
+li.tag.Selected span.feedlink {
 	color : #4684ff;
 }
 
-li.feedUnreadSelected a,
-li.labelUnreadSelected a,
-li.virtUnreadSelected a,
-li.tagUnreadSelected a {
+li.feed.Unread.Selected span.feedlink,
+li.label.Unread.Selected span.feedlink,
+li.virt.Unread.Selected span.feedlink,
+li.tag.Unread.Selected span.feedlink {
 	color : #4684ff;
 }
 
-li.feedUnreadSelected,
-li.errorUnreadSelected,
-li.labelUnreadSelected,
-li.virtUnreadSelected,
-li.tagUnreadSelected {
+li.feed.Unread.Selected,
+li.error.Unread.Selected,
+li.label.Unread.Selected,
+li.virt.Unread.Selected,
+li.tag.Unread.Selected {
 	font-weight : bold;
 }
 
@@ -178,6 +226,7 @@ ul.feedList img, img.tinyFeedIcon {
 	margin : 0px 3px 0px 0px;
 	width : 16px;
 	height : 16px;
+	vertical-align : middle;
 	border-width : 0px;
 }
 
@@ -194,7 +243,7 @@ h2 {
 }
 
 h3 {
-	font-size : 14px;
+	font-size : 12px;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -221,15 +270,6 @@ a:hover {
 	position : absolute;
 }
 
-#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
-#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
-#iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
-#iedit_parent_feed {
-	width : 100%;
-	padding-left : 2px;
-	background-color : #f0fff0;
-}
-
 textarea.iedit {
 	width : 100%;
 }
@@ -297,7 +337,7 @@ input.editbox {
 
 #dispSwitch {
 	font-size : 12px;
-	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+	font-family : "Lucida Grande", Arial, sans-serif;
 	text-align : right;
 	float : right;
 	margin : 5px 5px 0px 0px;
@@ -311,38 +351,7 @@ input.editbox {
 	color : #4684ff;
 }
 
-div.expPane {
-	margin : 15px;
-}
-
-/*.button {
-	border : 1px solid #d0d0d0;
-	background-image : url("images/button.png");
-	background-position : top;
-	background-repeat : repeat-x;
-	background-color : white;
-	color : black;  
-}
-
-.button:hover {
-	background : white;
-	text-decoration : none;
-	color : black;
-}
-
-.disabledButton {
-	border : 1px solid #c0c0c0;
-	background-color : white;
-	color : gray;   
-}
-
-a.button {
-	padding : 2px 5px 2px 5px;
-	font-size : small;
-} */
-
-.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
-	.evenSelectedUnread td {
+.even.Unread.Selected, .even.Unread.Selected td {
 	background-color : #fff7d5;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
@@ -350,8 +359,7 @@ a.button {
 	border-color : #e7d796;
 }
 
-.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
-	.oddSelectedUnread td {
+.odd.Unread.Selected, .odd.Unread.Selected td {
 	background-color : #fff7d5;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
@@ -359,7 +367,7 @@ a.button {
 	border-color : #e7d796;
 }
 
-.evenSelected, .evenSelected td {
+.even.Selected, .even.Selected td {
 	background-color : #fff7d5;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -367,7 +375,7 @@ a.button {
 	border-collapse : collapse;
 }
 
-.oddSelected, .oddSelected td {
+.odd.Selected, .odd.Selected td {
 	background-color : #fff7d5;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -375,7 +383,7 @@ a.button {
 	border-collapse : collapse;
 }
 
-.evenGrayed, .evenGrayed td {
+.even.Grayed, .even.Grayed td {
 	background-color : #f0f0f0;
 	color : #909090;
 	border-width : 0px 0px 1px 0px;
@@ -384,7 +392,7 @@ a.button {
 	border-collapse : collapse;
 }
 
-.oddGrayed {
+.odd.Grayed {
 	color : #909090;
 }
 
@@ -403,7 +411,7 @@ a.button {
 	border-collapse : collapse;
 }
 
-.evenUnread, .evenUnread td {
+.even.Unread, .even.Unread td {
 	background-color : #f0f0f0;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
@@ -412,7 +420,7 @@ a.button {
 	border-collapse : collapse;
 }
 
-.oddUnread, .oddUnread td {
+.odd.Unread, .odd.Unread td {
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -448,10 +456,6 @@ tr.title td a:hover {
 	color : black;
 }
 
-div.feedEditSearch {
-	float : right;
-}
-
 table.prefFeedList td.feedEditCat {
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
@@ -534,127 +538,6 @@ a.helpLink:hover {
 	color : #4684ff;
 }
 
-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;
-}
-
-#infoBoxTitle {
-	border-width : 1px 1px 1px 1px;
-	border-style : solid;
-	border-color : #99d67a;
-	background-color : #99d67a;
-	padding : 4px 2px 4px 10px;
-	color : white;
-	font-weight : bold;
-	font-size : 12px;
-}
-
-/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
-
-#infoBox {	
-	border-width : 1px 1px 1px 1px;
-	border-style : solid;
-	border-color : #99d67a;
-	background-color : #f8fcf5;
-	position: relative;
-	overflow : hidden;
-	left : -4px;
-	top : -4px;
-}
-
-div#errorBox {
-	background-color : #ffcccc;
-	border : 1px solid #ff0000;
-	font-size : 12px;
-	position: relative;
-	overflow : hidden;
-	left : -4px;
-	top : -4px;
-}
-
-
-html>body #infoBox, html>body #errorBox {
-	left : -10px;
-	top : -10px;
-	margin : 0;
-}
-
-#infoBoxShadow:before, #infoBoxShadow:after, 
-#errorBoxShadow:before, #errorBoxShadow:after {
-	content : " ";
-	display : block;
-	background : inherit;
-	width : 10px;
-	height : 10px;
-}
-
-#infoBoxShadow:before, #errorBoxShadow:before {
-	position : absolute;
-	top : 0;
-	right : 0;
-	margin : -10px 0 0 auto;
-	background-position : right top;
-}
-
-#infoBoxShadow:after, #errorBoxShadow:after {
-	margin : -10px 0 0 -10px;
-	background-position : left bottom;
-}
-
-
-#infoBoxShadow, #errorBoxShadow {
-	background-image : url("images/shadow.png");
-	background-position : bottom right;
-	left : 25%;
-	top : 70px;
-	width : 50%;
-	position : absolute;
-	min-width : 600px;
-} 
-
-#infoBoxShadow {
-	z-index : 5;
-}
-
-#errorBoxShadow {
-	z-index : 400;
-}
-
-div.infoBoxContents {
-	padding : 10px;
-	margin-bottom : 5px;
-	font-size : 12px;
-}
-
-div.infoBoxContents td {
-	font-size : 12px;
-}
-
-div.infoBoxContents a {
-	color : #527040;
-}
-
-div.infoBoxContents a:hover {
-	color : black;
-}
-
-div.helpResponse h1, div.infoBoxContents h1 {
-/*        border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #c0c0c0; */
-	font-size : 18px;
-}
-
-div.helpResponse h2, div.infoBoxContents h2 {
-/*        border-width : 0px 0px 0px 0px; */
-	font-size : 16px;
-}
-
 pre {
 	margin : 5px;
 }
@@ -672,7 +555,7 @@ div.prefsTab:hover {
 	cursor : pointer;
 }
 
-div.prefsTabSelected:hover {
+div.prefsTab.Selected:hover {
 	cursor : pointer;
 }
 
@@ -684,7 +567,7 @@ div.prefsTab {
 	margin : 0px 0px 0px 5px;
 	padding : 3px 5px 3px 5px;
 	font-size : 12px;
-	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 	border-collapse : collapse;
 	min-width : 100px;
 	text-align : center;
@@ -694,7 +577,7 @@ div.prefsTab {
 	height : 30px;
 }
 
-div.prefsTabSelected {
+div.prefsTab.Selected {
 	float : left;
 	border-width : 1px 1px 0px 1px;
 	border-color : #88b0f0;
@@ -703,7 +586,7 @@ div.prefsTabSelected {
 	padding : 3px 5px 3px 5px;
 	background-color : #ecf4ff;
 	font-size : 12px;
-	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 	border-collapse : collapse;
 	font-weight : bold;
 	min-width : 100px;
@@ -733,7 +616,6 @@ div.warning {
 	margin : 0px 0px 5px 0px;
 }
 
-
 div.warning img, div.notice img, div.error img {
 	vertical-align : middle;
 	padding : 5px;
@@ -766,16 +648,6 @@ table.loginForm {
 	background-color : #ecf4ff;
 }
 
-table.innerLoginForm {
-	border : 1px solid #88b0f0;
-	padding : 50px;
-	background-color : white;
-}
-
-table.innerLoginForm td {
-	padding : 3px 3px 5px 3px;
-}
-
 span.feed_error {
 	color : red;
 }
@@ -792,32 +664,8 @@ span.feed_error {
 	color : black;
 }
 
-/* .prefGenericAddBox {
-	font-size : 12px;
-} */
-
-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 : 12px;
+	font-size : 11px;
 }
 
 table.innerFeedTable td {
@@ -834,17 +682,20 @@ div.headlinesSubToolbar {
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
 	border-color : #f0f0f0;
-	position : absolute;
+	height : 20px;
+	line-height : 20px; 
+
+/* 	position : absolute;
 	left : 0px;
-	top : 0px;
+	top : 0px; 
 	height : 25px;
-	line-height : 25px;
+	line-height : 25px; 
 	padding-left : 5px;
 	padding-right : 5px;
-	right : 0px;
+	right : 0px; */
 	background-color : white;
 	font-size : 11px;
-	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 	color : gray;
 }
 
@@ -852,10 +703,9 @@ div.headlinesSubToolbar * {
 	line-height : normal;
 }
 
-
 div.headlinesSubToolbar div#subtoolbar_ftitle {
 	float : right;
-	line-height : 25px;
+	line-height : 20px;
 
 }
 
@@ -869,11 +719,7 @@ span.contentPreview:hover {
 	color : #4684ff;
 }
 
-table.headlinesList {
-	width : 100%;
-}
-
-table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
+span.hlLabelRef {
 	background-color : #fff7d5;	
 	font-height : 8px;
 	color : #063064;
@@ -883,38 +729,11 @@ table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
 	white-space: nowrap;
 }
 
-table.headlinesList td.hlFeedIcon {
-	width : 25px;
-	text-align : center;
-	cursor : pointer;
-}
-
-
-table.headlinesList td.hlMarkedPic {
-	width : 25px;
-	text-align : center;
-}
-
-table.headlinesList td.hlfeed {
-	text-align : right;
-}
-
 td.hlSelectRow, td.hlUpdPic {
 	width : 25px;
 	text-align : center;
 }
 
-table.headlinesList td.hlUpdated {
-	color : gray;
-	text-align : right;
-	width : 100px;
-	cursor : pointer;
-}
-
-table.headlinesList tr td {
-	padding : 2px 0px 2px 0px;
-}
-
 div.postHeader div.postDate {
 	text-align : right;
 	color : gray;
@@ -946,12 +765,6 @@ div.postHeader div {
 	display : none;
 }
 
-/*td.hlContent {
-	overflow : hidden;
-	height : 1em;
-	display : block;
-} */
-
 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 	height : 1em;
 }
@@ -969,173 +782,10 @@ span.hlFeed a:hover {
 	color : #4684ff;
 }
 
-/* div.cdmArticle:hover {
-	background-color : white;
-} */
-
-div.cdmAllTags {
-	float : left;
-	background-color : white;
-	border : 1px solid #c0c0c0;
-	display : none;
-	z-index : 3;
-	top : auto;
-	left : auto;
-	right : auto;
-	position : absolute;
-	padding : 10px;
-}
-
-span.cdmAllTagsCtr:hover div {
-	display : block;
-}
-
-div.cdmArticle {
-	border-color : #a0a0a0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	background-color : #f9faff;
-	margin : 0px;
-	color : #505050;
-	/* padding : 10px; */
-	color : black;
-
-}
-
-/* div.cdmArticleUnread:hover {
-	background-color : white;
-} */
-
-div.cdmArticleUnread {
-	border-color : #a0a0a0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	background-color : white;
-	margin : 0px;
-	/* padding : 10px; */
-	color : black;
-}
-
-div.cdmArticleSelected, div.cdmArticleUnreadSelected {
-	margin : 0px;
-	background-color : #fff7d5;
-	border-color : #e7d796;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-}
-
-div.cdmArticleUnread div.cdmHeader a.title, 
-div.cdmArticleUnreadSelected div.cdmHeader a.title {
-	font-weight : bold;
-}
-
-div.cdmHeader {
-	padding : 5px 5px 10px 5px;
-	color : gray;
-
-}
-
-div.cdmArticleUnread div.cdmHeader span.titleWrap a {
-	color : black;
-}
-
-div.cdmFooter {
-	font-size : 12px;
-	color : black;
-	padding : 5px;
-	color : gray;
-/*	background-color : white; */
-	border-width : 1px 0px 0px 0px;
-	border-color : #c0c0c0;
-	border-style : dotted;
-}
-
-/*div.cdmArticleSelected div.cdmFooter {
-	background-color : transparent;
-}
-
-div.cdmArticleUnreadSelected div.cdmFooter {
-	background-color : transparent;
-}*/
-
-div.cdmFooter span.s0 {
-	border-width : 0px 1px 0px 0px;
-	border-color : #c0c0c0;
-	border-style : dotted;
-	padding : 0px 5px 0px 0px;
-}
-
-div.cdmFooter span.s1 {
-	border-width : 0px 1px 0px 0px;
-	border-color : #c0c0c0;
-	border-style : dotted;
-	padding : 0px 5px 0px 5px;
-}
-
-div.cdmFooter span.s2 {
-	padding : 0px 5px 0px 5px;
-}
-
-div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
-	width : 16px;
-	height : 16px;
-	vertical-align : middle;
-}
-
 img.markedPic {
 	cursor : pointer;
 }
 
-div.cdmHeader div.articleUpdated {
-	float : right;
-	font-weight : bold;
-	color : gray;
-}
-
-div.cdmHeader div.articleUpdated img {
-	vertical-align : middle;
-}
-
-div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
-	margin : 0px;
-}
-
-div.cdmHeader, div.cdmHeader a {
-	color : #505050;
-	font-size : 12px;
-}
-
-div.cdmHeader a:hover {
-	color : #4684ff;
-}
-
-div.cdmContent {
-	margin : 0px 15px 5px 15px;
-}
-
-div.cdmContent img {
-	border-width : 0px;
-	max-width : 98%;
-}
-
-div.cdmContent:hover {
-	cursor : pointer;
-}
-
-div.cdmExcerpt {
-	margin : 0px 15px 5px 15px;
-}
-
-div.cdmExcerpt:hover {
-	cursor : pointer;
-	color : #88b0f0;
-}
-
-div.cdmEnclosures {
-	margin-top : 1em;
-	color : gray;
-}
-
 a.warning {
 	color : #f04040;
 }
@@ -1151,9 +801,7 @@ span.groupPrompt {
 }
 
 div.tagCloudContainer {
-/*	height : 300px;
-	overflow : auto; */
-	border : 1px solid #99d67a;
+	border : 1px solid gray;
 	background-color : white;
 	margin : 5px 0px 5px 0px;
 	padding : 5px;
@@ -1187,41 +835,6 @@ ul.userFeedList {
 	padding : 0px;
 }
 
-/* #browseBigFeedList li.oddSelected {
-	border : 1px solid #d0d0f6;
-	background-color : #eaeaff;
-	-moz-border-radius : 5px;
-} */
-
-/*#browseBigFeedList li {
-	padding :0px;
-}*/
-
-div.labelTestError {
-	margin : 5px 0px 5px 0px;
-	color : #f04040;
-}
-
-ul.labelTestResults {
-	height : 100px;
-	overflow : auto;
-	list-style-type : none;
-	margin : 0px 0px 5px 0px;
-	padding : 0px;
-	border : 1px solid #99d67a;
-	background-color : white;
-}
-
-ul.filterTestResults {
-	height : 300px;
-	overflow : auto;
-	list-style-type : none;
-	margin : 0px 0px 5px 0px;
-	padding : 0px;
-	border : 1px solid #99d67a;
-	background-color : white;
-}
-
 ul.browseFeedList {
 	height : 300px;
 	overflow : auto;
@@ -1279,48 +892,10 @@ div.browserFeedInfo div.detailsPart {
 	margin : 5px 0px 5px 5px;       
 }
 
-div.cdmContent a {
-	color : #4684ff;
-}
-
-div.cdmContent a:hover {
-	color : black;
-}
-
-a.cdmToggleLink {
-	color : #808080;
-	font-size : 12px;
-}
-
-a.cdmToggleLink:hover {
-	color : #4684ff;
-}
-
 .noborder {
 	border-width : 0px;
 }
 
-#debug_output {
-	position : absolute;
-	width : 400px;
-	height : 200px;
-	right : 20px;
-	bottom : 20px;
-	z-index : 999;
-	background-color : white;
-	border : 1px solid #c0c0c0;
-	overflow : auto;
-	margin : 0px;
-	padding : 0px;
-	list-style-type : none;
-}
-
-#debug_output li {
-	margin : 0px;
-	padding : 0px;
-	font-size : 11px;
-}
-
 #dialog_overlay {
 	left : 0;
 	top : 0;
@@ -1458,15 +1033,27 @@ div.loadingPrompt {
 }
 
 div.whiteBox {
-	background-color : white;
 	margin-left : 1px;
 	text-align : center;
 	padding : 1em;
 }
 
+html, body, #main {
+	width: 100%; 
+	height: 100%;
+	border: 0; 
+	padding: 0; 
+	margin: 0;
+}
+
+#toolbar div.actionChooser {
+	margin-right : 5px;
+	float : right;
+}
+
 /* layout */
 
-#header {
+/* #header {
 	position : absolute;
 	white-space: nowrap;
 	top : 5px;
@@ -1479,8 +1066,8 @@ div.whiteBox {
 
 #feeds-holder {
 	border-width : 1px 1px 0px 0px;
-	border-style : dotted solid;
-	border-color : #88b0f0;
+	border-style : solid solid;
+	border-color : #C4D1E4 #88b0f0;
 	top : 40px;
 	left : 0px;
 	position : absolute;
@@ -1490,6 +1077,11 @@ div.whiteBox {
 	border-collapse : collapse;
 }
 
+#toolbar div.actionChooser {
+	margin-right : 5px;
+	float : right;
+}
+
 #toolbar {
 	position : absolute;
 	left : 261px;
@@ -1504,6 +1096,10 @@ div.whiteBox {
 	font-size : 12px;
 }
 
+#toolbar input {
+	vertical-align : middle;
+}
+
 div.headlines_normal {
 	position : absolute;
 	border-width : 1px 0px 0px 0px;
@@ -1545,21 +1141,6 @@ div.headlines_cdm {
 	border-collapse : collapse;
 }
 
-/*#resize-grabber {
-	position : absolute;
-	border-width : 1px;
-	border-style : dotted;
-	border-color : #88b0f0;
-	background-color : white;
-	width : 8px;
-	height : 8px;
-	z-index : 20;
-	right : 20px;
-	top : 20px;
-	display : none;
-	cursor : move;
-}*/
-
 #resize-grabber {
 	height : 5px;
 	border-width : 0px 0px 1px 0px;
@@ -1609,10 +1190,6 @@ div.headlines_cdm {
 }
 
 #headlineActionsTop {
-/*	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	background-color : #fafafa; */
 	font-size : 12px;
 }
 
@@ -1623,7 +1200,7 @@ div.headlines_cdm {
 	right : 0px;
 	bottom : 0px;
 	top : 25px; 
-}
+} */
 
 /* preferences layout */
 
@@ -1683,36 +1260,28 @@ div.return a:hover {
 	right : 2px;
 }
 
-a.feedUpdErrLink {
-	color : #ff0000;
-	display : block;
-	margin-bottom : 0.5em;
-}
-
-.catCtrHasUnread, .feedCtrHasUnread {
+.catCtr.Unread, .feedCtr.Unread {
 	font-weight : bold;
 	color : #707070;
+	display : inline;
 }
 
-.catCtrNoUnread, .feedCtrNoUnread {
+.catCtr, .feedCtr {
 	display : none;
 }
 
-#newVersionIcon {
+div.topLinks img {
 	vertical-align : middle;
 	cursor : pointer;
-	margin-left : 10px;
 }
 
-a.helpLinkPic {
-	float : right;
+#offlineModePic {
+	margin-left : 5px;
 }
 
 a.helpLinkPic img {
 	border-width : 0px;
-}
-
-#fadd_login_container {
+	vertical-align : middle;
 }
 
 li.feedCatHolder {
@@ -1723,12 +1292,6 @@ table.prefFeedCatList {
 	background-color : white;
 }
 
-/*a[target="_new"], a[target="_blank"] {
-	border-width : 0px 0px 1px 0px;
-	border-color : #778899;
-	border-style : dotted;
-}*/
-
 div.autocomplete {
 	position : absolute;
 	width : 250px;
@@ -1763,8 +1326,8 @@ div.autocomplete ul li {
 
 div.topLinks {
 	float : right;
-	margin-right : 5px;
 	color : gray;
+	font-size : 12px;
 }
 
 div.topLinks a {
@@ -1779,13 +1342,8 @@ div.topLinks a.feedback {
 	color : #009900;
 }
 
-div.dashboard {
-	margin-left : 3px;
-}
-
 a.visibleLink {
 	color : #4684ff;
-
 }
 
 a.visibleLinkB {
@@ -1798,48 +1356,11 @@ a.visibleLinkB:hover {
 	background-color : #ecf4ff;
 }
 
-table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
-	color : #4684ff;
-}
-
-div.cdmFeedTitle {
-	border-color : #a0a0a0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	padding : 5px 3px 5px 5px;
-	background : url("images/toolbar.png") bottom left;
-	background-repeat : repeat-x;
-}
-
-table.headlinesList tr, table.headlinesList td {
-	border-collapse : collapse;
-	margin : 0px;
-}
-
-table.headlinesList tr.feedTitle td {
-/*	text-align : right;
-	margin-top : 10px; */
-	/*padding-left : 5px;*/
-
-	background : url("images/toolbar.png") bottom left;
-	background-repeat : repeat-x;
-
-	border-color : #c0c0c0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	padding : 5px 3px 5px 5px;
-
-}
-
-td.hlContent, td.hlContentL, td.hlContentH {
-	cursor : pointer;
-}
-
-td.hlContentH a, td.hlContentH span {
+.hlContentH a, .hlContentH span {
 	color : #00cc00;
 }
 
-td.hlContentL a, td.hlContentL span {
+.hlContentL a, .hlContentL span {
 	color : #909090;
 	text-decoration : line-through;
 }
@@ -1950,7 +1471,7 @@ div#hotkey_help_overlay table.hho td.content {
 div#hotkey_help_overlay table.hho td.top,
 div#hotkey_help_overlay table.hho td.bottom {
 	text-align : center;
-	font-size : 13px;
+	font-size : 11px;
 }
 
 div.prefKbdHelp {
@@ -1976,7 +1497,7 @@ div#l_progress_i {
 	height : 10px;
 }
 
-#content-insert {
+/* #content-insert {
 	background-color : white;
 	overflow : auto;
 	position : absolute;
@@ -1984,10 +1505,10 @@ div#l_progress_i {
 	right : 0px;
 	bottom : 0px;
 	top : 6px; 
-}
+} */
 
 div.dlgSec {
-	font-size : 14px;
+	font-size : 12px;
 	color : gray;
 	font-weight : bold;
 	clear : both;
@@ -2009,10 +1530,6 @@ div.dlgButtons {
 	clear : both;
 }
 
-div#label_test_result {
-	clear : both;
-}
-
 pre, code {
 	font-size : 12px;
 	font-family : monospace;
@@ -2064,29 +1581,6 @@ ul#headlineActionsBody li.insensitive:hover {
 	color : gray;
 }
 
-div#errorBox div#xebTitle {
-	background-color : #ff0000;
-	color : white;
-	padding : 4px 2px 4px 10px;
-	color : white;
-	font-weight : bold;
-	font-size : 12px;
-}
-
-div#errorBox div#xebContent {
-	font-size : 12px;
-	padding : 10px;
-}
-
-div#errorBox textarea {
-	width : 100%;
-	height : 200px;
-}
-
-div#errorBox input {
-	margin-bottom : 10px;
-}
-
 span.prefsLabelEntry {
 	padding : 2px;
 }
@@ -2135,4 +1629,162 @@ div.colorPicker {
 	color : #909090;
 }
 
+div#offlineModeDrop div {
+	padding : 2px 2px 2px 2px;
+	text-align : left;
+}
+
+div#offlineModeDrop {
+	position : absolute;
+	margin : 0px;
+	padding : 2px;
+	background-color : white;
+	z-index : 2;
+	margin : 2px 0px 0px 0px;
+	top : auto;
+	right : 0px;
+	border : 1px solid #cccccc;
+	background : white;
+	min-width : 170px;
+	margin-left : -1px;
+	max-height : 250px;
+	overflow : auto;
+	color : #909090;
+}
+
+optgroup {
+	color : #4684ff;
+	font-style : normal;
+}
+
+option {
+	color : black;
+}
+
+div#cmdline {
+	position : absolute;
+	left : 5px;
+	bottom : 5px;
+	font-size : 11px;
+	color : gray;
+	font-weight : bold;
+	background-color : white;
+	border : 1px solid #88b0f0;
+	padding : 3px 5px 3px 5px;
+	z-index : 5;
+}
+
+#feed_browser_spinner {
+	vertical-align : middle;
+	height : 18px;
+	width : 18px;
+}
+
+div#auxDlg {
+	position : absolute;
+	z-index : 3;
+	bottom : 5px;
+	right : 25px;
+	padding : 5px;
+	border-width : 1px;
+	border-style : solid;
+	border-color : #d7c47a;
+	background-color : #fff7d5;
+	color : black;
+	text-align : center;
+	font-size : 13px;
+}
+
+div#auxDlg a {
+	color : #4684ff;
+}
+
+div.hlTitle {
+	display : table-cell;
+	cursor : pointer;
+	width : 100%;
+	vertical-align : middle;
+	padding-top : 4px;
+	padding-bottom : 4px;
+}
+
+div.hlLeft {
+	display : table-cell;
+	vertical-align : middle;
+	white-space: nowrap;
+}
+
+div.hlRight {
+	display : table-cell;
+	white-space: nowrap;
+	text-align : right;
+	vertical-align : middle;
+}
+
+span.hlUpdated {
+	color : gray;
+	font-weight : medium;
+	width : 100px;
+	display : inline-block;
+}
+
+div.hlLeft input {
+	margin-left : 4px;
+	margin-right : 4px;
+}
+
+div.hlLeft img, div.hlRight img {
+	margin : 0px 4px 0px 4px;
+
+}
+
+div.hlUpdPic {
+	display : table-cell;
+	padding-right : 4px;
+	padding-left : 4px;
+	text-align : center;
+	vertical-align : middle;
+}
+
+div.hlUpdPic img {
+	max-width : 16px;
+}
+
+
+div.fatalError button {
+	margin-top : 5px;
+}
+
+div.fatalError textarea {
+	width : 100%;
+	height : 100px;
+}
+
+#main {
+	border-width : 0px;
+}
+
+#feeds-holder {
+	padding : 0px;
+}
+
+#headlines-frame {
+	padding : 0px;
+}
+
+#toolbar {
+	padding : 4px;
+	border-width : 0px;
+}
+
+#header {
+	padding : 4px;
+	border-width : 0px;
+}
 
+#footer {
+	text-align : center;
+	color : gray;
+	padding : 4px;
+	border-width : 0px;
+}