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

.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-width : 1px 0px 1px 0px;
		  border-style : solid;
		  border-color : #778899;
}

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

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

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

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

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

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

/* layout */

#header {
	position : absolute;
	top : 10px;
	left : 15px;
	right : 5px;
	height : 40px;
	color : gray;
}

#feeds-holder {
	border-color : #c0c0c0;
	top : 70px;
	left : 0px;
	position : absolute;
	width : 260px;
	bottom : 50px;
}

#toolbar {
	left : 261px;
	padding : 5px 10px 5px 10px;
	top : 70px;
	right : 0px;
	height : 30px;
	background-image : url("images/vgrad_light.png");
	background-position : bottom left;
	background-repeat : repeat-x;
}

div.headlines_normal {
	border-color : #c0c0c0;
	left : 260px;
	height : 280px;
	top : 105px;
	right : 0px;
}

div.headlines_cdm {
	border-color : #c0c0c0;
	left : 260px;
	bottom : 50px;
	top : 105px;
	right : 0px;
}

#content-frame {
	border-color : #c0c0c0;
	overflow : auto;
	top : 390px;
	left : 260px;
	bottom : 50px;
	right : 0px;
}

#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 {
	margin-left : 1px;
	background-color : white;
}

/* preferences layout */

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

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

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

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


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

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

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

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