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

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

body#ttrssPrefs {
	background-color : #ecf4ff;
}

body#ttrssPrefs #footer, body#ttrssPrefs #header {
	background-color : #ecf4ff; 
	padding-left : 8px;
	padding-right : 8px;
}

div.postReply {
	padding : 0px;
}

div.postReply a {
	color : #4684ff;
}

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

div.postReply div.postHeader {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	background : #fafafa;
	box-shadow : 0px 0px 3px 0px #ccc;
	padding : 5px;
	color : #909090;
}

div.postReply div.postTitle {
	overflow : hidden;
	white-space : nowrap;
}

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

div.postReply div.postContent {
	padding : 10px;
	font-size : 12px;
}

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

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

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

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

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

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

h1 {
	font-size : 18px;
}

h2 {
	font-size : 16px;
	font-weight : bold;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ecf4ff;
}

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

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

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

a:hover {
	color : #4684ff;
}

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

#notify {
	top : 25px;
	right : 10px;
	border-width : 1px;
	border-style : solid;
	position : absolute;	
	display : none;
	float : right;
	font-size : 11px;
	z-index : 99;
	padding : 5px;
	min-width : 200px;
	box-shadow : 0px 0px 2px #ccc;
}

#notify img {
	vertical-align : middle;
	margin-right : 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;
}

.notify.error span:hover {
	color : red;
	cursor : pointer;
}

.hl.Unread div.hlTitle {
	font-weight : bold;
}

.hl.even.Grayed {
	background : #f0f0f0;
	color : #909090;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	border-collapse : collapse;
}

.hl.odd.Grayed {
	color : #909090;
}

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

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

.hl.even {
	background : #f0f0f0;
	border-collapse : collapse;
}

.hl.odd {
	background : white;
}

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


#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
	margin : 5px 0px 5px 0px;
	padding : 10px;
	color : gray;
	border-width : 0px 0px 0px 3px;
	border-color : #c0c0c0;
	border-style : solid;
	background : #fafafa;
}

#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 : gray;
	font-family : monospace;
	font-size : 12px;
	border-width : 0px;
	border-color : #c0c0c0;
	border-style : solid;
	background : #fafafa;
	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;
	box-shadow : 0px 0px 2px #ccc;
}

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

div.notice {
	background : #ecf4ff;
}

div.warning {
	background : #fff7d5;
}

div.error {
	background : #ffcccc;
}

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

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

div.prefHelp {
	color : gray;
	padding : 5px;
}

span.feed_error {
	color : red;
}

.insensitive {
	color : gray;
}

.insensitive a {
	color : #4684ff;
}

.insensitive a:hover {
	color : black;
}

div#headlines-toolbar {
	border-width : 0px 0px 1px 0px;
	background-color : #f0f0f0;
	border-color : #c0c0c0;
	font-size : 11px;
	font-family : "Segoe UI", Tahoma, sans-serif;
	color : gray;
	padding : 0px;
	margin : 0px;
	overflow : hidden;
	height : 25px;
	line-height : 25px;
	padding-left : 4px;
}

div#headlines-toolbar .dijitSelect {
	font-size : 11px;
	position : relative;
	top : -2px;
}

div#headlines-toolbar span.r {
	float: right;
   position: relative;
	padding : 0 4px 0px 4px;
	text-align : right;
}	

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

div#headlines-toolbar span.r a {
	color : gray;
}

div#headlines-toolbar span.r a:hover {
	color : black;
}

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

span.contentPreview:hover {
	color : #4684ff;
}

span.hlLabelRef {
	background-color : #fff7d5;	
	font-size : 8px;
	color : #063064;
	font-weight : normal;
	margin : 0px 3px 0px 3px;
	padding : 0px 4px 0px 4px;
	white-space: nowrap;
}

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

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

#feedUpdateErrors {
	display : none;
}

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

div.hlFeed, div.hlFeed a {
	font-size : 10px;
	color : gray;
	font-style : italic;
	font-weight : normal;
	white-space: nowrap;
}

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

img.markedPic, img.pubPic {
	cursor : pointer;
	vertical-align : middle;
}

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

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

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

ul.feedErrorsList em {
	color : gray;
}

ul.browseFeedList {
	height : 300px;
	overflow : auto;
	border-width : 0px 1px 1px 1px;
	border-color : #c0c0c0;
	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;
}

#main_toolbar_form {
	margin : 0px;
	padding : 0px;
	display : table-cell;
	white-space : nowrap;
	width : 100%;
}

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

div.whiteBox {
	margin-left : 1px;
	text-align : center;
	padding : 1em;
}

html, body#ttrssMain, #main {
	width: 100%; 
	height: 100%;
	border: 0; 
	padding: 0; 
	margin: 0;
} 

#toolbar div.actionChooser {
	display : table-cell;
	text-align : right;
	padding-right : 3px;
}

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;
}

a.visibleLink {
	color : #4684ff;
}

.hlContentH a, .hlContentH span {
	color : #00cc00;
}

.hlContentL a, .hlContentL span {
	color : #909090;
	text-decoration : line-through;
}

span.titleWrapH, span.titleWrapH a {
	color : #00cc00;
}

span.titleWrapL, span.titleWrapL a {
	color : #909090;
	text-decoration : line-through;
}

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

div.dlgSec {
	font-size : 12px;
	color : gray;
	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 : 14px;
	width : 14px;
	line-height : 14px;
	font-size : 9px;
	display : inline-block;
	border : 1px solid black;
	background-color : #fff7d5;	
	color : #063064;
	text-align : center;
	margin-right : 2px;
}

span.labelColorIndicator2 {
	height : 14px;
	width : 14px;
	font-size : 9px;
	display : inline-block;
	border : 1px solid black;
	background-color : #fff7d5;	
	color : #063064;
	text-align : center;
	margin-right : 2px;
	vertical-align : bottom;
}

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.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;
}

span.hlUpdated {
	color : gray;
	min-width : 100px;
	display : table-cell;
	width : 100%;
	vertical-align : middle;
	text-align : right;
	font-size : 10px;
	font-weight : normal;
}

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

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

div.hlLeft img, div.hlRight img {
	margin : 0px 4px 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;
}

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

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

#content-wrap {
	padding : 0px;
	border-width : 0px 0px 1px 1px;
	border-style : solid;
  	border-color : #c0c0c0;
	margin : 0px;
}

#feeds-holder {
	padding : 0px;
	border-color : #88b0f0;
	border-left-width : 0px;
	border-bottom-width : 0px;
	border-top-width : 0px;
	overflow : auto;
}

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

#feedTree {
	overflow : visible;
}

#headlines-frame {
	padding : 0px;
	border-color : #88b0f0;
	border-left-width : 0px;
	border-right-width : 0px;
	margin-top : 0px;
	border-top-width : 0px;
}

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

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

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

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

#content-insert {
	padding : 0px;
	border-color : #88b0f0;
	border-bottom-width : 0px;
	border-right-width : 0px;
	border-left-width : 0px;
	overflow : auto;
}

.dijitTreeLabel.Unread {
	font-weight : bold;
}

.feedParam {
	color : gray;
	float : right;
	margin-right : 1em;
}

.labelParam {
	float : right;
	margin-right : 1em;
}

.dijitTreeLabel.Disabled, .labelParam.Disabled {
	color : gray;
}

.dijitTreeRow.Error {
	color : red;
}

.dijitTreeRow.Hidden {
	display : none;
}

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

.dijitDialog .dijitToolbar {
	border : 1px solid #c0c0c0;
}

.dijitDialog h2 {
	margin-top : 0px;
	margin-bottom : 4px;
	border-width : 0px;
}

.player {
	display : inline-block;
	color : gray;
	font-size : 11px;
	font-family : sans-serif;
	border : 1px solid gray;
	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;
	padding : 1em;
	color : gray;
}

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

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

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

ul.helpKbList {
	max-height : 300px;
	overflow : auto;
	list-style-type : none;
	border : 1px solid #c0c0c0;
	background-color : #ecf4ff;
	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;
}

.dijitTreeNode .loadingNode {
	margin-left : 3px;
}

span.collapseBtn {
	cursor : pointer;
}

div.postContent p {
	max-width : 650px;
}

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

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

body#ttrssZoom {
	margin-left : auto;
	margin-right : auto;
	padding : 2em;
	max-width : 800px;
	background : #f0f0f0;
}

body#ttrssZoom div.postContent p {
	max-width : 650px;
}

body#ttrssZoom div.postReply {
	border : 1px solid #ccc;
	box-shadow : 0px 0px 3px #ccc;
}

body#ttrssZoom div.postContent {
	background-color : white;
}

body#ttrssZoom div.footer {
	margin-top : 1em;
	text-align : center;
}

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

div.hl.active {
	border-color : #88b0f0;
}

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