/******************************************************************************
 * (C)2005-2011 Copyright InfoStreet, Inc.
 * Use without the permission of InfoStreet Inc. is strictly prohibited.
 * Contact InfoStreet for more details (http://www.infostreet.com)
 *
 * Name:           $RCSfile: ss_CSSLibrary.css,v $
 * Author:         Nick Garcia
 * Created On:     Oct 10, 2007
 * Last Modified:  $Date: 2011/08/22 17:22:16 $
 * Last Modifier:  $Author: pratik $
 * Version:        $Revision: 1.38 $
 *
 * Consolidated CSS Styles for all Applications
 *****************************************************************************/

/* ####### ajax.css #######
   Styles related to AJAX functionality */

.CompletionBox {
  padding: 0.5em;
  border: 1px solid black;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  overflow: auto;
}

.AjaxMessage {
  position: absolute;
  left: 0px;
  top: 0px;
  font: small-caps 900 large Arial Black;
  padding: 0.5em 2em 0.5em 2em;
  border: 1px double black;
  filter:alpha(opacity=80);
  moz-opacity: 0.8;
  opacity: 0.8;
  display: none;
  /* background: #fafafa; */
}

.AjaxPopup {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0.5em;
  border: 1px solid black;
  display: none;
}

.AjaxPopupButtons {
  text-align: center;
  padding: 5px 0 2px 0;
  background-color: ECE9D8;
}


/* ####### password.css #######
   Styles related to password streangth */
   .password-min-char{
      display: none;
   }
/* ####### tree.css #######
   Styles related to display of folder trees */

.FolderRow {
  white-space: nowrap;
  padding: 2px;
  cursor: pointer;
}

.FolderName {
  margin-left: 0.5em;
  padding: 2px;
}

.FolderContents {
  display: none;
  padding-left: 16px;
 }

.FolderIcon {
  vertical-align: text-bottom;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

/* ####### menu.css #######
   Styles related to display of dropdown menus */

/* 
 * The "grey" bar containing the (level 1) menu buttons 
 */
.MenuBar {
  background-color: ButtonFace;        /* site CSS */
  border: 1px outset ButtonFace;       /* site CSS */
  border-top: 0px;
  width: 100%-2px; /* -2px avoids horiz scroll due to unknown 1px entity */
  font: menu; /* required for "em"-sizes used below */
  /* 
   * top and bottom need to take into account the px-sized MenuButton border 
   * it seems like padding-top = MenuButton.(padding-top + margin) although
   * I don't understand why.
   * (left and right are just text spacing)
   */
  padding: 0.5em 0.25em 0.5em 0.25em;
}

.ToolBar {
  text-align: right;
}

.ToolBarTable { 
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.BottomBar { 
  background-color: ButtonFace;        /* site CSS */
  width: 100%;
}

.BottomLeftBar { 
  text-align: left;
}
.BottomCenterBar { 
  text-align: center;
}
.BottomRightBar { 
  text-align: right;
}

/*
 * Top menu button (level 1)
 */
.MenuButton {
  cursor: default;
  text-align: center;
  font: menu;
  padding: 0.3em 0.5em 0.3em 0.5em; /* linked to MenuBar padding */
  color: MenuText;               /* site CSS */
  background-color: ButtonFace;        /* site CSS */
  border: 1px solid ButtonFace;        /* site CSS */ 
  margin: 0.1em; /* linked to MenuBar padding */
  /* inherits from MenuBar */
}

.MenuBar .Hover { /* modifier for MenuButton, actually */
  background-color: ButtonFace;        /* site CSS */
  border: 1px outset ButtonFace;       /* site CSS */ 
}

.MenuBar .Active { /* modifier for MenuButton, actually */
  background-color: ButtonFace;        /* site CSS */
  border: 1px inset ButtonFace;        /* site CSS */ 
}

/*
 * Pull-down container box
 */
.Pulldown { 
  cursor: default;
  z-index: 100;
  width: 260px;            /* IE needs this, moz is fine with no width */
  padding: 1px;
  font: menu;
  color: ButtonText;       /* site CSS */ 
  border: 2px outset Menu; /* site CSS */ 
  background-color: Menu;  /* site CSS */ 
  overflow: auto;
  /* inherits from MenuBar */
}

/*
 * Pull-down menu item
 */
.Pulldown div { 
  /* inherits from MenuBar */
  width: 100%;
  padding: .5 0 .5 0;
  z-index: 0;
}

.Pulldown .Disabled { 
  color: GrayText;              /* site CSS */ 
  /* inherits from MenuBar */
}

.Pulldown .Hover { 
  background-color: Highlight;  /* site CSS */ 
  color: HighlightText;         /* site CSS */ 
  /* inherits from MenuBar */
}

.PulldownOption {
  width: 100%;
  margin: 0px;
}

.MenuSelected {
  width: 15px;
  padding: 0px;
  margin: 0px;
}

.MenuShortcut {
  width: 40px;
  margin: 0px; 
  padding: 0px;
  font: menu;
  float: right;
  display: none;
}

.MenuName {
  word-wrap: break-word;     /* only works in IE, no moz equivilant */
  wrap: hard;
  width: 190px;
  margin: 0px;
  padding: 0px;
  font: menu;
}

.MenuNameContainer { 
  width: 190px;
  margin: 0px;
  padding: 0px;
  word-wrap: break-word;
  wrap: hard;
}

.MenuName .Hover { 
  color: HighlightText;         /* site CSS */ 
  /* inherits from MenuBar */
}

.PulldownOptionTable {  
  margin: 0px;
  padding: 0px;
  width: 250px;
}

.Disabled { 
  color: GrayText;              /* site CSS */ 
  /* inherits from MenuBar */
}

/* 
 * Button on ToolBar
 */
.ToolButton {
  cursor: default;
  text-align: center;
  white-space: nowrap;
  font: menu;
  padding: 0 0.1em 0 0.1em; /* linked to ToolBar padding */
  color: ButtonText;             /* site CSS */ 
  background-color: ButtonFace;      /* site CSS */ 
  /* inherits from ToolBar */
}

.IconButton {
  border: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.IEIconButton {
  /* Because IE and FF have different spacing on the buttons. */
  border; 0px;
  margin-top: 3px;
  margin-bottom: 2px;
}

button.Disabled { 
  /* For some reason having .ToolButton .Disabled here didn't work for
  the toolbuttons, so this is my way of working around it. */
  color: GrayText;
}

/*
 * Searchbox on ToolBar
 */
.SearchBox { 
  width: 10em;
}

/*
 * BreadCrumbs on FixedTop
 */
.BreadCrumb { 
  padding: 5px 0 5px 10px;
}

/*
 * Tabs
 */

#Tabs2 { 
  width: 500px;
  font: menu;
  padding-top: 0em;
}

.SS_InvertedTabCloser {
  position: relative;
  float: right;
  right: 0;
  padding-top: 4px;
}

.Tab a { 
  text-decoration: none;
}

.ActiveTab a { 
  text-decoration: none;
}

.TabsSeparator { 
  background-color: ButtonFace;
  border-bottom: 1px solid #ADADAD;
  height: 10px;
}

.FilterLabel { 
  font: menu;
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.5em;
 }

.FilterHolder {
  white-space: nowrap;
}

.FilterBox {
  position: absolute;
  top: 50;
  z-index: 1000;
  width: 425px;
  right: 0;
  display: none;
}

.FilterOptionsBox {
  width: 190px;
  overflow: auto;
}

.FilterLabelsBox {
  height: 100%;
  width: 190px;
}

.FilterOptionsList {
  display: none;
  padding: 2px;
  padding-left: 5px;
}

.FilterHighlighted {
  font-weight: bold;
}

/* For rounded corners on divs */
.rtop, .rbottom { display: block }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden }
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; }

.rs1 { margin: 0 1px }
.rs2 { margin: 0 2px }

@media print {
  .MenuBar { display: none; }
  .ToolBar { display: none; }
  .BottomBar { display: none; }
  .AjaxPopup { visibility: hidden; display: none; }
}

/* ####### list.css #######
   Styles related to display of list template */

.ListTable { 
  width: 100%;
}

.ListCell { 
  padding-left: 3px;
  padding-right: 7px;
 }

.ListNoContent { 
  text-align: center;
  font-weight: bold;
  visibility: hidden;
 }

.Draggable {
  position: absolute;
  z-index: 99999;
  left: 0px;
  top: 0px;
  font-weight: bold;
  display: none;
  border: 1px solid black;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: #fafafa;
}

.DraggableText {
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: #fafafa;
  border-left: 1px solid black;
  border-right: 1px solid black;
  white-space: nowrap;
}

.PaginationButton {
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid black;
}

.PaginationPager {
  padding-left: 2em;
  padding-right: 2em;
  margin: 0px;
}

.MessageLoading {
  padding-top: 2em;
  text-align: center;
  font-weight: bold;
}

/* ####### editor.css #######
   Styles related to new TinyMCE HTML Editor */

.mceContentBody {
    font-family: Arial, Verdana, Helvetica;
    font-size: 10pt;
}

/* ####### cbb.css #######
   Styles related to rounded corners (see cbb function in ss_JSLibrary.js) */

/* Basic styling, used when JavaScript is unsupported */
.RoundedCorners {
    margin:1em 0;
    padding:0 13px;
    border:1px solid #666;
    background:#fff;
}
.RoundedCorners h1 {
    margin:0 -13px;
    padding:0.3em 13px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
    /* Top corners and border */
.bt {
    height:7px;
    margin:0 0 0 13px;
    background:url(/templates/box.png) no-repeat 100% 0;
}
.bt div {
    position:relative;
    left:-13px;
    width:13px;
    height:7px;
    background:url(/templates/box.png) no-repeat 0 0;
    font-size:0;
    line-height:0;
}

    /* Bottom corners and border */
.bb {
    height:11px;
    margin:0 0 0 13px;
    background:url(/templates/box.png) no-repeat 100% 100%;
}
.bb div {
    position:relative;
    left:-13px;
    width:13px;
    height:11px;
    background:url(/templates/box.png) no-repeat 0 100%;
    font-size:0;
    line-height:0;
}

    /* Left border */
.i1 {
    padding:0 0px 0 1px;
    background:url(/templates/borders.png) repeat-y 0 0;
}
    /* Right border */
.i2 {
    padding:0px 7px 0px 0px;
    background:url(/templates/borders.png) repeat-y 100% 0;
}
    /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
    display:block;
    margin:0;
    padding:1px 6px;
    background:#fff;
}
    /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}

/* Another different set of rounded corner styles */
.Black .RoundedCorners {
    margin:1em 0;
    padding:0 5px;
    border:1px solid #666;
    background:grey;
}
.Black .RoundedCorners h1 {
    margin:0 -5px;
    padding:0.3em 5px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.Black .cb {margin: 0.5em 0;}
    /* Top corners and border */
.Black .bt {
    height:5px;
    margin:0 0 0 10px;
    background:url(dits_icon_box.png) no-repeat 100% 0;
}
.Black .bt div {
    position:relative;
    left:-10px;
    width:10px;
    height:10px;
    background:url(dits_icon_box.png) no-repeat 0 0;
    font-size:0;
    line-height:0;
}

    /* Bottom corners and border */
.Black .bb {
    height:5px;
    margin:0 0 0 10px;
    background:url(dits_icon_box.png) no-repeat 100% 100%;
}
.Black .bb div {
    position:relative;
    left:-10px;
    width:10px;
    height:5px;
    background:url(dits_icon_box.png) no-repeat 0 100%;
    font-size:0;
    line-height:0;
}

    /* Left border */
.Black .i1 {
    padding:0 0px 0 5px;
    background:url(dits_icon_box.png) repeat-y 0 0;
}
    /* Right border */
.Black .i2 {
    padding:2px 5px 2px 0px;
    background:url(dits_icon_box.png) repeat-y 100% 0;
}
    /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.Black .i3 {
    display:block;
    margin:0;
    /* padding: 1px 2px; */
    padding: 0px;
    background:black;
    color: white;
}
    /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.Black .i3:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.Black .i3 {display:inline-block;}
.Black .i3 {display:block;}


.ResizeIndicator {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 1px;
  width: 1px;
  border-style: dashed;
  border-color: black;
  border-width: 1px 0 0 1px;  
}

.FolderTree {
  width: 200;
  height: 100%;
  float: left;
  border-right: 1px solid black;
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
}

.FreeSpace {
  position: relative;
  float: right;
  border-style: solid;
  border-color: #BBB;
  border-width: 0 0 1px 1px;
  background-color: #FFFFFF;
  padding: 1px 2px 0 1px;
}

.SelectedInactiveBg {
  background-color: #DDDDDD;
}

.MessagePane {
  overflow: auto;
  height: 100%;
}

.MessageList {
  overflow: hidden;
  height: 30%;
  border-bottom: 1px solid black;
}

.ProgressSlider {
  border-color: HighlightText;
  #background-color: Highlight;
  background-color: #EEEEEE;
  border-width: 1px;
  width: 0;
  position: relative;
  left: 0;
  top: 0;
  border-right-color: ThreeDDarkShadow;
  border-bottom-color: ThreeDDarkShadow;
  border-top-color: ThreeDShadow;
  border-left-color: ThreeDShadow;
  border-style: solid;
  display: none;
  color: red;
}

.ProgressStatus {
  font: normal small-caps 900 9px generic-family;
  text-align: center;
  position: relative;
}

/*
 datePicker CSS 
*/

.ui-datepicker-trigger{
  padding-top: 6px;
}

/*
 round corner
*/
.CurveIMG{
  float: left;
  _margin: 0 -3px;
}

.RoundCornerBorderTop{
  height: 10px;
  float:left;
  width: 100%;
  background-image:url(/templates/horizontal_border_top.gif);
  background-repeat: repeat-x;
}

.RoundCornerBorderLeft{
  float: left;
  background-image:url(/templates/vertical_border.gif);
  background-repeat: repeat-y;
}

.RoundCornerBorderRight{
  width: 100%;
  float: left;
  background-image:url(/templates/vertical_border.gif);
  background-repeat: repeat-y;
  background-position: top right;
}

.RoundCornerBorderBottom{
  height: 10px;
  width: 100%;
  float:left;
  background-image:url(/templates/horizontal_border_bottom.gif);
  background-repeat: repeat-x;
  padding: 0;
}


.overlay{
  width:0px;
  height:0px;
  position:relative;
}

/*
 * Some styles for the new top menu for the desktop in the sky.
 */

.SS_3DObject { background-color: threedface;
               border-left: 2px solid threedlightshadow;
               border-top: 2px solid threedlightshadow;
               border-right: 2px solid threedshadow;
               border-bottom: 2px solid threedshadow; }
.SS_InsetObject { background-color: threedface;
                  border-right: 1px solid threedlightshadow;
                  border-bottom: 1px solid threedlightshadow;
                  border-left: 1px solid threedshadow;
                  border-top: 1px solid threedshadow; }
.SS_DesktopToolbar { width: 100%;
                     display: none;
                     font-family: Tahoma, Arial, Verdana, Helvetica;
                     font-size: 11px;
                     z-index: 99999;
                     sborder-bottom: 1px solid gray; }
.SS_DesktopMenuBar { background: url('/templates/menu_bar_bg.jpg');
                     padding-right: 5px;}
.SS_DesktopDateTimeBox { text-align: center;
                         white-space: nowrap;
                         padding-left: 20px;
                         padding-right: 20px;
                         padding-top: 2px;
                         padding-bottom: 2px;
                         font-family: Tahoma, Arial, Verdana, Helvetica;
                         font-size: 11px;
                         font-weight: bold; }
.SS_MenuButton { padding: 1px;
                 padding-left: 5px;
                 cursor: default; }
.SS_MenuButtonText { padding: 0px 0px;
                     float: left;
                     position: relative;
                     top: 4px;
                     left: 4px;
                     white-space: nowrap;
                     font-family: Tahoma, Arial, Verdana, Helvetica;
                     font-size: 12px; }
.SS_MenuContainer { font-family: Tahoma, Arial, Verdana, Helvetica;
                    font-size: 11px;
                    border: 1px solid #DDD;
                    position: absolute;
                    display: none;
                    top: 25;
                    left: 5;
                    width: 200px;
                    z-index: 99999;
                    -moz-border-radius: 0px 0px 8px 8px;
                    -webkit-border-radius: 0px 0px 8px 8px;
                    border-radius: 0px 0px 8px 8px;
                    padding: 3px; }
.SS_MenuContainerFrame { border: 1px solid black; /* To match container */
                         background-color: black;
                         position: absolute;
                         display: none;
                         top: 25;
                         left: 5;
                         width: 200px;
                         z-index: 77777;
                         -moz-border-radius: 0px 0px 8px 8px;
                         -webkit-border-radius: 0px 0px 8px 8px;
                         border-radius: 0px 0px 8px 8px;
                         padding: 3px; }
.SS_MenuContainerBG { border: 1px solid black; /* To match container */
                      background-color: black;
                      position: absolute;
                      display: none;
                      top: 25;
                      left: 5;
                      width: 200px;
                      z-index: 88888;
                      padding: 3px; }
.SS_MenuItem { font-family: Arial, Verdana, Helvetica;
               font-size: 12px;
               color: #DDD;
               padding: 6px; 1.5em; }
.SS_MenuItemSelected { background-color: #BBB;
                       color: black; }
.SS_SubMenuIcon { background-repeat: no-repeat;
                  background-position: center right; }

/*
 * Some styles for the new context menu template.
 */

.SS_ContextMenu { font-family: Tahoma, Arial, Verdana, Helvetica;
                  font-size: 12px;
                  border: 1px solid #DDD;
                  position: absolute;
                  width: 200px;
                  z-index: 99999;
                  -moz-border-radius: 8px;
                  -webkit-border-radius: 8px;
                  border-radius: 8px;
                  padding: 3px; }

.SS_ContextMenuBG { border: 1px solid black; /* To match container */
                    background-color: black;
                    position: absolute;
                    width: 200px;
                    z-index: 77777;
                    -moz-border-radius: 8px;
                    -webkit-border-radius: 8px;
                    border-radius: 8px;
                    padding: 3px; }

.SS_ContextEntry { font-family: Arial, Verdana, Helvetica;
                   font-size: 12px;
                   color: #DDD;
                   padding: 6px; 1.5em;
                   cursor: default; }

.SS_ContextEntryHighlighted { background-color: #BBB;
                              font-family: Arial, Verdana, Helvetica;
                              font-size: 12px;
                              color: black;
                              padding: 6px; 1.5em;
                              cursor: default; }

.SS_ContextEntrySeparator { width: 90%; }

.SS_ContextSubMenuIndicator { position: absolute;
                              float: right;
                              right: 5px;
                              margin-top: 4px;
                              padding-left: 4em; }

.SS_DesktopHeaderText { font-family: Arial, Verdana, Helvetica;
                        font-size: 12px;
                        font-weight: bold;
                        white-space: nowrap;
                        color: white; }

.SS_DesktopHeaderLink:link { color:white; 
                             padding-left: .5em;
                             padding-right: .5em;
                             text-decoration: none; }
.SS_DesktopHeaderLink:visited { color:white; 
                                padding-left: .5em;
                                padding-right: .5em;
                                text-decoration: none; }
.SS_DesktopHeaderLink:hover { color:white; 
                              padding-left: .5em;
                              padding-right: .5em;
                              text-decoration: underline; }
.SS_DesktopHeaderLink:active { color:white; 
                               padding-left: .5em;
                               padding-right: .5em;
                               text-decoration: underline; }
.SS_DesktopHeaderLink:focus { outline: none; }

.SS_PermanentTabLink { margin-right: 0px !important }

.SS_LauncherBar { padding-left: 2em; }

.SS_LauncherButton { padding-left: 4px; }

.SS_TabFrame { width: 100%;
               height: 100%; }

.SS_DesktopSearchBox { padding-left: 3px; 
                       padding-right: 3px;
                       white-space: nowrap;
                       height: 20px;
                       background: url('searchbox_bg.png'); }

.SS_GoogleSearchBox { border: 0px;
                      width: 200px;
                      height: 10px;
                      color: #AAAAAA;
                      font-family: Helvetica, Verdana, Arial;
                      font-size: 10px;
                      font-style: italic;
                      font-weight: bold; }

.swfupload {
    position: absolute;
    z-index: 1;
}

/* For jQuery tooltips. */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 12px;}

/* For jQuery context menu */
body ul.cm_default, body ul.cm_default ul
{
    /* Required settings */
    top:-1000px; left:-1000px; position:absolute; z-index:99999;
    /* Possibly inherited values overrides */
    border-width:0;  float:none; height:auto; margin:0; padding:0; width:auto;
    /* Additional settings */
    border-top:solid 1px #acacac; border-bottom:solid 1px #acacac;
}
body ul.cm_default li
{
    /* Required settings */
    width:162px; list-style:none none outside;
    /* Possibly inherited values overrides */
    float:none; height:auto; letter-spacing:normal; margin:0; border-width:0; line-height:normal; margin:0;
    text-align:left; text-decoration:none; text-indent:0; text-transform:none; vertical-align:top; word-spacing:normal;
    font-family:Arial, Sans-Serif; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal;
    /* Additional settings */
    overflow:hidden; cursor:default; padding:5px 5px 5px 31px;
    border-left:solid 1px #acacac; border-right:solid 1px #acacac;
    background:#e6e6e6 url(/templates/context_background.gif) repeat-y 0 0
}
body ul.cm_default li.separator{width:198px; height:12px; background:#e6e6e6 url(/templates/context_separator.gif) no-repeat; padding:0}
/* IE 6/7 hack */
body ul.cm_default li.separator{*margin:-1px 0 -5px 0}
body ul.cm_default li.disabled{color:#999}
body ul.cm_default li span.submenu{display:block; width:4px; height:11px; float:right; background:url(/templates/context_submenu.gif) no-repeat 0 4px}
body ul.cm_default li.disabled span.submenu{background-image:url(/templates/context_submenu_dis.gif)}
body ul.cm_default li.hover{background-color:#d4dde6; background-image:url(/templates/context_hover.gif)}
/* no hover effects on separators*/
body ul.cm_default li.hover.separator{background-color:#e6e6e6; background-image:url(/templates/context_separator.gif)}
/*icons*/
body ul.cm_default li.icon{width:188px; padding:5px}
body ul.cm_default span.icon{display:block; float:left; width:26px; height:16px; background-repeat:no-repeat}
body ul.cm_default span.icon.hover{background-position:0 -16px}
body ul.cm_default span.disk{background-image:url(/templates/disk.gif)}
body ul.cm_default span.drive{background-image:url(/templates/drive.gif)}
body ul.cm_default span.folder{background-image:url(/templates/folders.gif)}
body ul.cm_default span.file{background-image:url(/templates/file.gif)}
body ul.cm_default span.ok{background-image:url(/templates/ok.gif)}

.TabsTopBar {
  background-image: url(/templates/gradient_32_top_light.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 32px;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}

.Noshow {
  display: None;
 }