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

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

/* common styles */

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

table.main td.header {
	padding : 10px 10px 10px 30px;
	height : 80px;
	font-size : 24pt;
	font-weight : bold;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.feedList li.feedCat {
	margin : 0px;
	padding : 3px 0px 3px 0px;
/*	border-width : 0px 0px 1px 0px;
	border-color : #f0f0f0;
	border-style : solid; */
	color : #707070;
}

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

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

ul.feedList li {
	margin : 0px;
}

li.oddSelected, li.evenSelected {
	background-color : white;
}

li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
	li.oddSelectedUnread {
	background-color : white;
	font-weight : bold;
} 

li.oddSelected a, li.evenSelected a,
	li.oddUnreadSelected a, li.evenUnreadSelected a {
	color : #5050aa;
}

ul.feedlist 
	li.virtSelected,
	li.virtUnreadSelected,
	li.virtSelectedUnread,
	li.feedSelected, 
	li.labelSelected, 
	li.feedUnreadSelected, 
	li.labelUnreadSelected,
	li.feedSelectedUnread,
	li.labelSelectedUnread {
	background-color : white;
}

ul.feedlist 
	li.feedSelected a, 
	li.labelSelected a, 
	li.feedUnreadSelected a, 
	li.labelUnreadSelected a, 
	li.virtSelected a, 
	li.virtUnreadSelected a,
	li.virtSelectedUnread a {
	color : #5050aa;
}

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

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

h1 {
	font-size : 16pt;	
}

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

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

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

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

a:hover {
	color : #5050aa;
}

#piggie {
	width : 400;
	height : 400;
	left : 50;
	background-color : white;
	display : none;
	z-index : 3;
	background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
	background-position : center center;
	background-repeat : no-repeat;
	position : absolute;
	border : 1px solid pink;	
	margin-left : auto;
	margin-right : auto;
	-moz-border-radius : 10px;
	opacity : 0.8;
}

#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
#iedit_fcat {
	width : 100%;
	padding-left : 2px;
}

input.editbox {
	width : 200px;
	padding-left : 2px;
}

#notify {
	font-size : 10pt;
	text-align : right;
	color : black;
	font-weight : bold;
	border-style : solid;
	border-width : 0px 0px 1px 1px;
	border-color : #e0e0e0;
	background-color : white;
	padding : 3px;
	width : 350px;
}

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

#dispSwitch a {
	color : gray;
}

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

div.expPane {
	margin : 15px;
}

iframe {
	border : 0px solid white;
}

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

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

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

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

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

.evenUnreadSelected, .evenSelectedUnread, {
	background-color : #e0e0ff;
	font-weight : bold;
}

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

.evenSelected {
	background-color : #e0e0ff;
}

.oddSelected {
	background-color : #e0e0ff;
} 

.feedUnreadSelected, .feedSelectedUnread, 
.virtUnreadSelected, .virtSelectedUnread,
.labelUnreadSelected, .labelSelectedUnread {
	background-color : #e0e0ff;
	font-weight : bold;
}

.feedUnread, .labelUnread, .virtUnread {
	font-weight : bold;
}

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

.evenGrayed {
	background-color : #f0f0f0;
	color : #909090;
}

.oddGrayed {
	color : #909090;
}

.even {
	background-color : #f0f0f0;
}

.evenUnread {
	background-color : #f0f0f0;
	font-weight : bold;
}

.oddUnread {
	font-weight : bold;
}

.invisible {
	display : none;
}

input {
	border : 1px solid #a0a0a0;
}

/* preferences */

table.prefFeedList tr.title td, table.prefFilterList tr.title td,
	table.headlinesList tr.title td, table.prefLabelList tr.title td,
	table.prefPrefsList tr.title td, 
	table.prefFeedCatList tr.title td {
	font-weight : bold;
	border-width : 0px 0px 1px 0px;
	border-color : #f0f0f0;
	border-style : solid;
}

a.helpLink {
	color : #808080;
}

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

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

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

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

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

div.infoBoxContents td {
	font-size : small;
}


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

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

pre {
	border : 1px solid #c0c0c0;
	padding : 5px;
	background : #f0f0f0;
}

#userDlg {
	left : 400px;
	top : 18px;
	background : #fffff0;
	z-index : 3;
	position : absolute;
	border : 1px solid #c0c0c0;
	padding : 10px;
	display : none;
}

#qafInput {
	width : 300px;
}

input.extSearch {
	width : 200px;
}

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

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

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


input.prefsTab:hover {
	background : white;
}

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

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

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

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

#splash {
	z-index : 3;
	width : 100%;
	height : 100%;
	position : absolute;
	text-align : center;
	background-image : url("images/vgrad_light_rev.png");
	background-color : white;
	background-position : top left;
	background-repeat : repeat-x;
}

td.innerSplash {
	margin : 35px;
}

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

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

}

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

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

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

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

div.small, p.small {
	font-size : x-small;
}

span.insensitive {
	color : gray;
}
Commit	Line	Data
1cd17194 AD	1	body {
	2	background : white;
	3	color : black;
	4	margin : 0px;
	5	padding : 0px;
71500c40	6	font-family : sans-serif;
1cd17194 AD	7	}
1cd17194 AD	8
e828e31e	9	/* common styles */
1cd17194	10
b3a9dadd	11	table.main td.headerBox {
e828e31e AD	12	background-image : url("images/vgrad_light_rev2.png");
	13	background-position : top left;
	14	background-repeat : repeat-x;
2c1dd701 AD	15	}
2c1dd701 AD	16
b3a9dadd AD	17	table.main td.header {
	18	padding : 10px 10px 10px 30px;
	19	height : 80px;
	20	font-size : 24pt;
	21	font-weight : bold;
	22	}
	23
e828e31e AD	24	table.main td.mainToolbar {
	25	border-width : 0px 0px 0px 0px;
	26	border-style : solid;
	27	border-color : #c0c0c0;
13f832b3	28	padding : 3px 25px 3px 10px;
e5d45654 AD	29	}
e5d45654 AD	30
0eef53fe	31	table.main td.prefsToolbar {
f5a50b25	32	padding : 0px 5px 5px 0px;
0eef53fe AD	33	}
0eef53fe AD	34
e828e31e AD	35	table.main td.feeds {
	36	width : 300px;
	37	height : 100%;
	38	border-width : 1px 0px 0px 0px;
	39	border-style : solid;
	40	border-color : #c0c0c0;
d5224f0d	41	padding : 0px;
e5d45654 AD	42	}
e5d45654 AD	43
e828e31e	44	table.main td.headlinesToolbarBox {
f0601b87	45	padding : 10px;
e828e31e	46	border-width : 0px 0px 1px 1px;
d76a3b03	47	border-style : solid;
e828e31e AD	48	border-color : #c0c0c0;
	49	background-image : url("images/vgrad_light.png");
	50	background-position : bottom left;
	51	background-repeat : repeat-x;
d76a3b03 AD	52	}
d76a3b03 AD	53
e828e31e AD	54	table.main td.footer {
e828e31e AD	55	border-width : 1px 0px 0px 0px;
a2015351	56	border-style : solid;
e828e31e AD	57	border-color : #c0c0c0;
	58	padding : 10px;
	59	text-align : center;
	60	font-size : x-small;
	61	background-image : url("images/vgrad_light_rev2.png");
	62	background-position : top left;
	63	background-repeat : repeat-x;
	64	color : gray;
a2015351 AD	65	}
a2015351 AD	66
e828e31e AD	67	table.main td.footer a {
e828e31e AD	68	color : gray;
d76a3b03 AD	69	}
d76a3b03 AD	70
e828e31e AD	71	table.main td.footer a:hover {
e828e31e AD	72	color : #5050aa;
ac53063a AD	73	}
ac53063a AD	74
e828e31e AD	75	table.main td.headlines {
	76	height : 25%;
	77	border-width : 0px 0px 1px 1px;
	78	border-style : solid;
	79	border-color : #c0c0c0;
71ad3959 AD	80	}
71ad3959 AD	81
e828e31e AD	82	table.main td.content {
	83	height : 100%;
	84	background-image : url("images/vgrad_light_rev.png");
	85	background-position : top left;
	86	background-repeat : repeat-x;
	87	border-width : 0px 0px 0px 1px;
	88	border-style : solid;
	89	border-color : #c0c0c0;
1cd17194 AD	90	}
1cd17194 AD	91
e828e31e AD	92	table.main td.prefContent {
	93	height : 100%;
	94	background-image : url("images/vgrad_light_rev.png");
	95	background-position : top left;
	96	background-repeat : repeat-x;
	97	border-width : 1px 0px 0px 0px;
	98	border-style : solid;
	99	border-color : #c0c0c0;
	100	padding : 20px;
1a66d16e AD	101	}
1a66d16e AD	102
e828e31e AD	103	div.postReply {
e828e31e AD	104	background-image : url("images/vgrad_light_rev.png");
a1a8a2be AD	105	background-position : top left;
a1a8a2be AD	106	background-repeat : repeat-x;
e828e31e AD	107	height : 100%;
e828e31e AD	108	padding : 10px;
1cd17194 AD	109	}
1cd17194 AD	110
f7181e9b AD	111	div.postReply a {
	112	color : #5050aa;
	113	}
	114
	115	div.postReply a:hover {
	116	color : black;
	117	}
	118
e828e31e AD	119	div.postReply div.postHeader {
	120	background : white;
	121	border : 1px solid #c0c0c0;
1a66d16e	122	padding : 5px;
1cd17194 AD	123	}
1cd17194 AD	124
e828e31e	125	div.postReply div.postContent {
1cd17194	126	padding : 10px;
f0601b87 AD	127	}
f0601b87 AD	128
e828e31e AD	129	div.postReply div.postIcon {
	130	float : right;
	131	border : 0px;
e9e4c6e2	132	margin : 10px 0px 10px 10px;
5f89f780	133	}
e828e31e AD	134
	135	ul.feedList {
	136	list-style-type : none;
91ff844a AD	137	margin : 5px;
	138	padding : 0px 0px 0px 10px;
	139	}
	140
	141	ul.feedList li.feedCat {
e828e31e	142	margin : 0px;
91ff844a AD	143	padding : 3px 0px 3px 0px;
	144	/* border-width : 0px 0px 1px 0px;
	145	border-color : #f0f0f0;
	146	border-style : solid; */
	147	color : #707070;
	148	}
	149
	150	ul.feedCatList {
	151	list-style-type : none;
	152	margin : 0px;
	153	padding : 0px 0px 0px 10px;
	154	}
	155
	156	ul.feedCatList li {
	157	margin : 0px;
	158	padding : 0px 0px 0px 0px;
1cd17194 AD	159	}
1cd17194 AD	160
e828e31e	161	ul.feedList li {
91ff844a	162	margin : 0px;
e828e31e AD	163	}
e828e31e AD	164
f0b3b4eb AD	165	li.oddSelected, li.evenSelected {
	166	background-color : white;
	167	}
	168
	169	li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
0c674406	170	li.oddSelectedUnread {
e828e31e	171	background-color : white;
f0b3b4eb	172	font-weight : bold;
e828e31e AD	173	}
	174
	175	li.oddSelected a, li.evenSelected a,
	176	li.oddUnreadSelected a, li.evenUnreadSelected a {
	177	color : #5050aa;
3745788e AD	178	}
	179
	180	ul.feedlist
	181	li.virtSelected,
	182	li.virtUnreadSelected,
2e346560	183	li.virtSelectedUnread,
3745788e AD	184	li.feedSelected,
	185	li.labelSelected,
	186	li.feedUnreadSelected,
2e346560 AD	187	li.labelUnreadSelected,
	188	li.feedSelectedUnread,
	189	li.labelSelectedUnread {
3745788e AD	190	background-color : white;
	191	}
	192
	193	ul.feedlist
	194	li.feedSelected a,
	195	li.labelSelected a,
	196	li.feedUnreadSelected a,
	197	li.labelUnreadSelected a,
	198	li.virtSelected a,
	199	li.virtUnreadSelected a,
	200	li.virtSelectedUnread a {
	201	color : #5050aa;
	202	}
	203
	204	ul.feedList li.feed {
	205	display : block;
	206	}
508a81e1	207
6c56687e	208	ul.feedList img, img.tinyFeedIcon {
e828e31e AD	209	margin : 0px 3px 0px 0px;
	210	width : 16px;
	211	height : 16px;
331900c6 AD	212	}
331900c6 AD	213
e828e31e AD	214	h1 {
e828e31e AD	215	font-size : 16pt;
f0601b87 AD	216	}
f0601b87 AD	217
e828e31e AD	218	h2 {
e828e31e AD	219	font-size : 14pt;
96369d8e	220	font-weight : bold;
e828e31e	221	border-width : 0px 0px 1px 0px;
1cd17194	222	border-style : solid;
e828e31e	223	border-color : #e0e0e0;
1cd17194 AD	224	}
1cd17194 AD	225
f5a50b25 AD	226	h3 {
	227	font-size : 12pt;
	228	font-weight : bold;
	229	border-width : 0px 0px 1px 0px;
	230	border-style : solid;
	231	border-color : #e0e0e0;
	232	}
	233
e828e31e AD	234	hr {
	235	border-width : 0px 0px 1px 0px;
	236	border-style : dashed;
	237	border-color : #e0e0e0;
	238	}
67824557	239
e828e31e AD	240	a {
	241	color : black;
	242	text-decoration : none;
1cd17194 AD	243	}
1cd17194 AD	244
e828e31e AD	245	a:hover {
e828e31e AD	246	color : #5050aa;
9b307248 AD	247	}
9b307248 AD	248
e828e31e AD	249	#piggie {
	250	width : 400;
	251	height : 400;
	252	left : 50;
	253	background-color : white;
	254	display : none;
	255	z-index : 3;
	256	background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
	257	background-position : center center;
	258	background-repeat : no-repeat;
	259	position : absolute;
	260	border : 1px solid pink;
	261	margin-left : auto;
	262	margin-right : auto;
	263	-moz-border-radius : 10px;
	264	opacity : 0.8;
9b307248 AD	265	}
9b307248 AD	266
5d73494a	267	#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
91ff844a AD	268	#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
91ff844a AD	269	#iedit_fcat {
e828e31e AD	270	width : 100%;
e828e31e AD	271	padding-left : 2px;
1cd17194 AD	272	}
1cd17194 AD	273
77e96719 AD	274	input.editbox {
	275	width : 200px;
	276	padding-left : 2px;
	277	}
	278
e828e31e	279	#notify {
d5224f0d	280	font-size : 10pt;
828a8ecc	281	text-align : right;
8dcfffd0 AD	282	color : black;
8dcfffd0 AD	283	font-weight : bold;
828a8ecc AD	284	border-style : solid;
828a8ecc AD	285	border-width : 0px 0px 1px 1px;
a516aa6d	286	border-color : #e0e0e0;
828a8ecc AD	287	background-color : white;
	288	padding : 3px;
	289	width : 350px;
1cd17194 AD	290	}
1cd17194 AD	291
8143ae1f AD	292	#dispSwitch {
	293	text-align : right;
	294	padding : 5px 5px 5px 0px;
	295	font-size : x-small;
	296	}
	297
	298	#dispSwitch a {
	299	color : gray;
	300	}
	301
	302	#dispSwitch a:hover {
	303	color : #5050aa;
	304	}
	305
e828e31e AD	306	div.expPane {
e828e31e AD	307	margin : 15px;
d76a3b03	308	}
1cd17194	309
5bfef089 AD	310	iframe {
	311	border : 0px solid white;
	312	}
	313
e828e31e AD	314	iframe.feedsFrame {
	315	width : 100%;
	316	height : 90%;
e828e31e AD	317	margin : 0px;
e828e31e AD	318	padding : 0px;
a1a8a2be	319	}
007bda35	320
e828e31e AD	321	iframe.contentFrame, iframe.headlinesFrame {
e828e31e AD	322	width : 100%;
e828e31e AD	323	padding : 0px;
	324	margin : 0px;
	325	height : 100%;
007bda35 AD	326	}
007bda35 AD	327
e828e31e AD	328	.button {
	329	border : 1px solid #d0d0d0;
	330	background-image : url("images/button.png");
	331	background-position : top;
	332	background-repeat : repeat-x;
	333	background-color : white;
	334	color : black;
007bda35 AD	335	}
007bda35 AD	336
e828e31e AD	337	.button:hover {
	338	background : white;
	339	text-decoration : none;
	340	color : black;
	341	}
	342
	343	a.button {
	344	padding : 2px 5px 2px 5px;
	345	font-size : small;
007bda35 AD	346	}
007bda35 AD	347
3745788e	348	.evenUnreadSelected, .evenSelectedUnread, {
a3ee2a38 AD	349	background-color : #e0e0ff;
	350	font-weight : bold;
	351	}
	352
3745788e	353	.oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread, {
a3ee2a38 AD	354	background-color : #e0e0ff;
	355	font-weight : bold;
	356	}
	357
007bda35	358	.evenSelected {
7e00c981	359	background-color : #e0e0ff;
007bda35 AD	360	}
	361
	362	.oddSelected {
7e00c981	363	background-color : #e0e0ff;
3745788e AD	364	}
	365
	366	.feedUnreadSelected, .feedSelectedUnread,
	367	.virtUnreadSelected, .virtSelectedUnread,
	368	.labelUnreadSelected, .labelSelectedUnread {
	369	background-color : #e0e0ff;
	370	font-weight : bold;
	371	}
	372
	373	.feedUnread, .labelUnread, .virtUnread {
	374	font-weight : bold;
007bda35 AD	375	}
007bda35 AD	376
ac43eba1	377	.disabledButton {
d5224f0d AD	378	border : 1px solid #c0c0c0;
	379	background-color : white;
	380	color : gray;
e6d1c0a0 AD	381	}
e6d1c0a0 AD	382
e828e31e AD	383	.evenGrayed {
	384	background-color : #f0f0f0;
	385	color : #909090;
b7f4bda2 AD	386	}
b7f4bda2 AD	387
e828e31e AD	388	.oddGrayed {
e828e31e AD	389	color : #909090;
f07c0eb4 AD	390	}
f07c0eb4 AD	391
e828e31e AD	392	.even {
e828e31e AD	393	background-color : #f0f0f0;
ac43eba1	394	}
a2015351	395
e828e31e AD	396	.evenUnread {
	397	background-color : #f0f0f0;
	398	font-weight : bold;
f07c0eb4 AD	399	}
f07c0eb4 AD	400
e828e31e AD	401	.oddUnread {
e828e31e AD	402	font-weight : bold;
f07c0eb4	403	}
508a81e1	404
e828e31e	405	.invisible {
508a81e1	406	display : none;
508a81e1	407	}
b7f4bda2	408
e828e31e AD	409	input {
e828e31e AD	410	border : 1px solid #a0a0a0;
b7f4bda2	411	}
603c27f8	412
e828e31e	413	/* preferences */
603c27f8	414
e828e31e	415	table.prefFeedList tr.title td, table.prefFilterList tr.title td,
77e96719	416	table.headlinesList tr.title td, table.prefLabelList tr.title td,
91ff844a AD	417	table.prefPrefsList tr.title td,
91ff844a AD	418	table.prefFeedCatList tr.title td {
e828e31e AD	419	font-weight : bold;
	420	border-width : 0px 0px 1px 0px;
	421	border-color : #f0f0f0;
	422	border-style : solid;
70830c87	423	}
f0601b87	424
7dc66a61 AD	425	a.helpLink {
	426	color : #808080;
	427	}
	428
	429	a.helpLink:hover {
	430	color : #5050aa;
	431	}
	432
1a7572cb	433	div.helpResponse {
7dc66a61 AD	434	margin : 10px;
	435	background-image : url("images/vgrad_light_rev2.png");
	436	background-position : top left;
	437	background-repeat : repeat-x;
	438	padding : 10px 20px 10px 20px;
	439	border : 1px solid #f0f0f0;
	440	}
	441
2317ffaa AD	442	#infoBox {
	443	border : 1px solid #c0c0c0;
	444	padding-bottom : 10px;
	445	font-size : small;
	446	position : relative;
	447	bottom : 2px;
	448	right : 2px;
	449	background-color : white;
	450	}
	451
	452	#infoBoxShadow {
	453	background-image : url("images/shadow.png");
	454	position : absolute;
	455	margin-left : 30%;
	456	width : 30%;
	457	z-index : 3;
	458	display : none;
	459	}
	460
c6c3a07f	461	div.infoBoxContents {
1a7572cb AD	462	background-image : url("images/vgrad_light_rev2.png");
	463	background-position : top left;
	464	background-repeat : repeat-x;
	465	padding : 5px;
2317ffaa AD	466	margin-bottom : 5px;
	467	}
	468
	469	div.infoBoxContents td {
	470	font-size : small;
1a7572cb AD	471	}
1a7572cb AD	472
2317ffaa	473
c6c3a07f	474	div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61 AD	475	border-width : 0px 0px 1px 0px;
	476	border-style : solid;
	477	border-color : #c0c0c0;
	478	font-size : 16pt;
	479	}
	480
c6c3a07f	481	div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61 AD	482	border-width : 0px 0px 0px 0px;
7dc66a61 AD	483	font-size : 12pt;
7dc66a61 AD	484	}
	485
	486	pre {
	487	border : 1px solid #c0c0c0;
	488	padding : 5px;
	489	background : #f0f0f0;
	490	}
e2f8f7b4	491
f84a97a3	492	#userDlg {
e2f8f7b4 AD	493	left : 400px;
	494	top : 18px;
	495	background : #fffff0;
	496	z-index : 3;
	497	position : absolute;
	498	border : 1px solid #c0c0c0;
	499	padding : 10px;
	500	display : none;
	501	}
	502
	503	#qafInput {
	504	width : 300px;
	505	}
033e47e0 AD	506
	507	input.extSearch {
	508	width : 200px;
	509	}
f5a50b25 AD	510
	511	table.main td.prefsTabs {
	512	padding-left : 15px;
	513	}
	514
	515	input.prefsTab {
	516	border-width : 1px 1px 0px 1px;
	517	border-color : #c0c0c0;
	518	padding : 2px 7px 2px 7px;
	519	margin : 0px 1px 0px 0px;
	520	width : 150px;
	521	background-image : url("images/vgrad_light_rev2.png");
	522	background-position : top left;
	523	background-repeat : repeat-x;
a3ab6633	524	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	525	}
	526
	527	input.prefsTabSelected {
	528	border-width : 1px 1px 0px 1px;
	529	border-color : #c0c0c0;
	530	padding : 2px 7px 2px 7px;
	531	margin : 0px 1px 0px 0px;
	532	width : 150px;
	533	background : white;
	534	font-weight : bold;
	535	background-position : top left;
	536	background-repeat : repeat-x;
a3ab6633	537	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	538	}
	539
	540
	541	input.prefsTab:hover {
	542	background : white;
	543	}
ab3d0b99 AD	544
	545	div.warning {
	546	background : #fffff0;
	547	border : 1px solid #c0c0c0;
	548	padding : 5px;
e6cb77a0 AD	549	margin : 5px;
	550	font-size : x-small;
	551	}
	552
	553	div.notice {
	554	background : #ffffff;
	555	border : 1px solid #c0c0c0;
	556	padding : 5px;
ab3d0b99 AD	557	margin : 5px;
	558	font-size : x-small;
	559	}
	560
	561	ul.nomarks {
	562	list-style-type : none;
	563	margin : 0px;
	564	padding : 10px;
	565	}
	566
295f9b42 AD	567	div.bigErrorMsg {
	568	border : 1px solid #c0c0c0;
	569	background : #fff0f0;
	570	padding : 30px;
	571	margin : 20px;
	572	}
2f587484 AD	573
	574	#splash {
	575	z-index : 3;
	576	width : 100%;
	577	height : 100%;
	578	position : absolute;
	579	text-align : center;
	580	background-image : url("images/vgrad_light_rev.png");
	581	background-color : white;
	582	background-position : top left;
	583	background-repeat : repeat-x;
	584	}
	585
	586	td.innerSplash {
	587	margin : 35px;
	588	}
b1895692 AD	589
	590	div.prefHelp, td.prefHelp {
	591	font-size : x-small;
	592	color : gray;
	593	padding : 5px;
	594	}
	595
c93f38c4 AD	596	td.welcomePrompt {
	597	font-size : small;
	598	color : gray;
	599	text-align : right;
	600	padding-right : 10px;
	601
	602	}
f1cdb8c6	603
8cb74804 AD	604	td.httpWelcomePrompt {
	605	font-size : small;
	606	color : gray;
	607	text-align : right;
	608	}
	609
f1cdb8c6 AD	610	table.loginForm {
	611	background-image : url("images/vgrad_light_rev.png");
	612	background-color : white;
	613	background-position : top left;
	614	background-repeat : repeat-x;
	615	}
	616
	617	table.innerLoginForm {
	618	border : 1px solid #f0f0f0;
	619	padding : 50px;
	620	background-color : white;
	621	}
	622
	623	table.innerLoginForm td {
	624	padding : 3px 3px 5px 3px;
	625	}
1a7572cb	626
c6c3a07f AD	627	div.small, p.small {
c6c3a07f AD	628	font-size : x-small;
1a7572cb	629	}
bca02305 AD	630
	631	span.insensitive {
	632	color : gray;
	633	}