getRelativeFeedId iterates over hidden categories correctly (2)

[tt-rss.git] / tt-rss.css

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

blockquote {
        margin : 5px;
        border-width : 0px 0px 0px 4px;
        border-color : #f0f0f0;
        border-style : solid;
        padding : 2px 0px 2px 5px;
}

div.postReply {
        padding : 10px;
}

div.postReply a {
        color : #4684ff;
}

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

div.postReply div.postHeader {
        background : #ecf4ff;
        border : 1px solid #88b0f0;
}

div.postReply > div.postHeader {
        padding : 5px;
}

div.postReply div.postContent {
        padding : 10px;
        font-size : 10pt;
}

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 5px;
        font-size : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
}

ul.feedList li.feedCat {
        margin : 0px;
        padding : 3px 0px 3px 0px;
        color : #707070;
        font-size : 9pt;
}

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

ul.feedList li.feedCat a:hover {
        color : #4684ff;
}

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

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

ul.feedList li {
        margin : 0px;
}

ul.feedCatList img {
        vertical-align : bottom;
}

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

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

li.feedSelected a,
li.labelSelected a,
li.virtSelected a,
li.tagSelected a {
        color : #4684ff;
}

li.feedUnreadSelected a,
li.labelUnreadSelected a,
li.virtUnreadSelected a,
li.tagUnreadSelected a {
        color : #4684ff;
}

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

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

h3 {
        font-size : 12pt;
        font-weight : bold;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #ecf4ff;
}

hr {
        border-width : 0px 0px 1px 0px;
        border-style : dashed;
        border-color : #e0e0e0;
}

a {
        color : black;
        text-decoration : none;
}

a:hover {
        color : #4684ff;
}

#piggie {
        width : 400;
        height : 400;
        right : 0;
        top : -400;
        background-color : white;
        display : none;
        z-index : 999;
        background-image : url("images/piggie.png");
        background-position : center center;
        background-repeat : no-repeat;
        position : absolute;
        border : 1px solid pink;        
        margin-left : auto;
        margin-right : auto;
        -moz-border-radius : 10px;
        opacity : 0.8;
}

#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
#iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
#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 {
        width : 200px;
        padding-left : 2px;
}

#notify {
        border-width : 1px;
        border-style : solid;
        top : 10px;
        right : 35%;
        min-width : 30%;
        position : absolute;    
        display : none;
        float : right;
        font-size : 9pt;
        z-index : 999;
        -moz-border-radius : 2px;
        padding : 5px 5px 5px 5px;
}

#notify img {
        vertical-align : middle;
}

.notifyProgress {
        border-color : #d7c47a;
        background-color : #fff7d5;
        color : black;
}

.notifyInfo {
        border-color : #7AD78E;
        background-color : #D5FFDB;
        color : black;
}

.notify {
        border-color : #d7c47a;
        background-color : #fff7d5;
        color : black;
}

.notifyError {
        background-color : #ffcccc;
        border-color : #ff0000;
        color : black;
}

.notifyError span:hover {
        color : red;
        cursor : pointer;
}

#dispSwitch {
        font-size : 8pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        text-align : right;
        float : right;
        margin : 5px 5px 0px 0px;
}

#dispSwitch a {
        color : gray;
}

#dispSwitch a:hover {
        color : #4684ff;
}

div.expPane {
        margin : 15px;
}

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

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

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 : #fff7d5;
        font-weight : bold;
}

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

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

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

.invisible {
        display : none;
}

/* preferences */

tr.title td {
        border-width : 0px 0px 1px 0px;
        border-color : #ecf4ff;
        border-style : solid;
        color : #4684ff;
}

tr.title td a {
        color : #4684ff;
}

tr.title td a:hover {
        color : black;
}

div.feedEditSearch {
        float : right;
}

table.prefFeedList td.feedEditCat {
        font-weight : bold;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #88b0f0;
        padding-top : 0.5em;
}

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

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

div.prefFeedCatHolder {
        height : 250px;
        overflow : auto;
        border : 1px solid #88b0f0;
        margin : 5px 0px 5px 0px;
}

a.helpLink {
        color : #808080;
}

a.helpLink:hover {
        color : #4684ff;
}

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

#infoBoxTitle {
        border-width : 1px 1px 1px 1px;
        border-style : solid;
        border-color : #88b0f0;
        background-color : #88b0f0;
        padding : 2px;
        color : white;
}


#infoBox {      
        border-width : 1px 1px 1px 1px;
        border-style : solid;
        border-color : #88b0f0;
        position : relative;
        bottom : 2px;
        right : 2px;
        padding-bottom : 5px;   
        background-image : url("images/prefs-content.png");
        background-position : top left;
        background-repeat : repeat-x;
        background-color : white;
}

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

div.infoBoxContents {
        padding : 10px;
        margin-bottom : 5px;
        font-size : 9pt;
}

div.infoBoxContents td {
        font-size : 9pt;
}

div.infoBoxContents a {
        color : #4684ff;
}

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

div.helpResponse h1, div.infoBoxContents h1 {
/*        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #c0c0c0; */
        font-size : 16pt;
}

div.helpResponse h2, div.infoBoxContents h2 {
/*        border-width : 0px 0px 0px 0px; */
        font-size : 12pt;
}

pre {
        margin : 5px;
}

input.extSearch {
        width : 100%;
}

div.firstTab {
        width : 10px;
        float : left;
}

div.prefsTab:hover {
        cursor : pointer;
}

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 : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        position : relative;
        bottom : -2px;
        border-collapse : collapse;
        -moz-border-radius : 3px;
        min-width : 100px;
        text-align : center;
}

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 : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        position : relative;
        bottom : -1px;
        border-collapse : collapse;
        -moz-border-radius : 3px;
        font-weight : bold;
        min-width : 100px;
        text-align : center;
        z-index : 2;
}

div.notice {
        background : #ffffff;
        border : 1px solid #88b0f0;
        width : 50%;
        padding : 5px;
        margin : 0px 0px 5px 0px;
        font-size : 9pt;
}

div.warning {
        background : #fff7d5;
        border : 1px solid #d7c47a;
        font-size : 9pt;
        width : 50%;
        padding : 5px;
        margin : 0px 0px 5px 0px;
}


div.warning img, div.notice img, div.error img {
        vertical-align : middle;
        padding : 5px;
}

div.error {
        border : 1px solid #ff0000;
        background : #ffcccc;
        padding : 5px;
        margin : 0px 0px 5px 0px;
        font-size : 9pt;
}

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

div.prefHelp, td.prefHelp {
        color : gray;
        padding : 5px;
}

table.loginForm {
        background-color : #ecf4ff;
}

table.innerLoginForm {
        border : 1px solid #88b0f0;
        padding : 50px;
        background-color : white;
}

table.innerLoginForm td {
        padding : 3px 3px 5px 3px;
}

span.insensitive, div.insensitive {
        color : gray;
}

.insensitive a {
        color : #4684ff;
}

.insensitive a:hover {
        color : black;
}

/* .prefGenericAddBox {
        font-size : 9pt;
} */

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

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

td.selectPrompt {
        font-size : 9pt;
        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 : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        color : gray;
        padding : 0px 5px 0px 5px;
}

table.headlinesSubToolbar td.headlineActionsRTL {
        font-size : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        color : gray;
        padding : 0px 5px 0px 5px;
}

table.headlinesSubToolbar td.headlineTitle {
        font-size : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        color : gray;
        padding : 0px 5px 0px 5px;
        text-align : right;
}

table.headlinesSubToolbar td.headlineTitleRTL {
        font-size : 9pt;
        font-family : "Lucida Grande", Tahoma, sans-serif;
        color : gray;
        padding : 0px 5px 0px 5px;
        text-align : left;
}

span.contentPreview {
        font-size : 9pt;
        color : gray;
        font-weight : normal;
}

span.contentPreview:hover {
        color : #4684ff;
}

table.headlinesList {
        width : 100%;
}

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

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

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

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

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

div.postHeader div.postDate {
        text-align : right;
        color : gray;
        float : right;
}

div.postHeader div.postDateRTL {
        text-align : left;
        color : gray;
        float : right;
}

div.postReply span.tagList {
        color : gray;
}

div.postHeader div {
        padding-bottom : 3px;
        font-size : 10pt;
        /* font-family : "Lucida Grande", Tahoma, sans-serif; */
}

#feedUpdateErrors {
        display : none;
}

#allEntryTags {
        font-size : 9pt;
        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;
}

td.hlFeed {
        text-align : right;
}

div.cdmArticle {
        border-color : #c0c0c0;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        background-color : #fafafa;
        margin : 0px;
        padding : 10px;
}

div.cdmArticleUnread {
        border-color : #c0c0c0;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        background-color : #fafeff;
        margin : 0px;
        padding : 10px;
}

div.cdmArticleSelected, div.cdmArticleUnreadSelected {
        margin : 0px;
        padding : 10px;
        background-color : #fff7d5;
        border-color : #e7d796;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
}

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

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

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

div.cdmFooter img.markedPic {
        width : 16px;
        height : 16px;
        float : right;
}

div.cdmHeader div.articleUpdated {
        float : right;
}

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

div.cdmHeader, div.cdmHeader a {
        color : gray;
        font-size : 9pt;
}

div.cdmHeader a:hover {
        color : #4684ff;
}

div.cdmContent {
        margin-bottom : 5px;
}

a.warning {
        color : #f04040;
}

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

span.groupPrompt {
        font-size : 9pt;
        color : #4684ff;
}

ul.feedErrorsList {
        height : 300px;
        overflow : auto;
        list-style-type : none;
        border : 1px solid #88b0f0;
        background-color : white;
        margin : 0px 0px 5px 0px;
        padding : 0px;
}

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 {
        border : 1px solid #d0d0f6;
        background-color : #eaeaff;
        -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 {
        margin : 0px;
        padding : 0px;
}

span.subscribers {
        color : #808080;
}

div.subscribers {
        color : #808080;
        font-size : 9pt;
        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 : 9pt;
/*      border : 1px solid #88b0f0;
        background-color : #ecf4ff;
        -moz-border-radius : 5px; */
        padding : 5px;
}

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

div.cdmContent a {
        color : #4684ff;
}

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

a.cdmToggleLink {
        color : #808080;
        font-size : 9pt;
}

a.cdmToggleLink:hover {
        color : #4684ff;
}

.noborder {
        border-width : 0px;
}

#debug_output {
        position : absolute;
        width : 400px;
        height : 200px;
        right : 20px;
        bottom : 20px;
        z-index : 999;
        background-color : white;
        display : none;
        border : 1px solid #c0c0c0;
        overflow : auto;
        margin : 0px;
        padding : 0px;
        list-style-type : none;
}

#debug_output li {
        margin : 0px;
        padding : 0px;
        font-size : 8pt;
}

#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 {
        color : black;
        padding : 10px;
        font-weight : normal;
        background-color : #ffcccc;
        border : 1px solid #ff0000;
}

#fatal_error_msg a {
        color : red;
}

#fatal_error_msg a:hover {
        color : red;
        text-decoration : underline;
}

#fatal_error_msg img {
        vertical-align : middle;
}

#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 {
        margin : 0px;
        padding : 0px;
        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;
        display : none;
}

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

#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;
        font-size : 9pt;
}

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 : 9pt;
        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 : 9pt;
        border-collapse : collapse;
        width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
}

#content-frame {
        position : absolute;
        border-width : 1px 0px 0px 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 : 9pt;
        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 : 9pt;
}

#headlinesInnerContainer {
        overflow : auto;
        position : absolute;
        left : 1px;
        right : 0px;
        bottom : 0px;
        top : 25px; 
}

/* preferences layout */

#prefHeader {
        color : #4684ff;
        font-size : 9pt;
        margin : 10px;
        height : 33px;
}

div.return {
        float : right;
        font-size : 9pt;
        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;
        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');
        font-size : 10pt;
}

#userSwitch {
        position : absolute;
        bottom : 2px;
        right : 2px;
}

a.feedUpdErrLink {
        color : #ff0000;
        display : block;
        margin-bottom : 0.5em;
}

.catCtrHasUnread {
        font-weight : bold;
}

.catCtrNoUnread {
        display : none;
}

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

ul.headlineDropdownMenu li.top {
        float : left;
        width : 9em;
        background-image : url("images/down_arrow.png");
        background-position : center right;
        background-repeat : no-repeat;
        margin : 0px; 
        cursor : pointer;
        border-width : 1px 1px 1px 1px;
        border-color : transparent;
        border-style : solid;
}

ul.headlineDropdownMenu li.top2 {
        float : left;
}

ul.headlineDropdownMenu li.vsep {
        float : left;
        margin : 0px 5px 0px 0px;
        border-width : 0px 1px 0px 0px;
        border-color : #c0c0c0;
        border-style : dotted;
        color : white;
}

ul.headlineDropdownMenu li.top:hover {
        cursor : pointer;
        border-width : 1px 1px 0px 1px;
        border-color : #c0c0c0;
        border-style : solid;
}

ul.headlineDropdownMenu li.top:hover ul {
        display : block;
}

ul.headlineDropdownMenu ul {
        list-style-type : none;
        position : absolute;
        float : none;
        margin : 0px;
        padding : 0px;
        display : none;
        background-color : white;
        width : 9em;
        z-index : 3;
        top : auto;
        left : auto;
        border-width : 0px 1px 1px 1px;
        border-color : #c0c0c0;
        border-style : solid;
        margin-left : -1px;
}

ul.headlineDropdownMenu ul li {
        float: none;
        padding : 2px 0px 2px 10px;
        color : black;
}

ul.headlineDropdownMenu ul li:hover {
        color : #4684ff;
        background-color : #f0f0f0;
}

#newVersionIcon {
        vertical-align : middle;
        cursor : pointer;
        display : none;
}

a.helpLinkPic {
        float : right;
}

a.helpLinkPic img {
        border-width : 0px;
}

#fadd_login_container {
        display : none;
}

li.feedCatHolder {
        display : inline;
}