table.mxgrid_header
{
    margin:0px;
    table-layout:fixed;
    border-collapse:collapse;
    font-size:12px;
    font-family:Tahoma;
    direction:rtl;
    border:1px solid #99c2f3; 
}

table.mxgrid_header th
{
    direction:rtl;
    text-align:right;
    font-weight:bold;
    padding:2px;
    overflow:hidden;
    line-height:30px;
    background-color:#d2e1f3;
    border-bottom:none;  
}

/*********************************************************************/

table.mxgrid
{
    border-collapse:collapse;
    margin:0px;
    table-layout:fixed;
    direction:rtl;
    border-style:none;
    border:1px solid #99c2f3; 
    font:12px tahoma;
    border-top-style:none;
}

table.mxgrid td
{
    direction:rtl;
    text-align:right;
    padding:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border:1px solid #99c2f3; 
    height:25px;
}

table.mxgrid tr
{
    white-space:nowrap;
    overflow:hidden!important;
}

table.mxgrid tr.odd
{
    background-color: #CCCCCC;
}

table.mxgrid tr:hover
{
    background-color: #999999!important;
    cursor:pointer;
}

table.mxgrid tr.selected
{
    background-color:#ffff80!important;
}

ul.mxpager
{
    list-style-type:none;
    overflow:hidden;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:13px;
}

ul.mxpager li
{
    float: right;
    margin-left: 2px;
    margin-bottom: 2px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: #EBEBEB;
}

ul.mxpager li a
{
    display: block;
    min-width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    background-color: #33CCFF;
    border: 1px solid #008FBF;
    color: #fff;
    text-decoration: none;
}

ul.mxpager li a:hover
{
    background-color: #0066CC;
}

ul.mxpager li a.next
{
    display:block;
    width:20px;
    height:20px;
    background:url('/Subsystem/Total/Media/Images/next.png') no-repeat center top;
    border-style:none!important;
}

ul.mxpager li a.next:hover
{
    background-position:center bottom;
}

ul.mxpager li a.prev
{
    display:block;
    width:20px;
    height:20px;
    background:url('/Subsystem/Total/Media/Images/prev.png') no-repeat center top;
    border-style:none!important;
}

ul.mxpager li a.prev:hover
{
    background-position:center bottom;
}

/*********************************************************************/
div#mxgrid_table_container
{
    margin:0px;
    padding:0px;
    display:block;
    overflow:auto;
}
/*********************************************************************/
ul.mxtree
{
    font-family:Tahoma;
    font-size:14px;
    margin:0px;
    margin-right:10px;
    width:100%;
}

ul.mxtree *
{
    list-style-type:none;
}

ul.mxtree li
{
    margin-bottom:10px;
    border-right:1px dotted grey;
    clear:both;
}

ul.mxtree li.last
{
    border-right-style:none;
}

ul.mxtree li ul
{
    margin-top:10px;
}

ul.mxtree a
{
    text-decoration:none;
    padding:5px;
    color:#000;
}

ul.mxtree a:visited;
{
    color:#000;
}

ul.mxtree a:hover
{
    background-color: #FFCC00;
}

ul.mxtree a.selected
{
    background-color: #ffff80;
}

ul.mxtree a.iconCss
{
    display:block!important;
    padding:0px!important;
    margin:0px!important;
    border-style:none!important;
    cursor:pointer!important;
    margin:0px 2px 0px 2px!important;
}
ul.mxtree a.iconCss:hover
{
    background-color:transparent!important;
}

ul.mxtree a.plus
{
    padding:0px;
    display:block;
    width:11px;
    height:11px;
    background:url('/Subsystem/Total/Media/Images/MxTree/treePlus.png') no-repeat center top;
    float:right;
    margin:5px;
    margin-right:0px;
}

ul.mxtree a.plus:hover
{
    background-position:center bottom;
}

ul.mxtree a.minus
{
    padding:0px;
    display:block;
    width:11px;
    height:11px;
    background:url('/Subsystem/Total/Media/Images/MxTree/treeMinus.png') no-repeat center top;
    float:right;
    margin:5px;
    margin-right:0px;
}

ul.mxtree a.minus:hover
{
    background-position:center bottom;
}

ul.mxtree li div.item
{
    width:12px;
    float:right;
    background:url('/Subsystem/Total/Media/Images/MxTree/treeMiddleNode.png');
    height:29px;
    margin-top:-10px;
    margin-right:-1px;
}

ul.mxtree li div.first
{
    background:url('/Subsystem/Total/Media/Images/MxTree/treeFirstNode.png');
    height:16px;
    margin-top:0px;
    margin-right:-1px;
}

ul.mxtree li div.last
{
    background:url('/Subsystem/Total/Media/Images/MxTree/treeLastNode.png');
    height:27px;
    margin-right:0px;
    margin-top:-10px;
}

/*********************************************************************/
div.growlUI_OK { background: url('/Subsystem/Total/Media/Images/ok.png') no-repeat 10px 10px;direction:rtl;height:65px; font-family:Tahoma; font-size:14px;background-color:#000; width:350px; padding:10px; border-radius:10px; position:fixed; }
div.growlUI_OK span {color: #fff; text-align: right; display:block; float:right; overflow:hidden; padding:0px; margin:0px; margin-left:67px; height:65px; font-size:13px;  }

div.growlUI_ERROR { background: url('/Subsystem/Total/Media/Images/error.png') no-repeat 10px 10px;direction:rtl;height:65px; font-family:Tahoma;font-size:14px; background-color:#000; width:350px; padding:10px; border-radius:10px; position:fixed; }
div.growlUI_ERROR span {color: #fff; text-align: right; display:block; float:right; overflow:hidden; padding:0px; margin:0px; margin-left:67px; height:65px; font-size:13px;  }
/*********************************************************************/
div.MXPrompt
{
    font-family:Tahoma;
    font-size:14px;
    font-weight:bold;
    color:#000;
    padding:5px;
    cursor:default;
    direction:rtl;
}

div.MXPrompt input
{
    font-family:Tahoma;
    font-size:14px;
}

div.MXPrompt select
{
    width:190px;
}

div.MXPrompt div
{
    overflow:hidden;
}

/*********************************************************************/
div.MXConfirm
{
    font-family:Tahoma;
    font-size:14px;
    font-weight:bold;
    color:#000;
    padding:5px;
    cursor:default;
}

div.MXConfirm div
{
    overflow:hidden;
}

/*********************************************************************/
div.MXAlert
{
    font-family:Tahoma;
    font-size:14px;
    font-weight:bold;
    color:#000;
    padding:5px;
    cursor:default;
}

div.MXAlert div
{
    overflow:hidden;
}

/*********************************************************************/
div a.cancel
{
    display:block;
    width:68px;
    height:17px;
    background:url('/Subsystem/Total/Media/Images/Icons/cancel.png') no-repeat center top;
    cursor:pointer;
}

div a.cancel:hover
{
    background-position:center bottom;
}

div a.close
{
    display:block;
    width:15px;
    height:15px;
    background:url('/Subsystem/Total/Media/Images/close.png') no-repeat center top;
    cursor:pointer;
}

div a.close:hover
{
    background-position:center bottom;
}

a.MXConfirmButton
{
    width: 60px;
    border: 1px solid #317A9D;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    margin: 5px;
    background-color: #6FB1D2;
    text-align:center;
}

a.MXConfirmButton:hover
{
    background-color: #99C9DF;
}

a.MXCancelButton
{
    width: 60px;
    border: 1px solid #317A9D;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    margin: 5px;
    background-color: #6FB1D2;
    text-align:center;
}

a.MXCancelButton:hover
{
    background-color: #99C9DF;
}

/*********************************************************************/

div.dialog_title
{
    width:100%; 
    height:25px; 
    background-color:#3587ad;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    font-family:Tahoma;
    padding:3px 0px 3px 0px;
}

/*********************************************************************/
a
{
    cursor:pointer;
}

/*********************************************************************/

.editableDropdown
{
        border:1px solid grey; 
        display:none;
    position:absolute;
    background-color:#fff;
}
        
.editableDropdown a
{
    width:95%;
    text-decoration:none;
    color:#000;
    display:block;
}
        
.editableDropdown a:hover
{
    background-color:#00f;
    color:#fff;
}

.mxgrid .button
{
    width:60px!important;
}