[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;
	font-size : small;
}

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

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