[tt-rss.git] / css / tt-rss.css

body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
	background : white;
	color : black;
	margin : 0px;
	padding : 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

div.postReply {
	padding : 0px;
}

div.postReply div.postHeader {
	padding : 5px;
	margin-right : 4px;
	color : #909090;
	border-width : 0px 0px 1px 0px;
	border-color : #ddd;
	border-style : solid;
}

div.postReply div.postTitle {
	overflow : hidden;
	text-overflow: ellipsis;
	white-space : nowrap;
	font-weight : 600;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

div.postReply div.postDate {
	padding-left : 10px;
}

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

div.postReply div.postContent img {
	border-width : 0px;
	max-width : 98%;
	height: auto;
}

div.postReply div.postEnclosures {
	margin-top : 1em;
	color : #555;
}

div.postReply img.tagsPic {
	width : 16px;
	height : 16px;
	margin-left : 4px;
	vertical-align : middle;
}

div.articleNote {
	background-color : #fff7d5;
	padding : 5px;
	margin : 5px;
	border-style : solid;
	border-color : #e7d796;
	border-width : 1px;
	color : #9a8c59;
}

div.articleNote div.noteEdit {
	float : right;
	cursor : pointer;
}

div.postReply span.author {
	font-size : 12px;
}

h1 {
	font-size : 18px;
	font-weight : 600;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

h2 {
	font-size : 16px;
	font-weight : 600;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ecf4ff;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

h3 {
	font-size : 13px;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ecf4ff;
	font-weight : 600;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

h4 {
	font-size : 14px;
	font-weight : 600;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

hr {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ccc;
}

a {
	color : #4684ff;
	text-decoration : none;
}

a:hover {
	color : #88b0f0;
}

#piggie {
	z-index : 999;
	position : absolute;
}

#notify {
	bottom : 10px;
	right : 20px;
	border-width : 1px;
	border-style : solid;
	position : absolute;	
	font-size : 12px;
	z-index : 99;
	max-width : 200px;
	min-width : 100px;
	padding : 5px;
	-width : 200px;
}

#notify img {
	vertical-align : middle;
	max-height : 14px;
}

#notify span.msg {
	width : 100%;
}

#notify span.close {
	text-align : right;
}

#notify span {
	display : table-cell;
	vertical-align : middle;
	padding : 4px;
}

.notify {
	border-color : #d7c47a;
	background-color : #fff7d5;
}

.notify.progress {
	border-color : #d7c47a;
	background-color : #fff7d5;
}

.notify.info {
	border-color : #88b0f0;
	background-color : #ecf4ff;
}

.notify.error {
	background-color : #ffcccc;
	border-color : #ff0000;
}

.hl div.hlTitle a {
	font-weight : 600;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
	color : #777;
}

.hl.Unread div.hlTitle a {
	color : black;
}

.hl.active div.hlTitle a {
	color : #4684ff;
	/* text-shadow : 1px 1px 2px #fff; */
}

.hl.Selected {
	background : #f9fbff;
}

.hl.Grayed {
	color : #909090;
}

.hl {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ddd;
	padding : 1px;
}

.hl.active {
	background : #ecf4ff ! important;
}

div.filterTestHolder {
	height : 300px;
	overflow : auto;
	border-color : #ddd;
	border-style : solid;
	margin : 0px 0px 5px 0px;
	background-color : #f5f5f5;
	border-width : 1px;
}


#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
	margin : 5px 0px 5px 0px;
	color : #555;
	padding-left : 10px;
	border-width : 0px 0px 0px 4px;
	border-color : #ccc;
	border-style : solid;
}

#content-insert code, #headlines-frame code, .dijitContentPane code {
	color : #009900;
	font-family : monospace;
	font-size : 12px;
}

#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
	margin : 5px 0px 5px 0px;
	padding : 10px;
	color : #555;
	font-family : monospace;
	font-size : 12px;
	border-width : 0px;
	border-color : #ccc;
	border-style : solid;
	background : #f5f5f5;
	display : block;
	max-width : 98%;
	overflow : auto;
}

div.notice, div.warning, div.error {
	padding : 4px 10px 4px 4px;
	display : inline-block;
	margin : 2px 0px 4px 0px;
	font-size : 12px;
	border-style : solid;
	border-color : #ccc;
	border-width : 1px;
}

div.notice div.inner, div.warning div.inner, div.error div.inner {
	vertical-align : middle;
}

div.notice {
	background : #ecf4ff;
	border-color : #88b0f0;
}

div.warning {
	background : #fff7d5;
	border-color : #e7d796;;
}

div.error {
	background : #ffcccc;
	border-color : #ff0000;
}

div.warning img, div.notice img, div.error img {
	margin : 4px;
	vertical-align : middle;
}

div.warning span, div.notice span, div.error span {
	display : table-cell;
	vertical-align : middle;

}

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

div.prefHelp {
	color : #555;
	padding : 5px;
}

.insensitive {
	color : #555;
}

#main-toolbar > * {
	white-space : nowrap;
	display : table-cell;
	color : #999;
}

#main-toolbar > *,
#main-toolbar table *,
#main-toolbar .actionChooser * {
	text-rendering: optimizelegibility;
	font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
	font-size : 12px;

}

#main-toolbar #headlines-toolbar {
	padding-right : 4px;
	width : 100%;
}

#main-toolbar #headlines-toolbar span.holder {
	display : table;
	width : 100%;
}

#main-toolbar #headlines-toolbar span.holder > * {
	display : table-cell;
}

#main-toolbar #headlines-toolbar .main {
	text-align : right;
}

#main-toolbar #headlines-toolbar .main,
#main-toolbar #headlines-toolbar .r {
	line-height : 24px;
}

#headlines-toolbar span.r img {
	margin-right : 4px;
	position : relative;
	top : 3px;
}

#headlines-toolbar span.r .error a {
	color : red;
}

#main-toolbar #selected_prompt {
	font-style : italic;
	text-align : right;
	margin-right : 4px;
}

span.contentPreview {
	color : #999;
	font-weight : normal;
	font-size : 12px;
	padding-left : 4px;
}

span.hlLabelRef {
	background-color : #fff7d5;	
	font-size : 8px;
	color : #063064;
	font-weight : normal;
	margin-left : 2px;
	padding : 1px 4px 1px 4px;
	display : inline-block;
	vertical-align : middle;
	white-space: nowrap;
	border-radius : 4px; 
}

div.postHeader div.postDate {
	text-align : right;
	color : #909090;
	float : right;
}

div.postHeader div {
	padding-bottom : 3px;
}

#feedUpdateErrors {
	display : none;
}

#allEntryTags {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ddd;
	padding-bottom : 5px;
	display : none;
}

img.markedPic, img.pubPic {
	cursor : pointer;
	vertical-align : middle;
	opacity : 0.5;
	-webkit-transition : opacity 0.25s;
	transition : opacity 0.25s;
}

img.markedPic:hover, img.pubPic:hover {
	opacity : 1;
}

img[src*='pub_set.png'], img[src*='mark_set.png'] {
	opacity : 1;
}

div.tagCloudContainer {
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	margin : 5px 0px 5px 0px;
	padding : 5px;
	text-align : center;
}

div.errorExplained {
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	margin : 5px 0px 5px 0px;
	padding : 5px;
}

ul.feedErrorsList {
	max-height : 300px;
	overflow : auto;
	list-style-type : none;
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	margin : 0px 0px 5px 0px;
	padding : 5px;
}

ul.feedErrorsList em {
	color : #555;
}

ul.browseFeedList {
	height : 300px;
	overflow : auto;
	border-width : 0px 1px 1px 1px;
	border-color : #ddd;
	border-style : solid;
	margin : 0px 0px 5px 0px;
	background-color : white;
	list-style-type : none;
	padding : 0px;

}

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

span.subscribers {
	color : #808080;
}

div.subscribers {
	color : #808080;
	font-size : 12px;
	float : right;
}

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

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

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

.noborder {
	border-width : 0px;
}

#overlay {
	background : white;
	left : 0;
	top : 0;
	height : 100%;
	width : 100%;
	z-index : 100;
	position : absolute;
}

#overlay_inner {
	font-weight : bold;
	margin : 1em;
}

form {
	margin : 0px;
	padding : 0px;
}

div.loadingPrompt {
	padding : 1em;
	text-align : center;
	font-weight : bold;
}

div.whiteBox {
	margin-left : 1px;
	text-align : center;
	padding : 1em 1em 0px 1em;
	font-size : 11px;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ddd;
}

div.autocomplete {
	position : absolute;
	width : 250px;
	background-color : white;
	border :1px solid #778899;
	margin : 0px;
	padding : 0px;
}

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

div.autocomplete ul li.selected { 
	background-color : #fff7d5;
}

div.autocomplete ul li {
	list-style-type : none;
	display : block;
	margin : 0;
	padding : 2px;
	height : 32px;
	cursor : pointer;
}

.hl .hlTitle {
	overflow : hidden;
	white-space : nowrap;
	max-width : 500px;
	text-overflow : ellipsis;
	padding-left : 6px;
	padding-right : 6px;
}

div#headlines-frame.wide .hlTitle {
	max-width : auto;
	overflow : visible;
	white-space : normal;
}

div#headlines-frame.wide .hl .hlFeed {
	display : none;
}

.hl a.title.high, span.hlContent.high .contentPreview {
	color : #00aa00;
}
.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
	color : #00dd00;
}

.hl a.title.low, span.hlContent.low .contentPreview,
.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
	color : #909090;
	text-decoration : line-through;
}

img.hlScorePic {
	vertical-align : middle;
	width : 16px;
	height : 16px;
}

div.dlgSec {
	font-size : 12px;
	color : #555;
	font-weight : bold;
	clear : both;
	height : 20px;
}

div.dlgSecCont {
	position : relative;
	left : 150px;
	top : -20px;
	float : left;
	font-size : 12px;
	font-weight : normal;
}

div.dlgSecCont hr {
	height : 0px;
	line-height : 0px;
	border : 0px solid transparent;
	margin : 2px;
}

div.dlgSecCont > * {
	position : relative;
	top : -2px;
}

div.dlgButtons {
	text-align : right;
	clear : both;
}

span.labelColorIndicator {
	height : 16px;
	width : 16px;
	border-radius : 4px;
	line-height : 14px;
	vertical-align : middle;
	font-size : 9px;
	display : inline-block;
	border : 1px solid #ccc;
	background-color : #fff7d5;	
	color : #063064;
	text-align : center;
}

div#cmdline {
	position : absolute;
	left : 5px;
	bottom : 5px;
	font-size : 11px;
	color : #555;
	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.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;
}

div.hlRight img {
	max-width : 16px;
	max-height : 16px;
}

.hl span.hlFeed {
	display : table-cell;
	vertical-align : middle;
	text-align : right;
}

.hl span.hlFeed a {
	border-radius : 4px;
	display : inline-block;
	padding : 1px 4px 1px 4px;
	font-size : 11px;
	font-style : italic;
	font-weight : normal;
	color : #555;
	white-space : nowrap;
}

.hl span.hlFeed a:hover {
	color : #4684ff;
}

.hl span.hlUpdated {
	color : #555;
	display : table-cell;
	vertical-align : middle;
	text-align : right;
	font-size : 11px;
	white-space : nowrap;
	padding-left : 10px;
}

span.hlUpdated div {
	display : inline-block;
}

div.hlLeft {
	padding-left : 8px;
}

div.hlLeft input {
	margin-left : 4px;
	margin-right : 4px;
}

div.hlLeft img, div.hlRight img {
	margin : 0px 4px;
}

div.hlLeft img {
	width : 16px;
	height : 16px;
}

div.fatalError {
	margin-bottom : 10px;
}

div.fatalError button {
	margin-top : 5px;
}

div.fatalError textarea {
	width : 100%;
	height : 100px;
}

#ttrssMain #main {
	border-width : 0px;
	margin : 0px;
	padding : 0px;
}

#header-wrap {
	border-width : 0px;
	margin : 0px;
	padding : 0px;
}

#content-wrap {
	padding : 0px;
	border-width : 0px;
	margin : 0px;
}

#feeds-holder {
	padding : 0px;
	border-width : 0px 1px 0px 0px;
	border-style : solid;
  	border-color : #ddd;
	overflow : hidden;
	background : #f5f5f5;
	box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
	-webkit-overflow-scrolling : touch;
}

#headlines-wrap-inner {
	padding : 0px;
	margin : 0px;
	border-width : 0px;
}

#headlines-frame {
	padding : 0px;
	border-width : 0px;
	border-color : #ddd;
	margin-top : 0px;
	-webkit-overflow-scrolling : touch;
}

#headlines-toolbar_splitter, #toolbar_splitter {
	display : none;
}

#toolbar {
	padding : 0px;
	margin : 0px;
	border-width : 0px;
	white-space: nowrap;
	font-size : 12px;
}

#main-toolbar {
	background : white;
	border-width : 0px 0px 1px 0px;
	border-color : #ddd;
	border-style : solid;
	padding-left : 4px;
	height : 26px;

}

#header {
	border-width : 0px;
	text-align : right;
	color : #555;
	padding : 5px 5px 0px 0px;
	margin : 0px;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 5;
}

#footer {
	text-align : center;
	color : #555;
	padding : 4px 4px 8px 4px;
	border-width : 0px;
}

#content-insert {
	padding : 0px;
	border-color : #ddd;
	border-width : 0px;
	line-height: 1.5;
	font-size : 15px;
	overflow : auto;
	-webkit-overflow-scrolling : touch;
}

#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
	font-weight : bold;
}

#feedTree .dijitTreeRow.Error .dijitTreeLabel {
	color : red;
}

img.feedIcon, img.tinyFeedIcon {
	width : 16px;
	height : 16px;
	line-height : 16px;
	vertical-align : middle;
	display : inline-block;
}

.player {
	display : inline-block;
	color : #555;
	font-size : 11px;
	font-family : sans-serif;
	border : 1px solid #555;
	padding : 0px 4px 0px 4px;
	margin : 0px 2px 0px 2px;
	width : 50px;
	text-align : center;
	background : white;
}

.player.playing {
	color : #00c000;
	border-color : #00c000;
}

.player:hover {
	background : #f0f0f0;
	cursor : pointer;
}

#headlines-spacer {
	height : 100%;
	margin-left : 1px;
	text-align : center;
	color : #555;
	font-size : 11px;
	font-style : italic;
}

#headlines-spacer a, #headlines-spacer span {
	color : #555;
	padding : 10px;
	display : block;
}

#headlines-spacer a:hover {
	color : #88b0f0;
}

ul#filterDlg_Matches, ul#filterDlg_Actions {
	max-height : 100px;
	overflow : auto;
	list-style-type : none;
	border-style : solid;
  	border-color : #ddd;
	border-width : 0px 1px 1px 1px;
	background-color : white;
	margin : 0px 0px 5px 0px;
	padding : 0px;
}

ul#filterDlg_Matches li, ul#filterDlg_Actions li {
	cursor : pointer;
	padding : 0px 0px 0px 5px;
}

ul.helpKbList {
	max-height : 300px;
	overflow : auto;
	list-style-type : none;
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	margin : 0px 0px 5px 0px;
	padding : 5px;
}

ul.helpKbList span.hksequence {
	width : 6em;
	margin-left : 20px;
	color : #88b0f0;
	font-weight : bold;
	display : inline-block;
}

ul.helpKbList h2 {
	margin-top : 0px;
}

span.collapseBtn {
	cursor : pointer;
}

div.postContent h1 {
	font-size : 16px;
}

div.postContent h2,
div.postContent h3,
div.postContent h4 {
	font-size : 15px;
}

div.postContent p {
	max-width : 650px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

div.postContent iframe {
	min-width : 50%;
}

div.postHeader span.author {
	color : #555;
	font-size : 11px;
	font-weight : normal;
}

select.attachments {
	display : block;
	margin-top : 10px;
	max-width : 120px;
}

#selected_prompt {
	margin-right : 25px;
}

#feedTree img.feedIcon {
	position : relative;
	top : -2px;
}

body#ttrssMain #feedTree .dijitTreeRow {
	padding : 2px 0px 2px;
	height : 22px;
	border-width : 1px;
	color : #333;
}

ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
	margin-right : 5px;
}

body#ttrssMain #feedTree { 
	height : 100%;
	overflow-x : hidden;
	text-rendering: optimizelegibility;
	font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

body#ttrssMain #feedTree .counterNode.aux {
	background : #f0f0f0;
	color : #999;
	border-color : #f0f0f0;
}

body#ttrssMain #feedTree .counterNode {
	font-weight : bold;
	display : inline-block;
	font-size : 9px;
	text-align : center;
	border : 1px solid #88b0f0;
	color : white;
	background : #88b0f0;
	border-radius : 4px;
	vertical-align : middle;
	float : right;
	position : relative;
	line-height : 14px;
	margin-right : 8px;
	margin-top : 3px;
	min-width : 23px;
	height : 14px;
}

#feedTree img[src*='indicator_white.gif'] {
	position : relative;
	top : -2px;
}

span.highlight {
	background-color : #ffff00;
	color : #cc90cc;
}

div.enclosure_title {

}

body#ttrssMain #headlines-frame .dijitCheckBox {
	border-width : 0px;
	opacity : 0.5;
}

body#ttrssMain #headlines-frame .dijitCheckBoxHover,
body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
	opacity : 1;
}

body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
	width : 16px;
	height : 16px;
	vertical-align : middle;
	position : relative;
} 

:focus {
	outline: none; 
}
Commit	Line	Data
	1	body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
	2	background : white;
	3	color : black;
	4	margin : 0px;
	5	padding : 0px;
	6	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	7	font-size: 14px;
	8	}
	9
	10	div.postReply {
	11	padding : 0px;
	12	}
	13
	14	div.postReply div.postHeader {
	15	padding : 5px;
	16	margin-right : 4px;
	17	color : #909090;
	18	border-width : 0px 0px 1px 0px;
	19	border-color : #ddd;
	20	border-style : solid;
	21	}
	22
	23	div.postReply div.postTitle {
	24	overflow : hidden;
	25	text-overflow: ellipsis;
	26	white-space : nowrap;
	27	font-weight : 600;
	28	text-rendering: optimizelegibility;
	29	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	30	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	31	Helvetica, Arial, sans-serif;
	32	}
	33
	34	div.postReply div.postDate {
	35	padding-left : 10px;
	36	}
	37
	38	div.postReply div.postContent {
	39	padding : 10px;
	40	}
	41
	42	div.postReply div.postContent img {
	43	border-width : 0px;
	44	max-width : 98%;
	45	height: auto;
	46	}
	47
	48	div.postReply div.postEnclosures {
	49	margin-top : 1em;
	50	color : #555;
	51	}
	52
	53	div.postReply img.tagsPic {
	54	width : 16px;
	55	height : 16px;
	56	margin-left : 4px;
	57	vertical-align : middle;
	58	}
	59
	60	div.articleNote {
	61	background-color : #fff7d5;
	62	padding : 5px;
	63	margin : 5px;
	64	border-style : solid;
	65	border-color : #e7d796;
	66	border-width : 1px;
	67	color : #9a8c59;
	68	}
	69
	70	div.articleNote div.noteEdit {
	71	float : right;
	72	cursor : pointer;
	73	}
	74
	75	div.postReply span.author {
	76	font-size : 12px;
	77	}
	78
	79	h1 {
	80	font-size : 18px;
	81	font-weight : 600;
	82	text-rendering: optimizelegibility;
	83	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	84	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	85	Helvetica, Arial, sans-serif;
	86	}
	87
	88	h2 {
	89	font-size : 16px;
	90	font-weight : 600;
	91	border-width : 0px 0px 1px 0px;
	92	border-style : solid;
	93	border-color : #ecf4ff;
	94	text-rendering: optimizelegibility;
	95	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	96	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	97	Helvetica, Arial, sans-serif;
	98	}
	99
	100	h3 {
	101	font-size : 13px;
	102	border-width : 0px 0px 1px 0px;
	103	border-style : solid;
	104	border-color : #ecf4ff;
	105	font-weight : 600;
	106	text-rendering: optimizelegibility;
	107	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	108	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	109	Helvetica, Arial, sans-serif;
	110	}
	111
	112	h4 {
	113	font-size : 14px;
	114	font-weight : 600;
	115	text-rendering: optimizelegibility;
	116	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	117	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	118	Helvetica, Arial, sans-serif;
	119	}
	120
	121	hr {
	122	border-width : 0px 0px 1px 0px;
	123	border-style : solid;
	124	border-color : #ccc;
	125	}
	126
	127	a {
	128	color : #4684ff;
	129	text-decoration : none;
	130	}
	131
	132	a:hover {
	133	color : #88b0f0;
	134	}
	135
	136	#piggie {
	137	z-index : 999;
	138	position : absolute;
	139	}
	140
	141	#notify {
	142	bottom : 10px;
	143	right : 20px;
	144	border-width : 1px;
	145	border-style : solid;
	146	position : absolute;
	147	font-size : 12px;
	148	z-index : 99;
	149	max-width : 200px;
	150	min-width : 100px;
	151	padding : 5px;
	152	-width : 200px;
	153	}
	154
	155	#notify img {
	156	vertical-align : middle;
	157	max-height : 14px;
	158	}
	159
	160	#notify span.msg {
	161	width : 100%;
	162	}
	163
	164	#notify span.close {
	165	text-align : right;
	166	}
	167
	168	#notify span {
	169	display : table-cell;
	170	vertical-align : middle;
	171	padding : 4px;
	172	}
	173
	174	.notify {
	175	border-color : #d7c47a;
	176	background-color : #fff7d5;
	177	}
	178
	179	.notify.progress {
	180	border-color : #d7c47a;
	181	background-color : #fff7d5;
	182	}
	183
	184	.notify.info {
	185	border-color : #88b0f0;
	186	background-color : #ecf4ff;
	187	}
	188
	189	.notify.error {
	190	background-color : #ffcccc;
	191	border-color : #ff0000;
	192	}
	193
	194	.hl div.hlTitle a {
	195	font-weight : 600;
	196	text-rendering: optimizelegibility;
	197	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	198	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	199	Helvetica, Arial, sans-serif;
	200	color : #777;
	201	}
	202
	203	.hl.Unread div.hlTitle a {
	204	color : black;
	205	}
	206
	207	.hl.active div.hlTitle a {
	208	color : #4684ff;
	209	/* text-shadow : 1px 1px 2px #fff; */
	210	}
	211
	212	.hl.Selected {
	213	background : #f9fbff;
	214	}
	215
	216	.hl.Grayed {
	217	color : #909090;
	218	}
	219
	220	.hl {
	221	border-width : 0px 0px 1px 0px;
	222	border-style : solid;
	223	border-color : #ddd;
	224	padding : 1px;
	225	}
	226
	227	.hl.active {
	228	background : #ecf4ff ! important;
	229	}
	230
	231	div.filterTestHolder {
	232	height : 300px;
	233	overflow : auto;
	234	border-color : #ddd;
	235	border-style : solid;
	236	margin : 0px 0px 5px 0px;
	237	background-color : #f5f5f5;
	238	border-width : 1px;
	239	}
	240
	241
	242	#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
	243	margin : 5px 0px 5px 0px;
	244	color : #555;
	245	padding-left : 10px;
	246	border-width : 0px 0px 0px 4px;
	247	border-color : #ccc;
	248	border-style : solid;
	249	}
	250
	251	#content-insert code, #headlines-frame code, .dijitContentPane code {
	252	color : #009900;
	253	font-family : monospace;
	254	font-size : 12px;
	255	}
	256
	257	#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
	258	margin : 5px 0px 5px 0px;
	259	padding : 10px;
	260	color : #555;
	261	font-family : monospace;
	262	font-size : 12px;
	263	border-width : 0px;
	264	border-color : #ccc;
	265	border-style : solid;
	266	background : #f5f5f5;
	267	display : block;
	268	max-width : 98%;
	269	overflow : auto;
	270	}
	271
	272	div.notice, div.warning, div.error {
	273	padding : 4px 10px 4px 4px;
	274	display : inline-block;
	275	margin : 2px 0px 4px 0px;
	276	font-size : 12px;
	277	border-style : solid;
	278	border-color : #ccc;
	279	border-width : 1px;
	280	}
	281
	282	div.notice div.inner, div.warning div.inner, div.error div.inner {
	283	vertical-align : middle;
	284	}
	285
	286	div.notice {
	287	background : #ecf4ff;
	288	border-color : #88b0f0;
	289	}
	290
	291	div.warning {
	292	background : #fff7d5;
	293	border-color : #e7d796;;
	294	}
	295
	296	div.error {
	297	background : #ffcccc;
	298	border-color : #ff0000;
	299	}
	300
	301	div.warning img, div.notice img, div.error img {
	302	margin : 4px;
	303	vertical-align : middle;
	304	}
	305
	306	div.warning span, div.notice span, div.error span {
	307	display : table-cell;
	308	vertical-align : middle;
	309
	310	}
	311
	312	ul.nomarks {
	313	list-style-type : none;
	314	margin : 0px;
	315	padding : 10px;
	316	}
	317
	318	div.prefHelp {
	319	color : #555;
	320	padding : 5px;
	321	}
	322
	323	.insensitive {
	324	color : #555;
	325	}
	326
	327	#main-toolbar > * {
	328	white-space : nowrap;
	329	display : table-cell;
	330	color : #999;
	331	}
	332
	333	#main-toolbar > *,
	334	#main-toolbar table *,
	335	#main-toolbar .actionChooser * {
	336	text-rendering: optimizelegibility;
	337	font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	338	Helvetica, Arial, sans-serif;
	339	font-size : 12px;
	340
	341	}
	342
	343	#main-toolbar #headlines-toolbar {
	344	padding-right : 4px;
	345	width : 100%;
	346	}
	347
	348	#main-toolbar #headlines-toolbar span.holder {
	349	display : table;
	350	width : 100%;
	351	}
	352
	353	#main-toolbar #headlines-toolbar span.holder > * {
	354	display : table-cell;
	355	}
	356
	357	#main-toolbar #headlines-toolbar .main {
	358	text-align : right;
	359	}
	360
	361	#main-toolbar #headlines-toolbar .main,
	362	#main-toolbar #headlines-toolbar .r {
	363	line-height : 24px;
	364	}
	365
	366	#headlines-toolbar span.r img {
	367	margin-right : 4px;
	368	position : relative;
	369	top : 3px;
	370	}
	371
	372	#headlines-toolbar span.r .error a {
	373	color : red;
	374	}
	375
	376	#main-toolbar #selected_prompt {
	377	font-style : italic;
	378	text-align : right;
	379	margin-right : 4px;
	380	}
	381
	382	span.contentPreview {
	383	color : #999;
	384	font-weight : normal;
	385	font-size : 12px;
	386	padding-left : 4px;
	387	}
	388
	389	span.hlLabelRef {
	390	background-color : #fff7d5;
	391	font-size : 8px;
	392	color : #063064;
	393	font-weight : normal;
	394	margin-left : 2px;
	395	padding : 1px 4px 1px 4px;
	396	display : inline-block;
	397	vertical-align : middle;
	398	white-space: nowrap;
	399	border-radius : 4px;
	400	}
	401
	402	div.postHeader div.postDate {
	403	text-align : right;
	404	color : #909090;
	405	float : right;
	406	}
	407
	408	div.postHeader div {
	409	padding-bottom : 3px;
	410	}
	411
	412	#feedUpdateErrors {
	413	display : none;
	414	}
	415
	416	#allEntryTags {
	417	border-width : 0px 0px 1px 0px;
	418	border-style : solid;
	419	border-color : #ddd;
	420	padding-bottom : 5px;
	421	display : none;
	422	}
	423
	424	img.markedPic, img.pubPic {
	425	cursor : pointer;
	426	vertical-align : middle;
	427	opacity : 0.5;
	428	-webkit-transition : opacity 0.25s;
	429	transition : opacity 0.25s;
	430	}
	431
	432	img.markedPic:hover, img.pubPic:hover {
	433	opacity : 1;
	434	}
	435
	436	img[src='pub_set.png'], img[src='mark_set.png'] {
	437	opacity : 1;
	438	}
	439
	440	div.tagCloudContainer {
	441	border : 1px solid #ddd;
	442	background-color : #f5f5f5;
	443	margin : 5px 0px 5px 0px;
	444	padding : 5px;
	445	text-align : center;
	446	}
	447
	448	div.errorExplained {
	449	border : 1px solid #ddd;
	450	background-color : #f5f5f5;
	451	margin : 5px 0px 5px 0px;
	452	padding : 5px;
	453	}
	454
	455	ul.feedErrorsList {
	456	max-height : 300px;
	457	overflow : auto;
	458	list-style-type : none;
	459	border : 1px solid #ddd;
	460	background-color : #f5f5f5;
	461	margin : 0px 0px 5px 0px;
	462	padding : 5px;
	463	}
	464
	465	ul.feedErrorsList em {
	466	color : #555;
	467	}
	468
	469	ul.browseFeedList {
	470	height : 300px;
	471	overflow : auto;
	472	border-width : 0px 1px 1px 1px;
	473	border-color : #ddd;
	474	border-style : solid;
	475	margin : 0px 0px 5px 0px;
	476	background-color : white;
	477	list-style-type : none;
	478	padding : 0px;
	479
	480	}
	481
	482	ul.browseFeedList li {
	483	margin : 0px;
	484	padding : 2px 4px 2px 4px;
	485	}
	486
	487	span.subscribers {
	488	color : #808080;
	489	}
	490
	491	div.subscribers {
	492	color : #808080;
	493	font-size : 12px;
	494	float : right;
	495	}
	496
	497	div.browserDetails {
	498	margin : 5px 5px 5px 5px;
	499	padding : 5px;
	500	}
	501
	502	ul.compact {
	503	list-style-type : none;
	504	margin : 0px;
	505	padding : 0px;
	506	}
	507
	508	ul.compact li {
	509	margin : 0px;
	510	padding : 0px;
	511	}
	512
	513	.noborder {
	514	border-width : 0px;
	515	}
	516
	517	#overlay {
	518	background : white;
	519	left : 0;
	520	top : 0;
	521	height : 100%;
	522	width : 100%;
	523	z-index : 100;
	524	position : absolute;
	525	}
	526
	527	#overlay_inner {
	528	font-weight : bold;
	529	margin : 1em;
	530	}
	531
	532	form {
	533	margin : 0px;
	534	padding : 0px;
	535	}
	536
	537	div.loadingPrompt {
	538	padding : 1em;
	539	text-align : center;
	540	font-weight : bold;
	541	}
	542
	543	div.whiteBox {
	544	margin-left : 1px;
	545	text-align : center;
	546	padding : 1em 1em 0px 1em;
	547	font-size : 11px;
	548	border-width : 0px 0px 1px 0px;
	549	border-style : solid;
	550	border-color : #ddd;
	551	}
	552
	553	div.autocomplete {
	554	position : absolute;
	555	width : 250px;
	556	background-color : white;
	557	border :1px solid #778899;
	558	margin : 0px;
	559	padding : 0px;
	560	}
	561
	562	div.autocomplete ul {
	563	list-style-type : none;
	564	margin : 0px;
	565	padding : 0px;
	566	}
	567
	568	div.autocomplete ul li.selected {
	569	background-color : #fff7d5;
	570	}
	571
	572	div.autocomplete ul li {
	573	list-style-type : none;
	574	display : block;
	575	margin : 0;
	576	padding : 2px;
	577	height : 32px;
	578	cursor : pointer;
	579	}
	580
	581	.hl .hlTitle {
	582	overflow : hidden;
	583	white-space : nowrap;
	584	max-width : 500px;
	585	text-overflow : ellipsis;
	586	padding-left : 6px;
	587	padding-right : 6px;
	588	}
	589
	590	div#headlines-frame.wide .hlTitle {
	591	max-width : auto;
	592	overflow : visible;
	593	white-space : normal;
	594	}
	595
	596	div#headlines-frame.wide .hl .hlFeed {
	597	display : none;
	598	}
	599
	600	.hl a.title.high, span.hlContent.high .contentPreview {
	601	color : #00aa00;
	602	}
	603	.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
	604	color : #00dd00;
	605	}
	606
	607	.hl a.title.low, span.hlContent.low .contentPreview,
	608	.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
	609	color : #909090;
	610	text-decoration : line-through;
	611	}
	612
	613	img.hlScorePic {
	614	vertical-align : middle;
	615	width : 16px;
	616	height : 16px;
	617	}
	618
	619	div.dlgSec {
	620	font-size : 12px;
	621	color : #555;
	622	font-weight : bold;
	623	clear : both;
	624	height : 20px;
	625	}
	626
	627	div.dlgSecCont {
	628	position : relative;
	629	left : 150px;
	630	top : -20px;
	631	float : left;
	632	font-size : 12px;
	633	font-weight : normal;
	634	}
	635
	636	div.dlgSecCont hr {
	637	height : 0px;
	638	line-height : 0px;
	639	border : 0px solid transparent;
	640	margin : 2px;
	641	}
	642
	643	div.dlgSecCont > * {
	644	position : relative;
	645	top : -2px;
	646	}
	647
	648	div.dlgButtons {
	649	text-align : right;
	650	clear : both;
	651	}
	652
	653	span.labelColorIndicator {
	654	height : 16px;
	655	width : 16px;
	656	border-radius : 4px;
	657	line-height : 14px;
	658	vertical-align : middle;
	659	font-size : 9px;
	660	display : inline-block;
	661	border : 1px solid #ccc;
	662	background-color : #fff7d5;
	663	color : #063064;
	664	text-align : center;
	665	}
	666
	667	div#cmdline {
	668	position : absolute;
	669	left : 5px;
	670	bottom : 5px;
	671	font-size : 11px;
	672	color : #555;
	673	font-weight : bold;
	674	background-color : white;
	675	border : 1px solid #88b0f0;
	676	padding : 3px 5px 3px 5px;
	677	z-index : 5;
	678	}
	679
	680	#feed_browser_spinner {
	681	vertical-align : middle;
	682	height : 18px;
	683	width : 18px;
	684	}
	685
	686	div.hlTitle {
	687	display : table-cell;
	688	cursor : pointer;
	689	width : 100%;
	690	vertical-align : middle;
	691	padding-top : 4px;
	692	padding-bottom : 4px;
	693	}
	694
	695	div.hlLeft {
	696	display : table-cell;
	697	vertical-align : middle;
	698	white-space: nowrap;
	699	}
	700
	701	div.hlRight {
	702	display : table-cell;
	703	white-space: nowrap;
	704	text-align : right;
	705	vertical-align : middle;
	706	}
	707
	708	div.hlRight img {
	709	max-width : 16px;
	710	max-height : 16px;
	711	}
	712
	713	.hl span.hlFeed {
	714	display : table-cell;
	715	vertical-align : middle;
	716	text-align : right;
	717	}
	718
	719	.hl span.hlFeed a {
	720	border-radius : 4px;
	721	display : inline-block;
	722	padding : 1px 4px 1px 4px;
	723	font-size : 11px;
	724	font-style : italic;
	725	font-weight : normal;
	726	color : #555;
	727	white-space : nowrap;
	728	}
	729
	730	.hl span.hlFeed a:hover {
	731	color : #4684ff;
	732	}
	733
	734	.hl span.hlUpdated {
	735	color : #555;
	736	display : table-cell;
	737	vertical-align : middle;
	738	text-align : right;
	739	font-size : 11px;
	740	white-space : nowrap;
	741	padding-left : 10px;
	742	}
	743
	744	span.hlUpdated div {
	745	display : inline-block;
	746	}
	747
	748	div.hlLeft {
	749	padding-left : 8px;
	750	}
	751
	752	div.hlLeft input {
	753	margin-left : 4px;
	754	margin-right : 4px;
	755	}
	756
	757	div.hlLeft img, div.hlRight img {
	758	margin : 0px 4px;
	759	}
	760
	761	div.hlLeft img {
	762	width : 16px;
	763	height : 16px;
	764	}
	765
	766	div.fatalError {
	767	margin-bottom : 10px;
	768	}
	769
	770	div.fatalError button {
	771	margin-top : 5px;
	772	}
	773
	774	div.fatalError textarea {
	775	width : 100%;
	776	height : 100px;
	777	}
	778
	779	#ttrssMain #main {
	780	border-width : 0px;
	781	margin : 0px;
	782	padding : 0px;
	783	}
	784
	785	#header-wrap {
	786	border-width : 0px;
	787	margin : 0px;
	788	padding : 0px;
	789	}
	790
	791	#content-wrap {
	792	padding : 0px;
	793	border-width : 0px;
	794	margin : 0px;
	795	}
	796
	797	#feeds-holder {
	798	padding : 0px;
	799	border-width : 0px 1px 0px 0px;
	800	border-style : solid;
	801	border-color : #ddd;
	802	overflow : hidden;
	803	background : #f5f5f5;
	804	box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
	805	-webkit-overflow-scrolling : touch;
	806	}
	807
	808	#headlines-wrap-inner {
	809	padding : 0px;
	810	margin : 0px;
	811	border-width : 0px;
	812	}
	813
	814	#headlines-frame {
	815	padding : 0px;
	816	border-width : 0px;
	817	border-color : #ddd;
	818	margin-top : 0px;
	819	-webkit-overflow-scrolling : touch;
	820	}
	821
	822	#headlines-toolbar_splitter, #toolbar_splitter {
	823	display : none;
	824	}
	825
	826	#toolbar {
	827	padding : 0px;
	828	margin : 0px;
	829	border-width : 0px;
	830	white-space: nowrap;
	831	font-size : 12px;
	832	}
	833
	834	#main-toolbar {
	835	background : white;
	836	border-width : 0px 0px 1px 0px;
	837	border-color : #ddd;
	838	border-style : solid;
	839	padding-left : 4px;
	840	height : 26px;
	841
	842	}
	843
	844	#header {
	845	border-width : 0px;
	846	text-align : right;
	847	color : #555;
	848	padding : 5px 5px 0px 0px;
	849	margin : 0px;
	850	position : absolute;
	851	right : 0px;
	852	top : 0px;
	853	z-index : 5;
	854	}
	855
	856	#footer {
	857	text-align : center;
	858	color : #555;
	859	padding : 4px 4px 8px 4px;
	860	border-width : 0px;
	861	}
	862
	863	#content-insert {
	864	padding : 0px;
	865	border-color : #ddd;
	866	border-width : 0px;
	867	line-height: 1.5;
	868	font-size : 15px;
	869	overflow : auto;
	870	-webkit-overflow-scrolling : touch;
	871	}
	872
	873	#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
	874	font-weight : bold;
	875	}
	876
	877	#feedTree .dijitTreeRow.Error .dijitTreeLabel {
	878	color : red;
	879	}
	880
	881	img.feedIcon, img.tinyFeedIcon {
	882	width : 16px;
	883	height : 16px;
	884	line-height : 16px;
	885	vertical-align : middle;
	886	display : inline-block;
	887	}
	888
	889	.player {
	890	display : inline-block;
	891	color : #555;
	892	font-size : 11px;
	893	font-family : sans-serif;
	894	border : 1px solid #555;
	895	padding : 0px 4px 0px 4px;
	896	margin : 0px 2px 0px 2px;
	897	width : 50px;
	898	text-align : center;
	899	background : white;
	900	}
	901
	902	.player.playing {
	903	color : #00c000;
	904	border-color : #00c000;
	905	}
	906
	907	.player:hover {
	908	background : #f0f0f0;
	909	cursor : pointer;
	910	}
	911
	912	#headlines-spacer {
	913	height : 100%;
	914	margin-left : 1px;
	915	text-align : center;
	916	color : #555;
	917	font-size : 11px;
	918	font-style : italic;
	919	}
	920
	921	#headlines-spacer a, #headlines-spacer span {
	922	color : #555;
	923	padding : 10px;
	924	display : block;
	925	}
	926
	927	#headlines-spacer a:hover {
	928	color : #88b0f0;
	929	}
	930
	931	ul#filterDlg_Matches, ul#filterDlg_Actions {
	932	max-height : 100px;
	933	overflow : auto;
	934	list-style-type : none;
	935	border-style : solid;
	936	border-color : #ddd;
	937	border-width : 0px 1px 1px 1px;
	938	background-color : white;
	939	margin : 0px 0px 5px 0px;
	940	padding : 0px;
	941	}
	942
	943	ul#filterDlg_Matches li, ul#filterDlg_Actions li {
	944	cursor : pointer;
	945	padding : 0px 0px 0px 5px;
	946	}
	947
	948	ul.helpKbList {
	949	max-height : 300px;
	950	overflow : auto;
	951	list-style-type : none;
	952	border : 1px solid #ddd;
	953	background-color : #f5f5f5;
	954	margin : 0px 0px 5px 0px;
	955	padding : 5px;
	956	}
	957
	958	ul.helpKbList span.hksequence {
	959	width : 6em;
	960	margin-left : 20px;
	961	color : #88b0f0;
	962	font-weight : bold;
	963	display : inline-block;
	964	}
	965
	966	ul.helpKbList h2 {
	967	margin-top : 0px;
	968	}
	969
	970	span.collapseBtn {
	971	cursor : pointer;
	972	}
	973
	974	div.postContent h1 {
	975	font-size : 16px;
	976	}
	977
	978	div.postContent h2,
	979	div.postContent h3,
	980	div.postContent h4 {
	981	font-size : 15px;
	982	}
	983
	984	div.postContent p {
	985	max-width : 650px;
	986	-webkit-hyphens: auto;
	987	-moz-hyphens: auto;
	988	hyphens: auto;
	989	}
	990
	991	div.postContent iframe {
	992	min-width : 50%;
	993	}
	994
	995	div.postHeader span.author {
	996	color : #555;
	997	font-size : 11px;
	998	font-weight : normal;
	999	}
	1000
	1001	select.attachments {
	1002	display : block;
	1003	margin-top : 10px;
	1004	max-width : 120px;
	1005	}
	1006
	1007	#selected_prompt {
	1008	margin-right : 25px;
	1009	}
	1010
	1011	#feedTree img.feedIcon {
	1012	position : relative;
	1013	top : -2px;
	1014	}
	1015
	1016	body#ttrssMain #feedTree .dijitTreeRow {
	1017	padding : 2px 0px 2px;
	1018	height : 22px;
	1019	border-width : 1px;
	1020	color : #333;
	1021	}
	1022
	1023	ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
	1024	margin-right : 5px;
	1025	}
	1026
	1027	body#ttrssMain #feedTree {
	1028	height : 100%;
	1029	overflow-x : hidden;
	1030	text-rendering: optimizelegibility;
	1031	font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	1032	Helvetica, Arial, sans-serif;
	1033	}
	1034
	1035	body#ttrssMain #feedTree .counterNode.aux {
	1036	background : #f0f0f0;
	1037	color : #999;
	1038	border-color : #f0f0f0;
	1039	}
	1040
	1041	body#ttrssMain #feedTree .counterNode {
	1042	font-weight : bold;
	1043	display : inline-block;
	1044	font-size : 9px;
	1045	text-align : center;
	1046	border : 1px solid #88b0f0;
	1047	color : white;
	1048	background : #88b0f0;
	1049	border-radius : 4px;
	1050	vertical-align : middle;
	1051	float : right;
	1052	position : relative;
	1053	line-height : 14px;
	1054	margin-right : 8px;
	1055	margin-top : 3px;
	1056	min-width : 23px;
	1057	height : 14px;
	1058	}
	1059
	1060	#feedTree img[src*='indicator_white.gif'] {
	1061	position : relative;
	1062	top : -2px;
	1063	}
	1064
	1065	span.highlight {
	1066	background-color : #ffff00;
	1067	color : #cc90cc;
	1068	}
	1069
	1070	div.enclosure_title {
	1071
	1072	}
	1073
	1074	body#ttrssMain #headlines-frame .dijitCheckBox {
	1075	border-width : 0px;
	1076	opacity : 0.5;
	1077	}
	1078
	1079	body#ttrssMain #headlines-frame .dijitCheckBoxHover,
	1080	body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
	1081	opacity : 1;
	1082	}
	1083
	1084	body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
	1085	width : 16px;
	1086	height : 16px;
	1087	vertical-align : middle;
	1088	position : relative;
	1089	}
	1090
	1091	:focus {
	1092	outline: none;
	1093	}