
/**
 * JustAjaxTable : Default
 */
      
    html, body {
       background:#fff;
    }
      
    table {
      border-collapse:collapse;
    }
    
    #justajax-mainbox {
      margin:0px auto;
      height:10px;
    }
    
    #table-box .table-theaders-resizer {
       position:absolute;
       z-index:1000;
       width:2px;
       background-color:#777;
       height:14px;
    }
    
    #table-box .cell-editor {
      border:2px solid #FFBF80;
    }
    
    #justajax-mainbox .tools-panel {
      background-image:url('../data/table-bg.gif');
      height:26px;
      width:619px;
      border:1px solid rgb(192,192,192);
      border-right:none;
    }
    
    #justajax-mainbox td.table-mover {
      padding-left:5px;
      padding-right:7px;
    }
    
    #justajax-mainbox .table-mover img { 
      width:2px;
      height:16px;
    }
    
    #justajax-mainbox .table-record-add img { 
      width:15px;
      height:17px;
      margin:3px 0px 0px 0px;
      cursor:pointer;
    }
    
    #justajax-mainbox .table-record-delete img { 
      width:15px;
      height:17px;
      margin:3px 0px 0px 0px;
      cursor:pointer;
    }

    #justajax-mainbox .table-refresh img { 
      width:12px;
      height:14px;
      margin:3px 0px 0px 0px;
      cursor:pointer;
    }
    
    #justajax-mainbox .tools-panel .filter {
      color:#777;
    }
    
    #justajax-mainbox .table-filter-textbox {
      border:1px solid rgb(192,192,192);
      background-color:#eee;
      width:100px;
      font-size:10px;
      color:#777;
      margin-top:1px;
      height:18px;
    }
    
    #justajax-mainbox .table-status {
      background-image:none;
      background-repeat:no-repeat;
      background-position:2px;
      width:16px;
      height:16px;
    }
    
    #justajax-mainbox .table-statusonloading {
      background-image:url('../data/table-status-loading.gif');
      background-repeat:no-repeat;
      background-position:2px;
    }
    
    #justajax-mainbox .table-rows-names-box {
      overflow:hidden;
      width:619px; 
    }
    
    #justajax-mainbox .table-rows-names {      
      background-image:url('../data/table-bg-names.gif');
      height:20px;
      border: 1px solid rgb(192,192,192);
      border-right:none;
      margin:1px 0px 1px 0px;
      
      /* fixed width :: necessary parameter */
      width:619px;
    }

    #justajax-mainbox .table-rows-names-right {      
      background-image:url('../data/table-bg-names.gif');
      border:1px solid rgb(192,192,192);
      border-left:none;
    }

    #justajax-mainbox .table-rows-names-right img {
      height:19px !important;
      height:20px;
    }
    
    #justajax-mainbox .table-rows-names {
      table-layout:fixed;
    }
    
    #justajax-mainbox .table-rows-names td {
      text-align:center;
      font-size:11px;
      font-weight:bold;
      color:#555;
      cursor:pointer;
      
      /* fixed height for cell ( for IE ) :: necessary parameter */
      height:20px;
      /* canceal new lines ( ignored in IE ) :: necessary parameter */
      white-space: nowrap; 
    }
    
    #justajax-mainbox .table-rows-names td span {
      text-transform: capitalize;
    }
    
    #justajax-mainbox .table-rows-names .table-rows-name-textondown {
      background-image:url('../data/table-sortpointer-down.gif');
      background-position:right;
      background-repeat:no-repeat;
      padding-right:10px;
      background-color:transporent;
    }
    
    #justajax-mainbox .table-rows-names .table-rows-name-textonup {
      background-image:url('../data/table-sortpointer-up.gif');
      background-position:right;
      background-repeat:no-repeat;
      padding-right:10px;
      background-color:transporent;
    }
    
    #justajax-mainbox .table-rows-nameonmouseover {
      background-image:url('../data/table-bg-names-mouseover.gif');
      background-color:transparent;
    }
    
    #justajax-mainbox .table-rows-delimiter {
      margin-top:1px;
      cursor:e-resize;
      background-image:url('../data/table-rows-delimiter.gif');
      background-repeat:no-repeat;
      background-position:left;
      width:5px;
      height:15px;
      position:relative;
      z-index:2;
    }
    
    #justajax-mainbox .table-statusbar {
      background-image:url('../data/table-bg.gif');
      height:20px;
      width:636px;
      border: 1px solid rgb(192,192,192);
      color:#777;
      margin:1px 0px 0px 0px;
    }
    
    #justajax-mainbox .table-statusbar img {
      margin:2px 2px 0px 5px;
    }
    
    #justajax-mainbox .table-rows-contents-box {
      overflow:hidden;
      /* IE Hack */
      width:618px !important; 
      width:619px;
      /* Opera Hack for Content Width */
      border-right:1px solid #bbb;
      border-right-width:0px;
    }
    
    #justajax-mainbox .table-rows-contents {
      border-left:1px solid rgb(192,192,192);
      border-top:1px solid rgb(192,192,192);
      
      /* fixed width :: necessary parameter */
      table-layout:fixed;
      width:619px;
    }
    
    #justajax-mainbox .table-rows-contents td {
      border-right:1px solid rgb(192,192,192);
      border-bottom:1px solid rgb(192,192,192);
      
      
      /* fixed height for cell ( for IE ) :: necessary parameter */
      height:20px;
      /* canceal new lines ( ignored in IE ) :: necessary parameter */
      white-space: nowrap; 
    }
    
    #justajax-mainbox .table-rows-contents .select td {
      background-color:#f9f9f9;
      border-bottom:1px solid rgb(192,192,192);
    }
    
    #justajax-mainbox .table-rows-contents td
    {
       border-bottom:1px solid rgb(192,192,192);
    }
    
    #justajax-mainbox .table-rows-contents td.onselected {
      background-image:url('../data/table-contents-td-select.gif');
    }
    
    #justajax-mainbox .table-rows-contents td.onmouseover, #justajax-mainbox .table-rows-contents .select td.onmouseover {
      background-image:url('../data/table-contents-td-mouseover.gif');
      background-color:#dfdfdf;
    }
    
    #justajax-mainbox .table-rows-contents .selectonmouseover td
    {
       background-color:#f9f9f9;
       border-bottom-color:#bf6000;
    }
    
    #justajax-mainbox .table-rows-contents .onmouseover td {
      border-bottom-color:#bf6000;
    }
    
    #justajax-mainbox .table-resizer img {
      margin-top:7px;
    }
    
    #justajax-mainbox .table-resizer {
      margin-top:7px;
      cursor:nw-resize;
    }
   
   /**** scrolling */
   
    #table-box {
      background-color:#fff;
      width:100%;
      padding-top:0px;
    }
    
    #table-box table.table-scrollbar {
      margin-left:1px;
      background-color:rgb(212,208,200);
      background-image:url('../data/track.gif');
      width:16px;
    }
    
    #table-box .table-scroll-top {
      background-image:url('../data/top.gif');
      background-repeat:no-repeat;
      background-color:rgb(212,208,200);
      height:16px;
      background-position:center;
    }
    
    #table-box .table-scroll-bottom {
      background-image:url('../data/bottom.gif');
      background-repeat:no-repeat;
      background-color:rgb(212,208,200);
      height:16px;
      background-position:center;
    }

    #table-box .table-scroll-pointer, #table-box .table-scroll-pointeronmouseover {
      position:absolute;
      z-index:10px;
      background-image:url('../data/pointer.gif');
      background-repeat:no-repeat;
      background-color:#000;
      height:16px;
      width:16px;
      background-position:center;
    }

    #table-box .table-scroll-pointeronmouseover {
      position:absolute;
      z-index:10px;
      background-image:url('../data/bottom.gif');
    }
