color : black;
margin : 0px;
padding : 0px;
- font-family : "Lucida Grande", sans-serif;
+ font-family : "Lucida Grande", Arial, sans-serif;
}
blockquote {
- margin : 5px;
+ margin : 5px 5px 5px 5px;
border-width : 0px 0px 0px 4px;
- border-color : #f0f0f0;
+ border-color : #e0e0e0;
border-style : solid;
- padding : 2px 0px 2px 5px;
+ padding : 5px;
+ background-color : #f0f0f0;
}
div.postReply {
- padding : 10px;
+ padding : 0px;
}
div.postReply a {
div.postReply div.postHeader {
background : #ecf4ff;
- border : 1px solid #88b0f0;
+ /* border : 1px solid #88b0f0; */
+ border-width : 0px 0px 1px 0px;
+ border-style : dotted;
+ border-color : #88b0f0;
+ margin : 0px 1px 0px 0px;
+ padding : 5px;
}
-div.postReply > div.postHeader {
+/* div.postReply > div.postHeader {
padding : 5px;
-}
+} */
div.postReply div.postContent {
padding : 10px;
- font-size : 10pt;
+ font-size : 14px;
+}
+
+div.postReply div.postContent img {
+ border-width : 0px;
}
div.postReply div.postIcon {
margin : 10px 0px 10px 10px;
}
+div.postReply div.postEnclosures {
+ margin-top : 1em;
+ color : gray;
+}
+
+div.postReply img.tagsPic {
+ width : 16px;
+ height : 16px;
+ vertical-align : middle;
+}
+
+div.postReply span.author {
+ font-size : 12px;
+}
+
ul.feedList {
list-style-type : none;
margin : 5px;
padding : 0px 0px 0px 5px;
- font-size : 9pt;
- font-family : "Lucida Grande", Tahoma, sans-serif;
+ font-size : 12px;
+ font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
}
ul.feedList li.feedCat {
margin : 0px;
padding : 3px 0px 3px 0px;
color : #707070;
- font-size : 9pt;
+ font-size : 11px;
}
ul.feedList li.feedCat a {
color : black;
}
-ul.feedList li {
- margin : 0px;
+ul.feedList > li {
+ padding : 0px 0px 2px 0px;
}
-ul.feedCatList img {
+ul.feedCatList img, ul.feedList img {
vertical-align : bottom;
}
}
h1 {
- font-size : 16pt;
+ font-size : 18px;
}
h2 {
- font-size : 14pt;
+ font-size : 16px;
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-style : solid;
}
h3 {
- font-size : 12pt;
+ font-size : 14px;
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-style : solid;
}
#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,
position : absolute;
display : none;
float : right;
- font-size : 9pt;
- z-index : 999;
+ font-size : 12px;
+ z-index : 998;
-moz-border-radius : 2px;
padding : 5px 5px 5px 5px;
}
}
#dispSwitch {
- font-size : 8pt;
- font-family : "Lucida Grande", Tahoma, sans-serif;
+ font-size : 11px;
+ font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
text-align : right;
float : right;
margin : 5px 5px 0px 0px;
padding-top : 0.5em;
}
+table.prefFilterList td.filterEditCat {
+ font-weight : bold;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ padding-top : 0.5em;
+}
+
+/* oh for the love of... */
+
+table.prefFilterList tr.even,
+table.prefFilterList tr.odd,
+table.prefFilterList tr.evenSelected,
+table.prefFilterList tr.oddSelected,
+table.prefLabelList tr.even,
+table.prefLabelList tr.odd,
+table.prefLabelList tr.evenSelected,
+table.prefLabelList tr.oddSelected,
+table.prefUserList tr.even,
+table.prefUserList tr.odd,
+table.prefUserList tr.evenSelected,
+table.prefUserList tr.oddSelected,
+table.prefFeedList tr.even,
+table.prefFeedList tr.odd,
+table.prefFeedList tr.evenSelected,
+table.prefFeedList tr.oddSelected
+{
+ cursor : pointer;
+}
+
+table.prefFilterList tr.even:hover td,
+table.prefFilterList tr.odd:hover td,
+table.prefFilterList tr.evenSelected:hover td,
+table.prefFilterList tr.oddSelected:hover td
+table.prefLabelList tr.even:hover td,
+table.prefLabelList tr.odd:hover td,
+table.prefLabelList tr.evenSelected:hover td,
+table.prefLabelList tr.oddSelected:hover td,
+table.prefUserList tr.even:hover td,
+table.prefUserList tr.odd:hover td,
+table.prefUserList tr.evenSelected:hover td,
+table.prefUserList tr.oddSelected:hover td,
+table.prefFeedList tr.even:hover td,
+table.prefFeedList tr.odd:hover td,
+table.prefFeedList tr.evenSelected:hover td,
+table.prefFeedList tr.oddSelected:hover td
+{
+ color : #88b0f0;
+}
+
table.prefFeedList td.feedIcon {
text-align : center;
}
div.prefFeedCatHolder {
height : 250px;
overflow : auto;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
margin : 5px 0px 5px 0px;
+ background-color : white;
}
a.helpLink {
border : 1px solid #f0f0f0;
}
+#infoBoxTitle {
+ border-width : 1px 1px 1px 1px;
+ border-style : solid;
+ border-color : #99d67a;
+ background-color : #99d67a;
+ padding : 2px;
+ color : white;
+}
+
+#infoBox {
+ border-width : 1px 1px 1px 1px;
+ border-style : solid;
+ border-color : #99d67a;
+ position : relative;
+ bottom : 2px;
+ right : 2px;
+ padding-bottom : 5px;
+ background-color : #f8fcf5;
+}
+
+/*
#infoBoxTitle {
border-width : 1px 1px 1px 1px;
border-style : solid;
color : white;
}
-
#infoBox {
border-width : 1px 1px 1px 1px;
border-style : solid;
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;
-}
+ background-color : #f7faff;
+} */
#infoBoxShadow {
background-image : url("images/shadow.png");
z-index : 3;
position : absolute;
display : none;
-}
+}
div.infoBoxContents {
padding : 10px;
margin-bottom : 5px;
- font-size : 9pt;
+ font-size : 12px;
}
div.infoBoxContents td {
- font-size : 9pt;
+ font-size : 12px;
}
div.infoBoxContents a {
- color : #4684ff;
+ color : #527040;
}
div.infoBoxContents a:hover {
/* border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #c0c0c0; */
- font-size : 16pt;
+ font-size : 18px;
}
div.helpResponse h2, div.infoBoxContents h2 {
/* border-width : 0px 0px 0px 0px; */
- font-size : 12pt;
+ font-size : 16px;
}
pre {
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;
+ font-size : 12px;
+ font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
border-collapse : collapse;
- -moz-border-radius : 3px;
min-width : 100px;
text-align : center;
+ cursor : pointer;
}
div.prefsTabSelected {
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 : -2px;
+ font-size : 12px;
+ font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
border-collapse : collapse;
- -moz-border-radius : 3px;
font-weight : bold;
min-width : 100px;
text-align : center;
- z-index : 999;
+ cursor : pointer;
}
div.notice {
background : #ffffff;
border : 1px solid #88b0f0;
- width : 50%;
+ width : 60%;
padding : 5px;
margin : 0px 0px 5px 0px;
- font-size : 9pt;
+ font-size : 12px;
}
div.warning {
background : #fff7d5;
border : 1px solid #d7c47a;
- font-size : 9pt;
- width : 50%;
+ font-size : 12px;
+ width : 60%;
padding : 5px;
margin : 0px 0px 5px 0px;
}
-div.warning img, div.notice img {
+div.warning img, div.notice img, div.error img {
vertical-align : middle;
padding : 5px;
}
background : #ffcccc;
padding : 5px;
margin : 0px 0px 5px 0px;
- font-size : 9pt;
+ font-size : 12px;
}
ul.nomarks {
padding : 3px 3px 5px 3px;
}
-span.insensitive, div.insensitive {
+span.feed_error {
+ color : red;
+}
+
+.insensitive {
color : gray;
}
}
/* .prefGenericAddBox {
- font-size : 9pt;
+ font-size : 12px;
} */
body.logoutBody {
}
.small {
- font-size : 9pt;
+ font-size : 12px;
}
table.innerFeedTable td {
}
td.selectPrompt {
- font-size : 9pt;
+ font-size : 12px;
color : gray;
}
border-style : solid;
border-color : #f0f0f0;
position : absolute;
- left : 1px;
+ left : 0px;
top : 0px;
height : 25px;
right : 0px;
background-color : white;
+ font-size : 11px;
+ font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+ color : gray;
+}
+
+input#subtoolbar_search_box {
+ height : 10px;
+ font-size : 9px;
+ vertical-align : middle;
}
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;
+ font-size : 12px;
color : gray;
font-weight : normal;
}
color : #4684ff;
}
+table.headlinesList {
+ width : 100%;
+}
+
table.headlinesList td.hlMarkedPic {
width : 25px;
text-align : center;
text-align : right;
}
-td.hlSelectRow, td.hlUpdatePic {
+td.hlSelectRow, td.hlUpdPic {
width : 25px;
text-align : center;
}
color : gray;
text-align : right;
width : 100px;
+ cursor : pointer;
}
table.headlinesList tr td {
div.postHeader div {
padding-bottom : 3px;
- font-size : 10pt;
+ font-size : 12px;
/* font-family : "Lucida Grande", Tahoma, sans-serif; */
}
}
#allEntryTags {
- font-size : 9pt;
+ font-size : 12px;
border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #c0c0c0;
text-align : right;
}
+span.hlFeed, span.hlFeed a {
+ font-size : 12px;
+ color : gray;
+}
+
+span.hlFeed a:hover {
+ color : #4684ff;
+}
+
+/* div.cdmArticle:hover {
+ background-color : white;
+} */
+
+div.cdmAllTags {
+ float : left;
+ background-color : white;
+ border : 1px solid #c0c0c0;
+ display : none;
+ z-index : 3;
+ top : auto;
+ left : auto;
+ right : auto;
+ position : absolute;
+ padding : 10px;
+}
+
+span.cdmAllTagsCtr:hover div {
+ display : block;
+}
+
div.cdmArticle {
- border-color : #c0c0c0;
+ border-color : #a0a0a0;
border-width : 0px 0px 1px 0px;
border-style : solid;
- background-color : #fafafa;
+ background-color : #f9faff;
margin : 0px;
- padding : 10px;
+ color : #505050;
+ /* padding : 10px; */
+ color : black;
+
}
+/* div.cdmArticleUnread:hover {
+ background-color : white;
+} */
+
div.cdmArticleUnread {
- border-color : #c0c0c0;
+ border-color : #a0a0a0;
border-width : 0px 0px 1px 0px;
border-style : solid;
- background-color : #fafeff;
+ background-color : white;
margin : 0px;
- padding : 10px;
+ /* padding : 10px; */
+ color : black;
}
div.cdmArticleSelected, div.cdmArticleUnreadSelected {
margin : 0px;
- padding : 10px;
background-color : #fff7d5;
border-color : #e7d796;
border-width : 0px 0px 1px 0px;
}
div.cdmHeader {
- padding-bottom : 5px;
+ padding : 5px 5px 10px 5px;
+}
+
+div.cdmArticleUnread div.cdmHeader span.titleWrap a {
+ color : black;
}
div.cdmFooter {
- font-size : 9pt;
+ font-size : 12px;
+ color : black;
+ padding : 5px;
color : gray;
- padding-top : 5px;
+/* background-color : white; */
+ border-width : 1px 0px 0px 0px;
+ border-color : #c0c0c0;
+ border-style : dotted;
+}
+
+/*div.cdmArticleSelected div.cdmFooter {
+ background-color : transparent;
}
-div.cdmFooter img.markedPic {
+div.cdmArticleUnreadSelected div.cdmFooter {
+ background-color : transparent;
+}*/
+
+div.cdmFooter span.s0 {
+ border-width : 0px 1px 0px 0px;
+ border-color : #c0c0c0;
+ border-style : dotted;
+ padding : 0px 5px 0px 0px;
+}
+
+div.cdmFooter span.s1 {
+ border-width : 0px 1px 0px 0px;
+ border-color : #c0c0c0;
+ border-style : dotted;
+ padding : 0px 5px 0px 5px;
+}
+
+div.cdmFooter span.s2 {
+ padding : 0px 5px 0px 5px;
+}
+
+div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
width : 16px;
height : 16px;
- float : right;
+ vertical-align : middle;
+}
+
+img.markedPic {
+ cursor : pointer;
}
div.cdmHeader div.articleUpdated {
}
div.cdmHeader, div.cdmHeader a {
- color : gray;
- font-size : 9pt;
+ color : #505050;
+ font-size : 12px;
}
div.cdmHeader a:hover {
}
div.cdmContent {
- margin-bottom : 5px;
+ margin : 5px 15px 0px 15px;
+}
+
+div.cdmEnclosures {
+ margin-top : 1em;
+ color : gray;
}
a.warning {
}
span.groupPrompt {
- font-size : 9pt;
+ font-size : 12px;
color : #4684ff;
}
+div.tagCloudContainer {
+/* height : 300px;
+ overflow : auto; */
+ border : 1px solid #99d67a;
+ background-color : white;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ text-align : center;
+}
+
ul.feedErrorsList {
height : 300px;
overflow : auto;
list-style-type : none;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
background-color : white;
margin : 0px 0px 5px 0px;
padding : 0px;
height : 300px;
overflow : auto;
list-style-type : none;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
background-color : white;
margin : 0px 0px 5px 0px;
padding : 0px;
-moz-border-radius : 5px;
} */
+/*#browseBigFeedList li {
+ padding :0px;
+}*/
+
+div.labelTestError {
+ margin : 5px 0px 5px 0px;
+ color : #f04040;
+}
+
ul.labelTestResults {
height : 100px;
overflow : auto;
list-style-type : none;
margin : 0px 0px 5px 0px;
padding : 0px;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
background-color : white;
}
list-style-type : none;
margin : 0px 0px 5px 0px;
padding : 0px;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
background-color : white;
}
list-style-type : none;
margin : 0px 0px 5px 0px;
padding : 0px;
- border : 1px solid #88b0f0;
+ border : 1px solid #99d67a;
background-color : white;
}
div.subscribers {
color : #808080;
- font-size : 9pt;
+ font-size : 12px;
float : right;
}
div.browserDetails {
margin : 5px 5px 5px 5px;
- display : none;
padding : 5px;
}
}
div.browserFeedInfo {
- font-size : 9pt;
+ font-size : 12px;
/* border : 1px solid #88b0f0;
background-color : #ecf4ff;
-moz-border-radius : 5px; */
a.cdmToggleLink {
color : #808080;
- font-size : 9pt;
+ font-size : 12px;
}
a.cdmToggleLink:hover {
#debug_output li {
margin : 0px;
padding : 0px;
- font-size : 8pt;
+ font-size : 11px;
+}
+
+#dialog_overlay {
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 2;
+ position : absolute;
+ display : none;
+ background-image : url("images/shadow_white.png");
}
#overlay {
#overlay_inner {
font-weight : bold;
- text-align : center;
margin : 10px;
}
border-width : 1px 0px 0px 0px;
border-color : #88b0f0;
border-style : solid;
- font-size : 9pt;
+ font-size : 12px;
text-align : center;
color : #909090;
padding : 0.5em;
right : 5px;
height : 40px;
color : #4684ff;
- font-size : 9pt;
+ font-size : 12px;
}
#feeds-holder {
- border-width : 1px 1px 1px 0px;
+ border-width : 1px 1px 0px 0px;
border-style : solid;
border-color : #88b0f0;
top : 50px;
position : absolute;
width : 260px;
overflow : auto;
- bottom : 40px;
+ bottom : 0px;
border-collapse : collapse;
height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
}
background-image : url("images/toolbar.png");
background-position : bottom left;
background-repeat : repeat-x;
- font-size : 9pt;
+ font-size : 12px;
}
div.headlines_normal {
border-width : 1px 0px 0px 0px;
border-style : solid;
border-color : #88b0f0;
- left : 260px;
+ left : 261px;
height : 305px;
top : 85px;
right : 0px;
overflow : hidden;
- font-size : 9pt;
+ font-size : 12px;
border-collapse : collapse;
/* css hack for IE */
width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
border-width : 1px 0px 1px 0px;
border-style : solid;
border-color : #88b0f0;
- left : 260px;
+ left : 261px;
bottom : 40px;
top : 85px;
right : 0px;
overflow : hidden;
- font-size : 9pt;
+ font-size : 12px;
border-collapse : collapse;
width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
}
border-color : #88b0f0;
overflow : auto;
top : 390px;
- left : 260px;
+ left : 261px;
bottom : 40px;
right : 0px;
border-collapse : collapse;
height : 20px;
text-align : center;
color : gray;
- font-size : 9pt;
+ font-size : 12px;
background-image : url("images/footer.png");
background-position : top left;
background-repeat : repeat-x;
background-color : white;
right : 0px;
- left : 0px;
+ left : 261px;
padding : 10px;
width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
border-collapse : collapse;
}
+#prefFooter {
+ left : 0px;
+}
+
#footer a, #prefFooter a {
color : gray;
}
}
#headlinesContainer {
- margin-left : 1px;
+ margin-left : 0px;
background-color : white;
}
border-style : solid;
border-color : #c0c0c0;
background-color : #fafafa; */
- font-size : 9pt;
+ font-size : 12px;
}
#headlinesInnerContainer {
overflow : auto;
position : absolute;
- left : 1px;
+ left : 0px;
right : 0px;
bottom : 0px;
top : 25px;
#prefHeader {
color : #4684ff;
- font-size : 9pt;
+ font-size : 12px;
margin : 10px;
height : 33px;
}
div.return {
float : right;
- font-size : 9pt;
+ font-size : 12px;
margin-right : 10px;
}
border-style : solid;
height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
- font-size : 10pt;
+ font-size : 12px;
}
#userSwitch {
ul.headlineDropdownMenu li.top {
float : left;
- width : 9em;
+ width : 12em;
background-image : url("images/down_arrow.png");
background-position : center right;
background-repeat : no-repeat;
float : left;
}
+ul.headlineDropdownMenu li.top3 {
+ float : left;
+ margin : 0px;
+ cursor : pointer;
+ border-width : 1px 1px 1px 1px;
+ border-color : transparent;
+ border-style : solid;
+}
+
ul.headlineDropdownMenu li.vsep {
float : left;
margin : 0px 5px 0px 0px;
ul.headlineDropdownMenu li.top:hover {
cursor : pointer;
- border-width : 1px 1px 0px 1px;
+ border-width : 1px 1px 1px 1px;
border-color : #c0c0c0;
border-style : solid;
}
padding : 0px;
display : none;
background-color : white;
- width : 9em;
+ width : 12em;
z-index : 3;
top : auto;
left : auto;
#newVersionIcon {
vertical-align : middle;
cursor : pointer;
- display : none;
}
a.helpLinkPic {
}
#fadd_login_container {
- display : none;
}
li.feedCatHolder {
display : inline;
}
+
+table.prefFeedCatList {
+ background-color : white;
+}
+
+a[target="_new"], a[target="_blank"] {
+ border-width : 0px 0px 1px 0px;
+ border-color : #778899;
+ border-style : dotted;
+}
+
+div.autocomplete {
+ position : absolute;
+ width : 250px;
+ background-color : white;
+ border :1px solid #778899;
+ margin : 0px;
+ padding : 0px;
+}
+
+div.autocomplete ul {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+}
+
+div.autocomplete ul li.selected {
+ background-color : #fff7d5;
+}
+
+div.autocomplete ul li {
+ list-style-type : none;
+ display : block;
+ margin : 0;
+ padding : 2px;
+ height : 32px;
+ cursor : pointer;
+}
+
+#feedOpToolbar {
+ float : right;
+}
+
+div.topLinks {
+ float : right;
+ margin-right : 5px;
+ color : gray;
+}
+
+div.topLinks a {
+ color : #4684ff;
+}
+
+div.topLinks a:hover {
+ color : black;
+}
+
+div.topLinks a.feedback {
+ color : #009900;
+}
+
+div.dashboard {
+ margin-left : 3px;
+}
+
+a.visibleLink {
+ color : #4684ff;
+
+}
+
+table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
+ color : #4684ff;
+}
+
+div.cdmFeedTitle {
+ border-color : #a0a0a0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ padding : 5px;
+}
+
+table.headlinesList tr.feedTitle td {
+/* text-align : right;
+ margin-top : 10px; */
+ padding-left : 5px;
+}
+
+td.hlContent, td.hlContentL, td.hlContentH {
+ cursor : pointer;
+}
+
+td.hlContentH a, td.hlContentH span {
+ color : #00cc00;
+}
+
+td.hlContentL a, td.hlContentL span {
+ color : #909090;
+ text-decoration : line-through;
+}
+
+span.titleWrapH, span.titleWrapH a {
+ color : #00cc00;
+}
+
+span.titleWrapL, span.titleWrapL a {
+ color : #909090;
+ text-decoration : line-through;
+}
+
+img.hlScorePic {
+ vertical-align : middle;
+ width : 16px;
+ height : 16px;
+}
+
+div#hotkey_help_overlay {
+ position : absolute;
+ left : 30px;
+ right : 30px;
+ top : 30px;
+ z-index : 999;
+ color : white;
+ font-size : 15px;
+}
+
+div#hotkey_help_overlay h1 {
+ text-align : center;
+}
+
+div#hotkey_help_overlay ul {
+ list-style-type : none;
+ margin : 0px;
+}
+
+div#hotkey_help_overlay li {
+ margin : 0px;
+}
+
+div#hotkey_help_overlay p {
+ text-align : center;
+}
+
+div#hotkey_help_overlay td.n {
+ text-align : right;
+ font-weight : bold;
+ width : 6em;
+ color : #a0ffa0;
+ padding-right : 5px;
+}
+
+div#hotkey_help_overlay td {
+ vertical-align : top;
+}
+
+div#hotkey_help_overlay h1 {
+ margin : 0px;
+}
+
+div#hotkey_help_overlay h2 {
+ font-size : 16px;
+ border-width : 0px;
+ margin : 0.3em 0px 0.3em 0px;
+ text-align : center;
+ color : #88b0f0;
+}
+
+div#hotkey_help_overlay table.hho td.c1 {
+ height : 30px;
+ width : 30px;
+ background : url("images/c1.png");
+ background-repeat : no-repeat;
+
+}
+
+div#hotkey_help_overlay table.hho td.c2 {
+ height : 30px;
+ width : 30px;
+ background : url("images/c2.png");
+ background-repeat : no-repeat;
+}
+
+div#hotkey_help_overlay table.hho td.c3 {
+ height : 30px;
+ width : 30px;
+ background : url("images/c3.png");
+ background-repeat : no-repeat;
+}
+
+div#hotkey_help_overlay table.hho td.c4 {
+ height : 30px;
+ width : 30px;
+ background : url("images/c4.png");
+ background-repeat : no-repeat;
+}
+
+div#hotkey_help_overlay table.hho td.top,
+div#hotkey_help_overlay table.hho td.left,
+div#hotkey_help_overlay table.hho td.right,
+div#hotkey_help_overlay table.hho td.bottom,
+div#hotkey_help_overlay table.hho td.content {
+ background : url("images/shadow_dark.png");
+}
+
+div#hotkey_help_overlay table.hho td.top,
+div#hotkey_help_overlay table.hho td.bottom {
+ text-align : center;
+ font-size : 13px;
+}
+
+div.prefKbdHelp {
+ float : right;
+ font-size : 12px;
+ margin-right : 15px;
+}
+
+div.prefKbdHelp img {
+ vertical-align : middle;
+}
+
+div#l_progress_o {
+ width : 200px;
+ border : 1px solid black;
+ background-color : white;
+ margin-top : 10px;
+}
+
+div#l_progress_i {
+ width : 10px;
+ background-color : #88b0f0;
+ padding : 5px;
+}