.window
{
    font-family: Tahoma;
    font-size: 11pt;
    color: #333333;
    background-color: #fff;
}

/* header styles */
.window-header
{
    position: relative;
    color: #fff;
    cursor: move; /* So the user knows they can drag the panel */
}
.window-header .window-outer
{
    background-position: right;
    background: url(images/grid/top-right.png) right no-repeat;
    padding-right: 40px;
}
.window-header .window-inner
{
    background: url(images/grid/top-left.png) left no-repeat;
    padding-left: 9px;
}
.window-header .window-content
{
    height: 35px;
    background: url(images/grid/top-mid.png) repeat-x;
}
.window-header .window-content h2
{
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    padding-top: 6px;
    margin: 0;
}
.window-header .window-close
{
    /* the image is 35x35 pixels wide */
    height: 25px;
    width: 35px; /* position the image */
    position: absolute;
    top: 4px;
    right: 7px;
    background: url(images/grid/close.png) no-repeat;
    cursor: pointer;
}
.window-header .window-close:hover
{
    /* set the hover image */
    background: url(images/grid/close-hover.png) no-repeat;
}

/* dialog body styles */
.window-body
{
    color: #333333;
}
.window-body p
{
    color: #333333;
}
.window-body a
{
    color: #333333;
}
.window-body h3
{
    color: #333333;
}
.window-body .window-outer
{
    background: url(images/grid/right.png) right repeat-y;
    padding-right: 7px;
}
.window-body .window-inner
{
    background: url(images/grid/left.png) left repeat-y;
    padding-left: 7px;
}
.window-body .window-content
{
    color: #333333;
   /* background: url(images/grid/bgGradient.gif) repeat-y; */
}
.window-body .window-content h2
{
    padding: 10px;
    margin: 0px;
    text-align: center;
    font-size: 11pt;
    color: #222222;
    font-weight: normal;
}
.window-body .window-content .window-footer
{
    /* footer image is 41 pixels tall */
    background: url(images/grid/footer.gif) repeat-x bottom;
    height: 41px;
}
.window-body .window-content .window-footer .window-commands
{
    text-align: right;
    padding: 8px;
}
.window-body .window-content .window-footer .window-commands INPUT
{
    /* keep the buttons a consistent size */
    width: 75px;
}

/* dialog footer styles */
.window-footer
{
}
.window-footer .window-outer
{
    background-position: right top;
    background: url(images/grid/bottom-right.png) right top no-repeat;
    padding-right: 9px;
}
.window-footer .window-inner
{
    background: url(images/grid/bottom-left.png) left top no-repeat;
    padding-left: 9px;
}
.window-footer .window-content
{
    height: 7px;
    background: url(images/grid/bottom-mid.png) repeat-x;
}

.window-updating
{
    color: #808080;
    background: url(images/grid/activity.gif) no-repeat center;
}

/* table level rules */
.grid
{
    font-family: tahoma;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
    width: 100%;
}

.wo-grid
{
    height: 250px;
    width: 230px;
}

/* header column rules */
.grid th
{
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 3px 4px 7px;
    vertical-align: bottom;
    text-align: left;
}

.header-grid th
{
    background: url(images/grid/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

.grid th a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 5px;
}

/* data cell and data row rules */
.grid td
{
    color: #333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
}

.grid .altrow
{
    background-color: #EBF4FA;
}

.grid .row
{
    background-color: #fff;
}

.grid .rownum
{
    text-align: center;
    font-weight: bold;
    color: #333333;
}

/* Grouping rules */
.grid .gridview TR.first TD
{
    border-top: none;
}
.hidden
{
    display: none;
    visibility: hidden;
}
/* Grouping data items */
.grid #PurchaseOrders .item td
{
    padding: 3px 0px 3px 6px;
    border-bottom: solid 1px #eae9e1;
    color: #222222;
}

.selected
{
    background-color: #FFFFCC;
    font-weight: bold;
}

/* Scrolling while freezing Header */

/* So the overflow scrolls */
.scroll-container
{
    position: relative;
    overflow: auto;
    margin: 0 auto;
    /*border: 1px solid #666666;*/
    font-family: tahoma;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
}

/* Keep the header cells positioned as we scroll */
.scroll-container table th
{
    position: relative;
    top: expression(offsetParent.scrollTop);
    /* Header Style*/
    background: url(images/grid/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

/* For alignment of the scroll bar */
.scroll-container table tbody
{
    overflow-x: hidden;
}

.scroll-container .altrow
{
    background-color: #EBF4FA;
}

.scroll-container .row
{
    background-color: #fff;
}