/*
 * This file should be linked behind widget.css
 */

.jseSelStateOn
{
    background-color: #006699;
}
/*============= ViewManager ==============*/
.jseViewBorderV
{
    background-color:  #CEDFF5;
    border-color: #0063af;
}

.jseViewBorderH
{
    background-color: #CEDFF5;
    border-color: #0063af;
}

.jseTabHeader
{
    background-color: #CEDFF5;
}

/* Changes content border color*/
.jseTabContent
{
    border-color: #0063af;
}

.jseTabItemCloseEnable
{
    background-image: url(icons/viewmanager/close_enable.gif?20140319170329);
}

.jseTabItemCloseDisable
{
    background-image: url(icons/viewmanager/close_enable.gif?20140319170329);
}
.jseTabSelStateOn .jseTabHeadLeft
{
    background-image: url(icons/viewmanager/left.gif?20140319170329);
}
.jseTabSelStateOn .jseTabHeadCenter
{
    background-image: url(icons/viewmanager/center.gif?20140319170329);
}
.jseTabSelStateOn .jseTabHeadRight
{
    background-image: url(icons/viewmanager/right.gif?20140319170329);
}
.jseTabSelStateOff .jseTabHeadLeft
{
    background-image: url(icons/viewmanager/dark-left.gif?20140319170329);
}
.jseTabSelStateOff .jseTabHeadCenter
{
    background-image: url(icons/viewmanager/dark-center.gif?20140319170329);
}
.jseTabSelStateOff .jseTabHeadRight
{
    background-image: url(icons/viewmanager/dark-right.gif?20140319170329);
}
/*============= ViewManager End ==============*/

/*============= Dialog ==============*/
.jseDialogHeader
{
    background-image : url(icons/dialog/head-bg.gif?20140319170329);
    top              : 0px;
    border-left-width: 0px; 
    border-top-width : 0px;
}

.jseDialogCloseIcon
{
    background-image: url(icons/dialog/close.gif?20140319170329);
}

.jseDialogCloseDisableIcon
{
    background-image: url(icons/dialog/close-disable.gif?20140319170329);
}

.jseDialog
{
    border-color: #0063af;
}

.jseDialogContainer
{
    border      : 1px;
    border-color: #CEDFF5;
}
/*============= Dialog End ==============*/

/*============= Sash ==============*/
.jseSashHSplit
{
    border-color: #fff #0063af #0063af #fff;
    background-color: #CEDFF5;
}

.jseSashVSplit
{
    border-color: #fff #fff #0063af #0063af;
    background-color: #CEDFF5;
}

.jseSashRimDiv
{
    background-color: #AAAAAA;
}
/*============= Sash End ==============*/

/*============= Window Start============*/
.jseWinCloseIcon
{
    background-image: url(icons/window/close.gif?20140319170329);
    top    : 3px;
    right  : 4px;
    height : 15px;
    width  : 15px;
    border : none;
}
.jseWinCloseDisableIcon
{
    background-image: url(icons/window/close-disable.gif?20140319170329);
    top    : 3px;
    right  : 4px;
    height : 15px;
    width  : 15px;
    border : none;
}
.jseWinMinIcon 
{
    background-image: url(icons/window/minimize.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 38px;
}
.jseWinMaxIcon
{
    background-image: url(icons/window/maximize.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 21px;
}
.jseWinMaxRestoreIcon 
{
    background-image: url(icons/window/restore.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 21px;
}
.jseWinMinRestoreIcon
{
    background-image: url(icons/window/restore.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 38px;
}
.jseWinPinIcon
{
    background-image: url(icons/window/dock.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 55px;
}
.jseWinHead
{
    background-image: url(icons/window/head-bg.gif?20140319170329);
    top             : 0px;
}
.jseWin
{
    border : 1px solid #0063af;
}
.jseWinBody
{
    border-color : #0063af;
}
/*============= Window End============*/
/*======== AccordioPanel Start========*/
.jseAccordionPanelUpEnable
{
    background-image: url(icons/accordionpanel/up_enable.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 3px;
}
.jseAccordionPanelDownEnable
{
    background-image: url(icons/accordionpanel/down_enable.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 3px;
}
.jseAccordionPanelHeader
{
    background-image: url(icons/window/head-bg.gif?20140319170329);
    /*border-color: #0063af;*/
}
.jseAccordionPanelDownDisable
{
    background-image: url(icons/accordionpanel/down_disable.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 3px;
}
.jseAccordionPanelUpDisable
{
    background-image: url(icons/accordionpanel/up_disable.gif?20140319170329);
    border : none;
    height : 15px;
    width  : 15px;
    top    : 3px;
    right  : 3px;
}
.jseAccordionPanelBody
{
    border : 1px solid #0063af;
}
/*======== AccordioPanel End========*/
/*======== Calendar Start========*/
.jseCalImgSpinDown
{
    background-image: url(icons/calendar/down.gif?20140319170329);
}
.jseCalImgSpinUp
{
    background-image: url(icons/calendar/up.gif?20140319170329);
}
/*======== Calendar End  ========*/
/*======== ViewTab Start ========*/
.jseTabLayoutHeader
{
    background-color: #CEDFF5;
}
.jseTabLayoutSelStateOn .jseTabLayoutHeadLeft
{
    background-image: url(icons/viewmanager/left.gif?20140319170329);
}
.jseTabLayoutSelStateOn .jseTabLayoutHeadCenter
{
    background-image: url(icons/viewmanager/center.gif?20140319170329);
}
.jseTabLayoutSelStateOn .jseTabLayoutHeadRight
{
    background-image: url(icons/viewmanager/right.gif?20140319170329);
}
.jseTabLayoutSelStateOff .jseTabLayoutHeadLeft
{
    background-image: url(icons/viewmanager/dark-left.gif?20140319170329);
}
.jseTabLayoutSelStateOff .jseTabLayoutHeadCenter
{
    background-image: url(icons/viewmanager/dark-center.gif?20140319170329);
}
.jseTabLayoutSelStateOff .jseTabLayoutHeadRight
{
    background-image: url(icons/viewmanager/dark-right.gif?20140319170329);
}
.jseTabLayoutSelStateOff
{
    padding: 0px 2px;
}
.jseTabLayoutContent
{
    border-color: #0063af;
}
/*======== ViewTab end ========*/

/*======== Menu Start==========*/

.jseMenuItemHoverOn
{
    background-color: #006699;
    color           : #FFFFFF;
}
.jseMenuItemHoverOn .actionSubMenu
{
    background-image: url(icons/popupmenu/submenu_mouseover.gif?20140319170329);
    background-repeat: no-repeat;
    background-position: center;
}
/*.jseMenuItemText
{
    left: 4px;
}
.jseMenuItemBorderCenter
{
    padding: 0 0 0 4px;
}*/
.jseMenuSeparatorItemIcon, .jseMenuItemIcon
{
    background-color: #D0E2FE;
}
/*======== Menu end  ==========*/

/*========= Menu Bar ========*/
.jseMenubarItemMouseOver
{
    background-color: #006699;
}
/*======= Menu Bar End ======*/
/*========= Number Spinner ========*/
.jseSpinnerUpBtnEnable, .jseDateChooserUpBtnEnable
{
    background-image: url(icons/spinner/up-enable.gif?20140319170329);
}
.jseSpinnerDownBtnEnable, .jseDateChooserDownBtnEnable
{
    background-image: url(icons/spinner/down-enable.gif?20140319170329);
}
.jseSpinnerUpBtnDisable, .jseDateChooserUpBtnDisable
{
    background-image: url(icons/spinner/up-disable.gif?20140319170329);
}
.jseSpinnerDownBtnDisable, .jseDateChooserDownBtnDisable
{
    background-image: url(icons/spinner/down-disable.gif?20140319170329);
}
/*======= Number Spinner End========*/

/*========= detailmessage dialog ========*/
.jseWarningDialogImg
{
    background-image: url(icons/detailmessagedialog/inform.gif?20140319170329);
}
/*========= detailmessage dialog End========*/


