/* Rules for HTML Elements */
html, body
{
    scrollbar-face-color: #f1f1f1;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #F3F3F3;
    scrollbar-3dlight-color: #cccccc;
    height: 100%;
}
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: xx-small;
    vertical-align: middle;
    direction: ltr;
    line-height: normal;
    font-family: Tahoma;
    letter-spacing: normal;
    text-align: left;
    border: none 0px;
}
A
{
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: none;
    color: #0000FF;
}


A:active
{
    font-family: Tahoma;
}
A:hover
{
    font-family: Tahoma;
}
/* General Classes */
.Hide
{
    font-weight: normal;
    font-size: xx-small;
    font-family: Tahoma;
    font-style: normal;
    visibility: hidden;
    display: none;
}
.Show
{
    font-weight: normal;
    font-size: xx-small;
    font-family: Tahoma;
    font-style: normal;
    visibility: visible;
    display: block;
}
.Enable
{
    visibility: visible;
}
.Disable
{
    visibility: hidden;
}

.Table
{
    font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma;
}
.TableNoBorder
{
    font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma;
    width: 100%;
}
.TableWithMargin
{
    font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
}

.header_bg
{
    background: url(images/header/header_bg.jpg);
    background-repeat: repeat;
}
.header_foreground
{
    background: url(images/header/header_foreground.jpg);
    background-repeat: repeat;
}
.header_foreground60
{
    background: url(images/header/header_foreground60.jpg);
    background-repeat: repeat;
    text-align: left;
    font-size: small;
    font-weight: bold;
    font-family: Tahoma;
    height: 24px;
}

.logo
{
    background: url(images/header/logo.jpg);
    background-repeat: no-repeat;
    width: 63px;
    height: 35px;
}
.logo
{
    background: url(images/header/logo.jpg);
    background-repeat: no-repeat;
    width: 63px;
}
.logo_bg
{
    background: url(images/header/logo_bg.jpg);
    background-repeat: repeat;
    font-family: Tahoma;
    font-weight: normal;
}
.logo_bg60
{
    background: url(images/header/logo_bg60.jpg);
    background-repeat: repeat;
}
.logo_bg_right
{
    background: url(images/header/logo_bg_right.jpg);
    background-repeat: repeat;
}
.logo_bg_right60
{
    background: url(images/header/logo_bg_right60.jpg);
    background-repeat: repeat;
}
.tab_first_Off
{
    background: url(images/header/tab_first_Off.jpg);
    background-repeat: no-repeat;
}
.tab_first_on
{
    background: url(images/header/tab_first_on.jpg);
    background-repeat: no-repeat;
}
.tab_last_More
{
    background: url(images/header/tab_last_More.jpg);
    background-repeat: no-repeat;
}
.tab_mid_OffMore
{
    background: url(images/header/tab_mid_OffMore.jpg);
    background-repeat: no-repeat;
}
.tab_mid_OffOff
{
    background: url(images/header/tab_mid_OffOff.jpg);
    background-repeat: no-repeat;
}
.tab_mid_OffOn
{
    background: url(images/header/tab_mid_OffOn.jpg);
    background-repeat: no-repeat;
}
.tab_mid_OnMore
{
    background: url(images/header/tab_mid_OnMore.jpg);
    background-repeat: no-repeat;
}
.tab_mid_OnOff
{
    background: url(images/header/tab_mid_OnOff.jpg);
    background-repeat: no-repeat;
}
.tab_More_bg
{
    background: url(images/header/tab_More_bg.jpg);
    background-repeat: repeat;
}
.tab_Off_bg
{
    background: url(images/header/logo.jpg);
    background-repeat: repeat;
}
.tab_On_bg
{
    background: url(images/header/tab_On_bg.jpg);
    background-repeat: repeat;
}
.web_PannelBg
{
    width: 100%;
}

.web_PannelHeader
{
    border: 1px solid #ACB9C2;
    background-image: url( 'images/messaging_bg.jpg' );
    background-repeat: repeat;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    font-weight: bold;
    height: 22px;
    text-align: left;
}
.web_PannelContant
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #ACB9C2;
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
}
.messaging_bg
{
    border: 1px solid #ACB9C2;
    background-image: url(  'images/page_header_bg.jpg' );
    background-repeat: repeat;
    height: 28px;
    vertical-align: middle;
    text-align: left;
    font-family: Tahoma;
    font-size: small;
    font-weight: bold;
}
.page_header_bg
{
    border: 1px solid #ACB9C2;
    background-image: url(       'images/messaging_bg.jpg' );
    background-repeat: repeat;
}
.labelBox250Px
{
    height: 14px;
    font-family: Tahoma;
    font-size: x-small;
}
.textBox250Px
{
    width: 250px;
    height: 18px;
    font-family: Tahoma;
    font-size: x-small;
}
.textBox150Px
{
    width: 150px;
    height: 18px;
    font-family: Tahoma;
    font-size: x-small;
}
.comboBox250Px
{
    width: 255px;
    height: 18px;
    font-family: Tahoma;
    font-size: x-small;
}
.tableHeader
{
    border-style: none;
    padding: 0px;
}
.outerTable
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-collapse: collapse;
}
.upperTD
{
    vertical-align: top;
}
.footerTD
{
    vertical-align: bottom;
}
.gridCellStyleRight
{
    text-align: right;
}
/* Classes for StatusBar */
.StatusBar
{
    background: url(images/StatusImage.jpg);
    height: 26px;
    font-size: 11px;
    left: 0px;
    font-family: Tahoma;
}
.StatusBar .Progress
{
    width: 110px;
    border: inset 1px;
    vertical-align: middle;
    text-align: center;
}

.leftNavigation
{
    border: 1px solid #ACB9C2;
    width: 200px;
    vertical-align: top;
}
.StatusBar .QBox
{
    width: 310px;
    margin: 0px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #006699;
}
.leftNavigation
{
    border: 1px solid #ACB9C2;
    width: 200px;
    vertical-align: top;
}
.leftNavigationTree
{
    width: 100%;
    height: 600px;
}
.leftNavigationTreeNode
{
    font-family: Tahoma;
    font-size: 11px;
    color: #000080;
}
.leftNavigationTreeContainer
{
    border: 1px solid #ACB9C2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-collapse: collapse;
}
.gridCol
{
    border: 1px solid #ACB9C2;
    background-image: url(  'images/column_header_bg.jpg' );
    background-repeat: repeat;
}
.gridFrame
{
    border: 1px solid #ACB9C2;
}
.buttonActive
{
    border-left: 1px none #6592B3;
    border-right: 1px none #6592B3;
    border-top: 1px solid #6592B3;
    border-bottom: 1px solid #6592B3;
    background-image: url(   'images/button_active_bg.jpg' );
    height: 22px;
    border-style: none;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
}

.pageHeader
{
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    background-image: url(  'images/page_header_bg.jpg' );
}
.sectionHeader
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    background-image: url( 'images/section_header_bg.jpg' );
}
.sty_TD_StyleForCommonSnapShot
{
    width: 100px;
}
.selectionSubHeader
{
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    background-image: url( 'images/section_subheader_bg.jpg' );
}


/* Classes for TreeView Control */
.TreeView
{
}
.TreeViewSelectedNode
{
    font-size: 11px;
    font-family: Verdana;
    vertical-align: middle;
    background-color: LightSteelBlue;
}



/*Newly created
.sty_Table_LandingPageMaster
{
    width: 100%;
    vertical-align: top;
    text-align: center;
    padding: 0;
    height: 100%;
}*/


#PageBody
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

/* ======================================================================== */
/* This styles are for the user controls style */
/* ======================================================================== */
.sty_Literal_StatusLabel
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}
.sty_StatusBarLine
{
    padding-right: 3px;
    padding-left: 3px;
    color: #666666;
    font-weight: bold;
}
.sty_TD_InnerTableSubheaderMandatoryField
{
    text-align: right;
    height: 24px;
    padding-right: 10px;
}
.sty_Table_SearchPage_UC_Navigation
{
    height: 24px;
    background-color: #eeeeee;
    width: 100%;
    vertical-align: middle;
    padding-right: 8px;
    padding-left: 8px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
}
.sty_Table_ButtonContainer
{
    padding: 0px;
}
/*
.sty_TD_SearchFilterUC
{
    vertical-align: top;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #e6e6e6;
    border-right-color: #e6e6e6;
    border-left-color: #e6e6e6;
    padding-right: 4px;
    padding-left: 4px;
}*/
/* ======================================================================== */
/* ======================================================================== */
/* This styles are for the login pages */
/* ======================================================================== */
/* ======================================================================== */
.sty_Table_Main_LoginPage
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    background-color: #4892D1;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
}
.sty_Table_LoginPage_Sub
{
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
}
/* ======================================================================== */
/* ======================================================================== */
/* This styles are for the home page, snapschot page , header pages/master pages*/
/* ======================================================================== */
/* ======================================================================== */
.sty_Table_Left_LandingPageMaster
{
    width: 100%;
    vertical-align: top;
    text-align: left;
    height: 100%;
    border: 1px solid #e6e6e6;
}
.sty_Table_Left_LandingPageMaster_ProjectManagement
{
    width: 100%;
    vertical-align: top;
    text-align: left;
    border: 1px solid #e6e6e6;
}
.sty_TD_NavigationBarAboveTree
{
    vertical-align: middle;
    height: 28px;
    width: 100%;
    vertical-align: top;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d6e1ec;
    background-image: url(   'images/navigation.jpg' );
    padding-left: 6px;
    padding-top: 3px;
}
.sty_Table_OuterForMaster
{
    /*width: 100%;     height: 100%;     overflow: hidden;     border-collapse: collapse;     padding: 0px;     text-align: center;*/
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.sty_TD_MasterHeaderRow
{
    width: 100%;
    height: 60px;
    top: 0%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
}
.sty_TD_ContentRow
{
    width: 100%;
    vertical-align: top;
    text-align: center;
    height: 100%;
}
.sty_TD_LandingPageMasterLeft
{
    width: 20%;
    vertical-align: top;
    text-align: left;
    height: 100%;
}
.sty_TD_LandingPageMasterLeft_Tree
{
    width: 20%;
    vertical-align: top;
    text-align: left;
    height: 100%;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.sty_TD_LandingPageMasterRight
{
    width: 99%;
    vertical-align: top;
    text-align: left;
    height: 100%;
}
.sty_TD_HomeHeaderTopBG
{
    background-image: url('images/header_bg.jpg' );
    vertical-align: bottom;
    height: 35px;
}
.sty_TD_HomeHeaderBottomLeft
{
    background-image: url('images/header_foreground60.jpg' );
}
.sty_TD_HomeHeaderBottomRight
{
    height: 25px;
    background-image: url( 'images/header_foreground60.jpg' );
    border-right-style: solid;
    padding-left: 9px;
    border-right-width: 1px;
    border-right-color: #cccccc;
}

/* ======================================================================== */

.sty_Table_InsideWebTab
{
    width: 99%;
    height: 100%;
    overflow: hidden;
    border-collapse: collapse;
    text-align: center;
    vertical-align: top;
}


/* ======================================================================== */
/* This styles are for the search pages */
/* ======================================================================== */
.sty_TD_SearchPageHeaderNormal
{
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    background-image: url('images/page_header_bg.jpg' );
    text-align: left;
    height: 24px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
}
.sty_TD_SearchPageDetailsNormal
{
    text-align: center;
    width: 100%;
    vertical-align: top;
    height: 100%;
}
.sty_TD_SearchPageFilterNormal
{
    padding: 5px;
    text-align: center;
    vertical-align: top;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #f1f1f1;
    border-right-color: #f1f1f1;
    border-left-color: #f1f1f1;
}
.sty_TD_SearchPageContainer
{
    width: 100%;
    vertical-align: top;
}
.sty_TD_MasterPageFilterNormal
{
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #f1f1f1;
    border-right-color: #f1f1f1;
    border-left-color: #f1f1f1;
    height: 8px;
}
/* ======================================================================== */
/* ======================================================================== */
/* Common styles for all pages */
/* ======================================================================== */
/* ======================================================================== */
.sty_TD_DetailsRowNormal
{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
.sty_TD_DetailsRowWithoutBorder
{
    text-align: center;
    width: 100%;
    vertical-align: top;
}
.sty_TD_LeftAlign
{
    text-align: left;
}
.sty_TD_RightAlign
{
    text-align: right;
}
.sty_Table_OuterTableNormal
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-collapse: collapse;
    text-align: center;
    vertical-align: top;
}
.sty_TD_StatusBarRow
{
    width: 100%;
    left: 0px;
    height: 26px;
    vertical-align: bottom;
}

.sty_TD_ProjectDefinitionSummaryTab
{
    vertical-align: top;
    text-align: center;
    margin: 6px;
    width: 50%;
    padding: 2px;
}

.sty_TD_PageMandatorySymbol
{
    width: 100%;
    text-align: right;
    height: 24px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.sty_TD_PageHeaderNormal
{
    width: 100%;
    background-image: url( 'images/page_header_bg.jpg' );
    text-align: left;
    height: 24px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
}
.sty_TD_DashBoardWidgetHeader
{
    background: #0078ae url('images/dashboard_widget_header_hover.png') 50% 50% repeat-x;
    text-align: left;
    height: 24px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
}
.sty_TD_ButtonContainerRightAlign
{
    border: 1px solid #e6e6e6;
    background-image: url('images/pageFooterrow.jpg' );
    height: 24px;
    text-align: right;
    vertical-align: middle;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.sty_TD_ButtonContainerLeftAlign
{
    border: 1px solid #e6e6e6;
    background-image: url('images/pageFooterrow.jpg' );
    height: 24px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.sty_TD_FooterNormal
{
    border: 1px solid #e6e6e6;
    background-image: url(    'images/pageFooterrow.jpg' );
    height: 24px;
    text-align: right;
    vertical-align: middle;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}
.sty_TD_DashBoardFooter
{
    border: 1px solid #77d5f7;
    background: #0078ae url('images/dashBoardFooter.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
    text-align: right;
}

.sty_TD_DashBoardHeader
{
    border: 1px solid #77d5f7;
    background: #0078ae url('images/dashBoardFooter.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}
.sty_TD_SubHeader_UC
{
    border: 1px solid #e6e6e6;
    background-image: url('images/pageFooterrow.jpg' );
    height: 24px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}
.sty_TD_DetailsRowBox
{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
.sty_TD_DetailsRowBoxBottomBorder
{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    width: 100%;
    vertical-align: top;
}

.sty_TD_DetailsRowFullBorder
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
/* ======================================================================== */

/* ======================================================================== */
/* Styles for control... (for skin) */
/* ======================================================================== */
.sty_Label_PageHeader
{
    font-weight: bold;
    font-size: 13px;
    font-family: tahoma;
    color: #333333;
}
.sty_Label_PageSubHeader
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.sty_Label_DashBoardHeader
{
    font-weight: normal;
    font-size: 13px;
    font-family: Verdana,Arial,sans-serif;
    color: #eaf5f7;
}
.sty_IMG_SuiteLogo
{
    background-repeat: no-repeat;
    background-image: url( 'images/logo.jpg' );
    height: 35px;
    width: 63px;
}
.sty_Label_Normal
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.sty_Label_NavigationModule
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.sty_HyperLink_NavigationModule
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.sty_Label_RequiredField
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}
.sty_Label_MandatorySymbol
{
    font-family: Tahoma;
    font-size: 11px;
    color: #FF0000;
}
.sty_QuadraActionButton_BG_Normal
{
    border: 1px solid #74A8CF;
    height: 16px;
    background-image: url(  'images/button_active_bg_slice.jpg' );
    padding-right: 8px;
    padding-left: 8px;
}
.sty_QuadraActionButton_BG_Hover
{
    border: 1px solid #BEAA0D;
    height: 16px;
    background-image: url( 'images/button_focused_bg_slice.jpg' );
    padding-right: 8px;
    padding-left: 8px;
}
.sty_QuadraActionButton_BG_Disabled
{
    border: 1px solid #A2ACB5;
    background-image: url( 'images/button_disabled_bg_slice.jpg' );
    height: 16px;
    padding-right: 8px;
    padding-left: 8px;
}
.sty_QuadraActionButton_NormalCSS
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}
.sty_QuadraLabel_MandatorySymbol_Normal
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #FF0000;
}
.sty_QuadraLabel_Normal
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.sty_QuadraLabel_HeaderMandatory
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}
.sty_QuadraLabel_MandatorySymbol_Header
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #FF0000;
}
.sty_LinkButton_InsideNormal_TD
{
    color: #333333;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
    font-family: tahoma;
    text-decoration: none;
}
.sty_LinkButton_InsideGrid_Tax
{
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    font-family: tahoma;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

.sty_DropDownList_250px
{
    scrollbar-face-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #fAfAfA;
    scrollbar-shadow-color: #999999;
    scrollbar-highlight-color: #f1f1f1;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-darkshadow-color: #cccccc;
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    border-color: #efefef #D9dfE4 #D9dfE4 #D9dfE4;
    border-style: ridge solid solid solid;
    background-color: #ffffff;
    height: 20px;
    vertical-align: middle;
    table-layout: auto;
    list-style-type: circle;
    width: 250px;
    padding-left: 2px;
}
.sty_DropDownList_150px
{
    scrollbar-face-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #fAfAfA;
    scrollbar-shadow-color: #999999;
    scrollbar-highlight-color: #f1f1f1;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-darkshadow-color: #cccccc;
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    border-color: #efefef #D9dfE4 #D9dfE4 #D9dfE4;
    border-style: ridge solid solid solid;
    background-color: #ffffff;
    height: 20px;
    vertical-align: middle;
    table-layout: auto;
    list-style-type: circle;
    width: 150px;
    padding-left: 2px;
}
.sty_DropDownList_Paging
{
    scrollbar-face-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #fAfAfA;
    scrollbar-shadow-color: #999999;
    scrollbar-highlight-color: #f1f1f1;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-darkshadow-color: #cccccc;
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: tahoma;
    border-color: #efefef #D9dfE4 #D9dfE4 #D9dfE4;
    border-style: ridge solid solid solid;
    background-color: #ffffff;
    height: 18px;
    vertical-align: middle;
    table-layout: auto;
    list-style-type: circle;
    width: 50px;
    padding-left: 2px;
}
.sty_Textbox_ForHighEntry250px
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 250px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 40px;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_Textbox_ForHighEntry220px
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 220px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 40px;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_Textbox_250px
{
    border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 250px;
    border-color: #7F9DB9;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_Label_NonEditable_250px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 250px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 20px;
    padding-left: 2px;
}
.sty_Label_NonEditable_220px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 220px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 20px;
    padding-left: 2px;
}
.sty_Label_NonEditable_150px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 150px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 20px;
    padding-left: 2px;
}
.sty_Label_NonEditable_Right_250px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 250px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 20px;
    padding-left: 2px;
    text-align: right;
}
.sty_Label_NonEditable_Right_220px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 220px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 20px;
    padding-left: 2px;
    text-align: right;
}
.sty_Textbox_220px
{
    border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 220px;
    border-color: #7F9DB9;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_Textbox_150px
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 150px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_Textbox_ForSearchFind
{
    border: 1px solid #F0F0F0;
    font-weight: bold;
    font-size: 10px;
    color: #333333;
    font-family: tahoma;
    width: 100px;
    background-color: #FFFFFF;
    height: 20px;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}
.sty_Textbox_Right_250px
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 250px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: right;
}

.sty_Textbox_DashBoard_AddTab
{
    border-width: 2px 1px 1px 1px;
    font-weight: lighter;
    font-size: 10px;
    color: #333333;
    font-family: tahoma;
    width: 100%;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
}
.sty_Textbox_Right_150px
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 150px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: right;
}
.sty_Label_NonEditable_Right_150px
{
    border-width: 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: tahoma;
    width: 150px;
    border-color: #efefef #cccccc #cccccc #cccccc;
    border-style: ridge solid solid solid;
    background-color: #f1f1f1;
    height: 18px;
    padding-left: 2px;
    text-align: right;
}
.sty_RadioButton_Normal
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: tahoma;
}
.sty_CheckBox_Normal
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: tahoma;
}
/* ======================================================================== */




/*
.sty_TD_SuiteLogoBG
{
	width:63px;
	background-image: url( 'images/logo_bg.jpg' );
}
*/

/* ======================================================================== */
/* this is for TD width and height (for gaps)*/
/* ======================================================================== */
.sty_TD_Height3px
{
    width: 100%;
    height: 3px;
}
.sty_TD_Height5px
{
    width: 100%;
    height: 5px;
}
.sty_TD_Height10px
{
    width: 100%;
    height: 10px;
}
.sty_TD_Height15px
{
    width: 100%;
    height: 15px;
}
.sty_TD_Height20px
{
    width: 100%;
    height: 20px;
}
.sty_TD_Height200px
{
    width: 100%;
    height: 200px;
}
.sty_TD_Width3px
{
    width: 3px;
}
.sty_TD_Width5px
{
    width: 5px;
}
.sty_TD_Width10px
{
    width: 5px;
}
.sty_TD_Width15px
{
    width: 5px;
}
.sty_TD_Width20px
{
    width: 5px;
}
.sty_TD_Width30px
{
    width: 90px;
}
/* ======================================================================== */
/* ======================================================================== */
/* */
/* ======================================================================== */
/* ======================================================================== */
.sty_TD_Button_Normal
{
    background-image: url( 'images/actibe_butt_53.gif' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 53px;
}
.sty_TD_Button_Rollover
{
    background-image: url('images/focus_butt_53.gif' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 53px;
}
.sty_TD_Button_Normal_100px
{
    background-image: url('images/activebutton_100.gif' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 100px;
    vertical-align: middle;
}
.sty_TD_Button_Rollover_100px
{
    background-image: url('images/focusbutton_100.gif' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 100px;
    vertical-align: middle;
}
.sty_TD_Button_Normal_150px
{
    background-image: url('images/activebutton_150.jpg' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 150px;
    vertical-align: middle;
}
.sty_TD_Button_Rollover_150px
{
    background-image: url('images/focusbutton_150.jpg' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 150px;
    vertical-align: middle;
}
.sty_TD_Button_Normal_240px
{
    background-image: url('images/activebutton_240.jpg' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 240px;
    vertical-align: middle;
}
.sty_TD_Button_Rollover_240px
{
    background-image: url('images/focusbutton_240.jpg' );
    background-repeat: no-repeat;
    height: 20px;
    text-align: center;
    width: 240px;
    vertical-align: middle;
}




/* ======================================================================== */
/* ======================================================================== */
/* this is for the processing pages*/
/* ======================================================================== */
/* ======================================================================== */

.sty_Table_InnerTableMain
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    width: 100%;
    overflow: scroll;
}

.sty_Table_InnerTableSub
{
    border: 1px solid #f1f1f1;
    padding: 5px;
    margin: 0px;
    text-align: center;
    width: 99%;
    overflow: scroll;
    vertical-align: top;
    height: 99%;
}
.sty_TD_CellwidthSmall
{
    text-align: center;
    width: 25px;
}
.sty_TD_CellwidthLarge
{
    text-align: center;
    width: 40px;
}
.sty_TD_CellRegular
{
    text-align: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    height: 26px;
}
.sty_TD_CellRegularRightAlign
{
    text-align: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.sty_TD_ForHighEntryCell
{
    text-align: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    vertical-align: top;
}
.sty_TD_InnerTableDetails
{
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    vertical-align: top;
}
/* ======================================================================== */
/* ======================================================================== */

/* ======================================================================== */
/* ======================================================================== */

.sty_Table_InnerTableSubHeader
{
    width: 100%;
    text-align: left;
}

.sty_TD_CellForPageHeaderInner
{
    text-align: left;
    width: 100%;
    height: 24px;
}






.sty_Popup_DetailsRow
{
    vertical-align: top;
    text-align: center;
    width: 100%;
}
.sty_Popup_HeaderRow
{
    height: 24px;
    vertical-align: middle;
    background-image: url('images/grad1.jpg');
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: left;
}
.sty_Popup_FooterRow
{
    background-image: url('images/grad2.jpg');
    height: 20px;
    vertical-align: middle;
}
.sty_Popup_OuterTable
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-collapse: collapse;
}

.sty_Table_TableForGrid
{
    margin: 0px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

.tabfirstoff
{
    background-image: url('images/tab_first_Off.jpg');
    width: 24px;
    height: 26px;
}

.tabmidoffon
{
    background-image: url('images/tab_mid_OffOn.jpg');
    width: 23px;
    height: 26px;
}
.tabonbg
{
    background-image: url( 'images/tab_On_bg.jpg' );
    height: 26px;
    padding-right: 6px;
    padding-left: 6px;
}

.tabmidonmore1
{
    background-image: url('images/tab_mid_OnMore1.jpg');
    width: 18px;
    height: 26px;
}
.tabmoreoff
{
    background-image: url('images/tab_first_Offmore.jpg');
    width: 23px;
    height: 26px;
}
.tabmorebg
{
    background-image: url('images/tab_Off_bg.jpg');
    width: 77px;
    height: 26px;
}
.tabmore
{
    background-image: url('images/tabmore.jpg');
    width: 24px;
    height: 26px;
}
.selectedfont
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.activetext
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}
.moretabbg
{
    background-image: url( 'images/moretab.jpg' );
    height: 26px;
    padding-right: 6px;
    padding-left: 6px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}
.tabfirstoffhover
{
    background-image: url('images/tab_last_Morehover.jpg');
    width: 24px;
    height: 26px;
}
.taboffhover
{
    background-image: url('images/tab_More_bg.jpg');
    width: 77px;
    height: 26px;
}

.tabmidonmorehover
{
    background-image: url('images/tab_mid_OnMore.jpg');
    width: 24px;
    height: 26px;
}
.tabmorehoverbg
{
    background-image: url('images/tabmorehoverbg.jpg');
    width: 77px;
    height: 26px;
}
.tabmorehover1
{
    background-image: url('images/tab_last_More.jpg');
    width: 23px;
    height: 26px;
}
.sty_ALink_HeaderSelectedTabNormal
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.sty_ALink_HeaderTabNormal
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.sty_Label_Login
{
    font-family: Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
}
.sty_Textbox_Login
{
    border-width: 2px 1px 1px 1px;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    font-family: tahoma;
    width: 160px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.sty_DropDownList_Login
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    width: 220px;
}
.logograd
{
    background-image: url('images/logograd.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 37px;
}

.sty_Welcome_Home
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.buttonblue
{
    background-image: url('images/activebutton_150.gif');
    background-repeat: no-repeat;
    width: 100%;
}




.coloumnheader
{
    background-image: url('images/coloumgrad.jpg');
    background-repeat: no-repeat;
    width: 384px;
    height: 31px;
}
.searchpage1
{
    background-image: url('images/search pics.jpg');
    background-repeat: no-repeat;
    width: 384px;
    height: 159px;
}
.coloumtext
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}

.linkedtext
{
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    color: #408CAC;
}
.othertext
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}
.tabtext
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.customize
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #408CAC;
    text-decoration: none;
}
.underlinelink
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #357D95;
    text-decoration: underline;
}
.activefonttabs
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}
.menu
{
    background-image: url('images/menutabsbg.jpg');
    width: 150px;
    height: 27px;
}
.pagehdr
{
    background-image: url('images/pahehdrgrad.jpg');
    width: 100%;
    height: 26px;
    background-repeat: no-repeat;
}
.Home_tabfirston
{
    background-image: url('images/tab_first_on.jpg');
    width: 21px;
    height: 26px;
}
.Home_tabonbg
{
    background-image: url(  'images/tab_On_bg.jpg' );
    height: 26px;
    width: 65px;
    text-align: center;
}


.tabmidonoffhover
{
    background-image: url('images/tab_mid_OnOffhover.jpg');
    width: 12px;
    height: 26px;
}
.tabmidoffoffhover
{
    background-image: url('images/tab_mid_OffOffhover.jpg');
    width: 13px;
    height: 26px;
}
.tabmidoffmorehover
{
    background-image: url('images/tab_mid_OffMorehover.jpg');
    width: 13px;
    height: 26px;
}
.tablastmorehover
{
    background-image: url('images/tab_last_More.jpg');
    width: 23px;
    height: 26px;
}
.tabmidonmore
{
    background-image: url('images/tabmidonmore1.jpg');
    width: 13px;
    height: 26px;
}

.style5
{
    border-style: solid;
    border-width: 1px;
}
.style6
{
    border-color: #CCCCCC;
    border-width: 0;
}
.sty_Table_Home_Main
{
    padding: 0px;
    width: 100%;
    height: 5%;
}
.sty_TD_Home_Main
{
    background-color: #FFFFFF;
    vertical-align: top;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.sty_Table_Home_Main_Sub
{
    padding: 0px;
    height: 99.90%;
    margin: 0px;
    padding: 0px;
    border: 1px solid #E2E2E2;
    width: 99.90%;
}


.sty_Span_GridPaging
{
    font-family: Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
}
.sty_Label_GridPaging
{
    font-family: Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
}
.sty_ImageButton_NextPage
{
    background-image: url(  'images/arrow1.jpg' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_Find
{
    background-image: url( 'images/find.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_Search
{
    background-image: url( 'images/img4.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_AddNew
{
    background-image: url( 'images/add_btn.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_Close
{
    background-image: url( 'images/os_close.gif.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_Dock
{
    background-image: url( 'images/os_maximise.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_UnDock
{
    background-image: url( 'images/os_expand.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_PrevPage
{
    background-image: url( 'images/arrow.jpg' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_Label_InsideGrid_SearchControl
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}

.sty_HyperLink_InsideGrid_SearchControl
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #006699;
}
.sty_LinkButton_InsideGrid_Grid
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #006699;
    width: 100%;
}
.sty_A_InsideSearch_Grid
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #006699;
    width: 100%;
}
.sty_LinkButton_Normal
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #0066AA;
}

.sty_Label_GridEmptyRecords
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-align: center;
}
.sty_TD_Home_HeaderMain
{
    width: 100%;
    height: 5px;
}
.sty_TD_Home_DetailsMain
{
    width: 100%;
    height: 100%;
}
.sty_Table_Home_Header_Sub
{
    width: 100%;
    height: 100%;
    background-image: url( 'images/header_bg.jpg' );
}

.sty_Table_Home_Header_Sub_Top
{
    width: 100%;
    height: 5px;
    background-image: url( 'images/header_bg.jpg' );
}
.sty_TD_Home_Header_Sub_Bottom
{
    height: 5px;
    background-image: url(  'images/header_foreground.jpg' );
}
.sty_Table_Home_Main_Sub_Child
{
    width: 100%;
}
.sty_TD_Home_LOGO
{
    width: 63px;
    background-image: url( 'images/header/logo.jpg' );
}
.sty_TD_Home_LOGO_BG
{
    width: 100px;
    background-image: url('images/header/logo_bg.jpg' );
}
.sty_HyperLink_Home_Tab_ActiveFont
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}
.sty_TD_Home_Taboff_BG
{
    background-image: url(  'images/tab_Off_bg.jpg' );
    height: 26px;
    text-align: center;
    padding-right: 6px;
    padding-left: 6px;
}

.sty_TD_Home_Tab_MidOn_Off
{
    background-image: url( 'images/tab_mid_OnOff.jpg' );
    width: 16px;
    height: 26px;
}
.sty_TD_Home_Tab_Mid_Off
{
    background-image: url('images/tab_mid_OffOff.jpg');
    width: 13px;
    height: 20px;
}
.sty_TD_Home_Tab_More_Sub
{
    background-image: url('images/tabmore.jpg');
    width: 21px;
    height: 26px;
}
.sty_TD_Home_Taboff_BG_More
{
    background-image: url(  'images/tab_Off_bg.jpg' );
    height: 26px;
    width: 72px;
    text-align: center;
}
.sty_TD_Home_Taboff_BG_Home
{
    background-image: url('images/tab_On_bg.jpg' );
    height: 26px;
    width: 72px;
    text-align: center;
}

.sty_Label_Home_Header_WelcomeText
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.sty_LinkButton_Home_Header_HelpLogout_Text
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}

.sty_Home_Dash_Seperator
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    width: 20px;
    text-align: center;
}
.taboffbg
{
    background-image: url('images/tab_Off_bg.jpg');
    height: 26px;
    padding-right: 6px;
    padding-left: 6px;
}
.sty_WEBImageButton_MileStone
{
    background-repeat: no-repeat;
    background-image: url('images/stricon.gif');
}

.sty_Button_BG_Normal
{
    border: 1px solid #74A8CF;
    background-image: url('images/button_active_bg_slice.jpg');
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
    cursor: hand;
}
.sty_Button_BG_Normal_hover
{
    border: 1px solid #BEAA0D;
    background-image: url( 'images/button_focused_bg_slice.jpg' );
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    color: #666666;
    cursor: hand;
}
.sty_WEBImageButton_BG_Normal
{
    border: 1px solid #74A8CF;
    background-image: url('images/button_active_bg_slice.jpg');
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
}
.sty_WIBDashBoard_BG_Normal
{
    border: 1px solid #77d5f7;
    background: url('images/dashboard_state_default.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
    font-size: .9em;
    font-family: Verdana,Arial,sans-serif;
}
.sty_WIBDashBoard_BG_Hover
{
    border: 1px solid #77d5f7;
    background: url('images/dashboard_state_hover.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #026890;
    font-size: .9em;
    font-family: Verdana,Arial,sans-serif;
    cursor: hand;
}
.sty_WEBImageButton_BG_Hover
{
    border: 1px solid #BEAA0D;
    height: 11px;
    background-image: url( 'images/button_focused_bg_slice.jpg' );
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    color: #666666;
    cursor: hand;
}
.sty_WEBImageButton_BG_Disabled
{
    border: 1px solid #BEAA0D;
    height: 11px;
    background-image: url( 'images/button_disabled_bg_slice.jpg' );
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    color: #666666;
}

.grid_Edit
{
    background: url(images/grid_Edit.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}


.igtbl_QUltraWebGridForSearchPageSelected
{
    background-color: #EDF0D8;
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma;
    border-right: dotted 1px #CCCCCC;
    padding-right: 6px;
    padding-left: 6px;
    min-height: 24px;
    color: #666666;
    border-bottom: solid 1px #EAEDD4;
}
.igtbl_QUltraWebGridForSearchPageItem
{
    background-color: White;
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma;
    border-right: dotted 1px #CCCCCC;
    padding-right: 6px;
    padding-left: 6px;
    min-height: 24px;
    color: #333333;
}
.igtbl_QUltraWebGridForSearchPageAlt
{
    background-color: #F1F1F1;
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma;
    border-right: dotted 1px #CCCCCC;
    padding-right: 6px;
    padding-left: 6px;
    min-height: 24px;
    color: #333333;
}
.table_MilestoneBg
{
    background-image: url(images/MileStoneBg.jpg);
    background-repeat: repeat;
    height: 23px;
}
.ImageButtonforProjMonitor
{
    cursor: hand;
}
.igtbl_QUltraWebGridForSearchPageSelectedBig
{
    background-image: url(images/selected_row_bgBig.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
    border-top: solid 1px #EAEDD4;
    border-right: dotted 1px #CCCCCC;
    border-bottom: solid 1px #EAEDD4;
    padding-right: 4px;
    padding-left: 4px;
    height: 24px;
    cursor: hand;
    color: #333333;
}
.sty_TD_LoginPage1
{
    height: 137px;
    width: 971px;
    background-image: url(images/Login/login_suite_01.gif);
}
.sty_TD_LoginPage2
{
    height: 19px;
    width: 971px;
    background-image: url(images/Login/login_suite_02.gif);
}
.sty_TD_LoginPage3
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_03.gif);
}
.sty_TD_LoginPage4
{
    height: 19px;
    width: 971px;
    background-image: url(images/Login/login_suite_04.gif);
}
.sty_TD_LoginPage5
{
    height: 19px;
    width: 971px;
    background-image: url(images/Login/login_suite_05.gif);
}
.sty_TD_LoginPage6
{
    height: 19px;
    width: 971px;
    background-image: url(images/Login/login_suite_06.gif);
}
.sty_TD_LoginPage7
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_07.gif);
}
.sty_TD_LoginPage8
{
    height: 19px;
    width: 971px;
    background-image: url(images/Login/login_suite_08.gif);
}
.sty_TD_LoginPage9
{
    height: 164px;
    width: 971px;
    background-image: url(images/Login/login_suite_09.gif);
}
.sty_TD_LoginPage10
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_10.gif);
}
.sty_TD_LoginPage11
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_11.gif);
}
.sty_TD_LoginPage12
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_12.gif);
}
.sty_TD_LoginPage13
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_13.gif);
}
.sty_TD_LoginPage14
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_14.gif);
}
.sty_TD_LoginPage15
{
    height: 20px;
    width: 971px;
    background-image: url(images/Login/login_suite_15.gif);
}

.CalendarNavigatonstyle
{
    cursor: hand;
    height: 14;
}
.sty_TD_ForDragDropPane
{
    vertical-align: top;
    text-align: left;
    padding: 7px;
    width: 100%;
    min-height: 50px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #f1f1f1;
    border-bottom-color: #f1f1f1;
    border-left-color: #f1f1f1;
}
.sty_TD_ForAddedPane
{
    width: 100%;
    background-image: url( 'images/page_header_bg.jpg' );
    text-align: left;
    height: 24px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    padding-right: 10px;
}
.sty_ImageButton_Max
{
    background-image: url( '/images/max_btn.jpg' );
    cursor: hand;
    background-repeat: no-repeat;
}
.sty_ImageButton_Min
{
    background-image: url( '/images/min_btn.jpg' );
    cursor: hand;
    background-repeat: no-repeat;
}

.sty_ImageButton_ExpandTree
{
    background-image: url( '/images/tree_Expand.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}

.sty_ImageButton_CollapseTree
{
    background-image: url( '/images/tree_Collaps.gif' );
    cursor: hand;
    background-repeat: no-repeat;
}

#modalContainer
{
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

#alertBox
{
    position: relative;
    width: 300px;
    min-height: 100px;
    margin-top: 50px;
    border: 2px solid #000;
    background-color: #F2F5F6;
}

#modalContainer > #alertBox
{
    position: fixed;
}
/*	background-image:url(../App_Themes/Default/images/Delete.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
	*/

#alertBox
{
    position: relative;
    width: 400px;
    min-height: 100px;
    margin-top: 150px;
    border: 1px solid #74A8CF;
    background-color: #F2F5F6;
}
#alertBox h1
{
    margin: 0;
    font: bold 1.1em verdana,arial;
    background-image: url(images/MesageBoxHeader.gif);
    background-repeat: repeat;
    background-color: #84BEE3;
    height: 22px;
    color: #FFF;
    border-bottom: 1px solid #74A8CF;
    padding: 2px 0 2px 5px;
}

#alertBox p
{
    font: 1em verdana,arial;
    height: 50px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#alertBox #closeBtn
{
    display: block;
    position: relative;
    margin: 5px auto;
    margin-left: 150px;
    padding: 3px;
    border: 1px solid #74A8CF;
    width: 70px;
    height: 20px;
    font: 0.8em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-image: url(images/Close.gif);
    background-repeat: repeat;
    text-decoration: none;
}





.jqifade
{
    position: absolute;
    background-color: #aaaaaa;
}
div.jqi
{
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 7px;
}
div.jqi .jqicontainer
{
    font-weight: bold;
}
div.jqi .jqiclose
{
    position: absolute;
    top: 4px;
    right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}
div.jqi .jqimessage
{
    padding: 10px;
    line-height: 20px;
    color: #444444;
}
div.jqi .jqibuttons
{
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}
div.jqi button
{
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #2F6073;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
div.jqi button:hover
{
    background-color: #728A8C;
}
div.jqi button.jqidefaultbutton
{
    /*background-color: #8DC05B;*/
    background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons
{
    background-color: #BF5E26;
}


/*
------------------------------
	SuccessMsg  impromptu
------------------------------
*/
.SuccessMsgwarning .SuccessMsg
{
    background-color: #aaaaaa;
}
.SuccessMsgfade
{
    position: absolute;
    background-color: #ffffff;
}
div.SuccessMsg
{
    /*position: absolute;*/
    background-color: #008000;
    padding: 1px;
    width: 500px;
    text-align: left;
}
div.SuccessMsg.SuccessMsgclose
{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #008000;
}
div.SuccessMsg .SuccessMsgcontainer
{
    background-color: #DFF2BF; /*background-color: #DFF2BF;*/
    padding: 5px;
    color: #008000;
    vertical-align: middle;
    font-weight: normal;
}
div.SuccessMsg .SuccessMsgmessage
{
    /*background-color: #415ea0;*/
    background-image: url(images/Success.JPG);
    background-repeat: no-repeat;
    height: 40px;
    padding: 0 0 0 40px;
    vertical-align: middle;
}
div.SuccessMsg .SuccessMsgbuttons
{
    text-align: right;
    color: #DFF2BF;
    padding: 2px 0 2px 2px;
}
div.SuccessMsg button
{
    /*padding: 3px 10px 3px 10px;*/
    width: 60px;
    margin: 0 10px;
}
div.SuccessMsg button.WarningMsgdefaultbutton
{
    /*background-color: #8DC05B;*/
    background-color: #4F8A10;
    color: #DFF2BF;
}
.SuccessMsgwarning .SuccessMsg .SuccessMsgbuttons
{
    background-color: #4F8A10;
}


/*
------------------------------
	Warning  impromptu
------------------------------
*/
.WarningMsgwarning .WarningMsg
{
    background-color: #aaaaaa;
}
.WarningMsgfade
{
    position: absolute;
    background-color: #ffffff;
}
div.WarningMsg
{
    /*position: absolute;*/
    background-color: #9F6000;
    padding: 1px;
    width: 500px;
    text-align: left;
}
div.WarningMsg.WarningMsgclose
{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #008000;
}
div.WarningMsg .WarningMsgcontainer
{
    background-color: #FEEFB3; /*background-color: #DFF2BF;*/
    padding: 5px;
    color: #008000;
    vertical-align: middle;
    font-weight: normal;
}
div.WarningMsg .WarningMsgmessage
{
    /*background-color: #415ea0;*/
    background-image: url(images/WarningMsg.JPG);
    background-repeat: no-repeat;
    height: 40px;
    padding: 0 0 0 40px;
    vertical-align: middle;
}
div.WarningMsg .WarningMsgbuttons
{
    text-align: right;
    color: #FEEFB3;
    padding: 2px 0 2px 2px;
}
div.WarningMsg button
{
    /*padding: 3px 10px 3px 10px;*/
    width: 60px;
    margin: 0 10px;
}
div.WarningMsg button.WarningMsgdefaultbutton
{
    /*background-color: #8DC05B;*/
    background-color: #9F6000;
    color: #FEEFB3;
}
.WarningMsgwarning .jqi .WarningMsgbuttons
{
    background-color: #9F6000;
}

/*
------------------------------
	Error impromptu
------------------------------
*/
.ErrorMsgwarning .ErrorMsg
{
    background-color: #aaaaaa;
}
.ErrorMsgfade
{
    position: absolute;
    background-color: #ffffff;
}
div.ErrorMsg
{
    /*position: absolute;*/
    background-color: #D8000C;
    padding: 1px;
    width: 500px;
    text-align: left;
}
div.ErrorMsg.ErrorMsgclose
{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #D8000C;
}
div.ErrorMsg .ErrorMsgcontainer
{
    background-color: #FFBABA; /*background-color: #DFF2BF;*/
    padding: 5px;
    color: #D8000C;
    vertical-align: middle;
    font-weight: normal;
}
div.ErrorMsg .ErrorMsgmessage
{
    /*background-color: #415ea0;*/
    background-image: url(images/Error.JPG);
    background-repeat: no-repeat;
    height: 40px;
    padding: 0 0 0 40px;
    vertical-align: middle;
}
div.ErrorMsg .ErrorMsgbuttons
{
    text-align: right;
    color: #000000;
    padding: 2px 0 2px 2px;
}
div.ErrorMsg button
{
    /*padding: 3px 10px 3px 10px;*/
    width: 60px;
    margin: 0 10px;
}
div.ErrorMsg button.ErrorMsgdefaultbutton
{
    /*background-color: #8DC05B;*/
    background-color: #FFBABA;
    color: #D8000C;
}
.ErrorMsgwarning .ErrorMsg .ErrorMsgbuttons
{
    background-color: #FFBABA;
}



/*
------------------------------
	Warning  impromptu
------------------------------
*/

.AlertMsgfade
{
    position: absolute;
    background-color: #ffffff;
}

div.AlertMsg
{
    width: 350px;
}
div.AlertMsg .AlertMsgclose
{
    /*float: right;*/
    background-image: url(images/MesageBoxHeader.gif);
    background-repeat: repeat;
    height: 22px; /* margin : -35px -10px 0 0; */
    cursor: pointer;
    color: #ffffff;
    font-weight: bold; /*padding: 2px 0 2px 2px;*/
}
div.AlertMsg .AlertMsgcontainer
{
    /* background-image :url(images/MesageBoxHeader.gif); 	background-color: #FEEFB3;*/ /*background-color: #DFF2BF;*/
    background-color: #F2F5F6; /*padding:1px; */
    border: 1px solid #74A8CF;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}
div.AlertMsg .AlertMsgmessage
{
    /*background-color: #415ea0;*/ /*background-image :url(images/WarningMsg.JPG); 	background-repeat:no-repeat;*/
    height: 40px; /*padding: 0 0 0 40px;*/
    vertical-align: middle; /*font:1em tahoma; 	font-family: Arial, Helvetica, sans-serif;     font-size:11px;*/
    height: 75px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font: Tahoma,normal, color:#3333333;
    font-size: 11px;
}
div.AlertMsg .AlertMsgbuttons
{
    text-align: right; /*color: #74A8CF;*/
    padding: 0 5px 0 0;
}
div.AlertMsg button
{
    /*padding: 3px 10px 3px 10px;*/
    display: block;
    position: relative;
    margin: 5px auto;
    margin-left: 273px; /*padding:3px;*/
    border: 01px solid #74A8CF;
    width: 70px;
    height: 22px;
    font: 0.8em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-image: url(images/Close.gif);
    background-repeat: repeat;
    text-decoration: none;
}
div.AlertMsg button.AlertMsgdefaultbutton
{
    /*background-color: #8DC05B; 	background-color: #74A8CF; 	color:#74A8CF;*/
}
.AlertMsgwarning .AlertMsg .AlertMsgbuttons
{
    /*background-color: #9F6000; */
}



/*
------------------------------
    validation 	impromptu
------------------------------
*/

.ValidationMsgfade
{
    position: absolute;
    background-color: #ffffff;
}

div.ValidationMsg
{
    width: 350px;
}
div.ValidationMsg.ValidationMsgclose
{
    /*float: right;*/
    background-image: url(images/MesageBoxHeader.gif);
    background-repeat: repeat;
    height: 22px; /* margin : -35px -10px 0 0; */
    cursor: pointer;
    color: #ffffff;
    font-weight: bold; /*padding: 2px 0 2px 2px;*/
}
div.ValidationMsg .ValidationMsgcontainer
{
    /* background-image :url(images/MesageBoxHeader.gif); 	background-color: #FEEFB3;*/ /*background-color: #DFF2BF;*/
    background-color: #F2F5F6; /*padding:1px; */
    border: 1px solid #74A8CF;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}
div.ValidationMsg .ValidationMsgmessage
{
    /*background-color: #415ea0;*/ /*background-image :url(images/WarningMsg.JPG); 	background-repeat:no-repeat;*/
    height: 40px; /*padding: 0 0 0 40px;*/
    vertical-align: middle; /*font:1em tahoma; 	font-family: Arial, Helvetica, sans-serif;     font-size:11px;*/
    height: 50px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font: Tahoma,normal, color:#3333333;
    font-size: 11px;
}
div.ValidationMsg .ValidationMsgbuttons
{
}

div.ValidationMsg button.ValidationMsgdefaultbutton
{
    background-color: #BF5E26;
    margin-left: 170px;
    padding: 0 5px 0 0;
    margin-bottom: 5px;
}

div.ValidationMsg button
{
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #2F6073;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font: 0.8em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    background-image: url(images/Close.gif);
    background-repeat: repeat;
    width: 70px;
    height: 22px;
    color: #000;
    text-decoration: none;
}
.ValidationMsgwarning .ValidationMsg .ValidationMsgbuttons
{
    /*background-color: #9F6000; */
}





/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu
{
    background-color: #aaaaaa;
}
.impromptufade
{
    position: absolute;
    background-color: #ffffff;
}
div.impromptu
{
    position: absolute;
    background-color: #cccccc;
    padding: 10px;
    width: 300px;
    text-align: left;
}
div.impromptu .impromptuclose
{
    background-image: url(images/bg_image1.gif);
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer
{
    background-color: #213e80;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
}
div.impromptu .impromptumessage
{
    background-color: #415ea0;
    padding: 10px;
}
div.impromptu .impromptubuttons
{
    text-align: center;
    padding: 5px 0 0 0;
}
div.impromptu button
{
    padding: 3px 10px 3px 10px;
    margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi
{
    background-color: #b0be96;
}
.colsJqifade
{
    position: absolute;
    background-color: #ffffff;
}
div.colsJqi
{
    position: absolute;
    background-color: #d0dEb6;
    padding: 10px;
    width: 400px;
    text-align: left;
}
div.colsJqi .colsJqiclose
{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer
{
    background-color: #e0eEc6;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
    height: 160px;
}
div.colsJqi .colsJqimessage
{
    background-color: #c0cEa6;
    padding: 10px;
    width: 280px;
    height: 140px;
    float: left;
}
div.colsJqi .jqibuttons
{
    text-align: center;
    padding: 5px 0 0 0;
}
div.colsJqi button
{
    background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
    border: solid #777777 1px;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    margin: 5px 5px 5px 10px;
    width: 75px;
}
div.colsJqi button:hover
{
    border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi
{
    background-color: #cccccc;
}
.brownJqifade
{
    position: absolute;
    background-color: #ffffff;
}
div.brownJqi
{
    position: absolute;
    background-color: transparent;
    padding: 10px;
    width: 300px;
    text-align: left;
}
div.brownJqi .brownJqiclose
{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer
{
    position: relative;
    background-color: transparent;
    border: solid 1px #5F5D5A;
    color: #ffffff;
    font-weight: bold;
}
div.brownJqi .brownJqimessage
{
    position: relative;
    background-color: #F7F6F2;
    border-top: solid 1px #C6B8AE;
    border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3
{
    background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
    margin: 0;
    padding: 7px 0 7px 15px;
    color: #4D4A47;
}
div.brownJqi .brownJqimessage p
{
    padding: 10px;
    color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg
{
    position: absolute;
    bottom: -25px;
    left: 10px;
}
div.brownJqi .brownJqibuttons
{
    text-align: right;
}
div.brownJqi button
{
    background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
    border: solid #777777 1px;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover
{
    border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue
{
    background-color: #acb4c4;
}
.cleanbluefade
{
    position: absolute;
    background-color: #aaaaaa;
}
div.cleanblue
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 300px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}
div.cleanblue .cleanbluecontainer
{
    background-color: #ffffff;
    border-top: solid 14px #213e80;
    padding: 5px;
    font-weight: bold;
}
div.cleanblue .cleanblueclose
{
    float: right;
    width: 18px;
    cursor: default;
    margin: -19px -12px 0 0;
    color: #ffffff;
    font-weight: bold;
}
div.cleanblue .cleanbluemessage
{
    padding: 10px;
    line-height: 20px;
    font-size: 11px;
    color: #333333;
}
div.cleanblue .cleanbluebuttons
{
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}
div.cleanblue button
{
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #314e90;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
div.cleanblue button:hover
{
    border: solid 1px #d4d4d4;
}

/*
*------------------------
*   Ext Blue Ex
*------------------------
*/
.extbluewarning .extblue
{
    border: 1px red solid;
}
.extbluefade
{
    position: absolute;
    background-color: #ffffff;
}
div.extblue
{
    border: 1px #6289B6 solid;
    position: absolute;
    background-color: #CAD8EA;
    padding: 0;
    width: 300px;
    text-align: left;
}
div.extblue .extblueclose
{
    background-color: #CAD8EA;
    margin: 2px -2px 0 0;
    cursor: pointer;
    color: red;
    text-align: right;
}
div.extblue .extbluecontainer
{
    background-color: #CAD8EA;
    padding: 0 5px 5px 5px;
    color: #000000;
    font: normal 11px Verdana;
}
div.extblue .extbluemessage
{
    background-color: #CAD8EA;
    padding: 0;
    margin: 0 15px 15px 15px;
}
div.extblue .extbluebuttons
{
    text-align: center;
    padding: 0px 0 0 0;
}
div.extblue button
{
    padding: 1px 4px;
    margin: 0 10px;
    background-color: #cccccc;
    font-weight: normal;
    font-family: Verdana;
    font-size: 10px;
}





/*
------------------------------
TimeSheetHour Alert  impromptu
------------------------------
*/

.TimeSheetHourfade
{
    position: absolute;
    background-color: #ffffff;
}

div.TimeSheetHour
{
    width: 70px;
    height: 150px;
}
div.TimeSheetHour.TimeSheetHourclose
{
    /*float: right;*/ /*   background-image :url(images/MesageBoxHeader.gif);	    background-repeat:repeat;*/
    height: 1px; /* margin : -35px -10px 0 0; */
    cursor: pointer;
    color: #ffffff;
    font-weight: bold; /*padding: 2px 0 2px 2px;*/
}
div.TimeSheetHour .TimeSheetHourcontainer
{
    /* background-image :url(images/MesageBoxHeader.gif); 	background-color: #FEEFB3;*/ /*background-color: #DFF2BF;*/
    background-color: #F2F5F6; /*padding:1px; */
    border: 1px solid #74A8CF;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}
div.TimeSheetHour .TimeSheetHourmessage
{
    /*background-color: #415ea0;*/ /*background-image :url(images/WarningMsg.JPG); 	background-repeat:no-repeat;*/
    height: 40px; /*padding: 0 0 0 40px;*/
    vertical-align: middle;
    font: 1em tahoma;
    height: 50px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
div.TimeSheetHour .TimeSheetHour1buttons
{
    text-align: right; /*color: #74A8CF;*/
    padding: 0 5px 0 0;
}
div.TimeSheetHour button
{
    /*padding: 3px 10px 3px 10px;*/
    display: block;
    position: relative;
    margin: 5px auto;
    margin-left: 50px; /*padding:3px;*/
    border: 01px solid #74A8CF;
    width: 30px;
    height: 12px;
    font: 0.8em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-image: url(images/Close.gif);
    background-repeat: repeat;
    text-decoration: none;
}
div.TimeSheetHour button.TimeSheetHourdefaultbutton
{
    /*background-color: #8DC05B; 	background-color: #74A8CF; 	color:#74A8CF;*/
}
.TimeSheetHourwarning .TimeSheetHour .TimeSheetHourbuttons
{
    /*background-color: #9F6000; */
}


.customTab
{
    font: bold 12px Verdana;
    background: #FFFFFF;
    width: 100%;
}
.customTab ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*Top level list items*/
.customTab ul li
{
    position: relative;
    display: inline;
    float: left;
}


* html .customTab ul li a
{
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}


.customTablia
{
    display: block;
    color: White;
    text-decoration: none;
    font-size: 12px;
    font-weight:normal;
    font-family: tahoma;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    /*background-color: #457AB0;*/
    background: url('images/greytabon.jpg') 50% 50% repeat-x;
    
    color:Black;
    border-left: 3px solid #FFFFFF;
}


.customTabTabSelected
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    font-family: tahoma;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    color: #666666; /*background :  url('images/greytabon.jpg') 50% 50% repeat-x;*/
    background: background-color=white;
    border-left: 3px solid #FFFFFF;
}

.customTabliDisable
{
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    color: Black;
    background: url('images/grettaboff.jpg') 50% 50% repeat-x;
    border-left: 1px solid #dbdbd5;
    position: relative;
    float: left;
}

.customTab ul li a:hover
{
    font-size: 12px;
    font-weight:normal;
    color:Black;
    font-family: tahoma;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: hand;
    /*background-color: #FFFCF0; /* background : url('images/greytabon.jpg') 50% 50% repeat-x;*/
}

/*1st sub level menu*/
.customTab ul li ul
{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.customTab ul li ul li
{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.customTab ul li ul li ul
{
    top: 0;
}

/* Sub level menu links style */
.customTab ul li ul li a
{
    font-size: 12px;
    font-weight:normal;
    font-family: tahoma;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover
{
    /*sub menus hover style*/
    background: #eff9ff;
    color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
}


.SplitterNoDisplay
{
    display: none;
}
.highlight
{
    background-color: #FFFACD;
}
.draggStyler
{
}

.tdDropRegion
{
}
.dragRowStyler
{
    background-color: Lime;
}
.CustomTabLink
{
    }
    
    .custom_tab_On_bg
{
     background-image: url('images/tab_On_bg.jpg' );
    height: 26px;
    text-align: center;
}

.sty_ALink_CustomHeaderSelectedTabActive
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.sty_ALink_CustomHeaderSelectedTabInActive
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}
.sty_lblContactAddress
{
	width:150px; padding:2px;text-align:left; float:left;font-weight:bold;
}

.sty_Button_BG_PopUp
{
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    margin-left: 0px;
    cursor: hand;
    
    border: 1px solid #4297d7; 
    background: #2191c0 url('DashBoard/images/ui-bg_glass_45_0078ae_1x400.png') 50% 50% repeat-x; 
    color: #eaf5f7;
    height:20px;
    width:50px; 
}
.sty_Button_BG_PopUp_hover
{
    padding-right: 1px;
    padding-left: 1px;
    font-family: tahoma;
    font-size: 12px;
    cursor: hand;
    
    border: 1px solid #4297d7;
    background: #2191c0 url('DashBoard/images/ui-bg_glass_75_79c9ec_1x400.png') 50% 50% repeat-x;
    color: #eaf5f7;
    height:20px;
    width:50px; 
    
}
.sty_TD_Footer_Popup
{
    text-align: right;
    width: 100%;
    border-color: #4297d7;
    border-width: 1px 0 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}