table.scroll {
    border-collapse: collapse;
}
.GridHeader {
}
.Header {
    height: 24px;
    width: 100%;
}
.Header th {
    background: url("images/sfuma_menu_h3.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: #1f3a4b;
    height: 15px;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 3px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
.Header span {
    color: #1f3a4b;
    font-size: 18px;
    height: 29px;
    letter-spacing: -1px;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}
.HeaderLeft {
    background: url("images/sfuma_menu_h3.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}
.HeaderRight {
    background: url("images/sfuma_menu_h3.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}
.HeaderButton {
    background: url("images/sfuma_menu_h3.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}
.HeaderButton img {
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: -2000px;
}
.HeaderLeft img {
    width: 7px;
}
.HeaderRight img {
    width: 12px;
}
.GridHeader table {
    margin: 0;
}
.GridHeader td, tr {
    padding: 0;
}
.jqgrow td {
    cursor: pointer;
}
.jqgrow a {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
.editLink a {
    color: #666666;
    font-size: smaller;
    font-weight: normal;
}
table.scroll {
    margin-bottom: 0;
    table-layout: fixed;
}
table.scroll tbody tr {
    background-color: #FFFFFF;
    color: #666666;
}
table.scroll tbody tr.alt {
    background-color: #F5FAFA;
    color: #666666;
}
table.scroll tr.over td, table.scroll tr.over td a {
    background-color: #CCCCCC;
    color: #000000;
}
table.scroll tr.selected td {
    background-color: #C1DAD7;
    color: #000000;
}
table.scroll tr.selected td a {
    background-color: #CCCCCC;
    color: #000000;
}
table.scroll tbody td {
    border: 1px solid #EBEBEB;
    font-size: 92.3%;
    height: auto;
    overflow: hidden;
    padding: 4px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
th.grid_sort {
    cursor: pointer;
}
.grid_htable img {
    padding: 8px;
}
table.scroll thead th {
    background: url("images/ui-state-default2.png") repeat-x scroll left top rgba(0, 0, 0, 0);
	/*
    border-color: #CCCCCC #006600 #CCCCCC #CCCCCC;
	*/
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    font-size: 95%;
    overflow: visible;
    padding: 0 6px 0 0;
    text-align: center;
    vertical-align: bottom;
    white-space: normal;
}
table.scroll thead tr th div img {
    width: 9px;
}
table.scroll thead tr {
  /*  border-left: 1px solid #CCCCCC;*/
}
table.scroll th div {
   /* background: url("images/ui-state-default.png") repeat-x scroll left top rgba(0, 0, 0, 0);*/
    color: #FFF;
    font-size: 13px;
    height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 4px 10px;
    text-decoration: none;
   /* text-shadow: 1px 1px 0 #000000;*/
    white-space: nowrap;
}
table.scroll th span {
    cursor: col-resize;
    display: block;
    float: right;
    height: 20px;
    margin: -2px -4px -2px 0;
    overflow: hidden;
    white-space: nowrap;
    width: 6px;
}
.grid_bdiv {
}
.grid_hdiv {
}
table.scroll th span.grid_ico_sort {
    cursor: pointer;
    display: inline;
    float: none;
    height: 16px;
    margin: 0;
    overflow: visible;
    white-space: nowrap;
    width: 16px;
}
table.scroll th span.grid_ico_sort.grid_asc {
    background: url("images/sort_asc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
table.scroll th span.grid_ico_sort.grid_desc {
    background: url("../images/sort_desc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
table.scroll .editLink {
    cursor: pointer;
    display: none;
    float: right;
    margin: -2px -4px -2px 0;
    overflow: visible;
    white-space: nowrap;
}
.cbox {
    height: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 10px;
}
#jqgh_cb {
    padding: 3px 3px 6px;
}
div.scroll {
    background-attachment: scroll;
    background-color: #EAEBEE;
    background-image: url("images/sprite5.png");
    background-position: 0 -1900px;
    background-repeat: repeat-x;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center;
    vertical-align: bottom;
    white-space: nowrap;
}
div.scroll span {
    color: #999999;
    vertical-align: middle;
	display:inline-block;
	padding-top:6px;
}
.selbox {
    font-size: 12px;
    margin: 6px 2px 2px 0;
    vertical-align: top;
}
input.selbox {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #666666;
    height: 20px;
    /*margin: 10px 2px 2px 0;*/
	/*padding: 0 2px 3px 1px;*/
    text-align: right;
    vertical-align: top;
    width: 2.2em;
}
.pgbuttons {
    margin-top: 2px;
    vertical-align: middle;
    width: 19px;
}
.nav-table-left {
    float: left;
    margin-top: 6px;
    padding: 1px;
}
.nav-table-right {
    float: right;
    margin-top: 2px;
    padding: 1px;
}
table.navtable {
    margin-bottom: 0;
    width: auto;
}
table.navtable tr {
}
table.navtable td.nav-button {
    white-space: nowrap;
}
table.navtable td.nav-hover {
    border: 0 solid #3D84CC;
}
table.tbutton tr td {
    border: medium none;
    padding: 0;
}
img.jsHover {
    border: 1px solid #99CCFF;
}
div.loading {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    display: none;
    font-weight: bold;
    left: 250px;
    padding: 5px 15px;
    position: absolute;
    text-align: center;
    top: 150px;
}
div.loadingui {
    display: none;
    position: absolute;
    z-index: 6000;
}
div.loadingui div.msgbox {
    background: url("../images/loading.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border: 2px solid #B2D2FF;
    height: auto;
    left: 35%;
    margin: 0;
    padding: 2px;
    position: relative;
    text-align: right;
    top: 45%;
    width: 100px;
    z-index: 6001;
}
div.userdata {
    background-color: #F7F7F7;
    height: 20px;
    margin-top: 0;
}
.subgrid {
    height: 100%;
    overflow: auto;
}
.tablediv {
    background-color: #FFFFFF;
    border-collapse: separate;
    border-spacing: 1px;
}
.celldiv {
    border: 1px dotted #333333;
    display: table-cell;
    float: left;
    overflow: auto;
    white-space: normal;
}
.celldivth {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EEEEEE;
    border-color: #333333 #333333 #EEEEEE;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: auto;
    text-align: left;
}
.rowdiv {
    background: none repeat scroll 0 0 #F9F9F9;
    color: #FFFFFF;
    display: table-row;
    overflow: auto;
    width: 100%;
}
input.editable[type="text"] {
    overflow: hidden;
}
input.editable[type="checkbox"] {
}
textarea.editable {
    overflow: hidden;
}
select.editable {
}
.modaltext {
    text-align: left;
}
.modalwin {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #555555;
    margin: 0 auto;
    overflow: auto;
    text-align: left;
}
.modalhead {
    background-attachment: scroll;
    background-color: #EAEBEE;
    background-image: url("../images/sprite.png");
    background-position: 0 -1505px;
    background-repeat: repeat-x;
    height: 20px;
}
.modalcontent {
    margin-bottom: 9px;
    margin-left: 5px;
    overflow: auto;
}
input.search {
    color: #15428B;
    font-size: 10px;
    margin: 2px;
    width: 70px;
}
select.search {
    color: #15428B;
    font-size: 10px;
    margin: 2px;
    width: 70px;
}
.buttonsearch {
    color: #15428B;
    font-size: 10px;
    width: 50px;
}
.FormGrid {
    margin: 0;
}
.EditTable {
    width: 100%;
}
.FormData {
}
#FormError td {
    background-color: #F7F7F7;
    color: #FF0000;
    font-size: 90%;
    vertical-align: top;
}
.CaptionTD {
    border-top: 1px solid #D4D0C8;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
.DataTD {
    border-top: 1px solid #D4D0C8;
    padding: 1px;
    vertical-align: top;
}
.navButton {
    border-bottom: 1px solid #D4D0C8;
    border-top: 1px solid #D4D0C8;
    text-align: center;
}
.navButton input {
    width: 19px;
}
input.EditButton {
    color: #15428B;
    font-size: 10px;
}
td.EditButton {
    border-bottom: 1px solid #D4D0C8;
    border-top: 1px solid #D4D0C8;
    text-align: right;
}
.FormElement {
}
.FormElement {
    font-size: 10px;
}
input.FormElement[type="text"] {
    color: #15428B;
}
input.FormElement[type="checkbox"] {
    color: #15428B;
    width: 15px;
}
input.FormElement[type="textarea"] {
    color: #15428B;
}
select.FormElement {
    color: #15428B;
    font-size: 10px;
}
.DelButton > input {
    color: #15428B;
    font-size: 10px;
}
.DelButton {
    text-align: right;
}
img.jqResize {
    bottom: 0;
    cursor: se-resize;
    position: absolute;
    right: 0;
}
.dirty-cell {
    background: url("../images/dirty.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#DelError td {
    background-color: #F7F7F7;
    color: #FF0000;
    font-size: 90%;
    vertical-align: top;
}
.tree-wrap {
    float: left;
    height: 18px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.tree-minus {
    background: url("images/tree_minus.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 16px;
}
.tree-plus {
    background: url("images/tree_plus.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 16px;
}
.tree-leaf {
    background: url("images/tree_leaf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 16px;
}
.treeclick {
    cursor: pointer;
}
.edit-cell {
    background-color: #E1DCF4;
}
table.tbutton {
    border: 0 none;
    color: #333333;
    cursor: pointer;
/*    height: 35px;*/
    width: 123px;
}
table.tbutton td {
    text-align: center;
}
table.tbutton td img {
    opacity: 0.7;
}
table.tbutton td img:hover {
    opacity: 0.7;
}
table.containerGrid td {
    padding: 5px;
}