X-Git-Url: https://git.infodrom.org/?p=infodrom%2Frico3;a=blobdiff_plain;f=ricoClient%2Fcss%2Frico.css;h=a47efe46e0647af80a6b834ec3a85da8e46bf4b1;hp=46586edb2e8a3b23b4825627a063275cc38b3b8c;hb=4731c1887f4ae857382e35d56211d5b016efd233;hpb=99e2213dbb5012b69cbb87d72e7bcc322de469d5

diff --git a/ricoClient/css/rico.css b/ricoClient/css/rico.css
index 46586ed..a47efe4 100644
--- a/ricoClient/css/rico.css
+++ b/ricoClient/css/rico.css
@@ -2,6 +2,14 @@
  *Rico stylesheet
  */
 
+/* reset Themeroller font size */ 
+div.ui-widget {
+  font-size: 80%;
+}
+.ui-dialog {
+  width: auto !important;
+}
+
 /* LiveGrid & SimpleGrid */
  
 .ricoLG_outerDiv {
@@ -26,7 +34,6 @@ div.ricoLG_scrollContainerDiv {
 
 div.ricoLG_scrollTabDiv {
   position:absolute;
-  left:0px;
   top:0px;
   overflow:hidden;
 }
@@ -44,7 +51,7 @@ div.ricoLG_highlightDiv {
   border: 2px solid black;
 }
 
-.ricoLG_table, table.ricoLiveGrid {
+.ricoLG_table, .ricoLG_scrollTab, table.ricoLiveGrid {
   margin: 0px;
   padding: 0px;
   border-right: 1px solid silver;
@@ -56,11 +63,9 @@ div.ricoLG_highlightDiv {
   line-height: 1.6em;
   white-space: nowrap;
 }
-
-.ricoLG_FilterRow  div.ricoLG_cell {
-  vertical-align: middle;
+.ricoLG_FilterRow  div.ricoLG_cell * {
+  vertical-align: top;
 }
-
 .ricoLG_FilterRow select {
   width:100%; 
 }
@@ -70,8 +75,8 @@ div.ricoLG_mFilter {
   z-index:200;
   border: 1px solid #888;
 }
-div.ricoLG_mFilter * {
-  font-size: 8pt;
+div.ricoLG_mFilter {
+  font-size: 67%;
 }
 div.ricoLG_mFilter_content {
   height: 150px;
@@ -79,6 +84,9 @@ div.ricoLG_mFilter_content {
   overflow: auto;
   background-color: white;
 }
+div.ricoLG_mFilter_button  button{
+  font-size: 80%;
+}
 div.ricoLG_mFilter_button {
   padding: 3px;
   background-color: #DDD;
@@ -98,11 +106,11 @@ div.ricoLG_col {
   width:100px;
 }
 
-table.ricoLG_top thead div.ricoLG_col {
+thead.ricoLG_top div.ricoLG_col {
   position:relative;
 }
 
-table.ricoLG_top thead div.ricoLG_Resize {
+thead.ricoLG_top div.ricoLG_Resize {
   position:absolute;
   width:5px;
   height:100%;
@@ -110,54 +118,21 @@ table.ricoLG_top thead div.ricoLG_Resize {
   cursor:e-resize;
 }
 
-.ricoLG_HdrIcon {
-  padding-left:2px;
-  padding-right:2px;
-}
-
-.ricoLG_sortAsc {
-  background: url(../images/sort_asc.gif) no-repeat center center;
-  width: 11px;
-  height: 11px;
-}
-
-.ricoLG_sortDesc {
-  background: url(../images/sort_desc.gif) no-repeat center center;
-  width: 11px;
-  height: 11px;
-}
-
-.ricoClearNative {
-  background: url(../images/delete.gif) no-repeat center center;
-  width: 17px;
-  height: 17px;
-  margin-top: -8px;
-}
-
-.ricoClear {
-  display:-moz-inline-box;
-  display:inline-block;
-  cursor: pointer;
-}
-
 .ricoLG_bottom div.ricoLG_cell {
   border-style: solid;
   border-color: silver;
   border-width: 0px 0px 1px 0px;
 }
 
-table.ricoLG_top, table.ricoLiveGrid  {
+table.ricoLG_table, table.ricoLiveGrid  {
   border-top: 1px solid silver;
 }
 
-table.ricoLG_top thead th, table.ricoLG_top thead td, table.ricoLiveGrid td, table.ricoLiveGrid th {
+thead.ricoLG_top th, thead.ricoLG_top td, table.ricoLiveGrid td, table.ricoLiveGrid th {
   border-style: solid;
   border-color: silver;
   border-width: 0px 0px 1px 1px;
-}
-
-* html table.ricoLG_top thead th, * html table.ricoLG_top thead td, * html table.ricoLiveGrid td, * html table.ricoLiveGrid th {
-  position: relative; /* IE6  only */
+  *position: relative; /* IE6-7  only */
 }
 
 .ricoLG_bottom th, .ricoLG_bottom td {
@@ -171,59 +146,43 @@ div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th {
   height:1.2em;
   padding-left: 3px;
   margin: 0px;
-  font-size: 10pt;
-	padding-top:3px;
-	padding-bottom:3px;
+  font-size: 80%;
+  padding-top:3px;
+  padding-bottom:3px;
 }
 
-div.ricoLG_messageDiv {
+.ricoLG_messageDiv {
   font-weight:bold;
   font-size:larger;
   text-align:center;
   padding:1em;
+  background-color: #EEE;
   opacity:0.8;
 }
 
 p.ricoBookmark {
   margin-bottom: 3px;
-  font-size: 10pt;
+  font-size: 80%;
   white-space: nowrap;
 }
 
 p.ricoBookmark span {
   margin-right: 1em;
-  font-size: 10pt;
 }
 
 span.ricoCaption {
   font-weight: bold;
 }
 
-div.alignleft {
-  text-align: left;
-}
-
-div.aligncenter {
-  text-align: center;
-}
-
-div.alignright {
-  text-align: right;
-}
-
 span.ricoSessionTimer {
   background-color:black;
   color:white;
 }
 
-table.ricoLG_top thead input {
-  font-weight: normal;
-  font-size: 8pt !important;
-}
-
-table.ricoLG_top thead option, table.ricoLG_top thead select {
+thead.ricoLG_top option, thead.ricoLG_top select, thead.ricoLG_top input {
   font-weight: normal;
-  font-size: 9pt !important;
+  font-size: 90% !important;
+  padding: 1px;
 }
 
 /* grid column chooser */
@@ -232,8 +191,8 @@ div.ricoLG_chooserDiv {
   z-index:200;
 }
 div.ricoLG_chooserDiv  .ricoContent {
-  height: 150px;
-  width: 200px;
+  height: 13em;
+  width: 16em;
 }
 .ricoContent {
   padding: 3px;
@@ -248,8 +207,8 @@ div.ricoLG_chooserDiv .ricoContent input {
 
 /* grid keyword entry */
 
-div.ricoLG_chooserDiv  *, div.ricoLG_keywordDiv * {
-  font-size: 8pt;
+div.ricoLG_chooserDiv, div.ricoLG_keywordDiv  {
+  font-size: smaller;
 }
 div.ricoLG_keywordDiv {
   position:absolute;
@@ -259,7 +218,7 @@ div.ricoLG_keywordDiv {
 
 div.ricoLG_keywordDiv input {
   position: relative;
-  font-size: 9pt;
+  font-size: 90%;
   float: left;
 }
 
@@ -284,10 +243,7 @@ div.ricoLG_editResponseDiv {
   z-index:300;
   top:0px;
   left:0px;
-}
-
-.ricoLG_editDiv *, div.ricoLG_editResponseDiv {
-  font-size: 10pt;
+  font-size: 85%;
 }
 
 form .ricoEditLabel sup {
@@ -307,7 +263,7 @@ form .ricoEditLabel {
 }
 
 .ricoLG_editDiv div.ButtonBar {
-  padding: 0.3em 0px;
+  padding: 0.4em 0px;
   margin: 3px;
 }
 
@@ -315,6 +271,10 @@ form .ricoEditLabel {
   margin:0px;
 }
 
+.ricoLG_editDiv textarea {
+  font-size: 100%;
+}
+
 .ricoLG_editDiv .tabContent, div.ricoLG_editDiv .noTabContent {
   overflow: hidden;
   padding: 4px;
@@ -322,6 +282,17 @@ form .ricoEditLabel {
 }
 
 
+/* shadows */
+.ricoShadow {
+  -moz-box-shadow: 3px 3px 4px #888;
+  -webkit-box-shadow: 3px 3px 4px #888;
+  box-shadow: 3px 3px 4px #888;
+  /* For IE 8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
+  /* For IE 5.5 - 7 */
+  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
+}
+
 
 /* ricoMenu */
 
@@ -331,20 +302,20 @@ padding:2px;
 cursor:default;
 }
 
-div.ricoMenu, div.ricoMenu div.ricoMenuHeading, div.ricoMenu a {
+div.ricoMenu {
 background-color:menu;
 color: menutext;
 text-decoration: none;
 font-family:tahoma,arial,helvetica,sans-serif;
-font-size: 8pt;
+font-size: 70%;
 display:block;
 }
 
-div.ricoMenuSafari, div.ricoMenuSafari div.ricoMenuHeading, div.ricoMenuSafari a {
+div.ricoMenuSafari {
 background-color:#EDEDED;
 text-decoration: none;
 font-family:tahoma,arial,helvetica,sans-serif;
-font-size: 8pt;
+font-size: 70%;
 display:block;
 }
 
@@ -418,6 +389,7 @@ overflow:hidden;
 a.RicoButton {
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
+  border-radius: 6px;
 }
 
 
@@ -434,48 +406,21 @@ a.RicoButton {
   white-space: nowrap;
 }
 
-.ui-dialog, .ui-datepicker {
-  width: auto !important;
-}
-
-.RicoCloseAnchor {
-  cursor: pointer;
-  position: absolute;
-  top: 1px;
-  right: 2px;
-  border: 0px none !important;
-}
-
-span.RicoCloseW {
-  display: block;
-  height: 15px;
-  width: 16px;
-  background: url(../images/close_w.gif) no-repeat top right;
+a.RicoButtonAnchorNative {
+  background-color: #DDD;
+  border: 1px outset;
 }
-
-span.RicoCloseB, span.RicoClose {
-  display: block;
-  height: 15px;
-  width: 16px;
-  background: url(../images/close_b.gif) no-repeat top right;
+a.RicoButtonAnchorNative  span {
+  vertical-align: middle;
 }
-
 a.RicoButtonAnchor {
-  padding: 1px 0;
-  margin: 1px;
-  position: relative;
+  padding: 1px;
+  margin: 0px 3px;
   cursor: pointer;
-  float: left;
-}
-
-a.RicoButtonAnchorNative {
-  border:1px solid #888;
-  background-color: #DDD;
+  font-size: 16px;
 }
-
 a.RicoButtonAnchor span {
-  margin: 0 1px;
-  float: left;
+  display: inline-block;
 }
 
 a.RicoButtonAnchorNative:hover {
@@ -483,20 +428,6 @@ a.RicoButtonAnchorNative:hover {
   background-color: #CCC;
 }
 
-span.RicoCheckmark {
-  display: block;
-  height: 17px;
-  width: 17px;
-  background: url(../images/checkmark.gif) no-repeat top right;
-}
-
-span.RicoCancel {
-  display: block;
-  height: 17px;
-  width: 17px;
-  background: url(../images/delete.gif) no-repeat top right;
-}
-
 * html .ui-dialog-titlebar .ui-dialog-titlebar-close {
   top: 16px;   /* required by IE6 */
 }
@@ -508,8 +439,8 @@ span.RicoCancel {
 
 
 /* ricoKeywordSearch */
-.ricoKeywordSearch * {
-  font-size: 8pt;
+.ricoKeywordSearch {
+  font-size: 70%;
 }
 
 
@@ -548,8 +479,8 @@ span.RicoCancel {
   display:block;
 }
 
-.ricoTreeContainer *, .ricoTree * {
-  font-size:8pt;
+.ricoTreeContainer {
+  font-size:70%;
   white-space:nowrap;
 }
 
@@ -560,151 +491,133 @@ span.RicoCancel {
 
 /* ricoCalendar */
 
-table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt *, div.ricoTreeContainer * {
-  font-size:8pt !important;
+.ricoCalContainer {
+  font-size:85%;
+  background-color:#eee;
 }
-
-table.ricoCalTab {
-  width: auto !important;
+.ricoCalBody {
+  font-size:70%;
 }
-
-div.ricoCalContainer table.ricoCalTab, div.ricoCalContainer td.ricoCalEmpty, div.ricoCalContainer tr.ricoCalDayNames td  {
-  background-color:#eee;
+.ricoCalMonthPrompt {
+  font-size:95%;
 }
-
-div.ricoCalContainer  .ricoCalToday {
-  font-weight:bold;
-  background-color: #33FFFF !important;
+.ricoCalYearPrompt p {
+  font-size:70%;
 }
 
-div.ricoCalContainer .ricoSelectedDay {
-  font-weight:bold;
-  background-color: #FFFF66 !important;
+td.RicoCalHeading {
+  text-align: left;
+  padding: 0px !important;
 }
-
-div.ricoCalContainer tbody td.hover {
-  background-color: #FDD;
+* html td.RicoCalHeading {
+  position: static !important; /* override Themeroller */
 }
-
-table.ricoCalTab thead a {
-  text-decoration: none;
+* html td.RicoCalHeading table {
+  float: left;
+}
+* html td.RicoCalHeading .RicoCloseAnchor {
+  position: static;
+  float: right;
 }
 
-span.RicoCalMonthHeading {
-  position:relative;
-  margin: 0px 1.6em;
-  display: block;
-  padding: 0px;
-  width: 6em;
+.ui-datepicker td.RicoCalHeading  table{
+  width: auto;
+  margin: 0px 2em !important;
+}
+.ricoCalContainer td.RicoCalHeading  table{
+  width: auto;
+  margin: 2px 2em 0px 2em;
+}
+td.RicoCalHeading td {
+  padding: 0.2em 0px;
+}
+td.RicoCalHeading {
+  font-size:90%;
+}
+td.RicoCalHeading table a {
+  text-decoration: none;
+  font-weight: bold !important;
+  margin: 0px !important;
   text-align: center;
-  float: left;
+  border: 0px none !important;
+  font-family: "Lucida Console", Courier, "Courier New", monospace;
 }
 
-span.RicoCalYearHeading {
-  position:relative;
-  display: block;
-  width: 7em;
-  text-align: center;
-  float: left;
+.ui-datepicker-header  span {
+  text-indent: 0px !important;
+  padding: 0px !important;
 }
 
-span.Rico_leftArrow {
-  background: url(../images/left_b.gif) no-repeat bottom right;
-  position: absolute;
-  top: 4px;
-  left: 0px;
-  width: 11px;
-  height: 11px;
+.ricoCalContainer .ricoCalBody  td.ricoSelectedDay {
+  font-weight:bold;
+  background-color: #FFFF66 !important;
 }
 
-a.Rico_leftArrow {
-  position: absolute;
-  top: -3px !important;
-  left: 0px !important;
-  width: 12px;
-  height: 1.6em;
+.ricoCalContainer tbody td.hover {
+  background-color: #FDD;
 }
 
-span.Rico_rightArrow {
-  background: url(../images/right_b.gif) no-repeat bottom left;
-  position: absolute;
-  top: 4px;
-  right: 0px;
-  width: 11px;
+span.Rico_leftArrow {
+  background-position: -10px -1046px;
+  display: inline-block;
+  width: 10px;
   height: 11px;
 }
 
-a.Rico_rightArrow {
-  position: absolute;
-  top: -3px !important;
-  right: 0px !important;
-  width: 12px;
-  height: 1.6em;
+.ui-datepicker a.Rico_leftArrow, .ui-datepicker a.Rico_rightArrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
 }
 
-table.ricoCalTab thead img {
-  border:none;
-/*  padding-left: 0.3em;
-  padding-right: 0.3em;*/
+.ricoCalContainer a.Rico_leftArrow, .ricoCalContainer a.Rico_rightArrow {
+  display: inline-block;
+  width: 16px;
+  height: 14px;
 }
 
-table.ricoCalTab thead a.hover {
-  cursor:pointer;
+span.Rico_rightArrow {
+  background-position: -10px -1108px;
+  display: inline-block;
+  width: 10px;
+  height: 11px;
 }
 
-.ricoCalYearPrompt td {
-  white-space: nowrap;
+.ui-datepicker-header a.ui-dialog-titlebar-close {
+  top: 2px;
 }
 
 div.ricoCalYearPrompt {
   margin: 0px;
   padding: 3px;
-}
-
-div.ricoCalContainer  div.ricoCalYearPrompt {
   border:1px solid #666666;
   background-color: #FEE;
 }
 
-div.ricoCalContainer  .ricoCalYearPrompt img {
+.ricoCalYearPrompt p {
+  margin: 0px;
+  padding: 3px;
+}
+
+.ricoCalYearPrompt img {
   border: 1px solid black;
   margin-left: 3px;
   vertical-align: middle;
 }
 
-div.ricoCalContainer table.ricoCalTab thead th {
-  background-color: #D4D0C8;
-  font-weight: bold;
-  text-align:center;
-  padding: 2px;
-}
-
-.RicoCalHeading {
-  position: relative;
-  padding: 1px 0px;
-  height: 1%;
-}
-
-table.ricoCalTab tfoot td {
+.ricoCalFoot td {
+  font-size:75% !important;
   text-align:center;
   padding: 2px;
+  text-decoration: underline;
   cursor:pointer;
 }
 
-div.ricoCalContainer  tfoot td {
+td.ricoCalFoot {
   color:#FFF;
   background-color: #666666;
 }
 
-table.ricoCalTab tfoot span {
-  text-decoration: underline;
-  cursor:pointer;
-}
-
-div.ricoCalContainer table.ricoCalTab tbody {
-  background-color: white;
-}
-
 tr.ricoCalDayNames td {
   font-weight: bold;
 /*  padding: 0px 2px 0px 2px;*/
@@ -712,11 +625,11 @@ tr.ricoCalDayNames td {
   text-align:right;
 }
 
-table.ricoCalTab td, table.ricoCalTab th {
+.ricoCalBody td {
   width:2.7em;
 }
 
-td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday, td.ricoCalEmpty {
+td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday {
   text-align:right;
   text-decoration:none;
 }
@@ -728,13 +641,13 @@ td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td
 }
 
 /* Monday-Friday */
-div.ricoCalContainer td.ricoCal1, div.ricoCalContainer td.ricoCal2, div.ricoCalContainer td.ricoCal3, div.ricoCalContainer td.ricoCal4, div.ricoCalContainer td.ricoCal5 {
+.ricoCalContainer td.ricoCal1, .ricoCalContainer td.ricoCal2, .ricoCalContainer td.ricoCal3, .ricoCalContainer td.ricoCal4, .ricoCalContainer td.ricoCal5 {
   color:black;
   background-color:#fff;
 }
 
 /* Sunday, Saturday */
-div.ricoCalContainer td.ricoCal0, div.ricoCalContainer td.ricoCal6 {
+.ricoCalContainer td.ricoCal0, .ricoCalContainer td.ricoCal6 {
   color:#999;
   background-color:#fff;
 }
@@ -745,6 +658,10 @@ td.ricoCalToday {
   font-weight:bold;
 }
 
+.ricoCalContainer  .ricoCalBody  td.ricoCalToday {
+  background-color: #33FFFF;
+}
+
 td.ricoCalWeekNum {
   background-color: #D4D0C8;
   color:black;
@@ -752,15 +669,13 @@ td.ricoCalWeekNum {
 }
 
 .ricoCalMenu {
-  width:12em !important;
-}
-div.ricoCalContainer .ricoCalMenu {
+  width:12em;
   background-color: #FEE;
   border-bottom:1px solid #666666;
   border-right:1px solid #666666;
 }
 
-div.ricoCalContainer .ricoCalMenu td {
+.ricoCalMenu td {
   border-top:1px solid #666666;
   border-left:1px solid #666666;
 }
@@ -769,15 +684,12 @@ div.ricoCalContainer .ricoCalMenu td {
   display:block;
   text-decoration:none;
   cursor:pointer;
-  font-size:8pt;
+  font-size:70%;
   text-align: center !important;
-}
-
-div.ricoCalContainer .ricoCalMenu a {
   color:black;
 }
 
-div.ricoCalContainer .ricoCalMenu a:hover {
+.ricoCalMenu a:hover {
   background-color: #FCC;
 }
 
@@ -791,7 +703,7 @@ div.ricoColorPicker {
 div.ricoColorPicker td {
   width: 12px;
   height: 12px;
-  font-size: 10px;
+  font-size: 60%;
 }
 
 /* tabbed panels and accordion */
@@ -844,3 +756,226 @@ div.ricoCorner div {
   height: 1%;
   position: relative;
 }
+
+.rico-calarrow {
+  width: 37px;
+  height: 18px;
+  display: inline-block;
+  background-position: -10px -10px;
+}
+.rico-calendaricon {
+  width: 17px;
+  height: 17px;
+  display: inline-block;
+  background-position: -10px -48px;
+}
+.rico-close-b {
+  background-position: -10px -122px;
+}
+.rico-close-w {
+  background-position: -10px -155px;
+}
+.rico-delete-b {
+  background-position: -10px -188px;
+}
+.rico-delete-w {
+  background-position: -10px -225px;
+}
+.rico-doc {
+  background-position: -10px -262px;
+}
+.rico-dotbutton {
+  width: 17px;
+  height: 17px;
+  display: inline-block;
+  background-position: -10px -304px;
+}
+.rico-drop {
+  background-position: -10px -341px;
+}
+.rico-folderclosed {
+  width: 24px;
+  height: 22px;
+  display: block;
+  background-position: -10px -403px;
+}
+.rico-folderopen {
+  width: 24px;
+  height: 22px;
+  display: block;
+  background-position: -10px -445px;
+}
+.rico-info {
+  width: 15px;
+  height: 15px;
+  display: inline-block;
+  background-position: -10px -487px;
+}
+.rico-link {
+  background-position: -10px -522px;
+}
+.rico-tree-m {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -564px;
+}
+.rico-tree-node {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -606px;
+}
+.rico-tree-nodelast {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -648px;
+}
+.rico-tree-nodeline {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -690px;
+}
+.rico-tree-nodem {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -732px;
+}
+.rico-tree-nodemlast {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -774px;
+}
+.rico-tree-nodep {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -816px;
+}
+.rico-tree-nodeplast {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -858px;
+}
+.rico-tree-p {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background-position: -10px -900px;
+}
+.rico-tree-nodeblank {
+  width: 16px;
+  height: 22px;
+  display: block;
+  background: none !important;
+}
+.rico-removeFilter {
+  background-position: -10px -942px;
+}
+.rico-FilterCollapse {
+  background-position: -10px -974px;
+}
+.rico-FilterExpand {
+  background-position: -10px -1010px;
+}
+.rico-left-b {
+  background-position: -10px -1046px;
+  width: 10px;
+  height: 11px;
+}
+.rico-left-w {
+  background-position: -10px -1077px;
+  width: 10px;
+  height: 11px;
+}
+.rico-right-b {
+  background-position: -10px -1108px;
+  width: 10px;
+  height: 11px;
+}
+.rico-right-w {
+  background-position: -10px -1139px;
+  width: 10px;
+  height: 11px;
+}
+
+.ricoLG_filterCol {
+  margin: 0px 2px;
+  width: 13px;
+  height: 12px;
+  background-position: -10px -371px;
+}
+.ricoLG_sortAsc {
+  margin: 0px 2px;
+  width: 11px;
+  height: 11px;
+  background-position: -10px -1168px;
+}
+.ricoLG_sortDesc {
+  margin: 0px 2px;
+  width: 11px;
+  height: 11px;
+  background-position: -10px -1198px;
+}
+
+.ricoClearNative {
+  width: 17px;
+  height: 17px;
+  background-position: -10px -186px;
+}
+
+a span {
+  cursor: pointer;
+}
+
+span.ricoClear {
+  display:-moz-inline-box;
+  display:inline-block;
+  cursor: pointer;
+}
+
+span.RicoCheckmark {
+  display: inline-block;
+  height: 17px;
+  width: 17px;
+  background-position: -10px -85px;
+}
+
+span.RicoCancel {
+  display: inline-block;
+  height: 17px;
+  width: 17px;
+  background-position: -10px -188px;
+}
+
+
+.RicoCloseAnchor {
+  cursor: pointer;
+  position: absolute;
+  display: block;
+  top: 5px;
+  right: 2px;
+  border: 0px none !important;
+}
+span.RicoClose {
+  display: block;
+  height: 15px;
+  width: 16px;
+  background-position: -10px -122px;
+}
+
+/* ie6 only */
+* html iframe.RicoShim {
+  position: absolute;
+  display:block;
+  top: 0px;
+  left: 0px;
+  width: expression( this.previousSibling.offsetWidth+'px' );
+  height: expression( this.previousSibling.offsetHeight+'px' );
+  z-index: 1;
+}