@font-face 
{
    font-family: "MetricBold";
    /*src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-eot.eot");
	src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-eot.eot?#iefix") format("embedded-opentype"), url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-woff.woff ") format("woff"), url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-ttf.ttf") format("truetype");*/
    src: url("fonts/MetricHPE-Web-Bold.eot");
    src: url("fonts/MetricHPE-Web-Bold.eot#iefix") format("embedded-opentype"), url("fonts/MetricHPE-Web-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    /*	src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-eot.eot");
	src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-eot.eot?#iefix") format("embedded-opentype"), url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-woff.woff") format("woff"), url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-ttf.ttf") format("truetype");*/
    font-family: "MetricRegular";
    src: url("fonts/MetricHPE-Web-Regular.eot");
    src: url("fonts/MetricHPE-Web-Regular.eot#iefix") format("embedded-opentype"), url("fonts/MetricHPE-Web-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: "MetricSemibold";
    src: url("fonts/MetricHPE-Web-Semibold.eot");
    src: url("fonts/MetricHPE-Web-Semibold.eot#iefix") format("embedded-opentype"), url("fonts/MetricHPE-Web-Semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: "MetricLight";
    src: url("fonts/MetricHPE-Web-Light.eot");
    src: url("fonts/MetricHPE-Web-Light.eot#iefix") format("embedded-opentype"), url("fonts/MetricHPE-Web-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/*======================================================================================================*/
/* Default - as per wash pages standard        
/*======================================================================================================*/
html 
{
    height: 100%;
    overflow: auto;
    font-family: MetricRegular, Arial;
}

html 
{
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body 
{
    font-family: MetricRegular, Arial;
    margin: 0;
    font-size: 13px;
    background-color: #fff;
    color: #000;
}

body 
{
    height: 100%;
    min-width: 1100px;
    margin: auto;
    background-color: White;
}

body, button, input, select, textarea 
{
    font-family: "MetricRegular", Arial, sans-serif;
    color: #767676;
}

div.everything 
{
    position: relative;
    height: 100%;
    width: 1100px;
    margin: auto;
}

div.body 
{
    position: relative;
    min-height: 500px;
    height: auto;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    background-color: White;
}

h1 
{
    font-size: 32px;
    line-height: 32px;
    font-family: "MetricSemibold";
    color: #000000;
    margin-top: 0px;
}

h2 
{
    font-size: 24px;
    line-height: 30px;
    font-family: "MetricSemibold";
    color: #000000;
    margin-top: 0px;
}

h3 
{
    font-size: 20px;
    line-height: 24px;
    font-family: "MetricSemibold";
    color: #000000;
    margin-top: 0px;
}

h4 
{
    font-size: 18px;
    line-height: 22px;
    font-family: "MetricSemibold";
    color: #000000;
    margin-top: 0px;
}

:after, :before {
    box-sizing: border-box;
}
.banner::after {

    font-size: 25px;
    line-height: 26px;
    content: '';
    position: absolute;
    width: 90px;
    height: 6px;
    margin-top: -55px; 
    background: #01A982;
}
h5 
{
    font-size: 18px;
    line-height: 22px;
    font-family: "MetricSemibold";
    color: #000000;
    margin-top: 0px;
    margin-bottom: 5px;
}

h6 
{
    font-size: 16px;
    line-height: 22px;
    font-family: "MetricSemibold";
    color: #000000;
}

    h6 a 
    {
        color: #007DBA;
    }

        h6 a:hover 
        {
            text-decoration: underline;
        }

hr 
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

p 
{
    font-size: 14px;
    line-height: 18px;
    font-family: "MetricRegular";
    color: #000000;
}

/*======================================================================================================*/
/* Breadcrumbs - as per wash pages standard                     
/*======================================================================================================*/
.breadcrumbs 
{
    display: inline-block;
    width: 1000px;
    font-family: "MetricRegular",Arial;
    padding-left: 18px;
    font-size: 13px;
}

    .breadcrumbs li 
    {
        display: inline;
    }

        .breadcrumbs li a, .breadcrumbs li a:visited 
        {
            display: inline-block;
            float: left;
            color: #707070;
            /*font-size: 12px;*/
            text-decoration: none;
        }

            .breadcrumbs li a:hover 
            {
                text-decoration: none;
            }

                .breadcrumbs li a:hover .hvr 
                {
                    text-decoration: underline;
                }

        .breadcrumbs li .carat 
        {
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
        }

        .breadcrumbs li a:hover .carat 
        {
            text-decoration: none;
        }

        .breadcrumbs li.lstchild .carat 
        {
            display: none;
        }
/*======================================================================================================*/
/* Title Section                
/*======================================================================================================*/
.banner 
{
    display: inline-block;
    width: 1000px;
    padding-left: 18px;
}

    .banner h1 
    {
        /*margin-top: 0.4em;*/
        margin-bottom: 0.5em;
    }

/*======================================================================================================*/
/* Content Section                
/*======================================================================================================*/
.content_section 
{
    width: 1100px;
    display: block;
    float: left;
    margin-top: 10px;
}

.content_section 
{
    border-top: solid;
    border-top-color: #E6EBEE;
    border-top-width: 10px;
}

.content_section 
{
    border-bottom: solid;
    border-bottom-color: #E6EBEE;
    border-bottom-width: 10px;
}

/*======================================================================================================*/
/*  Links and Left Rail       
/*======================================================================================================*/

.menu_link 
{
    font-family: "MetricRegular";
    font-size: 16px;
    line-height: 20px;
    /*margin-bottom: 10px;*/
    color: #01A982;
    text-decoration: none;
}

    .menu_link a 
    {
        text-decoration: none;
        color: #01A982;
        cursor: pointer;
    }

    .menu_link:hover 
    {
        text-decoration: underline;
        color: #707070;
    }

    .menu_link a:hover 
    {
        text-decoration: underline;
    }

    .menu_link a:visited 
    {
        color: #01A982;
    }

    .menu_link.small 
    {
        font-family: "MetricRegular";
        font-size: 10px;
        padding-top: 15px;
        color: #007DBA;
        text-decoration: none;
    }

        .menu_link.small a 
        {
            text-decoration: none;
            color: #007DBA;
            cursor: pointer;
        }

            .menu_link.small a:hover 
            {
                text-decoration: underline;
            }

            .menu_link.small a:visited 
            {
                color: #007DBA;
            }

.left_rail 
{
    font-family: "MetricRegular";
    font-size: 14px;
    line-height: 18px;
    width: 200px;
}

.left_rail 
{
    position: relative;
    float: left;
    padding-left: 18px;
}

/*trail class applying to ULeftMenu Hyperlinks when it redirect aspx page */
.rail_active 
{
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-family: 'MetricSemibold';
    color: #01A982 !important;
    background-color: #fff !important;
    text-decoration: none;
}

/*======================================================================================================*/
/* Main Column                   
/*======================================================================================================*/
.main_column 
{
    padding-left: 18px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 850px;
    float: left;
    position: relative;
    background-color: White;
}

    .main_column .single_column 
    {
        width: 100%;
        float: left;
        _display: inline;
    }

    .main_column .ls_single_column 
    {
        width: 100%;
        float: left;
        _display: inline;
    }

    .main_column .column0 
    {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        float: left;
        _display: inline;
    }

    .main_column .column1 
    {
        padding-left: 10px;
        padding-right: 10px;
        width: 47%;
        float: left;
        _display: inline;
    }

    .main_column .column2 
    {
        padding-left: 10px;
        padding-right: 10px;
        width: 47%;
        float: left;
        _display: inline;
    }

/*======================================================================================================*/
/* Tables                         
/*======================================================================================================*/
.table_data 
{
    border: none;
    width: 98%;
}

    .table_data .center 
    {
        text-align: center;
    }

    .table_data .right 
    {
        text-align: right;
    }

    .table_data th 
    {
        padding: 8px;
        text-align: left;
        font-size: 12px;
    }

    .table_data th 
    {
        vertical-align: bottom;
    }
    tr.cl_tb_header a
    {
        color:#FFFFFF;
        /*color:#01A982;*/
    }
    .table_data td 
    {
        padding-right: 8px;
        padding-bottom: 8px;
        text-align: left;
        font-size: 11px;
        vertical-align: top;
        line-height: 10px;
        color: black;
    }

    .table_data td 
    {
        vertical-align: middle;
        word-wrap: break-word;
    }

        .table_data td .readonly 
        {
            background-color: #CCCCCC;
        }

        .table_data td .watermarked 
        {
            color: #707070;
			    font-size: 13px;

        }

    .table_data .tb_header 
    {
        background-color: #777777;
        color: White;
    }

    .table_data .cl_tb_header 
    {
        background-color: #777777;
        color: white;
    }

    .table_data .tr_list:hover 
    {
        background-color: #cccccc;
        color: #5a5a5a;
    }

    .table_data .tr_list 
    {
        padding-right: 8px;
        padding-bottom: 8px;
        text-align: left;
        font-size: 11px;
        vertical-align: top;
        line-height: 10px;
    }

    .table_data .tr_list 
    {
        vertical-align: middle;
        word-wrap: break-word;
    }

.table_data_border 
{
    border-style: solid;
    border-color: #f0f0f0;
    border-width: 2px;
}

    .table_data_border th 
    {
        padding: 8px;
        text-align: left;
        font-size: 12px;
        color: #000;
    }

    .table_data_border th 
    {
        background-color: #F1F1F1;
        vertical-align: bottom;
    }

    .table_data_border td 
    {
        padding-right: 8px;
        padding-bottom: 8px;
        text-align: left;
        font-size: 11px;
        vertical-align: top;
        line-height: 10px;
        color: #000;
    }

    .table_data_border td 
    {
        vertical-align: middle;
        word-wrap: break-word;
    }

        .table_data_border td .readonly 
        {
            background-color: #CCCCCC;
        }

        .table_data_border td .watermarked 
        {
            color: #707070;
        }

.readonly
 {
    border: 1px solid #5A5A5A;
    height: 26px;
    background-color: #CCCCCC;
    color: #000000;
}

.watermarked 
{
    color: #707070;
}

.error 
{
    color: red;
}


/*======================================================================================================*/
/* custom-calendar                  
/*======================================================================================================*/

.button-calendar 
{
    background: transparent url("../images/Calendar.jpg") no-repeat;
    border: none;
    padding: 0 10px;
}

.custom-calendar .ajax__calendar_container 
{
    border: 1px solid #5A5A5A;
    background-color: #CCCCCC;
    color: #000000;
}

.custom-calendar .ajax__calendar_header 
{
    background-color: white;
    margin-bottom: 6px;
}

.custom-calendar .ajax__calendar_title, .custom-calendar .ajax__calendar_next, .custom-calendar .ajax__calendar_prev {
    color: #004080;
    padding-top: 1px;
}

.custom-calendar .ajax__calendar_body 
{
    border: 1px solid #5A5A5A;
    background-color: #CCCCCC;
    color: #000000;
    z-index: 99999;
}

.custom-calendar .ajax__calendar_dayname 
{
    text-align: center;
    color: black;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
}

.custom-calendar .ajax__calendar_day 
{
    text-align: center;
}

.custom-calendar .ajax__calendar_active 
{
    color: #004080;
    font-weight: bold;
    text-align: center;
    color: black;
}

.custom-calendar .ajax__calendar_today 
{
    font-weight: bold;
    text-align: center;
    color: red;
}

.custom-calendar .ajax__calendar_other, .custom-calendar .ajax__calendar_hover .ajax__calendar_today, .style1 
{
    width: 260px;
}

/*======================================================================================================*/
/* Grid view     #FAFAD2            */
/*======================================================================================================*/
.Grid 
{
    border-collapse: collapse;
}

    .Grid TABLE 
    {
        border-bottom: #ccc 2px solid;
        border-left: #ccc 2px solid;
        background-color: #fff;
        border-top: #ccc 2px solid;
        border-right: #ccc 2px solid;
    }

    .Grid TH 
    {
        text-align: center;
        border-left: #ccc 1px solid;
        border-right: #ccc 1px solid;
        padding-bottom: 12px;
        line-height: 18px;
        background-color: #B9B8BB;
        padding-left: 20px;
        padding-right: 20px;
        color: #fff;
        font-size: 9pt;
        vertical-align: middle;
        padding-top: 12px;
    }

        .Grid TH A:Link 
        {
            padding-bottom: 0px;
            padding-left: 15px;
            padding-right: 0px;
            color: #ffffff;
            text-decoration: none;
            padding-top: 0px;
        }

        .Grid TH A:hover 
        {
            text-decoration: underline;
        }

    .Grid TD 
    {
        border-left: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        text-align: justify;
        padding-bottom: 12px;
        line-height: 18px;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        font-family: HP Simplified;
        color: #000;
        font-size: 9pt;
        vertical-align: top;
        border-right: #ccc 1px solid;
        padding-top: 12px;
    }

        .Grid TD A:Link 
        {
            padding-bottom: 0px;
            padding-left: 15px;
            padding-right: 15px;
            color: #FAFAD2;
            text-decoration: none;
            padding-top: 0px;
        }

        .Grid TD A:hover 
        {
            background: url("../images/spin.gif") tan no-repeat 0px 100%;
            text-decoration: underline;
        }

/*======================================================================================================*/
/*  Text / Input Boxes / Slim Inputs                                                                                       
/*======================================================================================================*/

input 
{
    display: inline-block;
    font-family: "MetricRegular",Arial;
    height: 22px;
    line-height: 22px;
    _height: 36px;
}

input 
{
    padding: 1px 2px;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: 2px inset #767676;
    vertical-align: top;
}

textarea 
{
    display: inline-block;
    font-family: "MetricRegular",Arial;
    height: 32px;
    line-height: 22px;
    height: 90px;
}

textarea 
{
    padding: 0 10px;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: 2px solid #5a5a5a;
    vertical-align: top;
}

.form-input 
{
    font-family: "MetricRegular",Arial;
    height: 22px;
    line-height: 22px;
    padding: 1px 2px;
    font-size: 13px;
    color: #707070;
    background: #fff;
    border: 2px inset #767676;
    vertical-align: top;
}


.form-textarea,
.form-textarea.disabled,
.form-textarea.error 
{
    height: 70px;
    font-family: "MetricRegular",Arial;
    padding: 10px;
    border: 2px #ccc solid;
    overflow-y: visible;
}

.pre-active 
{
    color: #767676;
    border-color: #ccc;
}

.form-input:hover,
.form-input:focus 
{
    color: #707070;
    border: 2px solid #333333;
    height: 22px;
    line-height: 22px;
    padding: 1px 2px;
}

.form-input-disabled,
.form-textarea.disabled 
{
    color: #707070;
    background: #e5e5e5;
    border-bottom-color: #C6C9CA;
}

.form-textarea.error 
{
    border-color: #ff0000;
    color: #ff0000;
}

.form-error-message 
{
    font-size: 14px;
    border-color: #fff;
    color: #ff0000;
    margin-bottom: 10px;
}

/* Slim Inputs */
.input-slim 
{
    font-size: 1.4em;
    height: 22px;
    _height: 26px;
    line-height: 18px;
    padding: 0 8px;
}

.resizeoff 
{
    resize: none;
}

.scroll-y 
{
    overflow-y: scroll;
}

.auto-resize 
{
    overflow: hidden;
}

.labelNormal 
{
    font-size: 12px;
    line-height: 14px;
    font-family: "MetricRegular";
    color: #5a5a5a;
}

.labelBold 
{
    font-size: 16px;
    line-height: 22px;
    font-family: "MetricRegular";
    color: #707070;
    font-weight: bold;
}

/*======================================================================================================*/
/*  Drop down lists                                                                                     
/*======================================================================================================*/
select 
{
    display: inline-block;
    font-family: "MetricRegular",Arial;
    height: 32px;
    line-height: 22px;
    _height: 36px;
}

select 
{
    padding: 0 10px;
    font-size: 14px;
    color: #707070;
    background: #fff;
    border: 0px;
    border-bottom: 1px solid #C6C9CA;
    vertical-align: top;
}

.dd_list 
{
    display: inline-block;
    font-family: MetricLight,Arial;
    height: 32px;
    line-height: 22px;
    _height: 36px;
}

.dd_list 
{
    padding: 0;
    font-size: 14px;
    color: #707070;
    background: #fff;
    border: 0px;
    border-bottom: 1px solid #C6C9CA;
    vertical-align: top;
}

    .dd_list button 
    {
        background-color: #ADD8E6;
        border: solid 1px Blue;
    }

/*======================================================================================================*/
/* Ajax combo box                                                                                       
/*======================================================================================================*/

.CustomComboBoxStyle1 .ajax__combobox_textboxcontainer input 
{
    background-color: #fff;
    border: 2px solid #5a5a5a;
    border-right: 0px none;
}

.CustomComboBoxStyle1 .ajax__combobox_buttoncontainer button 
{
    background-color: #ADD8E6;
    border: solid 1px Blue;
}

.CustomComboBoxStyle2 
{
    font-family: "MetricRegular",Arial;
    height: 32px;
    line-height: 22px;
    margin-top: 10px;
}

.CustomComboBoxStyle2 
{
    font-size: 30px;
    color: #000;
    background: #fff;
    border: 2px solid #5a5a5a;
    vertical-align: top;
}

    .CustomComboBoxStyle2 .ajax__combobox_textboxcontainer input 
    {
        height: 24px;
        border: none;
        border-right: 2px solid #5a5a5a;
        width: 100px;
    }

    .CustomComboBoxStyle2 .ajax__combobox_buttoncontainer button 
    {
        vertical-align: middle;
        width: 24px;
        background: url("../images/common/s-21px-hpe.png") no-repeat 2px -1435px;
        border: none;
    }

/*======================================================================================================*/
/* Pagination                                                                                       
/*======================================================================================================*/
.pag_back,
.pag_forward 
{
    border: 2px solid #ccc;
    width: 22px;
    height: 22px;
    display: block;
}

.pag_back 
{
    margin-right: 1px;
}

.pag_forward 
{
    margin-right: 20px;
}

.pag_back, .pag_forward, .paging_cnt, .pag_arrows 
{
    float: left;
}

.paging_cnt 
{
    display: inline-block;
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
    font-size: 1.4em;
    color: #000;
}


.icn_pag_back, .icn_pag_forward 
{
    background: transparent url("../images/common/s-31px-hpe.png") no-repeat;
    margin-top: 5px;
    height: 14px;
    overflow: hidden;
    display: block;
    width: 31px;
}

.icn_pag_forward 
{
    background-position: left -666px;
}

.icn_pag_back 
{
    background-position: left -630px;
}

.pag_forward:hover .icn_pag_forward 
{
    background-position: left -738px;
}

.pag_back:hover .icn_pag_back 
{
    background-position: left -702px;
}

.icn_pag_forward 
{
    margin-left: 8px;
    margin-right: -17px;
}

.icn_pag_back 
{
    margin-left: 7px;
    margin-right: -16px;
}

/*======================================================================================================*/
/* expanders                                                                                      
/*======================================================================================================*/

.collapseHdr 
{
    border-width: 3px;
    border-style: solid;
    border-color: #D8D8d8;
    border-bottom:0px ;
    border-left:0px ;
    border-right:0px ;
    padding: 5px;
    height: 28px;
    width: 1050px;
    background: #F1F1F1;
}

    .collapseHdr h6 
    {
        margin: 0;
        padding: 0;
        text-transform: none;
        position: relative;
    }

/*
    .collapseHdr hover { cursor: pointer; }
    .collapseHdr .expand-icn { width: 18px; height: 18px; background: url("../images/plus-minus-hpe.jpg") no-repeat; display: inline-block; }
    .collapseHdr .expand-icn { background-position: left -420px; }
    .collapseHdr .expanded .expand-icn { background-position: left -350px; }

    .collapseHdr .expand-icn { width: 18px; height: 18px; background: url("../images/plus-minus-hpe.jpg") no-repeat; display: inline-block; }
    .collapseHdr a:hover { cursor: pointer; }
    .collapseHdr .expand-icn { background-position: left -420px; }
    .collapseHdr .expanded .expand-icn { background-position: left -350px; }
*/

/*======================================================================================================*/
/* Errors SNR Bits                                                                                        
/*======================================================================================================*/

.valSummRedPink 
{
    font-size: 14px;
    line-height: 18px;
    font-family: "MetricRegular";
    color: #000000;
}

.valSummRedPink 
{
    border: 1px solid #FF0000;
    background-color: #f6d6d7;
    Color: #FF0000;
}

/*======================================================================================================*/
/* Odds SNR Bits                                                                                        */
/*======================================================================================================*/

ul.horiz 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.hidden 
{
    display: none;
}

/*======================================================================================================*/
/* Check Boxes                                                                                         
/*======================================================================================================*/

.chkbox input[type='checkbox'] 
{
    border: none;
}

.chkbox label 
{
    font-size: 14px;
    line-height: 30px;
}
.chkbox label:after
{
outline: #01a982, 2px;
background-color: #01a982
}
/*   below does not work on IE8

.chkbox input[type='checkbox'] { display: none; line-height: 30px; font-size: 16px; }
.chkbox label { padding-left: 20px; font-size: 14px; line-height: 30px; background: url("../images/common/s-21px-hpe.png") no-repeat; }

    .chkbox label:hover { background-position: left -45px; }
    .chkbox label.checked { background-position: left -90px; }

.chkbox input[type='checkbox']:checked ~ label { background-position: left -90px; }
    
*/

/*======================================================================================================*/
/*  @section Inline Action buttons - as per wash pages standard         
/*======================================================================================================*/

.button input 
{
    border: none;
    font: inherit;
    color: inherit;
    background: transparent;
    overflow: visible;
}

.button 
{
    border: none;
    font-family: "MetricSemibold",Arial;
    /*-moz-border-radius: 0 4px;
	border-radius: 0 4px;*/
    padding: 0 20px;
    display: inline-block;
    text-align: center;
}

.button 
{
    background-color: #f05332;
    height: 40px;
}

    .button .btn_label, .button input 
    {
        text-transform: none;
        line-height: 38px;
        font-size: 20px;
        font-weight: bold;
        border: none;
    }

    .button:hover, .button:focus 
    {
        background-color: #d6492d;
        text-decoration: none;
    }

    .button:visited span 
    {
        color: #ffffff;
    }

a.button, a.button:hover 
{
    color: #fff;
    text-decoration: none;
}

.button.inline 
{
    height: 36px;
    padding: 0 15px;
    margin-left: 5px;
}

    .button.inline .btn_label 
    {
        line-height: 34px;
        font-size: 16px;
    }

    .button.inline input 
    {
        height: 36px;
        font-size: 18px;
    }

.button.slim 
{
    height: 26px;
    padding: 0 10px;
    margin-left: 5px;
}

    .button.slim .btn_label, .slim input 
    {
        color: #ffffff;
        line-height: 26px;
        font-size: 14px;
        margin-bottom: 1px;
    }

    .button.slim input 
    {
        height: 26px;
    }

/**
 * @section Inline Action buttons
 * @subsection Styles for critical button
 */
.button.critical, .button.critical input 
{
    color: #000000;
    background-color: white;
    border: 1px solid #FF8300;
    cursor: pointer;
}

    .button.critical:hover, .button.critical:hover input 
    {
        /*background-color: #FF8300;*/

    border: 2px solid #FF8300;
        color:#000000;
    }

.button.critical_disabled:hover, .button.critical_disabled,
.button.critical_disabled input 
{
    color: #ffffff;
    background-color: #cccccc;
    cursor: default;
}
/**
 * @section Inline Action buttons
 * @subsection Styles for cancel button
 */
.button.cancel, .button.cancel input 
{
    color: #ffffff;
    background-color: #767676;
    cursor: pointer;
}

    .button.cancel:hover, .button.cancel:hover input 
    {
        background-color: #5a5a5a;
    }

.button.cancel_disabled:hover, .button.cancel_disabled,
.button.cancel_disabled input 
{
    color: #ffffff;
    background-color: #cccccc;
    cursor: default;
}
/**
 * @section Inline Action buttons
 * @subsection Styles for primary button
 */
.button.primary, .button.primary input 
{
    color: #ffffff;
    background-color: #01A982;
    cursor: pointer;
}

    .button.primary:hover, .button.primary:hover input 
    {
        background-color: #01A982;
        stroke-width: 2px;
    }

.button.primary_disabled:hover, .button.primary_disabled,
.button.primary_disabled input 
{
    background-color: #ccc;
    color: #fff;
    cursor: default;
}
/**
 * @section Inline Action buttons
 * @subsection Styles for secondary button
 */
.button.secondary, .button.secondary input 
{
    color: #000000;
    /*background-color: #767676;*/
    border: 1px solid #01A982;
    outline: 0;
    background: 0 0;
    color: #000;
}

    .button.secondary:hover, .button.secondary:hover input 
    {
        /*background-color: #5a5a5a;*/
        background: 0 0;
        box-shadow: none;
        color: #000;
        outline: #01A982 solid 2px;
    }

.button.secondary_disabled:hover, .button.secondary_disabled,
.button.secondary_disabled input 
{
    /*background-color: #ccc;
    color: #fff;*/
    cursor: default;
}
/**
 * @used by MVC buttons
 */
.button.link1 
{
    padding-top: 9px;
    height: 28px;
}

.button.link2 
{
    padding-top: 6px;
    height: 18px;
}

/*======================================================================================================*/
/*  @heigths and widths      
/*======================================================================================================*/

.h100 
{
    max-height: 100px;
}

.h125 
{
    max-height: 125px;
}

.h150 
{
    max-height: 150px;
}

.h175 
{
    max-height: 175px;
}

.h200 
{
    max-height: 200px;
}

.h225 
{
    max-height: 225px;
}

.h250 
{
    max-height: 250px;
}

.h275 
{
    max-height: 275px;
}

.h300 
{
    max-height: 300px;
}

.h400 
{
    height: 400px;
}

.h500 
{
    height: 500px;
}

.wnone 
{
    width: auto;
}

.w53 
{
    width: 53px;
}

.w60 
{
    width: 60px;
}

.w100 
{
    width: 100px;
}

.w125 
{
    width: 125px;
}

.w150 
{
    width: 150px;
}

.w160 
{
    width: 160px;
}

.w165 
{
    width: 165px;
}

.w175 
{
    width: 175px;
}

.w180 
{
    width: 180px;
}

.w200 
{
    width: 200px;
}

.w225 
{
    width: 225px;
}

.w250 
{
    width: 250px;
}

.w275 
{
    width: 275px;
}

.w300 
{
    width: 300px;
}

.w325 
{
    width: 325px;
}

.w350 
{
    width: 350px;
}

.w375 
{
    width: 375px;
}

.w400 
{
    width: 400px;
}

.wmax 
{
    width: 100%;
}

.greyout 
{
    top: 0px;
    height: 1000px;
    background-color: whitesmoke;
    opacity: 0.75;
    filter: alpha(opacity=75);
    vertical-align: middle;
    left: 0px;
    z-index: 999999;
    width: 1250px;
    position: absolute;
    text-align: center;
}

.centerImage 
{
    top: 50%;
    left: 50%;
    margin-top: 400px;
    margin-left: 50px;
}


/*ajax*/
        .ajax__balloon_popup  {

/*background-image: url('/image-path');*/
  background-color:transparent;/*change Manuel*/
  color:black;
  width:auto;
  height:auto;
  border-color:red;
  border-bottom-color:red;
  border:hidden;
  margin-right:150px;
  position:relative;
    /*fit:fill;
  border-bottom-width:thin;*/
}

ajax__balloon_popup input {

    position:relative;

}



.CustomBaloonStyle 
{
    color: #000099;
border:dotted;
background-color:yellowgreen;

}


/*Tolltip styles below from HP WebSite **/


.tooltip_main{
    position: relative;
    display: inline-block;
}

    .tooltip_main a.link_icn{
        color: #767676;
    }

*|html[xmlns*=""]  .tooltip_main{display:block;}/*opera*/

.tooltip{
    position: absolute;
    width: 205px;
    padding: 10px 0 18px 0;
    color: #000000;
    background: #FFFFFF;
    border: 2px #cccccc solid;
    z-index: 100;
}

*|html[xmlns*=""]  .tooltip{width: 215px;}/*opera*/

.tooltip_top{right: -166px; bottom: 25px;}
.tooltip_bottom{right: -27px; top: 25px;}



.tooltip_title{padding: 0 18px 10px 18px; font-size: 16px; line-height: 22px; border-bottom: 1px #cccccc solid;}
.tooltip_text{padding: 8px 18px 0 18px; font-size: 14px;line-height: 18px;}


/*Corner*/
.tooltip_cornerx{position: absolute; width: 27px; height: 11px; font-size:0; background: url(../images/common/test.png) no-repeat;}
 .tooltip_corner{position: absolute; width: 27px; height: 11px; font-size:0; background: url(../images/common/s-31px-hpe.png) no-repeat;}
.tooltip_top .tooltip_corner,
.tooltip_top_inline .tooltip_corner{left: 20px; bottom: -9px; background-position: -1px -842px;}
.tooltip_bottom .tooltip_corner,
 .tooltip_bottom_inline .tooltip_corner{right: 20px; top: -9px; background-position: -1px -875px; background: url(../images/common/test.png) no-repeat;}



  .inline{
    position: relative;
    padding-right: 0;
    color:#000000;
    background-image: none;
    border-bottom: 1px #0096D6 dotted;
}

    .inline:hover{
        text-decoration: none;
    }

.tooltip_top_inline{left: 0; bottom: 25px;}
 .tooltip_bottom_inline{right: 0; top: 25px;}

.line-text{
    font-size: 14px;
}

/*Start General Icons*/

/*NOTE: do not set line-height to percent, as it is depend on icon height*/
a.link_icn {display:inline-block; padding-left: 20px; width:auto; }
a.link_icn, a.link_icn:visited{line-height: 18px; font-size: 14px}
a.link_icn:hover,a.link_icn:focus {text-decoration: underline}
a.no_hover:hover,a.no_hover:focus{text-decoration: none; cursor: default}
a.link_icn_arrow:hover,a.link_icn_arrow:focus{text-decoration: none}
a.link_icn b{font-size: 14px; font-weight: normal}
p a.link_icn, p a.link_icn b{font-size: inherit; line-height: inherit}

.icn_cnt {position:relative; display: inline-block}
.icn_cnt .txt{padding-left: 20px}
.icn{cursor: default; position:absolute;}
.link_state{}
/*End General Icons*/

/*Start Icon Lists*/
.icn_qsp, .icn_qdf, .icn_pdf, .icn_pdf_wht, .icn_vid, .icn_vid_wht, .icn_pdc, .icn_atc, .icn_prc, .icn_hrn, .icn_dld, .icn_pnd, .icn_doc, .icn_sdd,.icn_spt, .icn_spt2, .icn_loa, .icn_loa_wht,
.icn_frm, .icn_svc, .icn_pat, .icn_gol, .icn_flw, .icn_rcl, .icn_foo, .icn_mal , .icn_mal2, .icn_exc,
.icn_exc2, .icn_fon, .icn_fon_wht,.icn_exp_wht, .icn_rsl_wht, .icn_spt2_wht, .icn_mal2_wht, .icn_exp, .icn_rsl, .icn_rss, .icn_cmt, .icn_blg, .icn_inf, .icn_shp, .icn_exp,
.idd_cht,
.idd_cht_wht,
.iel_shr, .iel_shr_wht, .iel_prt, .iel_prt_wht, .iel_rss, .iel_sav, .iel_mal,
.icb_hlp, .icb_lnk, .icb_lnk_wht, .icb_lnk2, .icb_rfr, .icb_rpl,.icn_community,
.icn_listen, .icn_email, .icn_blog 
{background-image: url(../images/common/s-15px-hpe.png);
    background-repeat:no-repeat; background-color: transparent; width:15px; height:18px;  display:inline-block;padding-left: 6px; line-height: 14px;}

.icn_qsp{background-position: 0 5px}
.icn_qdf{background-position: 0 -1249px}
.icn_pdf{background-position: 0 -40px}
.icn_pdf_wht{background-position: 0 -2968px}
.icn_vid{background-position: 0 -679px}
.icn_vid_wht{background-position: 0 -2892px}
.icn_pdc{background-position: 0 -1286px}
.icn_atc{background-position: 0 -1321px}
.icn_prc{background-position: 0 -1357px}
.icn_hrn{background-position: 0 -1391px}
.icn_dld{background-position: 0 -1426px}
.icn_pnd{background-position: 0 -1461px}
.icn_doc{background-position: 0 -1496px}
.icn_sdd{background-position: 0 -1531px}
.icn_spt{background-position: 0 -1566px}
.icn_spt2{background-position: 0 -1880px}
.icn_loa{background-position: 0 -525px}
.icn_loa_wht{background-position: 0 -2547px}
.icn_frm{background-position: 0 -234px}
.icn_svc{background-position: 0 -1601px}
.icn_pat{background-position: 0 -426px}
.icn_gol{background-position: 0 -1153px}
.icn_flw{background-position: 0 -712px}
.icn_rcl{background-position: 0 -1636px}
.icn_foo{background-position: 0 -1671px}
.icn_mal{background-position: 0 -1705px}
.icn_mal2{background-position: 0 -1914px}
.icn_exc{background-position: 0 -1741px}
.icn_exc2{background-position: 0 -747px}
.icn_fon{background-position: 0 -1777px}
.icn_fon_wht{background-position: 0 -2827px}
.icn_exp{background-position: 0 -1813px}
.icn_rsl{background-position: 0 -1845px}
.icn_rss{background-position: 0 -1986px}
.icn_cmt{background-position: 0 -2022px}
.icn_blg{background-position: 0 -2056px}
.icn_inf{background-position: 0 -2092px}
.icn_shp{background-position: 0 -2126px}
.icn_exp_wht{background-position: 0 -2583px}
.icn_rsl_wht{background-position: 0 -2617px}
.icn_spt2_wht{background-position: 0 -2651px}
.icn_mal2_wht{background-position: 0 -2686px}


/*End Icon Lists*/
/*Start Icon DropDowns*/
.idd_cht{background-position: 0 -2160px}
.idd_cht_wht{background-position: 0 -2511px}
/*End Icon DropDowns*/
/* Start Icons Elements*/
.iel_shr{background-position: 0 -580px}
.iel_shr_wht{background-position: 0 -2929px}
.iel_prt{background-position: 0 -790px}
.iel_prt_wht{background-position: 0 -3005px}
.iel_rss{background-position: 0 -840px}
.iel_sav{background-position: 0 -2195px}
.iel_mal{background-position: 0 -1103px}
/* End Icons Elements*/
/*Start Icons Button*/
.icb_hlp{background-position: right -2232px}
.icb_lnk{background-position: right -2265px}
.icb_lnk_wht{background-position: right -2720px}
.icb_lnk2{background-position: right -635px}
.icb_rfr{background-position: right -2302px}
.icb_rpl{background-position: right -2337px}
a.icb_hlp,
a.icb_hlp:visited{padding: 0 20px 0 0;}
a.icb_lnk,a.icb_lnk_wht,a.icb_lnk_wht:visited,
a.icb_lnk2,
a.icb_lnk:visited,
a.icb_lnk2:visited{padding: 0 17px 0 0; display: inline; vertical-align: top}
a.icb_rfr, a.icb_rpl{width:15px; height:18px; padding:0}

.icb_alt {background-image: url(../images/common/s-21px-hpe.png);background-repeat: no-repeat; background-color: transparent;}
.icb_alt {width:21px; height:20px;  display:inline-block;padding-left: 6px; line-height: 22px;}
.icb_alt {background-position: left -984px}
a.icb_alt, a.icb_rpl{width:21px; height:21px; padding:0}
/*End Icons Button*/


/*Start Icon SoCial*/
.isc_hp_lg, .isc_fb_lg, .isc_twt_lg, .isc_lin_lg, .isc_flk_lg, .isc_ytb_lg, .isc_ss_lg, .isc_scb_lg, .isc_rss_lg, .isc_nnn_lg, .isc_eye_lg, .isc_pla_lg, .isc_xng_lg,
.isc_fb_md, .isc_twt_md, .isc_lin_md, .isc_flk_md, .isc_ytb_md, .isc_ss_md, .isc_scb_md, .isc_rss_md, .isc_nnn_md, .isc_eye_md, .isc_pla_md, .isc_xng_md,
.isc_fb_sm, .isc_twt_sm, .isc_lin_sm, .isc_flk_sm, .icn_flicker, .isc_ytb_sm, .icn_youtube, .isc_ss_sm,
.icn_slideshare, .isc_scb_sm, .isc_rss_sm, .isc_msp_sm, .isc_dlc_sm, .isc_eml_sm, .isc_nnn_sm, .isc_eye_sm, .isc_pla_sm, .isc_xng_sm,
.isc_ggl_lg, .isc_yah_lg, .isc_ggl_md, .isc_yah_md,.isc_ggl_sm, .isc_yah_sm, .isc_kon_lg, .isc_kon_md, .isc_kon_sm, .isc_ins_lg, .isc_uni_lg, .isc_fir_lg, .isc_pin_lg, .isc_ins_md, .isc_uni_md, .isc_fir_md, .isc_pin_md, .isc_ins_sm, .isc_uni_sm, .isc_fir_sm, .isc_pin_sm
{background-image: url(../images/common/s-social-hpe.png); background-repeat: no-repeat;}
/*Large Icons*/
.isc_ggl_lg, .isc_yah_lg, .isc_kon_lg, .isc_ins_lg, .isc_uni_lg, .isc_fir_lg, .isc_pin_lg
{width:25px; height:25px;padding-left: 25px !important; margin-right: 10px}
.isc_hp_lg{background-position: 0 -1351px}
.isc_fb_lg{background-position: 0 -644px}
.isc_twt_lg{background-position: 0 -689px}
.isc_lin_lg{background-position: 0 -779px}
.isc_flk_lg{background-position: 0 -734px}
.isc_ytb_lg{background-position: 0 -959px}
.isc_ss_lg{background-position: 0 -824px}
.isc_scb_lg{background-position: 0 -869px}
.isc_rss_lg{background-position: 0 -914px}
.isc_nnn_lg{background-position: 0 -1003px}
.isc_eye_lg{background-position: 0 -1049px}
.isc_pla_lg{background-position: 0 -1094px}
.isc_xng_lg {background-position: 0 -1396px}
.isc_ggl_lg {background-position: 0 -1515px}
.isc_yah_lg {background-position: 0 -1634px}
.isc_kon_lg {background-position: 0 -1753px}
.isc_ins_lg {background-position: 0 -1872px}
.isc_uni_lg {background-position: 0 -1991px}
.isc_fir_lg {background-position: 0 -2110px}
.isc_pin_lg {background-position: 0 -2229px}
/*Middle Icons*/
.isc_fb_md, .isc_twt_md, .isc_lin_md, .isc_flk_md, .isc_ytb_md, .isc_ss_md, .isc_scb_md, .isc_rss_md, .isc_nnn_md, .isc_eye_md, .isc_pla_md, .isc_xng_md,
.isc_ggl_md, .isc_yah_md, .isc_kon_md, .isc_ins_md, .isc_uni_md, .isc_fir_md, .isc_pin_md
{width:19px; height:19px;padding-left: 19px !important;margin-right: 10px}
.isc_fb_md{background-position: 0 -332px}
.isc_twt_md{background-position: 0 -371px}
.isc_lin_md{background-position: 0 -449px}
.isc_flk_md{background-position: 0 -410px}
.isc_ytb_md{background-position: 0 -605px}
.isc_ss_md{background-position: 0 -488px}
.isc_scb_md{background-position: 0 -527px}
.isc_rss_md{background-position: 0 -566px}
.isc_nnn_md{background-position: 0 -1139px}
.isc_eye_md{background-position: 0 -1178px}
.isc_pla_md{background-position: 0 -1216px}
.isc_xng_md {background-position: 0 -1441px}
.isc_ggl_md {background-position: 0 -1560px}
.isc_yah_md {background-position: 0 -1679px}
.isc_kon_md {background-position: 0 -1798px}
.isc_ins_md {background-position: 0 -1917px}
.isc_uni_md {background-position: 0 -2036px}
.isc_fir_md {background-position: 0 -2155px}
.isc_pin_md {background-position: 0 -2275px}
/*Small Icons*/
.isc_fb_sm, .isc_twt_sm, .isc_lin_sm, .isc_flk_sm, .icn_flicker, .isc_ytb_sm, .icn_youtube, .isc_ss_sm,
.icn_slideshare, .isc_scb_sm, .isc_rss_sm, .isc_msp_sm, .isc_dlc_sm, .isc_eml_sm, .isc_nnn_sm, .isc_eye_sm, .isc_pla_sm, .isc_xng_sm,
.isc_ggl_sm, .isc_yah_sm, .isc_kon_sm, .isc_ins_sm, .isc_uni_sm, .isc_fir_sm, .isc_pin_sm 
{width:15px; height:15px; padding-left: 15px !important; margin-right: 10px;}
.isc_fb_sm{background-position: 0 0}
.isc_twt_sm{background-position: 0 -30px}
.isc_lin_sm{background-position: 0 -177px}
.isc_flk_sm, .icn_flicker {background-position: 0 -147px}
.isc_ytb_sm, .icn_youtube{background-position: 0 -297px}
.isc_ss_sm, .icn_slideshare {background-position: 0 -207px}
.isc_scb_sm{background-position: 0 -237px}
.isc_rss_sm{background-position: 0 -267px}
.isc_msp_sm{background-position: 0 -60px}
.isc_dlc_sm{background-position: 0 -90px}
.isc_eml_sm{background-position: 0 -115px}
.isc_nnn_sm{background-position: 0 -1256px}
.isc_eye_sm{background-position: 0 -1286px}
.isc_pla_sm{background-position: 0 -1315px}
.isc_xng_sm {background-position: 0 -1479px}
.isc_ggl_sm {background-position: 0 -1599px}
.isc_yah_sm {background-position: 0 -1718px}
.isc_kon_sm {background-position: 0 -1837px}
.isc_ins_sm {background-position: 0 -1956px}
.isc_uni_sm {background-position: 0 -2075px}
.isc_fir_sm {background-position: 0 -2195px}
.isc_pin_sm {background-position: 0 -2314px}
/*End Icon SoCial*/


/* tbd start*/
.tbd img{float: left; padding-right: 10px}
.tbd a.link_icn {color:#5a5a5a}
.tbd a.link_icn:visited {color:#822980}
/* end tbd */




/*NOTE: BAD CODE should be refactored or deleted in future*/
.molecule650 .icn_qsp, .molecule650 .icn_qdf, .molecule650 .icn_pdf, .molecule650 .icn_pdf_wht, .molecule650 .icn_vid,.molecule650 .icn_vid_wht, .molecule650 .icn_pdc, .molecule650 .icn_listen, .molecule650 .icn_exp_wht, .molecule650 .icn_rsl_wht, .molecule650 .icn_spt2_wht, .molecule650 .icn_mal2_wht .molecule650 .icn_atc, .molecule650 .icn_prc, .molecule650 .icn_hrn, .molecule650 .icn_dld, .molecule650 .icn_pnd, .molecule650 .icn_doc, .molecule650 .icn_sdd, .molecule650 .icn_spt, .molecule650 .icn_spt2, .molecule650 .icn_loa,.molecule650 .icn_loa_wht, .molecule650 .icn_frm, .molecule650 .icn_svc, .molecule650 .icn_pat, .molecule650 .icn_gol, .molecule650 .icn_flw, .molecule650 .icn_rcl, .molecule650 .icn_foo, .molecule650 .icn_mal, .molecule650 .icn_email, .molecule650 .icn_mal2, .molecule650 .icn_exc, .molecule650 .icn_exc2, .molecule650 .icn_fon, .molecule650 .icn_fon_wht, .molecule650 .icn_exp, .molecule650 .icn_rsl, .molecule650 .icn_rss, .molecule650 .icn_cmt, .molecule650 .icn_community, .molecule650 .icn_blg, .molecule650 .icn_blog, .molecule650 .icn_inf, .molecule650 .icn_shp, .molecule650 .icn_exp,.molecule650 .idd_cht_wht, .molecule650 .idd_cht, .molecule650 .iel_shr, .molecule650 .iel_shr_wht, .molecule650 .iel_prt, .molecule650 .iel_prt_wht, .molecule650 .iel_rss, .molecule650 .iel_sav, .molecule650 .iel_mal, .molecule650 .icb_hlp, .molecule650 .icb_lnk, .molecule650 .icb_lnk_wht, .molecule650 .icb_lnk2, .molecule650 .icb_rfr, .molecule650 .icb_rpl,.molecule650  .icn_flicker {
    padding-left: 20px !important; width:auto; margin-right:0px 
}
.icn_youtube ,  .icn_slideshare, .icn_twitter, .icn_facebook , .icn_linkedin{background: url(../images/common/s-social-hpe.png) transparent no-repeat scroll; width:8px; height:17px; padding-left: 15px !important;  margin-right:0px}
.icn_facebook {background-position: 0 0}
.icn_linkedin {
    background-position: 0 -177px;
}
.icn_twitter {
    background-position: 0 -30px;
}
.icn_youtube {
    background-position: 0 -297px;
}
.icn_community {
    background-position: 0 -2024px;
}
.icn_flicker {
    background-position: 0 -147px;
}
.icn_slideshare {
    background-position: 0 -207px;
}
.lnk_icn {float: left;margin-top:2px;}
.no_icn{padding-left:20px}