[tt-rss.git] / themes / old-skool / theme.css

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

/* common styles */

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

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

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

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

div.postReply > div.postHeader {
	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;
	color : #707070;
}

ul.feedList li.feedCat span.catTitle {
	color : #707070;
}

ul.feedList li.feedCat span.catTitle:hover {
	color : #5050aa;
}

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

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

ul.feedList li {
	margin : 0px;
}

ul.feedlist li.feedUnread, 
ul.feedlist li.errorUnread, 
ul.feedlist li.labelUnread, 
ul.feedlist li.virtUnread,
ul.feedlist li.tagUnread {
	font-weight : bold;
}

ul.feedlist li.errorSelected a,
ul.feedlist li.error a,
ul.feedlist li.errorUnread a,
ul.feedlist li.errorUnreadSelected a {
	color : #f04040;
}

ul.feedlist li.feedSelected a,
ul.feedlist li.labelSelected a,
ul.feedlist li.virtSelected a,
ul.feedlist li.tagSelected a {
	color : #5050aa;
}

ul.feedlist li.feedUnreadSelected a,
ul.feedlist li.labelUnreadSelected a,
ul.feedlist li.virtUnreadSelected a,
ul.feedlist li.tagUnreadSelected a {
	color : #5050aa;
}

ul.feedlist li.feedUnreadSelected,
ul.feedlist li.errorUnreadSelected,
ul.feedlist li.labelUnreadSelected,
ul.feedlist li.virtUnreadSelected,
ul.feedlist li.tagUnreadSelected {
	font-weight : bold;
}

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

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

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

#notify {
	color : black;
	font-weight : bold;
	padding : 3px;
}

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

#dispSwitch a {
	color : gray;
}

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

iframe {
	border : 0px solid white;
}

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

iframe.feedsFrame {
	width : 100%;
	height : 100%;
	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;
}

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

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

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

.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
	.oddSelectedUnread td {
        background-color : #e0e0ff;
        font-weight : bold;
		  border-color : #778899;

}

.evenSelected, .evenSelected td {
        background-color : #e0e0ff;
		  border-color : #778899;
}

.oddSelected, .oddSelected td {
        background-color : #e0e0ff;
		  border-color : #778899;

}


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


.evenGrayed, .evenGrayed td {
        background-color : #f0f0f0;
        color : #909090;
		  border-color : #88b0f0;
}

.oddGrayed {
        color : #909090;
}

.even, .even td {
		  border-color : #c0c0c0;
        background-color : #f0f0f0;
}

.odd, .odd td {
		  border-color : #c0c0c0;
}

.evenUnread, .evenUnread td {
        background-color : #f0f0f0;
        font-weight : bold;
		  border-color : #c0c0c0;
}

.oddUnread, .oddUnread td {
        font-weight : bold;
        background-color : #f0f0f0;
}

td > input, div > input {
	border : 1px solid #a0a0a0;
}

/* preferences */

tr.title td {
	border-width : 0px 0px 1px 0px;
	border-color : #f0f0f0;
	border-style : solid;
	font-size : small;
	color : gray;
}

tr.title td a {
	color : gray;
}

tr.title td a:hover {
	color : #5050aa;
}

div.prefFeedCatHolder {
	border : 1px solid #c0c0c0;
}

table.prefFeedList td.feedEditCat {
	font-size : large;
	border-color : #c0c0c0;
}

table.prefFilterList td.filterEditCat {
	font-size : large;
	border-color : #c0c0c0;
}

table.prefFeedList td.feedIcon {
	text-align : center;
}

table.prefFeedList td.feedSelect {
	text-align : center;
}

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

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

#userDlg {
	padding : 15px;
	border : 1px solid #c0c0c0;
	font-size : small;
	position : relative;
	bottom : 2px;
	right : 2px;
	background-color : white;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;
}

#qafInput {
	width : 300px;
}

#infoBoxTitle {
	border-color : #c0c0c0;
	background-color : #c0c0c0;
	color : white;
}


#infoBox {
	border-color : #c0c0c0;
	font-size : small;
	background : white;
}

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

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

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

div.prefsTab {
	border-width : 1px 1px 0px 1px;
	border-color : #c0c0c0;
	border-style : solid;
	font-size : small;
	position : relative;
	bottom : 0px;
	border-collapse : collapse;
	-moz-border-radius : 3px;
	min-width : 100px;
	text-align : center;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x;

}

div.prefsTabSelected {
	float : left;
	border-width : 1px 1px 0px 1px;
	border-color : #c0c0c0;
	border-style : solid;
	margin : 0px 0px 0px 5px;
	padding : 3px 5px 3px 5px;
	font-size : small;
	position : relative;
	bottom : 0px;
	border-collapse : collapse;
	-moz-border-radius : 3px;
	font-weight : bold;
	min-width : 100px;
	text-align : center;
	background : #f0f0f0;
}

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

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

input.prefsTab:hover {
	background : white;
}

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

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

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

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

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

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

span.insensitive {
	color : gray;
}

.prefGenericAddBox {
	margin : 5px;
	font-size : small;
}

.prefGenericAddBox td {
	font-size : small;
}

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 : x-small;
}

table.innerFeedTable td {
	margin : 0px;
	padding : 0px;
}

td.selectPrompt {
	font-size : x-small;
	color : gray;
}

table.headlinesSubToolbar td {
	color : gray;
}

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

span.contentPreview:hover {
	color : #5050aa;
}

table.headlinesList td.hlMarkedPic {
	width : 25px;
	text-align : center;
}

table.headlinesList td.hlfeed {
	text-align : right;
	font-size : small;
}

td.hlSelectRow, td.hlUpdatePic {
	width : 25px;
	text-align : center;
}

table.headlinesList td.hlUpdated {
	font-size : small;
	color : gray;
	text-align : right;
	width : 100px;
}

table.headlinesList tr td {
	padding : 2px 0px 2px 0px;
}

div.postHeader td.postDate {
	font-size : x-small;
	text-align : right;
	color : gray;
}

div.postHeader td.postDateRTL {
	font-size : x-small;
	text-align : left;
	color : gray;
}

#feedUpdateErrors {
	display : none;
}

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

/*td.hlContent {
	overflow : hidden;
	height : 1em;
	display : block;
} */

td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
	height : 1em;
}

div.cdmArticle {
	border : 1px solid #f0f0f0;
	background-color : #fafafa;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleUnread {
	border : 1px solid #d5f1f4;
	background-color : #fafeff;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleSelected, div.cdmArticleUnreadSelected {
	border : 1px solid #d0d0f6;
	background-color : #eaeaff;
	-moz-border-radius : 5px;
	margin : 10px 10px 0px 10px;
	padding : 10px;
}

div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
	font-weight : bold;
}

div.cdmHeader {
	padding-bottom : 5px;
}

div.cdmFooter {
	font-size : x-small;
	color : gray;
	padding-top : 5px;
}

div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
	margin : 0px;
}

div.cdmHeader, div.cdmHeader a {
	color : gray;
	font-size : x-small;
}

div.cdmHeader a:hover {
	color : #5050aa;
}

div.cdmContent {
}

a.warning {
	color : #f04040;
}

img.closeButton {
	border-width : 0px;
	float : right;
}

span.groupPrompt {
	font-size : x-small;
	color : #505050;
}

ul.userFeedList {
	height : 300px;
	overflow : auto;
	list-style-type : none;
	border-color : #c0c0c0;
}

/* #browseBigFeedList li.oddSelected {
	border : 1px solid #d0d0f6;
	background-color : #eaeaff;
	-moz-border-radius : 5px;
} */

ul.browseFeedList {
	height : 300px;
	overflow : auto;
	list-style-type : none;
	margin : 0px 0px 5px 0px;
	padding : 0px;
	border-color : #c0c0c0;
}

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

span.subscribers {
	color : #808080;
}

div.subscribers {
	color : #808080;
	font-size : x-small;
	float : right;
}

input.feedBrowseCB {
	margin-right : 1em;
}

div.browserDetails {
	margin : 5px 5px 5px 5px;
	display : none;
	padding : 5px;
}

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

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

div.browserFeedInfo {
	font-size : x-small;
	border-color : #c0c0c0;
}

div.browserFeedInfo div.detailsPart {
	margin : 5px 0px 5px 5px;	
}

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

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

/* layout */

#header {
	color : gray;
}

#feeds-holder {
	border-color : #c0c0c0;
}

#toolbar {
	background-image : url("images/vgrad_light.png");
	background-position : bottom left;
	background-repeat : repeat-x;
}

div.headlines_normal {
	border-color : #c0c0c0;
}

div.headlines_cdm {
	border-color : #c0c0c0;
}

#content-frame {
	border-color : #c0c0c0;
}

#prefFooter {
	display : none;
}

#footer {
	position : absolute;
	bottom : 0px;
	height : 20px;
	text-align : center;
	color : gray;
	font-size : x-small;
	background-image : url("images/vgrad_light_rev2.png");
	background-position : top left;
	background-repeat : repeat-x; 
	background-color : white;
	border-color : #c0c0c0;
	right : 0px;
	left : 0px;
	padding : 10px;
}

#headlinesContainer {
	background-color : white;
}

/* preferences layout */

#prefHeader {
	position : static;
	color : gray;
	margin : 10px;
}

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

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

#prefContentOuter {
	background-image : url("images/vgrad_light_rev.png");
	background-position : top left;
	background-repeat : repeat-x;
	border-color : #c0c0c0;
}

#prefContent {
	background-image : url("images/vgrad_light_rev.png");
	background-position : top left;
	background-repeat : repeat-x;

}

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

div.tagCloudContainer {
	border : 1px solid #c0c0c0;
}

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

a.visibleLink {
	color : gray;
}

table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
	color : #5050aa;
}

table.headlinesList tr.feedTitle td , div.cdmFeedTitle {
	background : white;
}

#resize-grabber {
	border-color : #c0c0c0;
	background : url("images/resize_horiz.png") top left;
}
Commit	Line	Data
94834216 AD	1	body {
	2	background : white;
	3	color : black;
	4	margin : 0px;
	5	padding : 0px;
	6	font-family : sans-serif;
	7	}
	8
	9	/* common styles */
	10
94834216 AD	11	div.postReply {
	12	background-image : url("images/vgrad_light_rev.png");
	13	background-position : top left;
	14	background-repeat : repeat-x;
	15	height : 100%;
	16	padding : 10px;
abbe0154	17	margin-left : 1px;
94834216 AD	18	}
	19
	20	div.postReply a {
	21	color : #5050aa;
	22	}
	23
	24	div.postReply a:hover {
	25	color : black;
	26	}
	27
	28	div.postReply div.postHeader {
	29	background : white;
	30	border : 1px solid #c0c0c0;
	31	}
	32
	33	div.postReply > div.postHeader {
	34	padding : 5px;
	35	}
	36
	37	div.postReply div.postContent {
	38	padding : 10px;
	39	}
	40
	41	div.postReply div.postIcon {
	42	float : right;
	43	border : 0px;
	44	margin : 10px 0px 10px 10px;
	45	}
	46
	47	ul.feedList {
	48	list-style-type : none;
	49	margin : 5px;
	50	padding : 0px 0px 0px 10px;
	51	}
	52
	53	ul.feedList li.feedCat {
	54	margin : 0px;
	55	padding : 3px 0px 3px 0px;
	56	color : #707070;
94834216 AD	57	}
94834216 AD	58
4c41e58f	59	ul.feedList li.feedCat span.catTitle {
94834216 AD	60	color : #707070;
	61	}
	62
4c41e58f	63	ul.feedList li.feedCat span.catTitle:hover {
94834216 AD	64	color : #5050aa;
	65	}
	66
	67	ul.feedCatList {
	68	list-style-type : none;
	69	margin : 0px 0px 0px 20px;
	70	padding : 0px;
	71	}
	72
	73	ul.feedCatList li {
	74	margin : 0px;
	75	padding : 0px 0px 0px 0px;
	76	color : black;
	77	}
	78
	79	ul.feedList li {
	80	margin : 0px;
	81	}
	82
94834216 AD	83	ul.feedlist li.feedUnread,
	84	ul.feedlist li.errorUnread,
	85	ul.feedlist li.labelUnread,
	86	ul.feedlist li.virtUnread,
	87	ul.feedlist li.tagUnread {
	88	font-weight : bold;
	89	}
	90
	91	ul.feedlist li.errorSelected a,
	92	ul.feedlist li.error a,
	93	ul.feedlist li.errorUnread a,
	94	ul.feedlist li.errorUnreadSelected a {
	95	color : #f04040;
	96	}
	97
	98	ul.feedlist li.feedSelected a,
	99	ul.feedlist li.labelSelected a,
	100	ul.feedlist li.virtSelected a,
	101	ul.feedlist li.tagSelected a {
	102	color : #5050aa;
	103	}
	104
	105	ul.feedlist li.feedUnreadSelected a,
	106	ul.feedlist li.labelUnreadSelected a,
	107	ul.feedlist li.virtUnreadSelected a,
	108	ul.feedlist li.tagUnreadSelected a {
	109	color : #5050aa;
	110	}
	111
	112	ul.feedlist li.feedUnreadSelected,
	113	ul.feedlist li.errorUnreadSelected,
	114	ul.feedlist li.labelUnreadSelected,
	115	ul.feedlist li.virtUnreadSelected,
	116	ul.feedlist li.tagUnreadSelected {
	117	font-weight : bold;
	118	}
	119
	120	ul.feedList li.feed {
	121	display : block;
	122	}
	123
	124	ul.feedList img, img.tinyFeedIcon {
	125	margin : 0px 3px 0px 0px;
	126	width : 16px;
	127	height : 16px;
	128	border-width : 0px;
	129	}
	130
	131	h1 {
	132	font-size : 16pt;
	133	}
	134
	135	h2 {
	136	font-size : 14pt;
	137	font-weight : bold;
	138	border-width : 0px 0px 1px 0px;
	139	border-style : solid;
	140	border-color : #e0e0e0;
	141	}
	142
	143	h3 {
	144	font-size : 12pt;
	145	font-weight : bold;
	146	border-width : 0px 0px 1px 0px;
147	border-style : solid;
148	border-color : #e0e0e0;
149	}
150
151	hr {
152	border-width : 0px 0px 1px 0px;
153	border-style : dashed;
154	border-color : #e0e0e0;
155	}
156
157	a {
158	color : black;
159	text-decoration : none;
160	}
161
162	a:hover {
163	color : #5050aa;
164	}
165
94834216 AD	166	#notify {
	167	color : black;
	168	font-weight : bold;
	169	padding : 3px;
	170	}
	171
	172	#dispSwitch {
	173	padding : 5px 5px 5px 0px;
	174	font-size : x-small;
	175	text-align : right;
	176	}
	177
	178	#dispSwitch a {
	179	color : gray;
	180	}
	181
	182	#dispSwitch a:hover {
	183	color : #5050aa;
	184	}
	185
94834216 AD	186	iframe {
	187	border : 0px solid white;
	188	}
	189
	190	iframe.feedsFrameWithActions {
	191	width : 100%;
	192	height : 90%;
	193	margin : 0px;
	194	padding : 0px;
	195	}
	196
	197	iframe.feedsFrame {
	198	width : 100%;
	199	height : 100%;
	200	margin : 0px;
	201	padding : 0px;
	202	}
	203
	204	iframe.contentFrame, iframe.headlinesFrame {
	205	width : 100%;
	206	padding : 0px;
	207	margin : 0px;
	208	height : 100%;
	209	}
	210
e89e4da6	211	button {
94834216 AD	212	border : 1px solid #d0d0d0;
	213	background-image : url("images/button.png");
	214	background-position : top;
	215	background-repeat : repeat-x;
	216	background-color : white;
94834216 AD	217	}
94834216 AD	218
e89e4da6	219	button:hover {
94834216 AD	220	background : white;
	221	text-decoration : none;
	222	color : black;
	223	}
	224
	225	a.button {
	226	padding : 2px 5px 2px 5px;
	227	font-size : small;
	228	}
	229
08125733 AD	230	.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
08125733 AD	231	.evenSelectedUnread td {
38f77f32	232	background-color : #e0e0ff;
08125733	233	font-weight : bold;
38f77f32	234	border-color : #778899;
94834216 AD	235	}
94834216 AD	236
08125733 AD	237	.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
	238	.oddSelectedUnread td {
	239	background-color : #e0e0ff;
	240	font-weight : bold;
bbf67395 AD	241	border-color : #778899;
bbf67395 AD	242
94834216 AD	243	}
94834216 AD	244
08125733 AD	245	.evenSelected, .evenSelected td {
08125733 AD	246	background-color : #e0e0ff;
08125733	247	border-color : #778899;
94834216 AD	248	}
94834216 AD	249
bbf67395	250	.oddSelected, .oddSelected td {
08125733	251	background-color : #e0e0ff;
bbf67395 AD	252	border-color : #778899;
bbf67395 AD	253
08125733	254	}
94834216	255
94834216 AD	256
	257	.disabledButton {
	258	border : 1px solid #c0c0c0;
	259	background-color : white;
	260	color : gray;
	261	}
	262
94834216	263
08125733 AD	264	.evenGrayed, .evenGrayed td {
	265	background-color : #f0f0f0;
	266	color : #909090;
08125733	267	border-color : #88b0f0;
94834216 AD	268	}
94834216 AD	269
08125733 AD	270	.oddGrayed {
08125733 AD	271	color : #909090;
94834216 AD	272	}
94834216 AD	273
08125733	274	.even, .even td {
08125733 AD	275	border-color : #c0c0c0;
08125733 AD	276	background-color : #f0f0f0;
94834216 AD	277	}
94834216 AD	278
bbf67395 AD	279	.odd, .odd td {
	280	border-color : #c0c0c0;
	281	}
	282
08125733 AD	283	.evenUnread, .evenUnread td {
	284	background-color : #f0f0f0;
	285	font-weight : bold;
08125733	286	border-color : #c0c0c0;
94834216 AD	287	}
94834216 AD	288
08125733 AD	289	.oddUnread, .oddUnread td {
08125733 AD	290	font-weight : bold;
bbf67395	291	background-color : #f0f0f0;
94834216 AD	292	}
	293
	294	td > input, div > input {
	295	border : 1px solid #a0a0a0;
	296	}
	297
	298	/* preferences */
	299
	300	tr.title td {
	301	border-width : 0px 0px 1px 0px;
	302	border-color : #f0f0f0;
	303	border-style : solid;
abe4d057	304	font-size : small;
94834216 AD	305	color : gray;
	306	}
	307
	308	tr.title td a {
	309	color : gray;
	310	}
	311
	312	tr.title td a:hover {
	313	color : #5050aa;
	314	}
	315
9c483746 AD	316	div.prefFeedCatHolder {
	317	border : 1px solid #c0c0c0;
	318	}
	319
94834216 AD	320	table.prefFeedList td.feedEditCat {
94834216 AD	321	font-size : large;
7d43b483	322	border-color : #c0c0c0;
94834216 AD	323	}
94834216 AD	324
ff284aa0 AD	325	table.prefFilterList td.filterEditCat {
	326	font-size : large;
	327	border-color : #c0c0c0;
	328	}
	329
94834216 AD	330	table.prefFeedList td.feedIcon {
	331	text-align : center;
	332	}
	333
	334	table.prefFeedList td.feedSelect {
	335	text-align : center;
	336	}
	337
	338	a.helpLink {
	339	color : #808080;
	340	}
	341
	342	a.helpLink:hover {
	343	color : #5050aa;
	344	}
	345
	346	div.helpResponse {
	347	margin : 10px;
	348	background-image : url("images/vgrad_light_rev2.png");
	349	background-position : top left;
	350	background-repeat : repeat-x;
	351	padding : 10px 20px 10px 20px;
	352	border : 1px solid #f0f0f0;
	353	}
	354
	355	#userDlgShadow {
	356	z-index : 3;
	357	position : absolute;
	358	left : 30%;
	359	top : 30%;
	360	display : none;
	361	background-image : url("images/shadow.png");
	362	}
	363
	364	#userDlg {
	365	padding : 15px;
	366	border : 1px solid #c0c0c0;
	367	font-size : small;
	368	position : relative;
	369	bottom : 2px;
	370	right : 2px;
	371	background-color : white;
	372	background-image : url("images/vgrad_light_rev2.png");
	373	background-position : top left;
	374	background-repeat : repeat-x;
	375	}
	376
	377	#qafInput {
	378	width : 300px;
	379	}
	380
e5d758e3	381	#infoBoxTitle {
e5d758e3 AD	382	border-color : #c0c0c0;
e5d758e3 AD	383	background-color : #c0c0c0;
e5d758e3 AD	384	color : white;
	385	}
	386
94834216 AD	387
94834216 AD	388	#infoBox {
bbf67395	389	border-color : #c0c0c0;
94834216	390	font-size : small;
5a9aebec	391	background : white;
94834216 AD	392	}
94834216 AD	393
2f3d91c5	394	/*#infoBoxShadow {
94834216 AD	395	background-image : url("images/shadow.png");
	396	position : absolute;
	397	width : 30%;
	398	left : 35%;
	399	top : 30%;
	400	z-index : 3;
	401	display : none;
2f3d91c5	402	}*/
94834216 AD	403
	404	div.infoBoxContents {
	405	background-image : url("images/vgrad_light_rev2.png");
	406	background-position : top left;
	407	background-repeat : repeat-x;
94834216 AD	408	}
94834216 AD	409
94834216 AD	410	div.helpResponse h1, div.infoBoxContents h1 {
	411	border-width : 0px 0px 1px 0px;
	412	border-style : solid;
	413	border-color : #c0c0c0;
	414	font-size : 16pt;
	415	}
	416
	417	div.helpResponse h2, div.infoBoxContents h2 {
	418	border-width : 0px 0px 0px 0px;
	419	font-size : 12pt;
	420	}
	421
656f4b6c AD	422	div.prefsTab {
	423	border-width : 1px 1px 0px 1px;
	424	border-color : #c0c0c0;
	425	border-style : solid;
	426	font-size : small;
	427	position : relative;
	428	bottom : 0px;
	429	border-collapse : collapse;
	430	-moz-border-radius : 3px;
	431	min-width : 100px;
	432	text-align : center;
	433	background-image : url("images/vgrad_light_rev2.png");
	434	background-position : top left;
	435	background-repeat : repeat-x;
	436
	437	}
	438
	439	div.prefsTabSelected {
	440	float : left;
	441	border-width : 1px 1px 0px 1px;
	442	border-color : #c0c0c0;
	443	border-style : solid;
	444	margin : 0px 0px 0px 5px;
	445	padding : 3px 5px 3px 5px;
	446	font-size : small;
	447	position : relative;
	448	bottom : 0px;
	449	border-collapse : collapse;
	450	-moz-border-radius : 3px;
	451	font-weight : bold;
	452	min-width : 100px;
	453	text-align : center;
bbf67395	454	background : #f0f0f0;
94834216 AD	455	}
	456
	457	input.prefsTab {
	458	border-width : 1px 1px 0px 1px;
	459	border-color : #c0c0c0;
	460	padding : 2px 7px 2px 7px;
	461	margin : 0px 1px 0px 0px;
	462	width : 130px;
	463	background-image : url("images/vgrad_light_rev2.png");
	464	background-position : top left;
	465	background-repeat : repeat-x;
	466	-moz-border-radius : 7px 7px 0px 0px;
	467	font-size : small;
	468	}
	469
	470	input.prefsTabSelected {
	471	border-width : 1px 1px 0px 1px;
	472	border-color : #c0c0c0;
	473	padding : 2px 7px 2px 7px;
	474	margin : 0px 1px 0px 0px;
	475	width : 130px;
	476	background : white;
	477	font-weight : bold;
	478	background-position : top left;
	479	background-repeat : repeat-x;
	480	-moz-border-radius : 7px 7px 0px 0px;
	481	font-size : small;
	482	color : black;
	483	}
	484
94834216 AD	485	input.prefsTab:hover {
	486	background : white;
	487	}
	488
	489	div.warning {
	490	background : #fffff0;
	491	border : 1px solid #c0c0c0;
	492	padding : 5px;
	493	margin : 5px;
3f59e8cd	494	font-size : small;
94834216 AD	495	}
	496
	497	div.notice {
	498	background : #ffffff;
	499	border : 1px solid #c0c0c0;
	500	padding : 5px;
	501	margin : 5px;
3f59e8cd	502	font-size : small;
94834216 AD	503	}
	504
	505	ul.nomarks {
	506	list-style-type : none;
	507	margin : 0px;
	508	padding : 10px;
	509	}
	510
	511	div.bigErrorMsg {
	512	border : 1px solid #c0c0c0;
	513	background : #fff0f0;
	514	padding : 30px;
	515	margin : 20px;
	516	}
	517
	518	div.prefHelp, td.prefHelp {
	519	font-size : x-small;
	520	color : gray;
	521	padding : 5px;
	522	}
	523
94834216 AD	524	table.loginForm {
	525	background-image : url("images/vgrad_light_rev.png");
	526	background-color : white;
	527	background-position : top left;
	528	background-repeat : repeat-x;
	529	}
	530
	531	table.innerLoginForm {
	532	border : 1px solid #f0f0f0;
	533	padding : 50px;
	534	background-color : white;
	535	}
	536
	537	table.innerLoginForm td {
	538	padding : 3px 3px 5px 3px;
	539	}
	540
	541	span.insensitive {
	542	color : gray;
	543	}
	544
	545	.prefGenericAddBox {
	546	margin : 5px;
	547	font-size : small;
	548	}
	549
	550	.prefGenericAddBox td {
	551	font-size : small;
	552	}
	553
	554	body.logoutBody {
	555	background-color : #f0f0f0;
	556	color : black;
	557	}
	558
	559	span.logoutWarning {
	560	color : red;
	561	font-weight : bold;
	562	}
	563
	564	div.logoutContent {
	565	width : 600px;
	566	border : 1px solid #c0c0c0;
	567	background-color : white;
	568	margin-left : auto;
	569	margin-right : auto;
	570	margin-top : 20px;
	571	padding : 10px;
	572	}
	573
	574	.small {
	575	font-size : x-small;
	576	}
	577
	578	table.innerFeedTable td {
	579	margin : 0px;
	580	padding : 0px;
	581	}
	582
	583	td.selectPrompt {
	584	font-size : x-small;
	585	color : gray;
	586	}
	587
1acbedc6	588	table.headlinesSubToolbar td {
94834216	589	color : gray;
94834216 AD	590	}
	591
	592	span.contentPreview {
	593	font-size : x-small;
	594	color : gray;
	595	font-weight : normal;
	596	}
	597
	598	span.contentPreview:hover {
	599	color : #5050aa;
	600	}
	601
	602	table.headlinesList td.hlMarkedPic {
	603	width : 25px;
	604	text-align : center;
	605	}
	606
	607	table.headlinesList td.hlfeed {
	608	text-align : right;
	609	font-size : small;
	610	}
	611
	612	td.hlSelectRow, td.hlUpdatePic {
	613	width : 25px;
	614	text-align : center;
	615	}
	616
	617	table.headlinesList td.hlUpdated {
	618	font-size : small;
	619	color : gray;
	620	text-align : right;
	621	width : 100px;
	622	}
	623
	624	table.headlinesList tr td {
	625	padding : 2px 0px 2px 0px;
	626	}
	627
94834216 AD	628	div.postHeader td.postDate {
	629	font-size : x-small;
	630	text-align : right;
	631	color : gray;
	632	}
	633
	634	div.postHeader td.postDateRTL {
	635	font-size : x-small;
	636	text-align : left;
	637	color : gray;
	638	}
	639
	640	#feedUpdateErrors {
	641	display : none;
	642	}
	643
	644	#allEntryTags {
	645	font-size : x-small;
	646	border-width : 0px 0px 1px 0px;
	647	border-style : solid;
	648	border-color : #c0c0c0;
	649	padding-bottom : 5px;
	650	display : none;
	651	}
	652
	653	/*td.hlContent {
	654	overflow : hidden;
	655	height : 1em;
	656	display : block;
	657	} */
	658
	659	td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
	660	height : 1em;
	661	}
	662
	663	div.cdmArticle {
	664	border : 1px solid #f0f0f0;
	665	background-color : #fafafa;
	666	-moz-border-radius : 5px;
	667	margin : 10px 10px 0px 10px;
	668	padding : 10px;
	669	}
	670
	671	div.cdmArticleUnread {
	672	border : 1px solid #d5f1f4;
	673	background-color : #fafeff;
	674	-moz-border-radius : 5px;
	675	margin : 10px 10px 0px 10px;
	676	padding : 10px;
	677	}
	678
	679	div.cdmArticleSelected, div.cdmArticleUnreadSelected {
	680	border : 1px solid #d0d0f6;
	681	background-color : #eaeaff;
	682	-moz-border-radius : 5px;
	683	margin : 10px 10px 0px 10px;
	684	padding : 10px;
	685	}
	686
	687	div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
	688	font-weight : bold;
	689	}
	690
	691	div.cdmHeader {
692	padding-bottom : 5px;
693	}
694
695	div.cdmFooter {
696	font-size : x-small;
697	color : gray;
698	padding-top : 5px;
699	}
700
701	div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
702	margin : 0px;
703	}
704
705	div.cdmHeader, div.cdmHeader a {
706	color : gray;
707	font-size : x-small;
708	}
709
710	div.cdmHeader a:hover {
711	color : #5050aa;
712	}
713
714	div.cdmContent {
715	}
716
717	a.warning {
718	color : #f04040;
719	}
720
721	img.closeButton {
722	border-width : 0px;
723	float : right;
724	}
725
726	span.groupPrompt {
727	font-size : x-small;
728	color : #505050;
729	}
730
731	ul.userFeedList {
732	height : 300px;
733	overflow : auto;
734	list-style-type : none;
08125733	735	border-color : #c0c0c0;
94834216 AD	736	}
	737
	738	/* #browseBigFeedList li.oddSelected {
	739	border : 1px solid #d0d0f6;
	740	background-color : #eaeaff;
	741	-moz-border-radius : 5px;
	742	} */
	743
	744	ul.browseFeedList {
	745	height : 300px;
	746	overflow : auto;
	747	list-style-type : none;
	748	margin : 0px 0px 5px 0px;
	749	padding : 0px;
08125733	750	border-color : #c0c0c0;
94834216 AD	751	}
	752
	753	ul.browseFeedList li {
	754	margin : 0px;
	755	padding : 0px;
	756	}
	757
	758	span.subscribers {
	759	color : #808080;
	760	}
	761
	762	div.subscribers {
	763	color : #808080;
	764	font-size : x-small;
	765	float : right;
	766	}
	767
	768	input.feedBrowseCB {
	769	margin-right : 1em;
	770	}
	771
	772	div.browserDetails {
	773	margin : 5px 5px 5px 5px;
	774	display : none;
	775	padding : 5px;
	776	}
	777
	778	ul.compact {
	779	list-style-type : none;
	780	margin : 0px;
	781	padding : 0px;
	782	}
	783
	784	ul.compact li {
	785	margin : 0px;
	786	padding : 0px;
	787	}
	788
	789	div.browserFeedInfo {
	790	font-size : x-small;
08125733	791	border-color : #c0c0c0;
94834216 AD	792	}
	793
	794	div.browserFeedInfo div.detailsPart {
	795	margin : 5px 0px 5px 5px;
	796	}
	797
	798	div.cdmContent a {
	799	color : #5050aa;
	800	}
	801
	802	div.cdmContent a:hover {
	803	color : black;
	804	}
	805
abbe0154 AD	806	/* layout */
	807
	808	#header {
abbe0154	809	color : gray;
abbe0154 AD	810	}
	811
	812	#feeds-holder {
abbe0154	813	border-color : #c0c0c0;
abbe0154 AD	814	}
	815
	816	#toolbar {
abbe0154 AD	817	background-image : url("images/vgrad_light.png");
	818	background-position : bottom left;
	819	background-repeat : repeat-x;
abbe0154 AD	820	}
	821
	822	div.headlines_normal {
abbe0154	823	border-color : #c0c0c0;
abbe0154 AD	824	}
	825
	826	div.headlines_cdm {
abbe0154	827	border-color : #c0c0c0;
abbe0154 AD	828	}
	829
	830	#content-frame {
abbe0154	831	border-color : #c0c0c0;
abbe0154 AD	832	}
abbe0154 AD	833
f4fb82c5 AD	834	#prefFooter {
	835	display : none;
	836	}
	837
abbe0154 AD	838	#footer {
	839	position : absolute;
	840	bottom : 0px;
ff284aa0	841	height : 20px;
abbe0154 AD	842	text-align : center;
	843	color : gray;
	844	font-size : x-small;
	845	background-image : url("images/vgrad_light_rev2.png");
	846	background-position : top left;
	847	background-repeat : repeat-x;
	848	background-color : white;
7d43b483	849	border-color : #c0c0c0;
abbe0154 AD	850	right : 0px;
	851	left : 0px;
	852	padding : 10px;
	853	}
	854
	855	#headlinesContainer {
abbe0154 AD	856	background-color : white;
abbe0154 AD	857	}
3f59e8cd AD	858
	859	/* preferences layout */
	860
	861	#prefHeader {
6a244e6e	862	position : static;
3f59e8cd	863	color : gray;
6a244e6e	864	margin : 10px;
3f59e8cd AD	865	}
3f59e8cd AD	866
656f4b6c	867	div.return a {
3f59e8cd AD	868	color : #5050aa;
	869	}
	870
656f4b6c	871	div.return a:hover {
3f59e8cd AD	872	color : black;
	873	}
	874
bbf67395	875	#prefContentOuter {
3f59e8cd AD	876	background-image : url("images/vgrad_light_rev.png");
	877	background-position : top left;
	878	background-repeat : repeat-x;
656f4b6c	879	border-color : #c0c0c0;
3f59e8cd	880	}
8e4098cf	881
bbf67395 AD	882	#prefContent {
	883	background-image : url("images/vgrad_light_rev.png");
	884	background-position : top left;
	885	background-repeat : repeat-x;
	886
	887	}
8e4098cf AD	888
	889	div.topLinks a {
	890	color : #5050aa;
	891	}
	892
	893	div.tagCloudContainer {
	894	border : 1px solid #c0c0c0;
	895	}
	896
	897	div.infoBoxContents a {
	898	color : #5050aa;
	899	}
	900
e635d56a AD	901	a.visibleLink {
	902	color : gray;
	903	}
1acbedc6 AD	904
	905	table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
	906	color : #5050aa;
	907	}
	908
bbf67395 AD	909	table.headlinesList tr.feedTitle td , div.cdmFeedTitle {
	910	background : white;
	911	}
	912
228e167b AD	913	#resize-grabber {
228e167b AD	914	border-color : #c0c0c0;
17042fc0	915	background : url("images/resize_horiz.png") top left;
228e167b AD	916	}
228e167b AD	917