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 {
- 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;
+blockquote {
+ margin : 5px;
+ border-width : 0px 0px 0px 4px;
+ border-color : #f0f0f0;
border-style : solid;
- border-color : #c0c0c0;
- padding : 20px;
+ padding : 2px 0px 2px 5px;
}
div.postReply {
- background-image : url("images/vgrad_light_rev.png");
- background-position : top left;
- background-repeat : repeat-x;
- height : 100%;
padding : 10px;
+ font-size : medium;
}
div.postReply a {
- color : #5050aa;
+ color : #4684ff;
}
div.postReply a:hover {
}
div.postReply div.postHeader {
- background : white;
- border : 1px solid #c0c0c0;
+ background : #ecf4ff;
+ border : 1px solid #88b0f0;
}
div.postReply > div.postHeader {
ul.feedList {
list-style-type : none;
margin : 5px;
- padding : 0px 0px 0px 10px;
+ padding : 0px 0px 0px 5px;
+ font-size : small;
+ white-space : nowrap;
}
ul.feedList li.feedCat {
margin : 0px;
padding : 3px 0px 3px 0px;
color : #707070;
- font-size : x-small;
+ font-size : small;
}
ul.feedList li.feedCat a {
}
ul.feedList li.feedCat a:hover {
- color : #5050aa;
+ color : #4684ff;
}
ul.feedCatList {
list-style-type : none;
- margin : 0px 0px 0px 20px;
- padding : 0px;
+ margin : 0px 0px 0px 15px;
+ padding : 0px;
}
ul.feedCatList li {
ul.feedList li {
margin : 0px;
+ font-size : small;
}
-/*
-li.oddSelected, li.evenSelected {
- background-color : white;
-}
-
-li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
- li.oddSelectedUnread {
- background-color : white;
- font-weight : bold;
-}
-
-li.oddSelected a, li.evenSelected a,
- li.oddUnreadSelected a, li.evenUnreadSelected a {
- color : #5050aa;
-}
-
-ul.feedlist
- li.virtSelected,
- li.virtUnreadSelected,
- li.virtSelectedUnread,
- li.feedSelected,
- li.labelSelected,
- li.feedUnreadSelected,
- li.labelUnreadSelected,
- li.feedSelectedUnread,
- li.labelSelectedUnread {
- background-color : white;
-}
-
-ul.feedlist
- li.feedSelected a,
- li.labelSelected a,
- li.feedUnreadSelected a,
- li.labelUnreadSelected a,
- li.virtSelected a,
- li.virtUnreadSelected a,
- li.virtSelectedUnread a {
- color : #5050aa;
-} */
-
-ul.feedlist li.feedUnread,
-ul.feedlist li.errorUnread,
-ul.feedlist li.labelUnread,
-ul.feedlist li.virtUnread,
-ul.feedlist li.tagUnread {
+li.feedUnread,
+li.errorUnread,
+li.labelUnread,
+li.virtUnread,
+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 {
+li.errorSelected a,
+li.error a,
+li.errorUnread a,
+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;
+li.feedSelected a,
+li.labelSelected a,
+li.virtSelected a,
+li.tagSelected a {
+ color : #4684ff;
}
-ul.feedlist li.feedUnreadSelected a,
-ul.feedlist li.labelUnreadSelected a,
-ul.feedlist li.virtUnreadSelected a,
-ul.feedlist li.tagUnreadSelected a {
- color : #5050aa;
+li.feedUnreadSelected a,
+li.labelUnreadSelected a,
+li.virtUnreadSelected a,
+li.tagUnreadSelected a {
+ color : #4684ff;
}
-ul.feedlist li.feedUnreadSelected,
-ul.feedlist li.errorUnreadSelected,
-ul.feedlist li.labelUnreadSelected,
-ul.feedlist li.virtUnreadSelected,
-ul.feedlist li.tagUnreadSelected {
+li.feedUnreadSelected,
+li.errorUnreadSelected,
+li.labelUnreadSelected,
+li.virtUnreadSelected,
+li.tagUnreadSelected {
font-weight : bold;
}
-ul.feedList li.feed {
+li.feed {
display : block;
}
}
h1 {
- font-size : 16pt;
+ font-size : 16pt;
}
h2 {
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-style : solid;
- border-color : #e0e0e0;
+ border-color : #ecf4ff;
}
h3 {
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-style : solid;
- border-color : #e0e0e0;
+ border-color : #ecf4ff;
}
hr {
}
a:hover {
- color : #5050aa;
+ color : #4684ff;
}
#piggie {
top : -400;
background-color : white;
display : none;
- z-index : 3;
- background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
+ z-index : 999;
+ background-image : url("images/piggie.png");
background-position : center center;
background-repeat : no-repeat;
position : absolute;
- border : 1px solid pink;
+ border : 1px solid pink;
margin-left : auto;
margin-right : auto;
-moz-border-radius : 10px;
#iedit_parent_feed {
width : 100%;
padding-left : 2px;
+ background-color : #f0fff0;
+}
+
+textarea.iedit {
+ width : 100%;
+}
+
+input.iedit {
+ width : 100%;
+ padding-left : 2px;
+}
+
+select.iedit {
+ width : 100%;
}
input.editbox {
padding-left : 2px;
}
-td.notifyBox {
- font-size : 10pt;
- text-align : right;
+#notify {
+ border-width : 1px;
+ border-style : solid;
+ top : 10px;
+ right : 35%;
+ min-width : 30%;
+ position : absolute;
+ display : none;
+ float : right;
+ font-size : small;
+ text-align : center;
+ z-index : 999;
+ -moz-border-radius : 2px;
+ padding : 5px 5px 5px 5px;
}
-#notify {
+.notify {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
+ color : black;
+}
+
+.notifyError {
+ background-color : #ffcccc;
+ border-color : #ff0000;
color : black;
- font-weight : bold;
- padding : 3px;
}
#dispSwitch {
- padding : 5px 5px 5px 0px;
font-size : x-small;
text-align : right;
+ float : right;
+ margin : 5px 5px 0px 0px;
}
#dispSwitch a {
}
#dispSwitch a:hover {
- color : #5050aa;
+ color : #4684ff;
}
div.expPane {
height : 100%;
}
-.button {
+/*.button {
border : 1px solid #d0d0d0;
background-image : url("images/button.png");
background-position : top;
background-repeat : repeat-x;
background-color : white;
- color : black;
+ color : black;
}
.button:hover {
color : black;
}
+.disabledButton {
+ border : 1px solid #c0c0c0;
+ background-color : white;
+ color : gray;
+}
+
a.button {
padding : 2px 5px 2px 5px;
font-size : small;
-}
+} */
-.evenUnreadSelected, .evenSelectedUnread {
- background-color : #e0e0ff;
+.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 {
- background-color : #e0e0ff;
+.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
+ .oddSelectedUnread td {
+ background-color : #fff7d5;
font-weight : bold;
}
-.evenSelected, .oddSelected {
- background-color : #e0e0ff;
+.evenSelected, .evenSelected td {
+ background-color : #fff7d5;
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e7d796;
}
-
-/*
-.feedUnreadSelected, .feedSelectedUnread,
-.virtUnreadSelected, .virtSelectedUnread,
-.labelUnreadSelected, .labelSelectedUnread {
- background-color : #e0e0ff;
- font-weight : bold;
-} */
-
-.disabledButton {
- border : 1px solid #c0c0c0;
- background-color : white;
- color : gray;
+.oddSelected, .evenSelected td {
+ background-color : #fff7d5;
}
-.evenGrayed {
+.evenGrayed, .evenGrayed td {
background-color : #f0f0f0;
color : #909090;
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
}
.oddGrayed {
color : #909090;
}
-.even {
+.even, .even td {
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
background-color : #f0f0f0;
}
-.evenUnread {
+.evenUnread, .evenUnread td {
background-color : #f0f0f0;
font-weight : bold;
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
}
-.oddUnread {
+.oddUnread, .oddUnread td {
font-weight : bold;
}
display : none;
}
-td > input, div > input {
- border : 1px solid #a0a0a0;
-}
-
/* preferences */
tr.title td {
border-width : 0px 0px 1px 0px;
- border-color : #f0f0f0;
+ border-color : #ecf4ff;
border-style : solid;
- font-size : x-small;
- color : gray;
+ font-size : small;
+ color : #4684ff;
}
tr.title td a {
- color : gray;
+ color : #4684ff;
}
tr.title td a:hover {
- color : #5050aa;
+ color : black;
+}
+
+div.feedEditSearch {
+ float : right;
}
table.prefFeedList td.feedEditCat {
- font-size : large;
font-weight : bold;
- padding : 5px 0px 5px 0px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ padding-top : 0.5em;
}
table.prefFeedList td.feedIcon {
}
a.helpLink:hover {
- color : #5050aa;
+ color : #4684ff;
}
div.helpResponse {
border : 1px solid #f0f0f0;
}
-#userDlgShadow {
- z-index : 3;
- position : absolute;
- left : 30%;
- top : 30%;
- display : none;
- background-image : url("images/shadow.png");
+#infoBoxTitle {
+ border-width : 1px 1px 1px 1px;
+ border-style : solid;
+ border-color : #88b0f0;
+ background-color : #88b0f0;
+ padding : 2px;
+ color : white;
}
-#userDlg {
- padding : 15px;
- border : 1px solid #c0c0c0;
+
+#infoBox {
+ border-width : 1px 1px 1px 1px;
+ border-style : solid;
+ border-color : #88b0f0;
font-size : small;
position : relative;
bottom : 2px;
right : 2px;
- background-color : white;
- background-image : url("images/vgrad_light_rev2.png");
+ padding-bottom : 5px;
+ background-image : url("images/prefs-content.png");
background-position : top left;
background-repeat : repeat-x;
-}
-
-#qafInput {
- width : 300px;
-}
-
-
-#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%;
+ left : 30%;
top : 30%;
+ width : 30%;
z-index : 3;
+ position : absolute;
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;
}
font-size : small;
}
-
div.helpResponse h1, div.infoBoxContents h1 {
- border-width : 0px 0px 1px 0px;
+/* border-width : 0px 0px 1px 0px;
border-style : solid;
- border-color : #c0c0c0;
+ border-color : #c0c0c0; */
font-size : 16pt;
}
div.helpResponse h2, div.infoBoxContents h2 {
- border-width : 0px 0px 0px 0px;
+/* border-width : 0px 0px 0px 0px; */
font-size : 12pt;
}
-/* pre {
- border : 1px solid #c0c0c0;
- padding : 5px;
- background : #f0f0f0;
- margin : 5px 10px 5px 10px;
-} */
-
pre {
margin : 5px;
}
input.extSearch {
- width : 200px;
+ width : 100%;
}
-table.main td.prefsTabs {
- padding-left : 15px;
+div.firstTab {
+ width : 10px;
+ float : left;
}
-input.prefsTab {
- border-width : 1px 1px 0px 1px;
- border-color : #c0c0c0;
- padding : 2px 7px 2px 7px;
- margin : 0px 1px 0px 0px;
- width : 150px;
- background-image : url("images/vgrad_light_rev2.png");
- background-position : top left;
- background-repeat : repeat-x;
- -moz-border-radius : 7px 7px 0px 0px;
+div.prefsTab:hover {
+ cursor : pointer;
}
-input.prefsTabSelected {
- border-width : 1px 1px 0px 1px;
- border-color : #c0c0c0;
- padding : 2px 7px 2px 7px;
- margin : 0px 1px 0px 0px;
- width : 150px;
- background : white;
- font-weight : bold;
- background-position : top left;
- background-repeat : repeat-x;
- -moz-border-radius : 7px 7px 0px 0px;
+div.prefsTabSelected:hover {
+ cursor : pointer;
}
+div.prefsTab {
+ float : left;
+ border-width : 1px 1px 0px 1px;
+ border-color : #88b0f0;
+ border-style : solid;
+ margin : 0px 0px 0px 5px;
+ padding : 3px 5px 3px 5px;
+ font-size : small;
+ position : relative;
+ bottom : -1px;
+ border-collapse : collapse;
+ -moz-border-radius : 3px;
+ min-width : 100px;
+ text-align : center;
+}
-input.prefsTab:hover {
- background : white;
+div.prefsTabSelected {
+ float : left;
+ border-width : 1px 1px 0px 1px;
+ border-color : #88b0f0;
+ border-style : solid;
+ margin : 0px 0px 0px 5px;
+ padding : 3px 5px 3px 5px;
+ background-color : #ecf4ff;
+ font-size : small;
+ position : relative;
+ bottom : -1px;
+ border-collapse : collapse;
+ -moz-border-radius : 3px;
+ font-weight : bold;
+ min-width : 100px;
+ text-align : center;
}
div.warning {
- background : #fffff0;
- border : 1px solid #c0c0c0;
+ background : #fff7d5;
+ border : 1px solid #d7c47a;
padding : 5px;
- margin : 5px;
- font-size : x-small;
+ margin : 0px 0px 5px 0px;
+ font-size : small;
}
div.notice {
background : #ffffff;
- border : 1px solid #c0c0c0;
+ border : 1px solid #88b0f0;
padding : 5px;
- margin : 5px;
- font-size : x-small;
+ margin : 0px 0px 5px 0px;
+ font-size : small;
}
ul.nomarks {
list-style-type : none;
margin : 0px;
- padding : 10px;
+ padding : 10px;
}
div.bigErrorMsg {
}
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;
+ padding : 5px;
}
table.loginForm {
- background-image : url("images/vgrad_light_rev.png");
- background-color : white;
- background-position : top left;
- background-repeat : repeat-x;
+ background-color : #ecf4ff;
}
table.innerLoginForm {
- border : 1px solid #f0f0f0;
+ border : 1px solid #88b0f0;
padding : 50px;
background-color : white;
}
}
.prefGenericAddBox {
- margin : 5px;
- font-size : small;
-}
-
-.prefGenericAddBox td {
font-size : small;
}
}
.small {
- font-size : x-small;
+ font-size : small;
}
table.innerFeedTable td {
color : gray;
}
+table.headlinesSubToolbar {
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #f0f0f0;
+ position : absolute;
+ left : 1px;
+ top : 0px;
+ height : 25px;
+ right : 0px;
+ background-color : white;
+}
+
table.headlinesSubToolbar td.headlineActions {
font-size : x-small;
color : gray;
- padding : 5px 0px 5px 5px;
+ padding : 0px 5px 0px 5px;
+}
+
+table.headlinesSubToolbar td.headlineActionsRTL {
+ font-size : x-small;
+ color : gray;
+ padding : 0px 5px 0px 5px;
}
table.headlinesSubToolbar td.headlineTitle {
font-size : x-small;
color : gray;
- padding : 5px 5px 5px 0px;
+ padding : 0px 5px 0px 5px;
text-align : right;
}
+table.headlinesSubToolbar td.headlineTitleRTL {
+ font-size : x-small;
+ color : gray;
+ padding : 0px 5px 0px 5px;
+ text-align : left;
+}
+
span.contentPreview {
font-size : x-small;
color : gray;
}
span.contentPreview:hover {
- color : #5050aa;
+ color : #4684ff;
}
table.headlinesList td.hlMarkedPic {
padding : 2px 0px 2px 0px;
}
-/*
-tr.even td.headlineContent, tr.evenUnread td.headlineContent {
- display : block;
- overflow : hidden;
- height : 1em;
- background-color : #f0f0f0;
-}
-
-tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
- display : block;
- overflow : hidden;
- height : 1em;
-}
-
-tr.oddSelected td.headlineContent,
-tr.evenSelected td.headlineContent,
-tr.oddUnreadSelected td.headlineContent,
-tr.evenUnreadSelected td.headlineContent {
- display : block;
- overflow : hidden;
- height : 1em;
- background-color : #e0e0ff;
-} */
-
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;
}
height : 1em;
}
+td.hlFeed {
+ text-align : right;
+}
+
div.cdmArticle {
- border : 1px solid #f0f0f0;
+ border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
background-color : #fafafa;
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
}
div.cdmArticleUnread {
- border : 1px solid #d5f1f4;
+ border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
background-color : #fafeff;
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
}
div.cdmArticleSelected, div.cdmArticleUnreadSelected {
- border : 1px solid #d0d0f6;
- background-color : #eaeaff;
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
+ background-color : #fff7d5;
+ border-color : #e7d796;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
}
-div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
+div.cdmArticleUnread div.cdmHeader a.title,
+div.cdmArticleUnreadSelected div.cdmHeader a.title {
font-weight : bold;
}
}
div.cdmHeader a:hover {
- color : #5050aa;
+ color : #4684ff;
}
div.cdmContent {
+ margin-bottom : 5px;
}
a.warning {
span.groupPrompt {
font-size : x-small;
- color : #505050;
+ color : #4684ff;
}
ul.userFeedList {
height : 300px;
overflow : auto;
list-style-type : none;
+ border : 1px solid #88b0f0;
+ background-color : white;
+ margin : 0px 0px 5px 0px;
+ padding : 0px;
}
/* #browseBigFeedList li.oddSelected {
-moz-border-radius : 5px;
} */
+ul.labelTestResults {
+ height : 100px;
+ overflow : auto;
+ list-style-type : none;
+ margin : 0px 0px 5px 0px;
+ padding : 0px;
+ border : 1px solid #88b0f0;
+ background-color : white;
+}
+
+ul.filterTestResults {
+ height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ margin : 0px 0px 5px 0px;
+ padding : 0px;
+ border : 1px solid #88b0f0;
+ background-color : white;
+}
+
ul.browseFeedList {
height : 300px;
overflow : auto;
list-style-type : none;
margin : 0px 0px 5px 0px;
padding : 0px;
+ border : 1px solid #88b0f0;
+ background-color : white;
}
ul.browseFeedList li {
div.browserFeedInfo {
font-size : x-small;
+/* border : 1px solid #88b0f0;
+ background-color : #ecf4ff;
+ -moz-border-radius : 5px; */
+ padding : 5px;
}
div.browserFeedInfo div.detailsPart {
- margin : 5px 0px 5px 5px;
+ margin : 5px 0px 5px 5px;
}
div.cdmContent a {
- color : #5050aa;
+ color : #4684ff;
}
div.cdmContent a:hover {
color : black;
}
+a.cdmToggleLink {
+ color : #808080;
+ font-size : x-small;
+}
+
+a.cdmToggleLink:hover {
+ color : #4684ff;
+}
+
.noborder {
border-width : 0px;
}
#debug_output {
- width : 300;
- height : 80;
- right : 20;
- bottom : 20;
+ position : absolute;
+ width : 400px;
+ height : 200px;
+ right : 20px;
+ bottom : 20px;
+ z-index : 999;
background-color : white;
display : none;
- z-index : 3;
- position : absolute;
border : 1px solid #c0c0c0;
overflow : auto;
margin : 0px;
padding : 0px;
font-size : x-small;
}
+
+#overlay {
+ background : white;
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 100;
+ position : absolute;
+}
+
+#overlay_inner {
+ font-weight : bold;
+ text-align : center;
+ margin : 10px;
+}
+
+#fatal_error {
+ background : white;
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 200;
+ display : none;
+ position : absolute;
+}
+
+#fatal_error_inner {
+ font-weight : bold;
+ margin : 10px;
+ color : red;
+}
+
+#fatal_error_msg {
+ border : 1px solid #c0c0c0;
+ background-color : #f0f0f0;
+ color : black;
+ padding : 10px;
+ font-weight : normal;
+}
+
+#noDaemonWarning {
+ position : absolute;
+ background-color : #ecf4ff;
+ border : 1px solid #88b0f0;
+ padding : 10px;
+ margin : 5px;
+ z-index : 2;
+ display : none;
+}
+
+#qafInput {
+ width : 100%;
+}
+
+form {
+ margin : 0px;
+ padding : 0px;
+}
+
+#main_toolbar_form {
+ display : inline;
+}
+
+div.feedExtInfo {
+ margin-left : 2em;
+ font-size : 7pt;
+ color : gray;
+ font-weight : normal;
+}
+
+span.debugTS {
+ color : #4684ff;
+}
+
+#backReqBox {
+ display : none;
+}
+
+/*.scriptWarn:before {
+ content : "Disabled script:";
+}*/
+
+.scriptWarn {
+ color : white;
+ background-color : #903030;
+ border : 1px solid #601010;
+ padding : 3px;
+ font-weight : bold;
+}
+
+.objectWarn {
+ color : gray;
+ font-style: italic;
+ text-align : center;
+}
+
+table.loginForm2 {
+ padding : 1em;
+}
+
+table.loginForm2 .loginTop {
+ border-width : 0px 0px 1px 0px;
+ border-color : #88b0f0;
+ border-style : solid;
+ padding : 0.5em;
+}
+
+table.loginForm2 .loginMiddle {
+ padding : 3em;
+}
+
+table.loginForm2 .loginBottom {
+ border-width : 1px 0px 0px 0px;
+ border-color : #88b0f0;
+ border-style : solid;
+ font-size : x-small;
+ text-align : center;
+ color : #909090;
+ padding : 0.5em;
+}
+
+table.loginForm2 .loginBottom a {
+ color : gray;
+}
+
+table.loginForm2 .loginBottom a:hover {
+ color : #4684ff;
+}
+
+table.loginForm2 .loginError {
+ color : red;
+ margin : 0.5em;
+}
+
+table.loginForm2 .innerLoginCell {
+ padding-top : 0.5em;
+}
+
+#milestoneDetails {
+ display : none;
+}
+
+div.loadingPrompt {
+ padding : 1em;
+ text-align : center;
+ font-weight : bold;
+}
+
+div.whiteBox {
+ background-color : white;
+ margin-left : 1px;
+ text-align : center;
+ padding : 1em;
+}
+
+/* layout */
+
+#header {
+ position : absolute;
+ white-space: nowrap;
+ top : 10px;
+ left : 15px;
+ right : 5px;
+ height : 40px;
+ color : #4684ff;
+ font-size : small;
+}
+
+#feeds-holder {
+ border-width : 1px 1px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ top : 50px;
+ left : 0px;
+ position : absolute;
+ width : 260px;
+ overflow : auto;
+ bottom : 40px;
+ border-collapse : collapse;
+ height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
+}
+
+#toolbar {
+ position : absolute;
+ left : 261px;
+ padding : 5px 10px 5px 10px;
+ top : 50px;
+ right : 0px;
+ white-space: nowrap;
+ height : 30px;
+ background-image : url("images/toolbar.png");
+ background-position : bottom left;
+ background-repeat : repeat-x;
+}
+
+div.headlines_normal {
+ position : absolute;
+ border-width : 1px 0px 0px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ left : 260px;
+ height : 305px;
+ top : 85px;
+ right : 0px;
+ overflow : hidden;
+ font-size : small;
+ border-collapse : collapse;
+ /* css hack for IE */
+ width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
+}
+
+div.headlines_cdm {
+ position : absolute;
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ left : 260px;
+ bottom : 40px;
+ top : 85px;
+ right : 0px;
+ overflow : hidden;
+ font-size : small;
+ border-collapse : collapse;
+ width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
+}
+
+#content-frame {
+ position : absolute;
+ border-width : 1px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ overflow : auto;
+ top : 390px;
+ left : 260px;
+ bottom : 40px;
+ right : 0px;
+ border-collapse : collapse;
+ width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
+ height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
+}
+
+#footer, #prefFooter {
+ position : absolute;
+ bottom : 0px;
+ height : 20px;
+ text-align : center;
+ color : gray;
+ font-size : x-small;
+ background-image : url("images/footer.png");
+ background-position : top left;
+ background-repeat : repeat-x;
+ background-color : white;
+ right : 0px;
+ left : 0px;
+ padding : 10px;
+ width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
+ border-collapse : collapse;
+ border-width : 1px 0px 0px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+
+}
+
+#footer a, #prefFooter a {
+ color : gray;
+}
+
+#footer a:hover, #prefFooter a:hover {
+ color : black;
+}
+
+#headlinesContainer {
+ margin-left : 1px;
+ background-color : white;
+}
+
+#headlineActionsTop {
+/* border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
+ background-color : #fafafa; */
+ font-size : x-small;
+}
+
+#headlinesInnerContainer {
+ overflow : auto;
+ position : absolute;
+ left : 1px;
+ right : 0px;
+ bottom : 0px;
+ top : 25px;
+}
+
+/* preferences layout */
+
+#prefHeader {
+ color : #4684ff;
+ font-size : small;
+ margin : 10px;
+ height : 33px;
+}
+
+div.return {
+ float : right;
+ font-size : small;
+ margin-right : 10px;
+}
+
+div.return a {
+ color : #4684ff;
+}
+
+div.return a:hover {
+ color : black;
+}
+
+#prefContent {
+ clear : left;
+ position : absolute;
+ bottom : 40px;
+ top : 75px;
+ left : 0px;
+ right : 0px;
+ padding : 1em;
+ overflow : auto;
+ min-height : 300px;
+ background-image : url("images/prefs-content.png");
+ background-position : top left;
+ background-repeat : repeat-x;
+ font-size : small;
+ border-width : 1px 0px 0px 0px;
+ border-color : #88b0f0;
+ border-style : solid;
+ height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
+ width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
+
+
+}
+
+#userSwitch {
+ position : absolute;
+ bottom : 2px;
+ right : 2px;
+}