/*Common inner content elements***************************************************************************/
.ContentDiv
{
    padding: 6px 12px 8px 8px;
}
.ui-tabs-panel
{
    width: 985px;
}
.ui-tabs-panel .ContentDiv
{
    width: 963px;
    float: left;
    margin-top: -12px;
    min-height: 510px;
}
.loading
{
    display: none;
}

.ContentDiv .TopContainer
{
    width: 951px;
    height: 40px;
    margin-bottom: 12px;
    border: solid 1px #d0d0d0;
    background: #f4f4f4;
}
.ContentDiv .MiddleContainer
{
    width: 963px;
    height: 516px;
}

.ContentDiv .BottomContainer
{
    margin-top: 12px;
    width: 953px;
    height: 30px; /*background: url(Images/Layout/Content-Bottom-Right.png) no-repeat right top; */
    padding-right: 10px;
}
.ContentDiv .BottomContainer .InnerContainer
{
    /*background:url(Images/Layout/Content-Bottom-Left.png) no-repeat left top;    */
    height: 30px;
    width: 100%;
    float: left;
}
.ContentDiv .BottomContainer .InnerContainer .BasicButtonsArea
{
    height: 29px;
    padding-top: 1px;
    float: left;
    vertical-align: middle;
    padding-left: 1px;
}
.ContentDiv .BottomContainer .InnerContainer .BasicButtonsArea .TextButton
{
    float: left;
    margin-right: 6px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea
{
    width: 45%;
    height: 29px;
    line-height: 30px;
    padding-top: 1px;
    float: right;
    vertical-align: middle;
    margin-right: -10px;
    padding-right: 1px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea .TextButton
{
    float: right;
    margin-left: 6px;
}

/*Box*/
.Box
{
}
.Box .BoxHeader
{
    background: url(Images/Layout/Grid-HeaderRounded-Right-R.png) no-repeat right top;
    height: 26px;
    width: auto;
    padding-right: 10px;
}
.Box .BoxHeader .BoxInnerHeaderContainer
{
    background: url(Images/Layout/Grid-HeaderRounded-Left-R.png) no-repeat left top;
    height: 21px;
    vertical-align: middle;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-left: 8px;
    border-bottom: solid 1px #d0d0d0;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea
{
    margin-top: -3px;
    float: right;
    margin-right: 8px;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea span
{
    color: White;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    letter-spacing: 0.3px;
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea .Select
{
    float: right;
    margin-top: 2px;
    height: 18px;
    font-size: 11px;
}
.Box .BoxBody
{
    padding: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: visible;
    border: solid 1px #d0cfcc;
    border-top: none;
    width: auto;
    background-color: White;
}
.Box .BoxFooter
{
    height: 30px;
    border: solid 1px #d0cfcc;
    background: white;
    border-top: solid 2px #F5F5F5;
    padding-top: 6px;
    padding-left: 3px;
}
.PopupBody .BoxBody
{
    border-top: solid 1px #d0cfcc;
    padding: 10px;
}
.SingleColumn .Box
{
    margin-bottom: 8px;
}
.LeftColumn .Box, .RightColumn .Box
{
    margin-bottom: 8px;
    width: 100%;
}
.LeftColumn .Box
{
    float: left;
    clear: left;
}
.RightColumn .Box
{
    float: right;
    clear: right;
}
.SingleColumn
{
    float: left;
    width: 100%;
}
.LeftColumn
{
    float: left;
    width: 49%;
}
.RightColumn
{
    float: right;
    width: 49%;
}
/*********************************************************************************************************/
/*Layout**************************************************************************************************/
body
{
    margin: 0;
    padding: 0;
    background: #d1d1d1 url(Images/Layout/Background-Gradient.png) repeat-x left top;
    font-family: Tahoma;
}

.profilingTable
{
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}
.profilingTable td
{
    border: 1px solid black;
}
#LayoutContainer
{
    width: 984px;
    margin-left: auto;
    margin-right: auto;
}

/*TopMenu Bar*/
#LayoutTopMenuArea
{
    margin-top: 7px;
    width: 984px;
    height: 32px;
    background: url(Images/Layout/Top-Menu-Bar.png) no-repeat left top;
}
#LayoutTopMenuArea #StatusArea
{
    float: right;
    margin-right: 10px;
    color: White;
    width: 500px;
}
#LayoutTopMenuArea #StatusArea a, #LayoutTopMenuArea #StatusArea span
{
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 8px 8px 0 8px;
    height: 21px;
    display: block;
    float: right;
}
#LayoutTopMenuArea #StatusArea a span
{
    padding: 0px;
}
#LayoutTopMenuArea #StatusArea a.Selected
{
    width: 129px;
    text-decoration: none;
    background: url(Images/Tabs/TopMenu-Tab.png) no-repeat left top;
    padding: 8px 0 0 0;
    color: Black;
    font-weight: bold;
}
#LayoutTopMenuArea #StatusArea span.Separator
{
    padding: 8px 0 0 0;
}
#LayoutTopMenuArea #StatusArea a:hover, #LayoutTopMenuArea #StatusArea a span:hover
{
    text-decoration: underline;
}

/*HeaderArea*/
#LayoutHeaderArea
{
    width: 984px;
    height: 47px;
    background: url(Images/Layout/Layout-HeaderArea.png) no-repeat left top;
    margin-top: 8px;
    float: left;
}
#LayoutHeaderArea #LayoutBreadCrumb
{
    margin-top: 12px;
    margin-left: 12px;
    float: left;
    color: #E0E0E0;
}

/*ContextArea*/
#LayoutHeaderArea #LayoutContextArea
{
    width: 450px;
    height: 32px;
    float: left;
    margin-left: 8px;
    margin-top: 7px;
}
#LayoutHeaderArea #LayoutContextArea .InnerContainer
{
    min-width: 400px;
    height: 32px;
    float: left;
}
#LayoutHeaderArea #LayoutContextArea .ToolbarButton
{
    float: left;
    margin-left: 10px;
}
#LayoutHeaderArea #LayoutContextArea .TextButton img
{
    display: block !important;
}

/*Body*/
#LayoutBodyArea
{
    margin-top: 0px;
    background: #D1DBFC;
    background: url(Images/Layout/Layout-BodyArea-Repeated.png) repeat-y left top;
    float: left;
}

/*Bottom*/
#LayoutBodyBottomArea
{
    background: url(Images/Layout/Layout-BodyArea-Bottom.png) no-repeat left bottom;
    height: 9px;
    width: 984px;
    float: left;
}
#LayoutContainer #Logo
{
    float: left;
    margin-top: 7px;
}
.VersionLabel
{
    color: White;
    font-size: 13px !important;
    margin-right: 20px;
    float: right;
}


/*Login page---------------------------------------------------------------------*/
#LoginBox
{
    width: 344px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}
#LoginBox .PopupHeader .PopupInnerContainer .h3
{
    display: block;
    margin-left: 15px;
    margin-top: 12px;
}
#LoginBox .BottomContainer .InnerContainer .BasicButtonsArea .Select
{
    float: left;
    margin-left: 11px;
    margin-top: 2px;
    width: 112px;
}
#LoginBox .BottomContainer .InnerContainer .BasicButtonsArea .TextButton
{
    float: right;
    margin-right: -8px;
}

/*Table*/
#LoginBox ._table_container
{
    background: transparent;
    border: none;
    padding: 10px;
    padding-right: 0;
}
#LoginBox table
{
    width: 100%;
}
#LoginBox table td
{
    white-space: nowrap;
}
#LoginBox table .TextBox
{
    width: 177px;
}
#LoginBox table .LabelTD 
{
    min-width:100px;
}
#LoginBox table #RememberMeCheckBoxRow td
{
    padding-top: 15px;
}
#LoginBox table #RememberMeCheckBoxRow td .Label
{
    float:left;
    min-width:103px;
    display:inline-block;
}
#LoginBox table #RememberMeCheckBoxRow td .CheckBox
{
    float:left;
    margin-top:-2px;
}
/*-------------------------------------------------------------------------------*/
/*********************************************************************************************************/
/*Controls************************************************************************************************/
/*Headers*/
h1, .h1
{
    font-family: Tahoma;
    font-size: 23px;
    color: white;
}
h2, .h2
{
    font-family: Verdana;
    font-size: 19px;
    letter-spacing: 1px;
    color: white;
}
h3, .h3
{
    font-family: Arial;
    font-size: 13px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color: white;
}
h4, .h4
{
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 2px;
    color: white;
}

/*ToolbarButton*/
.ToolbarButton
{
    background-color: #333333;
    border: 1px solid #404040;
    padding: 5px;
    padding-top: 7px;
    cursor: pointer;
    height: 15px;
}
.ToolbarButton:hover
{
    background-color: #494949;
    border: 1px solid #525252;
}
.ToolbarButton[highlight]
{
    border: 1px solid #006600;
}
.ToolbarButton img
{
    width: 17px;
    height: 17px;
    margin-top: -2px;
    float: left;
}

/*ToolbarButton*/
.ToolbarButton-Light
{
    background-color: #E1E1E1;
    border: 1px solid #C9C9C9;
    padding: 4px;
    padding-top: 6px;
    cursor: pointer;
    height: 19px;
}
.ToolbarButton-Light:hover
{
    background-color: #D6D6D6;
    border: 1px solid #B6B6B6;
}
.ToolbarButton-Light[highlight]
{
    border: 1px solid #006600;
}
.ToolbarButton-Light img
{
    width: 22px;
    height: 22px;
    margin-top: -2px;
    float: left;
}

/*TextButton*/
.TextButton
{
    height: 26px;
    float: left;
    padding: 0 12px 0 12px;
    cursor: pointer;
    background: #D3D3BC;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
}
.TextButton:hover
{
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
.TextButton[highlight]
{
    background: #B9F468 !important;
    border: 1px solid #B3B38C;
}
.TextButton[highlight]:hover
{
    background: #8EEC11 !important;
    border: 1px solid #64A50C;
}
.TextButton .ButtonInnerContainer
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: black;
    margin-top: -2px;
    line-height: 30px;
    width: auto;
}

/*TextButton-Thin*/
.TextButton-Thin
{
    height: 16px;
    float: left;
    padding: 0 3px 0 3px;
    cursor: pointer;
    background: #D3D3BC;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
}
.TextButton-Thin:hover
{
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
.TextButton-Thin[highlight]
{
    background: #B9F468 !important;
    border: 1px solid #B3B38C;
}
.TextButton-Thin[highlight]:hover
{
    background: #8EEC11 !important;
    border: 1px solid #64A50C;
}

/*DefaultValue watermark*/
.empty
{
    background: #FDFDFD;
    color: Gray;
}

/*IconButton-Tiny*/
.IconButton-Tiny
{
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
}
.IconButton-Tiny:hover
{
    background: url(Images/Buttons/IconButton-Tiny.png) no-repeat center center;
}
.IconButton-Tiny img
{
    vertical-align: middle;
    margin-top: 3px;
    width: 12px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

/*IconButton-Small*/
.IconButton-Small
{
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
}
.IconButton-Small:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
.IconButton-Small img
{
    vertical-align: middle;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

/*IconButton-Medium*/
.IconButton-Medium
{
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
}
.IconButton-Medium:hover
{
    background: url(Images/Buttons/IconButton-Medium.png) no-repeat center center;
}
.IconButton-Medium img
{
    vertical-align: middle;
    margin-top: 4px;
    width: 18px;
    margin-left: auto;
    margin-right: auto;
}

/*TextBox*/
.TextBox
{
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
    width: 193px;
    height: 20px;
    padding-left: 5px;
}
.TextBox:focus
{
    border: solid 1px gray !important;
}
.TextBox[readonly]:focus
{
    border: solid 1px #DFDFDF !important;
}
/*ReadOnlyControl - override class*/
input[readonly], input[disabled], textarea[readonly], textarea[disabled]
{
    cursor: default;
    color: Gray;
}

/*ToggleableElem*/
.ToggleableElem
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
    padding: 3px 3px 3px 6px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
}
.ToggleableElem span
{
    display: block;
    margin-top: 2px;
    float: left;
    padding-right: 5px;
}
.IconButton-Tiny
{
    float: right;
}
/*DropDown*/
.Select, .DropDown
{
    width: 202px;
    height: 24px;
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
}

/*CheckBox*/
.CheckBox
{
    float: left;
}
.CheckBoxItem
{
    font-family: Arial !important;
    font-size: 12.5px !important;
    float: left;
    clear: both;
}

/*RadioButton*/
.RadioButton
{
    border: 1px solid #FBFBFB;
    background: #FBFBFB;
    padding: 1px 3px 2px 2px;
    height: 18px;
}
.RadioButton:hover
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
}
.RadioButton[selected]
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
}
.RadioButton input
{
    float: left;
}
.RadioButton label
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    float: left;
    margin-top: 3px;
}

/*Label*/
.Label
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    font-weight: bold;
}
.Link
{
    font-family: Arial;
    font-size: 12px;
    color: #386A20;
}

/*ChoosePicture*/
.PicturePreviewImg
{
    float: left;
    width: 174px;
    height: 170px;
}
.ChoosePictureButton
{
    float: right;
}
/*-------------------------------------------------------------------------------*/
/*PinesNotify--------------------------------------------------------------------*/
.ui-pnotify
{
    top: 18px;
    right: 18px;
    position: absolute;
    height: auto;
    border: 1px solid gray;
    background-color: white; /* Ensure that the notices are on top of everything else. */
    z-index: 9999;
}
.ui-pnotify .ui-pnotify-shadow
{
    margin: 0;
    position: absolute;
    top: .1em;
    left: .1em;
    bottom: -.2em;
    right: -.2em;
    z-index: -1;
}
.ui-pnotify-container
{
    background-position: 0 0;
    padding: 6px;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.ui-pnotify-closer
{
    float: right;
    height: 16px;
    width: 16px;
    background: url(Images/Icons/Actions/IconButtons/delete.png) no-repeat center center;
}
.ui-pnotify-title
{
    display: block;
    float: left;
    width: 60%;
    margin-top: 12px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
}
.ui-pnotify-text
{
    display: block;
    color: #3a4043;
    float: left;
    padding: 10px;
    font-family: Arial;
    letter-spacing: 0.8px;
    font-size: 11px;
}
.ui-pnotify-icon
{
    margin-left: 10px;
    margin-top: 6px;
}
.ui-pnotify-icon, .ui-pnotify-icon span
{
    display: block;
    float: left;
    margin-right: 2px;
}

/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify
{
    position: fixed;
}

/**/
.pnotifyNoticeIcon
{
    width: 32px;
    height: 32px;
    background: url(Images/icons/Misc/success.png) no-repeat center center;
}
.pnotifyErrorIcon
{
    width: 32px;
    height: 32px;
    background: url(themes/base/images/icons/error-notification.png) no-repeat center center;
}

/*History Pulldown*/
.ui-pnotify-history-container
{
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none; /* Ensure that the history container is on top of the notices. */
    z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header
{
    padding: 2px;
}
.ui-pnotify-history-container button
{
    cursor: pointer;
    display: block;
    width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown
{
    display: block;
    margin: 0 auto;
}
.ui-pnotify .picon
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    height: 17px;
}
/*-------------------------------------------------------------------------------*/
/*Validation---------------------------------------------------------------------*/
.alertBox
{
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(Images/Icons/Misc/alert_icon.png) no-repeat left top;
    margin-left: -1px !important;
    vertical-align: middle;
    margin-top: -1px;
    cursor: help;
}
.warnBox
{
    background: url(Images/Icons/Misc/warn_icon.png) no-repeat left top !important;
}
.warningInputElement
{
    border: solid 1px #cdcd05 !important;
}
.invalidInputElement
{
    background-color: #FFEEEA !important;
}
/*-------------------------------------------------------------------------------*
/*TreeTable----------------------------------------------------------------------*/
.treeTable .organization
{
    padding-left: 0 !important;
}
.treeTable .organization .active
{
    background: url(Images/treeTable/organization-active.png) no-repeat left center;
    padding-left: 28px;
    height: 21px;
    display: inline-block;
}
.treeTable .organization .inactive
{
    background: url(Images/treeTable/organization-inactive.png) no-repeat left center;
    padding-left: 28px;
    height: 21px;
    display: inline-block;
}
/**/
.treeTable .accept td
{
    background-color: #AFEBAF !important;
}
.treeTable tr td .expander
{
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    zoom: 1; /* IE7 Hack */
}
.treeTable tr.collapsed td .expander
{
    background-image: url(Images/treeTable/plus.png);
}
.treeTable tr.expanded td .expander
{
    background-image: url(Images/treeTable/minus.png);
}

/*Drag'n'Drop styles*/
.treeTable tr.selected, .treeTable tr.accept
{
    background-color: #3875d7;
    color: black;
}
.treeTable .ui-draggable-dragging
{
    margin-top: 10px;
    margin-bottom: -10px;
    color: #000;
    background-color: green !important;
    z-index: 1;
}
.treeTable .ui-draggable-dragging span
{
    position: relative;
    top: 10px;
    background: red;
}
/*-------------------------------------------------------------------------------*/

/*DatePicker---------------------------------------------------------------------*/
/* Default styling for jQuery Datepicker v4.0.0. */
.datepick {
    background-color: #fff;
    color: #000;
    border: 1px solid #444;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial;
    font-size: x-small;
}

.datepick-rtl {
    direction: rtl;
}

.datepick-disable {
    position: absolute;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.datepick a {
    color: #fff;
    text-decoration: none;
}

    .datepick a.datepick-disabled {
        color: #888;
        cursor: auto;
    }

.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}

.datepick-nav, .datepick-ctrl {
    float: left;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
}

.datepick-ctrl {
    background-color: #600;
}

.datepick-cmd {
    width: 30%;
    cursor: pointer;
}

    .datepick-cmd:hover {
        background-color: #777;
    }

.datepick-ctrl .datepick-cmd:hover {
    background-color: #f08080;
}

.datepick-cmd-prevJump, .datepick-cmd-nextJump {
    width: 8%;
}

a.datepick-cmd {
    height: 1.5em;
}

button.datepick-cmd {
    text-align: center;
}

.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
    float: left;
    padding-left: 2%;
}

.datepick-cmd-current, .datepick-cmd-today {
    float: left;
    width: 35%;
    text-align: center;
}

.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right;
}

.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}

.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
    float: right;
}

.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}

.datepick-month-row {
    clear: left;
}

.datepick-month {
    float: left;
    width: 15em;
    border: 1px solid #444;
    text-align: center;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    height: 1.5em;
    background-color: #444;
    color: #fff;
    font-weight: bold;
}

    .datepick-month-header select, .datepick-month-header input {
        height: 1.4em;
        border: none;
    }

    .datepick-month-header input {
        position: absolute;
        display: none;
    }

.datepick-month table {
    width: 100%;
    border-collapse: collapse;
}

.datepick-month thead {
    border-bottom: 1px solid #aaa;
}

.datepick-month th, .datepick-month td {
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
}

.datepick-month th {
    border: 1px solid #777;
}

    .datepick-month th, .datepick-month th a {
        background-color: #777;
        color: #fff;
    }

.datepick-month td {
    background-color: #eee;
    border: 1px solid #aaa;
}

    .datepick-month td.datepick-week {
        border: 1px solid #777;
    }

        .datepick-month td.datepick-week * {
            background-color: #777;
            color: #fff;
        }

.datepick-month a {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #eee;
    color: #000;
    text-decoration: none;
}

.datepick-month span {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
}

.datepick-month td span {
    color: #888;
}

.datepick-month td .datepick-other-month {
    background-color: #fff;
}

.datepick-month td .datepick-weekend {
    background-color: #ddd;
}

.datepick-month td .datepick-today {
    background-color: #f0c0c0;
}

.datepick-month td .datepick-highlight {
    background-color: #f08080;
    cursor: pointer;
}

.datepick-month td .datepick-selected {
    background-color: #777;
    color: #fff;
}

.datepick-month th.datepick-week {
    background-color: #777;
    color: #fff;
}

.datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center;
}

.datepick-clear-fix {
    clear: both;
}

.datepick-cover {
    display: none;
    display: /**/ block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}


/*TopMenu------------------------------------------------------------------------*/
.TopMenu
{
    margin-left: 5px;
    margin-top: -3px;
    float: left;
}
.TopMenu-StaticMenuItemStyle a
{
    font-size: 13px !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    float: left;
    height: 21px;
    padding: 8px 8px 0 8px;
}
.TopMenu-StaticSelectedStyle a
{
    color: black;
    height: 23px;
    width: 129px;
    padding: 6px 0 0 0;
}
.TopMenu-StaticSelectedStyle a
{
    text-decoration: none;
    background: url(Images/Tabs/TopMenu-Tab.png) no-repeat left top;
}
.TopMenu-StaticHoverStyle a:hover
{
    text-decoration: underline;
}
/*-------------------------------------------------------------------------------*/
/*DataTables---------------------------------------------------------------------*/
/*Common*/
._table_container
{
    border: solid 1px #d0d0d0;
    border-top: none;
    background: white url(Images/Layout/Grid-TableHeader.png) repeat-x right -5px;
}

/*Header*/
.TableHeader
{
    background: url(Images/Layout/Grid-HeaderRounded-Right-R.png) no-repeat right top;
    height: 26px;
    padding-right: 10px;
    width: auto;
}
.TableHeader .InnerHeaderContainer
{
    height: 26px;
    background: url(Images/Layout/Grid-HeaderRounded-Left-R.png) no-repeat left top;
    width: auto;
    border-bottom: solid 1px #d0d0d0;
}
.TableHeader .InnerHeaderContainer .TitleArea
{
    float: left;
    height: 26px;
}
.TableHeader .InnerHeaderContainer .TitleArea .Img
{
    float: left;
    display: block;
    margin-top: 2px;
    margin-left: 8px;
}
.TableHeader .InnerHeaderContainer .TitleArea span
{
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: 8px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea
{
    padding-right: 4px;
    float: right;
    height: 26px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBox
{
    width: 100px;
    background: url(Images/Layout/searchtextbox.png) no-repeat right top;
    padding-left: 20px;
    border: none;
    height: 16px;
    font-size: 12px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBox, .TableHeader .InnerHeaderContainer .ExtraElementsArea select
{
    float: right;
    margin-top: 5px;
}

/*Footer*/
.TableFooter
{
    width: auto;
    height: 28px;
    padding: 2px;
    background-color: #F4F4F4;
    border: solid 1px #d0d0d0;
    border-top: none;
}
.TableFooter .FooterInnerContainer
{
}
.TableFooter .FooterInnerContainer .RightArea, .TableFooter .FooterInnerContainer .RightArea .IconButton-Medium
{
    float: right;
}
.TableFooter .FooterInnerContainer .LeftArea, .TableFooter .FooterInnerContainer .LeftArea .IconButton-Medium
{
    float: left;
}

/*DataTable*/
.flatDataTable .expander
{
    display: none !important;
}
.dataTable
{
    border-collapse: collapse;
    width: 100%;
}
.dataTable thead th
{
    color: #797979;
    text-align: left;
    font-size: 10px;
    font-family: Arial;
    letter-spacing: 1px; /*background: url(Images/Layout/Grid-TableHeader.png) repeat-x left bottom;*/
    border-bottom: solid 1px #d0d0d0;
    background: #f4f4f4;
    padding-left: 8px;
    height: 17px;
    padding-top: 2px;
    padding-right: 4px;
    vertical-align: middle;
    white-space: nowrap;
}
.dataTable td .CheckIcon
{
    width: 16px;
    height: 16px;
    background: url(Images/Icons/Misc/Check.png) no-repeat left top;
    margin-left: auto;
    margin-right: auto;
}
.dataTable tr td
{
    height: 25px;
    vertical-align: top;
    padding-top: 4px;
    padding-left: 0px;
    padding-right: 4px;
    margin: 0px;
    font-size: 11px;
    color: #676365;
    font-family: Verdana;
    font-size: 10px;
    cursor: default;
    background-color: White;
    overflow: hidden;
    white-space: nowrap;
    border-right: solid 1px transparent;
    border-bottom: solid 1px #EAEAEA;
}

.dataTable tr td.FirstColumn
{
    font-weight: bold;
    color: #343233;
}
    .dataTable .nameNode /*first column*/ {
        white-space: nowrap !important;
        /* padding-left: 32px;*/
    }
.dataTable .textNode /*other columns*/
{
    white-space: nowrap;
    height: 21px;
    display: inline-block;
    line-height: 21px;
}

.dataTable tr td .alert
{
    display: inline-block;
    margin-left: 5px;
}
.dataTable tr.NoSelect td
{
    cursor: default !important;
}
.dataTable .AlternateRow td
{
    background-color: #F4FFDD;
}
.SelectedRow td
{
    /*background: url(Images/treeTable/selected-row.png) repeat-x left bottom;*/
    background-color: #caf78c !important;
    color: black;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
}
.dataTable tr:hover td
{
    background-color: #E9E9E9;
    color: black;
}

/*Inline EditBox*/
.dataTable input.EditBox
{
    height: 14px;
    vertical-align: middle;
    padding-top: 2px;
    float: right;
    text-align: right;
    font-size: 11px;
    font-family: Verdana;
    font-size: 11px;
    color: #69bc22;
    background-color: Transparent;
    border: solid 1px transparent;
}
.dataTable textarea.EditBox
{
    height: 14px;
    vertical-align: middle;
    padding-top: 2px;
    float: left;
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
    font-size: 11px;
    color: #69bc22;
    background-color: Transparent;
    border: solid 1px transparent;
    overflow: hidden;
}
.dataTable textarea.EditBox:focus
{
    min-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dataTable tr:hover td .EditBox
{
    background-color: White;
    border: 1px solid #B7B7B7;
    width: 100%;
}
.dataTable tr td:hover .EditBox
{
    background-color: White;
    border: solid 1px #B7B7B7;
}
.dataTable tr td .EditBox:focus
{
    background-color: White;
    border: solid 1px #B7B7B7;
}

/*ActionTD*/
.dataTable tbody .ActionTD
{
    text-align: center;
    padding: 0 !important;
    padding-top: 2px !important;
    width: 65px !important;
}
.dataTable tbody .ActionTD .IconButton-Small
{
    visibility: hidden;
}
.dataTable .SelectedRow .ActionTD .IconButton-Small, .dataTable tr:hover .ActionTD .IconButton-Small
{
    visibility: visible;
}
/*-------------------------------------------------------------------------------*/
/*Searching----------------------------------------------------------------------*/
.SearchMisMatch
{
    display: none !important;
}

.TreeTableSearchMatch td
{
    background-color: #CAF78C !important;
}
/*-------------------------------------------------------------------------------*/
/*BlockUI------------------------------------------------------------------------*/
div.blockMsg
{
    border: 1px solid #1E1E1E !important;
    background-color: black !important;
    padding: 10px !important;
    display: table-cell;
}
div.blockMsg div.wrapperdiv
{
    margin-left: auto;
    margin-right: auto;
}
div.blockMsg span
{
    display: block;
    color: White !important;
    font-family: Verdana;
    font-weight: bold;
}
div.blockMsg img
{
}
/*-------------------------------------------------------------------------------*/
/*Popup--------------------------------------------------------------------------*/
/*Header*/
.PopupBox .PopupHeader
{
    background: url(Images/Layout/Popup-HeaderArea-Right.png) no-repeat right top;
    width: auto;
    padding-right: 10px;
    height: 44px;
}
.PopupBox .PopupHeader .PopupInnerContainer
{
    background: url(Images/Layout/Popup-HeaderArea-Left.png) no-repeat left top;
    width: 100%;
    height: 44px;
    float: left;
}

/*Body*/
.PopupBox .PopupBody
{
    width: auto;
    background: url(Images/Layout/Layout-BodyArea-Repeated.png) repeat-y right top;
}
.PopupBox .PopupBody .PopupInnerContainer
{
    width: 100%;
}

/*Bottom*/
.PopupBox .PopupBottom
{
    width: auto;
    background: url(Images/Layout/Layout-BodyArea-Bottom-Right.png) no-repeat right top;
    padding-right: 10px;
    height: 7px;
}
.PopupBox .PopupBottom .PopupInnerContainer
{
    width: 100%;
    background: url(Images/Layout/Layout-BodyArea-Bottom-Left.png) no-repeat left top;
    height: 7px;
}

/*InnerContent*/
.PopupBox .ContentDiv
{
    overflow: visible !important;
    width: auto;
}
.PopupBox .ContentDiv .MiddleContainer
{
    width: auto;
    height: auto;
}
.PopupBox .ContentDiv .MiddleContainer .InnerContainer
{
    width: auto;
}
.PopupBox .ContentDiv .jBoxContent
{
    color: #000;
    white-space: normal;
}
.PopupBox .ContentDiv .BottomContainer
{
    width: auto;
}
.jBox .ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea
{
    width: 100% !important;
}

/*JBox*/
.jBox
{
    position: absolute;
    visibility: hidden;
    text-align: left;
    white-space: nowrap;
}
.jBox_hideIframe
{
    background-color: gray;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.PopupBox .PopupHeader .PopupInnerContainer .jBoxHeader span
{
    display: block;
    margin-left: 15px;
    margin-top: 10px;
}
.PopupBox .PopupHeader .PopupInnerContainer .jBoxHeader .jBoxControls
{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 74px;
    height: 24px;
}
.jbtnClose
{
    background: url(Images/Icons/Misc/Close.png) no-repeat left top;
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 4px;
    margin-top: 2px;
    float: right;
    cursor: pointer;
}

.AlertPopup 
{
    width:400px;
}
.AlertPopup .MiddleContainer
{
    white-space:normal;
}
/*********************************************************************************************************/