/**
 * jGrid band
 */
.jGrid                  { /*border:1px solid #CCC;*/ font-size:11px; font-family:Arial, Helvetica, sans-serif; clear:both;float: left; margin: 18px 0 18px 0 }
.jGridTwo               {margin: 0 0 18px 0 }
.jGrid ul               { margin:0; list-style:none }
.jGrid .band            { background:transparent url(images/wbg.gif) repeat-x 0 -1px; /*border-bottom:1px solid #CCC;*/ overflow:hidden; position: relative }
.jGrid .bband           { border:none }
*html .jGrid .band      { overflow:visible; height:30px }
.band .notes            { background: url("images/line.gif") no-repeat left; float:left; padding:0 0 0 12px; line-height:20px; margin:6px 0 0;}
.band .no-data          { padding:0 0 0 10px; line-height:20px; margin:6px 0;}
.band .title            { padding:0 0 0 10px; line-height:20px; margin:6px 0 0; font-weight:700; float:left  }
.jGrid :focus           { outline: 0 }



/**
 * jColumns
 */
.jGrid .jColumns        { background:#F3F3F3; height:auto; padding:10px; }
.jColumns li            { float:left; width:182px }
.jColumns label         { line-height:15px; *line-height:20px; clear:none; display:block; font-weight:400; float:left; width:auto }
.jColumns input         { float:left; margin:0 5px 5px 0 }


/**
 * jTable
 */
.jTable                 { overflow:auto; /*border-bottom:1px solid #CCC;*/ width:615px; position:relative }
.jTable                 { *overflow-x:scroll; *overflow-y:hidden }
.jTable table           { table-layout:fixed; width:100%; line-height:20px; empty-cells:show; background:#fff  }
.jTable th, .jTable td  { overflow:hidden; white-space:nowrap; border-left:1px solid #FFF; border-right:1px solid #DDD; text-align:left; vertical-align:top; padding:2px 5px}
.jTable th              { background: url("images/fhbg.gif") repeat-x; border-bottom:1px solid #D0D0D0; padding-bottom:1px; white-space:nowrap }
.jTable th div          { white-space:nowrap }
th.jOver                { border-bottom:1px solid orange; cursor:pointer }
.jTable tr.odd          { background:#f7f7f7 }
.desc div, .asc div     { background: transparent url("images/asc-desc.gif") no-repeat center top }
.desc div               { background-position:center -36px }
#content .jTable img    { float:none; margin:0 }
.jResizer               { position:absolute; top:0; height:100%; width:1px; border-left:1px dashed #049 }
.jDragger               { position:absolute; top:0; height:20px; background: url("images/fhbg.gif") repeat-x; border:1px solid #D0D0D0; white-space:nowrap; line-height:20px; padding:2px 5px }
th.jResize              { cursor:col-resize; border-right:1px solid orange }
/*.jBefore div,.jAfter div{ background: transparent url("images/before-after.png") no-repeat left top}
.jAfter div             { background-position:right bottom}*/
#jDrag                  { position:absolute; top:2px; height:20px; width:6px; display:none; background: transparent url("images/before-after.png") no-repeat left top}


/**
 * jGrid Navigation
 */
.jGrid .nav             { float:left; height:25px; list-style:none; padding:5px 12px 0; }
.jGrid .rnav            { float:right }
.jGrid .nav li          { border:0; float:left; padding:0; margin:0; position:relative }
.jGrid .nav a           { color:#0e509e; display:block; float:left; padding:4px 7px; text-decoration:none }
/*.jGrid .nav a:hover     { background: url("images/fhbg.gif") repeat-x; border:solid 1px #CCC; padding:3px 6px; text-decoration:none }*/
.nav .button a em       { display:none }
.nav .button a          { background: url("images/pager-buttons.gif") no-repeat top left; height:14px; width:8px }
.nav .button a:hover    { background: url("images/pager-buttons-on.gif") no-repeat }
.nav .previous a
, .nav .previous a:hover{ background-position:0 -20px }
.nav .next a
, .nav .next a:hover    { background-position:0 -40px }
.nav .last a
, .nav .last a:hover    { background-position:0 -60px }
.jGrid .nav .active     { display:block; float:left; font-weight:700; padding:4px 6px; }
*html .nav .button a    { height:22px; width:22px }
.nav a.toggle-div       { padding-right:20px}
.nav a.toggle-div:hover { padding-right:19px}
.nav a.toggle-div span  { background:url("images/button-down-up.gif") no-repeat left top; display:block; width:20px; height:20px; position:absolute; top:1px; right:0 }
.nav a.div-on span      { background-position:bottom left }
.toggle-div span em     { display:none }
.nav .on a              { background: url("images/fhbg.gif") repeat-x; border:solid 1px #CCC; padding:3px 6px; text-decoration:none; font-weight:700 }

/**
 * Filter
 */

.jGrid .jFilter         { background:#fefedf; height:auto }
#filters .multi-select  { height:106px }
#filters-content        { padding:10px}
#toggle-add-filter      { display:none }
#add-filter             { display:none; background:#f2e5bd; clear:both; line-height:20px; margin:10px 0; padding:10px; position:relative }
#add-filter select      { float:left; margin:0 10px 10px 10px }
/*.close                  { position:absolute; right:5px; top:5px }*/
.close a                { background:transparent url(images/button-close.png) 0 0 no-repeat; clear:right; display:block; float:right; height:10px; width:10px }
.close a em             { display:none }
.close a:hover          { background-position: 0 -10px }

.filter                 { clear:both; float:none; overflow:hidden }
.remove-filter          { display:none; float:left }
.remove-filter a        { background:transparent url(images/button-remove.png) 0 0 no-repeat; display:block; float:left; height:20px; width:20px;}
.form .filter label     { clear:none }
/*.form .filter label.inline-label { clear:none; float:none; width:auto }*/
.remove-filter a em     { display:none }
.remove-filter a:hover  { background-position: 0 -20px }

#active-filters-list    { display:none }

.filter-value           { line-height:20px }
a.clear-filter          { background:transparent url(images/button-clear.png) center top no-repeat; height:10px; width:12px; display:inline-block; }
a.clear-filter em       { display:none }

#current-filters        { background:#fff; clear:both; line-height:20px; padding:10px;margin-bottom: 5px; float: left; width: 585px;}
#current-filters em     { font-weight:700; font-size:14px; color:#0000ff; padding:0 5px }
#current-filters-content{ float:left; padding-right:10px }
#current-filters-links  { padding:0 0 0 20px; text-align:right }
.important              { font-weight:700 }

/*.form-right-column      { float:left; width:744px }*/

.jTable .flag           { background-repeat:no-repeat; background-position: 0 2px; padding-left: 20px}
.jTable img.flag        { background-position:0; padding-left:0 }
.company-autocomplete   { width:298px }
.narratives {
    font-size: 12px;
    float: left;
    margin-right: 10px;
    height: 18px;
    border: 1px solid #b5b5b5;
    border-top: 1px solid #717171;
    padding: 0;
    width:298px;
}

.nodata {
    clear:both;
    background: url( "../../images/ico_no-results-small.png" ) no-repeat 10px center;
    margin:0;
    padding:0;
    border:1px solid #ccc;
    border-top:none;
    font-weight: 700;
    padding: 10px 40px
}