[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 : 0px;
	padding : 10px;	
}

ul.feedList li {
	margin : 2px;
}

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 {
	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.prefAddFeed td {
	padding : 2px;
}

table.prefAddFeed input {
	width : 250px;
}

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

}

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;
}
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;
	137	margin : 0px;
	138	padding : 10px;
1cd17194 AD	139	}
1cd17194 AD	140
e828e31e AD	141	ul.feedList li {
	142	margin : 2px;
	143	}
	144
f0b3b4eb AD	145	li.oddSelected, li.evenSelected {
	146	background-color : white;
	147	}
	148
	149	li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
0c674406	150	li.oddSelectedUnread {
e828e31e	151	background-color : white;
f0b3b4eb	152	font-weight : bold;
e828e31e AD	153	}
	154
	155	li.oddSelected a, li.evenSelected a,
	156	li.oddUnreadSelected a, li.evenUnreadSelected a {
	157	color : #5050aa;
3745788e AD	158	}
	159
	160	ul.feedlist
	161	li.virtSelected,
	162	li.virtUnreadSelected,
2e346560	163	li.virtSelectedUnread,
3745788e AD	164	li.feedSelected,
	165	li.labelSelected,
	166	li.feedUnreadSelected,
2e346560 AD	167	li.labelUnreadSelected,
	168	li.feedSelectedUnread,
	169	li.labelSelectedUnread {
3745788e AD	170	background-color : white;
	171	}
	172
	173	ul.feedlist
	174	li.feedSelected a,
	175	li.labelSelected a,
	176	li.feedUnreadSelected a,
	177	li.labelUnreadSelected a,
	178	li.virtSelected a,
	179	li.virtUnreadSelected a,
	180	li.virtSelectedUnread a {
	181	color : #5050aa;
	182	}
	183
	184	ul.feedList li.feed {
	185	display : block;
	186	}
508a81e1	187
6c56687e	188	ul.feedList img, img.tinyFeedIcon {
e828e31e AD	189	margin : 0px 3px 0px 0px;
	190	width : 16px;
	191	height : 16px;
331900c6 AD	192	}
331900c6 AD	193
e828e31e AD	194	h1 {
e828e31e AD	195	font-size : 16pt;
f0601b87 AD	196	}
f0601b87 AD	197
e828e31e AD	198	h2 {
e828e31e AD	199	font-size : 14pt;
96369d8e	200	font-weight : bold;
e828e31e	201	border-width : 0px 0px 1px 0px;
1cd17194	202	border-style : solid;
e828e31e	203	border-color : #e0e0e0;
1cd17194 AD	204	}
1cd17194 AD	205
f5a50b25 AD	206	h3 {
	207	font-size : 12pt;
	208	font-weight : bold;
	209	border-width : 0px 0px 1px 0px;
	210	border-style : solid;
	211	border-color : #e0e0e0;
	212	}
	213
e828e31e AD	214	hr {
	215	border-width : 0px 0px 1px 0px;
	216	border-style : dashed;
	217	border-color : #e0e0e0;
	218	}
67824557	219
e828e31e AD	220	a {
	221	color : black;
	222	text-decoration : none;
1cd17194 AD	223	}
1cd17194 AD	224
e828e31e AD	225	a:hover {
e828e31e AD	226	color : #5050aa;
9b307248 AD	227	}
9b307248 AD	228
e828e31e AD	229	#piggie {
	230	width : 400;
	231	height : 400;
	232	left : 50;
	233	background-color : white;
	234	display : none;
	235	z-index : 3;
	236	background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
	237	background-position : center center;
	238	background-repeat : no-repeat;
	239	position : absolute;
	240	border : 1px solid pink;
	241	margin-left : auto;
	242	margin-right : auto;
	243	-moz-border-radius : 10px;
	244	opacity : 0.8;
9b307248 AD	245	}
9b307248 AD	246
5d73494a	247	#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
e6cb77a0	248	#iedit_purgintl, #iedit_ulogin, #iedit_ulevel {
e828e31e AD	249	width : 100%;
e828e31e AD	250	padding-left : 2px;
1cd17194 AD	251	}
1cd17194 AD	252
77e96719 AD	253	input.editbox {
	254	width : 200px;
	255	padding-left : 2px;
	256	}
	257
e828e31e	258	#notify {
d5224f0d	259	font-size : 10pt;
828a8ecc	260	text-align : right;
8dcfffd0 AD	261	color : black;
8dcfffd0 AD	262	font-weight : bold;
828a8ecc AD	263	border-style : solid;
828a8ecc AD	264	border-width : 0px 0px 1px 1px;
a516aa6d	265	border-color : #e0e0e0;
828a8ecc AD	266	background-color : white;
	267	padding : 3px;
	268	width : 350px;
1cd17194 AD	269	}
1cd17194 AD	270
8143ae1f AD	271	#dispSwitch {
	272	text-align : right;
	273	padding : 5px 5px 5px 0px;
	274	font-size : x-small;
	275	}
	276
	277	#dispSwitch a {
	278	color : gray;
	279	}
	280
	281	#dispSwitch a:hover {
	282	color : #5050aa;
	283	}
	284
e828e31e AD	285	div.expPane {
e828e31e AD	286	margin : 15px;
d76a3b03	287	}
1cd17194	288
5bfef089 AD	289	iframe {
	290	border : 0px solid white;
	291	}
	292
e828e31e AD	293	iframe.feedsFrame {
	294	width : 100%;
	295	height : 90%;
e828e31e AD	296	margin : 0px;
e828e31e AD	297	padding : 0px;
a1a8a2be	298	}
007bda35	299
e828e31e AD	300	iframe.contentFrame, iframe.headlinesFrame {
e828e31e AD	301	width : 100%;
e828e31e AD	302	padding : 0px;
	303	margin : 0px;
	304	height : 100%;
007bda35 AD	305	}
007bda35 AD	306
e828e31e AD	307	.button {
	308	border : 1px solid #d0d0d0;
	309	background-image : url("images/button.png");
	310	background-position : top;
	311	background-repeat : repeat-x;
	312	background-color : white;
	313	color : black;
007bda35 AD	314	}
007bda35 AD	315
e828e31e AD	316	.button:hover {
	317	background : white;
	318	text-decoration : none;
	319	color : black;
	320	}
	321
	322	a.button {
	323	padding : 2px 5px 2px 5px;
	324	font-size : small;
007bda35 AD	325	}
007bda35 AD	326
3745788e	327	.evenUnreadSelected, .evenSelectedUnread, {
a3ee2a38 AD	328	background-color : #e0e0ff;
	329	font-weight : bold;
	330	}
	331
3745788e	332	.oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread, {
a3ee2a38 AD	333	background-color : #e0e0ff;
	334	font-weight : bold;
	335	}
	336
007bda35	337	.evenSelected {
7e00c981	338	background-color : #e0e0ff;
007bda35 AD	339	}
	340
	341	.oddSelected {
7e00c981	342	background-color : #e0e0ff;
3745788e AD	343	}
	344
	345	.feedUnreadSelected, .feedSelectedUnread,
	346	.virtUnreadSelected, .virtSelectedUnread,
	347	.labelUnreadSelected, .labelSelectedUnread {
	348	background-color : #e0e0ff;
	349	font-weight : bold;
	350	}
	351
	352	.feedUnread, .labelUnread, .virtUnread {
	353	font-weight : bold;
007bda35 AD	354	}
007bda35 AD	355
ac43eba1	356	.disabledButton {
d5224f0d AD	357	border : 1px solid #c0c0c0;
	358	background-color : white;
	359	color : gray;
e6d1c0a0 AD	360	}
e6d1c0a0 AD	361
e828e31e AD	362	.evenGrayed {
	363	background-color : #f0f0f0;
	364	color : #909090;
b7f4bda2 AD	365	}
b7f4bda2 AD	366
e828e31e AD	367	.oddGrayed {
e828e31e AD	368	color : #909090;
f07c0eb4 AD	369	}
f07c0eb4 AD	370
e828e31e AD	371	.even {
e828e31e AD	372	background-color : #f0f0f0;
ac43eba1	373	}
a2015351	374
e828e31e AD	375	.evenUnread {
	376	background-color : #f0f0f0;
	377	font-weight : bold;
f07c0eb4 AD	378	}
f07c0eb4 AD	379
e828e31e AD	380	.oddUnread {
e828e31e AD	381	font-weight : bold;
f07c0eb4	382	}
508a81e1	383
e828e31e	384	.invisible {
508a81e1	385	display : none;
508a81e1	386	}
b7f4bda2	387
e828e31e AD	388	input {
e828e31e AD	389	border : 1px solid #a0a0a0;
b7f4bda2	390	}
603c27f8	391
e828e31e	392	/* preferences */
603c27f8	393
e828e31e AD	394	table.prefAddFeed td {
e828e31e AD	395	padding : 2px;
a0d53889 AD	396	}
a0d53889 AD	397
e828e31e AD	398	table.prefAddFeed input {
e828e31e AD	399	width : 250px;
1a66d16e AD	400	}
1a66d16e AD	401
e828e31e	402	table.prefFeedList tr.title td, table.prefFilterList tr.title td,
77e96719 AD	403	table.headlinesList tr.title td, table.prefLabelList tr.title td,
77e96719 AD	404	table.prefPrefsList tr.title td {
e828e31e AD	405	font-weight : bold;
	406	border-width : 0px 0px 1px 0px;
	407	border-color : #f0f0f0;
	408	border-style : solid;
70830c87	409	}
f0601b87	410
7dc66a61 AD	411	a.helpLink {
	412	color : #808080;
	413	}
	414
	415	a.helpLink:hover {
	416	color : #5050aa;
	417	}
	418
1a7572cb	419	div.helpResponse {
7dc66a61 AD	420	margin : 10px;
	421	background-image : url("images/vgrad_light_rev2.png");
	422	background-position : top left;
	423	background-repeat : repeat-x;
	424	padding : 10px 20px 10px 20px;
	425	border : 1px solid #f0f0f0;
	426	}
	427
2317ffaa AD	428	#infoBox {
	429	border : 1px solid #c0c0c0;
	430	padding-bottom : 10px;
	431	font-size : small;
	432	position : relative;
	433	bottom : 2px;
	434	right : 2px;
	435	background-color : white;
	436	}
	437
	438	#infoBoxShadow {
	439	background-image : url("images/shadow.png");
	440	position : absolute;
	441	margin-left : 30%;
	442	width : 30%;
	443	z-index : 3;
	444	display : none;
	445	}
	446
c6c3a07f	447	div.infoBoxContents {
1a7572cb AD	448	background-image : url("images/vgrad_light_rev2.png");
	449	background-position : top left;
	450	background-repeat : repeat-x;
	451	padding : 5px;
2317ffaa AD	452	margin-bottom : 5px;
	453	}
	454
	455	div.infoBoxContents td {
	456	font-size : small;
1a7572cb AD	457	}
1a7572cb AD	458
2317ffaa	459
c6c3a07f	460	div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61 AD	461	border-width : 0px 0px 1px 0px;
	462	border-style : solid;
	463	border-color : #c0c0c0;
	464	font-size : 16pt;
	465	}
	466
c6c3a07f	467	div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61 AD	468	border-width : 0px 0px 0px 0px;
7dc66a61 AD	469	font-size : 12pt;
7dc66a61 AD	470	}
	471
	472	pre {
	473	border : 1px solid #c0c0c0;
	474	padding : 5px;
	475	background : #f0f0f0;
	476	}
e2f8f7b4	477
f84a97a3	478	#userDlg {
e2f8f7b4 AD	479	left : 400px;
	480	top : 18px;
	481	background : #fffff0;
	482	z-index : 3;
	483	position : absolute;
	484	border : 1px solid #c0c0c0;
	485	padding : 10px;
	486	display : none;
	487	}
	488
	489	#qafInput {
	490	width : 300px;
	491	}
033e47e0 AD	492
	493	input.extSearch {
	494	width : 200px;
	495	}
f5a50b25 AD	496
	497	table.main td.prefsTabs {
	498	padding-left : 15px;
	499	}
	500
	501	input.prefsTab {
	502	border-width : 1px 1px 0px 1px;
	503	border-color : #c0c0c0;
	504	padding : 2px 7px 2px 7px;
	505	margin : 0px 1px 0px 0px;
	506	width : 150px;
	507	background-image : url("images/vgrad_light_rev2.png");
	508	background-position : top left;
	509	background-repeat : repeat-x;
a3ab6633	510	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	511	}
	512
	513	input.prefsTabSelected {
	514	border-width : 1px 1px 0px 1px;
	515	border-color : #c0c0c0;
	516	padding : 2px 7px 2px 7px;
	517	margin : 0px 1px 0px 0px;
	518	width : 150px;
	519	background : white;
	520	font-weight : bold;
	521	background-position : top left;
	522	background-repeat : repeat-x;
a3ab6633	523	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	524	}
	525
	526
	527	input.prefsTab:hover {
	528	background : white;
	529	}
ab3d0b99 AD	530
	531	div.warning {
	532	background : #fffff0;
	533	border : 1px solid #c0c0c0;
	534	padding : 5px;
e6cb77a0 AD	535	margin : 5px;
	536	font-size : x-small;
	537	}
	538
	539	div.notice {
	540	background : #ffffff;
	541	border : 1px solid #c0c0c0;
	542	padding : 5px;
ab3d0b99 AD	543	margin : 5px;
	544	font-size : x-small;
	545	}
	546
	547	ul.nomarks {
	548	list-style-type : none;
	549	margin : 0px;
	550	padding : 10px;
	551	}
	552
295f9b42 AD	553	div.bigErrorMsg {
	554	border : 1px solid #c0c0c0;
	555	background : #fff0f0;
	556	padding : 30px;
	557	margin : 20px;
	558	}
2f587484 AD	559
	560	#splash {
	561	z-index : 3;
	562	width : 100%;
	563	height : 100%;
	564	position : absolute;
	565	text-align : center;
	566	background-image : url("images/vgrad_light_rev.png");
	567	background-color : white;
	568	background-position : top left;
	569	background-repeat : repeat-x;
	570	}
	571
	572	td.innerSplash {
	573	margin : 35px;
	574	}
b1895692 AD	575
	576	div.prefHelp, td.prefHelp {
	577	font-size : x-small;
	578	color : gray;
	579	padding : 5px;
	580	}
	581
c93f38c4 AD	582	td.welcomePrompt {
	583	font-size : small;
	584	color : gray;
	585	text-align : right;
	586	padding-right : 10px;
	587
	588	}
f1cdb8c6 AD	589
	590	table.loginForm {
	591	background-image : url("images/vgrad_light_rev.png");
	592	background-color : white;
	593	background-position : top left;
	594	background-repeat : repeat-x;
	595	}
	596
	597	table.innerLoginForm {
	598	border : 1px solid #f0f0f0;
	599	padding : 50px;
	600	background-color : white;
	601	}
	602
	603	table.innerLoginForm td {
	604	padding : 3px 3px 5px 3px;
	605	}
1a7572cb	606
c6c3a07f AD	607	div.small, p.small {
c6c3a07f AD	608	font-size : x-small;
1a7572cb	609	}