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