[tt-rss.git] / themes / compat / theme.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 : 70px;
}

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 : 290px;
	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, table.main td.prefFooter {
	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.headlines2 {
	height : 100%;
	border-width : 0px 0px 0px 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;
}

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

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

ul.feedList li.feedCat a: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;
	color : black;	
}

.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 : #fff7d5;
        font-weight : bold;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #e7d796;
}

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

.evenSelected, .evenSelected td {
        background-color : #e0e0ff;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #778899;
}

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


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


.evenGrayed, .evenGrayed td {
        background-color : #f0f0f0;
        color : #909090;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #88b0f0;
}

.oddGrayed {
        color : #909090;
}

.even, .even td {
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #c0c0c0;
        background-color : #f0f0f0;
}

.evenUnread, .evenUnread td {
        background-color : #f0f0f0;
        font-weight : bold;
		  border-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #c0c0c0;
}

.oddUnread, .oddUnread td {
        font-weight : bold;
}

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

tr.title td a {
	color : gray;
}

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

table.prefFeedList td.feedEditCat {
	font-size : large;
	font-weight : bold;
	padding : 5px 0px 5px 0px;
}

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-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #c0c0c0;
	background-color : #c0c0c0;
	padding : 2px;
	color : white;
}


#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;
	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;
	padding : 5px;
	margin-bottom : 5px;
}

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

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

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

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

td.welcomePrompt {
	font-size : x-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;
}

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.headlineActions {
	font-size : x-small;
	color : gray;
	padding : 5px 0px 5px 5px;
}

table.headlinesSubToolbar td.headlineActionsRTL {
	font-size : x-small;
	color : gray;
	padding : 5px 5px 5px 0px;
}

table.headlinesSubToolbar td.headlineTitle {
	font-size : x-small;
	color : gray;
	padding : 5px 5px 5px 0px;
	text-align : right;
}

table.headlinesSubToolbar td.headlineTitleRTL {
	font-size : x-small;
	color : gray;
	padding : 5px 0px 5px 5px;
	text-align : left;
}

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;
	background-color : #f0f0f0;
}

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

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

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