[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, 
	table.prefUserList 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;
}

div.prefGenericAddBox {
	margin : 5px;
}

body.logoutBody {
	background-color : #f0f0f0;
	color : black;
}

span.logoutWarning {
	color : red;
	font-weight : bold;
}

div.logoutContent {
	width : 600px;
	border : 1px solid #c0c0c0;
	background-color : white;
	margin-left : auto;
	margin-right : auto;
	margin-top : 20px;
	padding : 10px;
}
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	417	table.prefPrefsList tr.title td,
18837e9f AD	418	table.prefFeedCatList tr.title td,
18837e9f AD	419	table.prefUserList tr.title td {
e828e31e AD	420	font-weight : bold;
	421	border-width : 0px 0px 1px 0px;
	422	border-color : #f0f0f0;
	423	border-style : solid;
70830c87	424	}
f0601b87	425
7dc66a61 AD	426	a.helpLink {
	427	color : #808080;
	428	}
	429
	430	a.helpLink:hover {
	431	color : #5050aa;
	432	}
	433
1a7572cb	434	div.helpResponse {
7dc66a61 AD	435	margin : 10px;
	436	background-image : url("images/vgrad_light_rev2.png");
	437	background-position : top left;
	438	background-repeat : repeat-x;
	439	padding : 10px 20px 10px 20px;
	440	border : 1px solid #f0f0f0;
	441	}
	442
2317ffaa AD	443	#infoBox {
	444	border : 1px solid #c0c0c0;
	445	padding-bottom : 10px;
	446	font-size : small;
	447	position : relative;
	448	bottom : 2px;
	449	right : 2px;
	450	background-color : white;
	451	}
	452
	453	#infoBoxShadow {
	454	background-image : url("images/shadow.png");
	455	position : absolute;
	456	margin-left : 30%;
	457	width : 30%;
	458	z-index : 3;
	459	display : none;
	460	}
	461
c6c3a07f	462	div.infoBoxContents {
1a7572cb AD	463	background-image : url("images/vgrad_light_rev2.png");
	464	background-position : top left;
	465	background-repeat : repeat-x;
	466	padding : 5px;
2317ffaa AD	467	margin-bottom : 5px;
	468	}
	469
	470	div.infoBoxContents td {
	471	font-size : small;
1a7572cb AD	472	}
1a7572cb AD	473
2317ffaa	474
c6c3a07f	475	div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61 AD	476	border-width : 0px 0px 1px 0px;
	477	border-style : solid;
	478	border-color : #c0c0c0;
	479	font-size : 16pt;
	480	}
	481
c6c3a07f	482	div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61 AD	483	border-width : 0px 0px 0px 0px;
7dc66a61 AD	484	font-size : 12pt;
7dc66a61 AD	485	}
	486
	487	pre {
	488	border : 1px solid #c0c0c0;
	489	padding : 5px;
	490	background : #f0f0f0;
	491	}
e2f8f7b4	492
f84a97a3	493	#userDlg {
e2f8f7b4 AD	494	left : 400px;
	495	top : 18px;
	496	background : #fffff0;
	497	z-index : 3;
	498	position : absolute;
	499	border : 1px solid #c0c0c0;
	500	padding : 10px;
	501	display : none;
	502	}
	503
	504	#qafInput {
	505	width : 300px;
	506	}
033e47e0 AD	507
	508	input.extSearch {
	509	width : 200px;
	510	}
f5a50b25 AD	511
	512	table.main td.prefsTabs {
	513	padding-left : 15px;
	514	}
	515
	516	input.prefsTab {
	517	border-width : 1px 1px 0px 1px;
	518	border-color : #c0c0c0;
	519	padding : 2px 7px 2px 7px;
	520	margin : 0px 1px 0px 0px;
	521	width : 150px;
	522	background-image : url("images/vgrad_light_rev2.png");
	523	background-position : top left;
	524	background-repeat : repeat-x;
a3ab6633	525	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	526	}
	527
	528	input.prefsTabSelected {
	529	border-width : 1px 1px 0px 1px;
	530	border-color : #c0c0c0;
	531	padding : 2px 7px 2px 7px;
	532	margin : 0px 1px 0px 0px;
	533	width : 150px;
	534	background : white;
	535	font-weight : bold;
	536	background-position : top left;
	537	background-repeat : repeat-x;
a3ab6633	538	-moz-border-radius : 7px 7px 0px 0px;
f5a50b25 AD	539	}
	540
	541
	542	input.prefsTab:hover {
	543	background : white;
	544	}
ab3d0b99 AD	545
	546	div.warning {
	547	background : #fffff0;
	548	border : 1px solid #c0c0c0;
	549	padding : 5px;
e6cb77a0 AD	550	margin : 5px;
	551	font-size : x-small;
	552	}
	553
	554	div.notice {
	555	background : #ffffff;
	556	border : 1px solid #c0c0c0;
	557	padding : 5px;
ab3d0b99 AD	558	margin : 5px;
	559	font-size : x-small;
	560	}
	561
	562	ul.nomarks {
	563	list-style-type : none;
	564	margin : 0px;
	565	padding : 10px;
	566	}
	567
295f9b42 AD	568	div.bigErrorMsg {
	569	border : 1px solid #c0c0c0;
	570	background : #fff0f0;
	571	padding : 30px;
	572	margin : 20px;
	573	}
2f587484 AD	574
	575	#splash {
	576	z-index : 3;
	577	width : 100%;
	578	height : 100%;
	579	position : absolute;
	580	text-align : center;
	581	background-image : url("images/vgrad_light_rev.png");
	582	background-color : white;
	583	background-position : top left;
	584	background-repeat : repeat-x;
	585	}
	586
	587	td.innerSplash {
	588	margin : 35px;
	589	}
b1895692 AD	590
	591	div.prefHelp, td.prefHelp {
	592	font-size : x-small;
	593	color : gray;
	594	padding : 5px;
	595	}
	596
c93f38c4 AD	597	td.welcomePrompt {
	598	font-size : small;
	599	color : gray;
	600	text-align : right;
	601	padding-right : 10px;
	602
	603	}
f1cdb8c6	604
8cb74804 AD	605	td.httpWelcomePrompt {
	606	font-size : small;
	607	color : gray;
	608	text-align : right;
	609	}
	610
f1cdb8c6 AD	611	table.loginForm {
	612	background-image : url("images/vgrad_light_rev.png");
	613	background-color : white;
	614	background-position : top left;
	615	background-repeat : repeat-x;
	616	}
	617
	618	table.innerLoginForm {
	619	border : 1px solid #f0f0f0;
	620	padding : 50px;
	621	background-color : white;
	622	}
	623
	624	table.innerLoginForm td {
	625	padding : 3px 3px 5px 3px;
	626	}
1a7572cb	627
c6c3a07f AD	628	div.small, p.small {
c6c3a07f AD	629	font-size : x-small;
1a7572cb	630	}
bca02305 AD	631
	632	span.insensitive {
	633	color : gray;
	634	}
afb7a1d6 AD	635
	636	div.prefGenericAddBox {
	637	margin : 5px;
	638	}
f557cd78 AD	639
	640	body.logoutBody {
	641	background-color : #f0f0f0;
	642	color : black;
	643	}
	644
	645	span.logoutWarning {
	646	color : red;
	647	font-weight : bold;
	648	}
	649
	650	div.logoutContent {
	651	width : 600px;
	652	border : 1px solid #c0c0c0;
	653	background-color : white;
	654	margin-left : auto;
	655	margin-right : auto;
	656	margin-top : 20px;
	657	padding : 10px;
	658	}