/***********************************************************************
* XSoftArt.AdminEngine v2.8 styles
/***********************************************************************/
/*****************************************************
Print style
******************************************************/

@media screen {
    *.noview {
        display: none;
    }

    *.Height100 {
        height: 100%;
    }
}

.printBar {
    background-color: #E5E5E5;
    height: 40px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: right;
    padding: 4px;
}

.printBarBottom {
    background-color: #E5E5E5;
    height: 20px;
}

.printBar a:link,
.printBar a:visited {
    color: #000000;
    text-decoration: none;
}

.printBar a:hover {
    color: #000000;
    text-decoration: underline;
}

/*****************************************************
General style
*****************************************************/

Body {
    font-family: Tahoma, Verdana, Arial;
    /*background-image:url(../images/logo.gif);*/
    background-repeat: no-repeat;
}

.ButtonStyleDisable {
    background-image: url(../images/Button/button-disable.gif);
}

.ButtonStyle {
    background-image: url(../images/Button/button.gif);
}

.ButtonStyleOver {
    background-image: url(../images/Button/button-over.gif);
}

.ButtonStyleDisable2 {
    background-image: url(../images/Button/button-disable2.gif);
}

.ButtonStyle2 {
    background-image: url(../images/Button/button2.gif);
}

.ButtonStyleOver2 {
    background-image: url(../images/Button/button-over2.gif);
}

.ButtonStyleDisable3 {
    background-image: url(../images/Button/button-disable3.gif);
}

.ButtonStyle3 {
    background-image: url(../images/Button/button3.gif);
}

.ButtonStyleOver3 {
    background-image: url(../images/Button/button-over3.gif);
}

.ButtonStyle4 {
    background-image: url(../images/Button/button4.gif);
}

.ButtonStyle4 {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 230px;
    HEIGHT: 22px;
    Color: #777F8A;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 2px;
}

.ButtonStyle2,
.ButtonStyleOver2,
.ButtonStyleDisable2 {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 190px;
    HEIGHT: 22px;
    Color: #777F8A;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 2px;
}

.ButtonStyle3,
.ButtonStyleOver3,
.ButtonStyleDisable3 {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 130px;
    HEIGHT: 22px;
    Color: #777F8A;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 2px;
}

.ButtonStyle,
.ButtonStyleOver,
.ButtonStyleDisable {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 87px;
    HEIGHT: 22px;
    Color: #777F8A;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 2px;
}

.ButtonFileStyle {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 3px;
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;
    WIDTH: 450px;
    HEIGHT: 22px;
    vertical-align: middle;
}

.ButtonStyleNew {
    color: #777F8A;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    background-color: rgb(245, 245, 241);
    border: 3px solid rgb(152, 184, 233);
    border-radius: 0.25em;
    padding-bottom: 2px;
    cursor: pointer;
}

    .ButtonStyleNew:disabled {
        border: 3px solid rgb(184, 184, 184);
    }

    .ButtonStyleNew:hover:enabled {
        border: 3px solid rgb(251, 204, 109);
    }

.validationWarningSmall,
.validateError {
    color: Red;
    font-size: 11px;
    /*font-weight: bold;*/
}

.validationErrorHighlight {
    border: 2px solid crimson !important;
}

.errorSelection {
    color: Red;
    font-weight: bold;
}

.InputLabel {
    COLOR: #003366;
}

Table {
    font-size: 11px;
    color: #003366;
}

INPUT,
SELECT,
TEXTAREA,
.requirement {
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    color: #003366;
}

.requirement {
    border: solid 1px #74BAF3;
    background-color: #FEFDEE;
}

.inputBorder {
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    color: #003366;
    border: solid 1px #74BAF3;
}

.inputBorderDisable {
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    color: #003366;
    border: solid 1px Gray;
}

INPUT.Formula {
    background-image: url(../images/Utility/inputLight.gif);
    color: Black;
}

.hintable {
    background-color: #FFFF52;
    border-bottom-color: #FFCF00;
    border-bottom-style: groove;
    border-bottom-width: 1px;
    padding-bottom: -1px;
    color: green;
    cursor: help;
    padding-left: 2px;
    padding-right: 2px;
}

.helper {
    font-size: 11px;
    background-color: #FEFDEE;
}

.hiddenText {
    visibility: hidden;
}

.visibilityText {
    visibility: visible;
}

.noneText {
    display: none;
}

.displayText {
    display: block;
}

.TextBoxDisabled {
    background-color: Transparent;
}

.headerText {
    overflow: hidden;
    color: #777F8A;
    font-weight: bold;
}

.smallPlayBtn {
    display: block;
    height: 15px;
    width: 15px;
    border: 0;
    background-image: url( '/Admin/Images/button/Play_button_small_alpha.png' );
}

.smallPlayBtn:hover {
    background-image: url( '/Admin/Images/button/Play_button_small_active_alpha.png' );
    border: 0;
    outline: 0;
    outline-style: none;
    outline-width: 0;
}

.smallPauseBtn {
    display: block;
    height: 15px;
    width: 15px;
    border: 0;
    background-image: url( '/Admin/Images/button/Pause_button_small_alpha.png' );
}

    .smallPauseBtn:hover {
        background-image: url( '/Admin/Images/button/Pause_button_small_active_alpha.png' );
        outline: 0;
        outline-style: none;
        outline-width: 0;
    }

a.editLink {
    text-decoration: none;
}

.noPadding {
    padding: 0;
}

/***************************************************************
* Cursor style
****************************************************************/

.CursorHand {
    cursor: hand;
    cursor: pointer;
}

/***************************************************************
* UserProfileInfo style
****************************************************************/

TD.UserProfileInfo {
    font-weight: bold;
}

    TD.UserProfileInfo A:link,
    TD.UserProfileInfo A:visited {
        color: #003366;
        font-weight: bold;
        text-decoration: underline;
    }

    TD.UserProfileInfo A:hover {
        color: #003366;
        font-weight: bold;
        text-decoration: none;
    }

/***************************************************************
* Table cell style
****************************************************************/

.TableStyleCell1 {
    background-color: #C4E3FC;
}

.TableStyleCell2 {
    background-color: #A1D1F1;
}

.TableStyleCell3 {
    background-color: #85C4EE;
}

.TableStyleCell4 {
    font-weight: bold;
    background-color: #74BEEF;
}

.TableStyleCellNone {
}

/*****************************************************
DataGrid style
*****************************************************/
Table.TableBorder {
    background-color: #74BAF3;
}

Table.TableStyle {
    font-size: 11px;
    background-color: #FFFFFF;
}

Table.CursorStyle TD {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #f1f9ff;
}

.SelectedItemStyle {
    font-weight: bold;
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFEEC2;
}

.EditItemStyle {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFEEC2;
}

.AlternatingItemStyle {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #dceffe;
}

.ItemStyle {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #f1f9ff;
}

.ItemStyleChanged {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFAFA8;
}

.ItemStyleChangedNew {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #B3E5B5;
}

.ItemStyleChangedRed {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFAFA8;
}

.ItemStyleChangedGrey {
    font-size: 11px;
    color: #ccc;
    background-color: #adadad;
}

    .ItemStyleChangedGrey a.DeleteCustom:link, .ItemStyleChangedGrey a.DeleteCustom:visited {
        color: #ddd;
    }

.ItemStyleChangedGreen {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #B3E5B5;
}

.ItemStyleChangedYellow {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFE7AD;
}

A.ItemLink:link {
    font-size: 11px;
    color: Blue;
    text-decoration: underline;
}

A.ItemLink:visited {
    font-size: 11px;
    /*color:Gray;*/
    color: Blue;
    text-decoration: underline;
}

A.ItemLink:hover {
    font-size: 11px;
    color: Blue;
    text-decoration: none;
}

A.ItemLink2:link {
    font-size: 11px;
    color: #0066CC;
    text-decoration: underline;
}

A.ItemLink2:visited {
    font-size: 11px;
    /*color:Gray;*/
    color: #0066CC;
    text-decoration: underline;
}

A.ItemLink2:hover {
    font-size: 11px;
    color: #0066CC;
    text-decoration: none;
}

.FooterStyle {
    font-weight: bold;
    font-size: 11px;
    color: #4A3C8C;
    background-color: #B5C7DE;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

.FooterStyleNew {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #ffeec2;
}

tr.PagerStyle > td {
    padding-left: 10px;
}

TR.PagerStyle A:hover,
TR.PagerStyle A:link,
TR.PagerStyle A:visited {
    font-size: 11px;
    color: Blue;
    text-decoration: underline;
}

TR.PagerStyle span {
    font-size: 11px;
    color: #003366;
}

TR.PagerStyle,
TR.LoginHeaderStyle {
    height: 27px;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderSmallBackground.gif);*/
    font-size: 12px;
    color: #0066cc;
    font-weight: bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

TR.HeaderStyle,
TR.HeaderStyle2,
TR.LoginTableHeaderStyle {
    height: 27px;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
    font-size: 11px;
    color: #0066cc;
    font-weight: bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

TR.HeaderStyle2 {
    height: 35px;
    /*background-image: url(../images/Utility/TableHeaderBackground2.gif);*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

    TR.HeaderStyle TD,
    TR.HeaderStyle2 TD {
        white-space: nowrap;
    }

    TR.HeaderStyle A:hover,
    TR.HeaderStyle A:link,
    TR.HeaderStyle A:visited,
    TR.HeaderStyle2 A:hover,
    TR.HeaderStyle2 A:link,
    TR.HeaderStyle2 A:visited {
        font-size: 11px;
        color: #0066cc;
        font-weight: bold;
        text-decoration: none;
    }

Table.TableStyleSearch TD,
Table.TableStyleAdd TD,
Table.TableStyleUpdate TD
Table.TableStyleTreeView TD,
TD.TDStyleTreeView,
TD.TDStyleUpdate,
TD.TDStyleAdd,
TD.TDStyleLogin {
    background-color: #f1f9ff;
}

TR.TableStyleUpdateHeaderAlternate TD,
TR.TableStyleTreeViewHeaderAlternate TD {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #dceffe;
    font-weight: bold;
}

TR.TableStyleSearchHeader TD,
TR.TableStyleMessageHeader TD,
TR.TableStyleAddHeader TD,
TR.TableStyleUpdateHeader TD,
TR.TableStyleTreeViewHeader TD {
    text-align: center;
    font-size: 12px;
    color: #0066cc;
    font-weight: bold;
    height: 27px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

Table.TableStyleTitle TD {
    font-family: Verdana, Tahoma, Arial;
    color: #003366;
    font-size: 11px;
    font-weight: bold;
}

Table.TableStyleTitle {
    background-color: #F1F9FF;
}

Table.TableStyleSearch,
Table.TableStyleUpdate,
Table.TableStyleMessage {
    background-color: #f1f9ff;
    /*background-color: #FFFFFF;*/
}

/*****************************************************
TreeView style
*****************************************************/

.TreeViewStyle SPAN {
    height: 25px;
    vertical-align: middle;
}

/*****************************************************
Login table style
*****************************************************/

TR.LoginHeaderTitleStyle {
    height: 22px;
    background-image: url(../images/Utility/title.gif);
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
}

Table.LoginTableStyle A:link,
Table.LoginTableStyle A:visited {
    font-size: 12px;
    color: #0066cc;
    font-weight: bold;
    text-decoration: underline;
}

Table.LoginTableStyle A:hover {
    font-size: 12px;
    color: #0066cc;
    font-weight: bold;
    text-decoration: none;
}

Table.LoginTableStyle {
    font-size: 11px;
    background-color: #FFFFFF;
}

/*****************************************************
Event style
*****************************************************/

.Error, FailureAudit {
    font-size: 9px;
    color: Red;
}

.Information, SuccessAudit {
    font-size: 9px;
    color: #003366;
}

.Warning {
    font-size: 9px;
    color: Blue;
}

/*****************************************************
General Text
*****************************************************/
.normalTextSmall {
    font-size: 10px;
}

.normalTextSmallBold {
    font-size: 10px;
    font-weight: bold;
}

.normalTextSmaller {
    font-weight: normal;
    font-size: 9px;
}

.normalTextLargeBold {
    font-size: 11px;
    font-weight: bold;
}

.normalTextSmall, .normalTextSmallBold, .normalTextSmaller, normalTextLargeBold {
    color: #4A3C8C;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/*****************************************************
Page Messate style
*****************************************************/
.Message {
    font-size: 9px;
    color: Red;
}

.MessageNo {
    font-size: 9px;
    color: #003366;
}

/*****************************************************
TextBox style
*****************************************************/
.loginTextBox {
    font-size: 11px;
    width: 120px;
    border: solid 1px #74BAF3;
}

/*****************************************************
Language style
*****************************************************/
.ButtonLanguageStyle {
    BACKGROUND: url(../Images/Button/ButtonLangBackground.gif);
    background-color: #E3E3E3;
    font-weight: bold;
    Color: #0066cc;
}

.ButtonLanguageStyleOver {
    BACKGROUND: url(../Images/Button/ButtonLangBackground-over.gif);
    background-color: #E3E3E3;
    font-weight: bold;
    color: #4A3C8C;
}

.ButtonLanguageStyle,
.ButtonLanguageStyleOver {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 32px;
    HEIGHT: 19px;
}

/*****************************************************
Cursor Left, LeftAll, Right, RightAll style
*****************************************************/
.CursorLeft {
    BACKGROUND: url(../Images/Button/Left.gif);
}

.CursorLeftDisable {
    BACKGROUND: url(../Images/Button/Left-disable.gif);
}

.CursorLeftOver {
    BACKGROUND: url(../Images/Button/Left-over.gif);
}

.CursorLeftAll {
    BACKGROUND: url(../Images/Button/LeftAll.gif);
}

.CursorLeftAllOver {
    BACKGROUND: url(../Images/Button/LeftAll-over.gif);
}

.CursorLeftAllDisable {
    BACKGROUND: url(../Images/Button/LeftAll-disable.gif);
}

.CursorRight {
    BACKGROUND: url(../Images/Button/Right.gif);
}

.CursorRightDisable {
    BACKGROUND: url(../Images/Button/Right-disable.gif);
}

.CursorRightOver {
    BACKGROUND: url(../Images/Button/Right-over.gif);
}

.CursorRightAll {
    BACKGROUND: url(../Images/Button/RightAll.gif);
}

.CursorRightAllDisable {
    BACKGROUND: url(../Images/Button/RightAll-disable.gif);
}

.CursorRightAllOver {
    BACKGROUND: url(../Images/Button/RightAll-over.gif);
}

.CursorLeft,
.CursorLeftDisable,
.CursorLeftOver,
.CursorLeftAll,
.CursorLeftAllDisable,
.CursorLeftAllOver,
.CursorRight,
.CursorRightDisable,
.CursorRightOver,
.CursorRightAll,
.CursorRightAllDisable,
.CursorRightAllOver {
    background-color: #E3E3E3;
    font-weight: bold;
    Color: #0066cc;
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 32px;
    HEIGHT: 22px;
}

/*****************************************************
Button style
******************************************************/

.ButtonInsertImages {
    BACKGROUND: url(../Images/Button/InsertImages.gif);
    /*background-color: #E3E3E3;*/
}

.ButtonInsertImagesOver {
    BACKGROUND: url(../Images/Button/InsertImages-Over.gif);
    /*background-color: #E3E3E3;*/
}

.ButtonPreview {
    BACKGROUND: url(../Images/Button/Preview.gif);
    /*background-color: #E3E3E3;*/
}

.ButtonPreviewOver {
    BACKGROUND: url(../Images/Button/Preview-Over.gif);
    /*background-color: #E3E3E3;*/
}

.ButtonDelete {
    BACKGROUND: url(../Images/Button/Delete-Over.gif);
    background-color: #E3E3E3;
}

.ButtonDeleteOver {
    BACKGROUND: url(../Images/Button/Delete-Over.gif);
    background-color: #E3E3E3;
}

.ButtonInsertImages,
.ButtonInsertImagesOver,
.ButtonPreview,
.ButtonPreviewOver,
.ButtonDelete,
.ButtonDeleteOver {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 20px;
    HEIGHT: 20px;
}

/*****************************************************
Gallery importer style
*****************************************************/

.CursorUp {
    BACKGROUND: url(../Images/Button/CUp.gif);
}

.CursorUpDisable {
    BACKGROUND: url(../Images/Button/CUp-disable.gif);
}

.CursorUpOver {
    BACKGROUND: url(../Images/Button/CUp-over.gif);
}

.CursorDown {
    BACKGROUND: url(../Images/Button/CDown.gif);
}

.CursorDownDisable {
    BACKGROUND: url(../Images/Button/CDown-disable.gif);
}

.CursorDownOver {
    BACKGROUND: url(../Images/Button/CDown-over.gif);
}

.CursorUp,
.CursorUpDisable,
.CursorUpOver,
.CursorDown,
.CursorDownDisable,
.CursorDownOver {
    background-color: #E3E3E3;
    font-weight: bold;
    Color: #0066cc;
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    CURSOR: pointer;
    CURSOR: hand;
    PADDING-TOP: 0px;
    WIDTH: 23px;
    HEIGHT: 22px;
}

/*****************************************************
DeleteCustom style
*****************************************************/

TR.DeleteItemStyle,
TR.DeleteEditItemStyle,
TR.DeleteAlternatingItemStyle,
TR.DeleteItemStyle TD,
TR.DeleteEditItemStyle TD,
TR.DeleteAlternatingItemStyle TD {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #FFEEC2;
}

/*****************************************************
Delete custom style
*****************************************************/

a.DeleteCustom:link,
a.DeleteCustom:visited {
    font-size: 11px;
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
}

a.DeleteCustom:hover {
    font-size: 11px;
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

/*****************************************************
Utilities custom style
*****************************************************/

.SMS_Error {
    color: Red;
}

.SMS_OK {
    color: Green;
}

.priceStrikeOut {
    text-decoration: line-through;
}

.priceChanged {
    color: Red;
}

/*****************************************************
Solution style
*****************************************************/

a.Solution:link,
a.Solution:visited {
    text-decoration: none;
    color: #666666;
}

a.Solution:hover {
    text-decoration: none;
    color: Black;
}

.orange {
    color: #FF6600;
}

A.Solution:hover SPAN {
    text-decoration: underline;
    color: #FF6600;
}

.NoWrap {
    white-space: nowrap;
}

.validInputRequired {
    background-color: #FEFDEE;
    font-size: 11px;
    border: solid 1px rgb(118, 118, 118);
}

.RequiredFieldMark {
    color: Red;
    font-size: 11px;
}

.validInput {
    font-size: 11px;
    border: solid 1px rgb(118, 118, 118);
    z-index: -1;
}

/*****************************************************
MessageRow style
*****************************************************/

.additionalInfo {
    color: #ff6600;
    font-size: 9px;
}

Table.MessageRowInformation {
    background-color: #FFEEC2;
    border: solid 1px #003366;
    color: #003366;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    text-indent: 10px;
}

Table.MessageRowWarning {
    background-color: #FFEEC2;
    border: solid 1px #003366;
    color: #cc0033;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    text-indent: 10px;
}

Table.MessageRowError {
    background-color: MistyRose;
    color: #cc0033;
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    height: 27px;
    text-indent: 10px;
    border: solid 1px #cc0033;
}

.requiredFields {
    background-color: #D2E9FF;
}

Table.UpdateProgress {
    background-color: #FF9999;
    border: solid 1px #003366;
    color: #003366;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    text-indent: 10px;
}

.DeleteCustomLabel {
    font-size: 11px;
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
/*****************************************************
Submenu
*****************************************************/

.SubMenuSelected, .SubMenu, .SubMenuDisabled {
    overflow: hidden;
    font-weight: bold;
    height: 20px;
    padding: 3px 5px 2px 5px;
    text-decoration: none;
}

.SubMenu {
    background-color: #DCEFFE; /*#D9D9E6;*/
    color: #777F8A;
    border-right: solid 1px #74BAF3; /*#808080;*/
    border-left: solid 1px #74BAF3; /*#808080;*/
    border-top: solid 1px #74BAF3; /*#808080;*/
}

.SubMenuDisabled {
    background-color: #DCEFF6; /*#D9D9E6;*/
    color: #AAAAAA;
    border-right: solid 1px #74BAF3; /*#808080;*/
    border-left: solid 1px #74BAF3; /*#808080;*/
    border-top: solid 1px #74BAF3; /*#808080;*/
}

.SubMenuSelected {
    background-color: #FFF0C6; /*#F1F9FF;*/
    color: #003366;
    border-right: solid 1px #74BAF3;
    border-left: solid 1px #74BAF3;
    border-top: solid 1px #74BAF3;
}

.DayLeft, .BoldRed {
    color: Red;
    font-weight: bold;
}

.ListBox_Glass {
    background-color: white;
    border: Solid 1px #7eacb1;
    font-family: Tahoma;
    font-size: 9pt;
}

.LangZero {
    color: Red;
}

.selectCart,
.selectCartEmpty {
    border: 1px solid #bfbdbe;
    color: #283e74;
    width: 550px;
    vertical-align: middle;
}

.selectCart {
    background-color: #f8ff8a;
}

.selectCartEmpty {
    background-color: #FFFFFF;
}

a.iconRemove {
    background: url(../images/Button/iconRemove.png) no-repeat;
    width: 10px;
    height: 10px;
    color: Red;
    background-position: center;
}

.ButtonStyleAdd {
    background-image: url(../images/Button/iconAdd.png);
    width: 16px;
    height: 16px;
    border: 0;
    background-color: transparent;
    vertical-align: middle;
}

.ButtonStyleRemove {
    background-image: url(../images/Button/iconRemove.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 10px !important;
    height: 10px;
    border: 0;
    vertical-align: middle;
}

.TableStyleIncome,
.TableStyleIncome2 {
    border: solid 1px #74BAF3;
    border-collapse: collapse;
}

    .TableStyleIncome td {
        border: solid 1px #74BAF3;
        background-color: #f1f9ff;
        height: 25px;
    }

    .TableStyleIncome2 td {
        border: solid 1px #74BAF3;
        height: 25px;
    }

TR.HeaderStyleRepeater {
    height: 27px;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
    font-size: 11px;
    color: #0066cc;
    font-weight: bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

    TR.HeaderStyleRepeater TD {
        padding-left: 5px;
        /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
        white-space: nowrap;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
    }

TR.ItemStyleRepeater TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    background-color: #f1f9ff;
}

TR.ItemStyleRepeaterHistory TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: green;
    background-color: #f1f9ff;
}

TR.ItemStyleRepeaterBold TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    background-color: #dceffe;
    font-weight: bold;
}

TR.ItemStyleRepeaterLevel1 TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    height: 25px;
    background-color: #b5c7de;
}

TR.ItemStyleRepeaterLevel2 TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    height: 25px;
    background-color: #b3e5b5;
}

TR.ItemStyleRepeaterAlternating TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    background-color: #dceffe;
}

.insideTable TD {
    padding-left: 5px;
    padding-right: 5px;
    height: auto !important;
}

TR.ItemStyleRepeaterLevel3 TD {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #4A3C8C;
    height: 25px;
    background-color: #bc8f8f;
}

Table.RepeaterStyle TD {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #f1f9ff;
    border-color: #74BAF3;
}

.bold {
    font-weight: bold;
}

.ItemStyleChangedNew .sumCollumn {
    font-weight: bold;
}

.date_imput_fields table {
    float: left;
}

div.freezen_table {
    width: 762px;
    overflow-x: scroll;
    margin-left: 394px;
    overflow-y: visible;
    padding-bottom: 1px;
}

tr.HeaderStyle .freeze_col, tr.HeaderStyle .freeze_col_1 {
    height: 27px;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
    font-size: 11px;
    color: #0066cc;
    padding-top: 6px;
    font-weight: bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

tr .freeze_col, tr .freeze_col_1 {
    background-color: #f1f9ff;
}

.freeze_col, .freeze_col_1 {
    position: absolute;
    white-space: pre-line;
    width: 180px;
    left: 229px;
    height: 62px;
}

.freeze_col_1 {
    left: 22px;
    width: 200px;
}

.freeze_col input {
    margin-top: 13px;
    margin-left: 30px;
}

/*
    Additional DataGrid Styles
*/

.column_hidden {
    display: none;
}

/*****************************************************
AutocompleteExtender
*****************************************************/
.AutoExtender {
    font-size: 11px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    z-index: 2000;
    margin-top: 0px;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: hand;
    list-style: none;
    z-index: 2000;
}

.AutoExtenderHighlight {
    color: White;
    background-color: #006699;
    cursor: pointer;
    list-style: none;
    z-index: 2000;
}
/*****************************************************
AutocompleteExtender END
*****************************************************/

div[id$="_ExtenderContentEditable"] {
    background-color: white;
}

/*
    State Filter CSS
*/

.dlFilterSelected, .dlFilter {
    overflow: hidden;
    font-weight: bold;
    height: 15px;
    padding: 3px 5px 2px 5px;
    text-decoration: none;
}

.dlFilterSelected {
    background-color: #FFF0C6; /*#F1F9FF;*/
    color: #003366;
    border-right: solid 1px #74BAF3;
    border-left: solid 1px #74BAF3;
    border-top: solid 1px #74BAF3;
    border-bottom: solid 1px #74BAF3;
}

.dlFilter {
}

/*
    State Filter CSS END
*/

.redTab {
    background-color: rgb(242, 203, 203) !important;
    height: 40px;
}

.goodTab {
    background-color: #9EDBB6 !important;
    height: 40px;
}

/* frozen column */

.frozen_column {
    position: absolute;
    width: 200px;
    top: auto;
    left: 22px;
    height: 62px;
}

.frozen_column_2 {
    position: absolute;
    width: 200px;
    top: auto;
    left: 228px;
    height: 62px;
}

thead.HeaderStyle, tr.HeaderStyle .frozen_column, tr.HeaderStyle .frozen_column_2 {
    height: 27px;
    background-color: #dceffe;
    /*background-image: url(../images/Utility/TableHeaderBackground.gif);*/
    font-size: 11px;
    color: #0066cc;
    padding-top: 6px;
    padding-left: 3px;
    font-weight: bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(222,229,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee5f2",GradientType=1);
}

tr.ItemStyle .frozen_column, tr.ItemStyle .frozen_column_2 {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #f1f9ff;
}

tr.AlternatingItemStyle .frozen_column, tr.AlternatingItemStyle .frozen_column_2 {
    font-size: 11px;
    color: #4A3C8C;
    background-color: #dceffe;
}

table tr.ItemStyle > td {
    background-color: #f1f9ff;
}

table tr.AlternatingItemStyle > td {
    background-color: #dceffe;
}

.frozen_column {
    padding-top: 13px;
    padding-left: 30px;
}

.frozen_column_2 {
    padding-top: 13px;
}

/*****************************************************
Time Tracker Tablet Mode Styles
******************************************************/

.lrgOkBtn {
    display: block;
    height: 100px;
    width: 100px;
    border: 0;
    background-image: url( '/Admin/Images/button/OK_button_large.png' );
}

    .lrgOkBtn:hover {
        background-image: url( '/Admin/Images/button/OK_button_large_active.png' );
        outline: 0;
        outline-style: none;
        outline-width: 0;
    }

.lrgInfoBtn {
    display: block;
    height: 100px;
    width: 100px;
    border: 0;
    background-image: url( '/Admin/Images/button/info_button_large.png' );
}

    .lrgInfoBtn:hover {
        background-image: url( '/Admin/Images/button/info_button_large_active.png' );
        outline: 0;
        outline-style: none;
        outline-width: 0;
    }

.lrgPlayBtn {
    display: block;
    height: 100px;
    width: 100px;
    border: 0;
    background-image: url( '/Admin/Images/button/Play_button_large.png' );
}

    .lrgPlayBtn:hover {
        background-image: url( '/Admin/Images/button/Play_button_large_active.png' );
        border: 0;
        outline: 0;
        outline-style: none;
        outline-width: 0;
    }

.lrgPauseBtn {
    display: block;
    height: 100px;
    width: 100px;
    border: 0;
    background-image: url( '/Admin/Images/button/Pause_button_large.png' );
}

    .lrgPauseBtn:hover {
        background-image: url( '/Admin/Images/button/Pause_button_large_active.png' );
        outline: 0;
        outline-style: none;
        outline-width: 0;
    }

/*****************************************************
Contract Item Progress Bar Styles
******************************************************/

#totalProgress {
    /*width: 100px;*/
    height: 15px;
    background-color: lightsteelblue;
    text-align: left;
}

#progressBar {
    width: 30%;
    height: 15px;
    background-color: greenyellow;
    text-align: center;
    line-height: 15px;
}

#totalProgressDonePercentage {
    width: 100px;
    height: 15px;
    background-color: lightsteelblue;
    text-align: left;
}

#progressBarDonePercentage {
    width: 30%;
    height: 15px;
    background-color: cornflowerblue;
    text-align: center;
    line-height: 15px;
}

#textPlaceholder {
    position: absolute;
    text-align: left;
    width: 100px;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f9ff;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 11px;
        font-weight: bold;
        color: #0066cc;
        font-family: Tahoma, Verdana, Arial;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
            cursor: pointer;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #f1f9ff;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

#resultLoading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#resultLoading .bg {
    background: #000000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: wait;
}

#resultLoading > div:first-child {
    width: 250px;
    height: 75px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    z-index: 10;
    color: #ffffff;
}

#contenttabletreegrid div.jqx-grid-validation-arrow-up {
    margin-top: 25px;
}

#contenttabletreegrid div.jqx-grid-validation {
    margin-top: 25px;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.dxeCalendarHeader, .dxeCalendarHeader td {
    background-color: #dcdcdc !important;
}
.dxMonthGridWithWeekNumbers, .dxMonthGridWithWeekNumbers td:not(.dxeCalendarSelected) {
    background-color: white !important;
} 
.dxeCalendarFooter {
    background-color: #ededed !important;
} 
.dxde-time td:not(.dxeDETSH) {
    background-color: white !important;
}

.RadComboBoxDropDown .rcbItem {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}