@font-face { font-family: HPSimplified_Bd; 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"); font-weight: normal; font-style: normal; }

@font-face { font-family: HPSimplified; 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-weight: normal; font-style: normal; }
/*======================================================================================================*/
/* Default - as per wash pages standard        
/*======================================================================================================*/
html { height: 100%; overflow: auto; font-family: HPSimplified, Arial; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-family: HPSimplified, 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: "HPSimplified_Rg", Arial, sans-serif; color: #222222; }

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: "HPSimplified_Bd"; color: #000000; }
h2 { font-size: 24px; line-height: 30px; font-family: "HPSimplified_Bd"; color: #000000; }
h3 { font-size: 20px; line-height: 24px; font-family: "HPSimplified_Bd"; color: #000000; }
h4 { font-size: 18px; line-height: 22px; font-family: "HPSimplified_Bd"; color: #000000; }
h5 { font-size: 18px; line-height: 22px; font-family: "HPSimplified"; color: #000000; }
h6 { font-size: 16px; line-height: 22px; font-family: "HPSimplified"; 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: "HPSimplified"; color: #000000; }

/*======================================================================================================*/
/* Breadcrumbs - as per wash pages standard                     
/*======================================================================================================*/
.breadcrumbs { display: inline-block; width: 1000px; font-family: "HPSimplified",Arial; padding-left: 18px; }
    .breadcrumbs li { display: inline; }
        .breadcrumbs li a, .breadcrumbs li a:visited { display: inline-block; float: left; color: #767676; 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.6em; margin-bottom: 0.4em; }

/*======================================================================================================*/
/* 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: "HPSimplified"; font-size: 14px; line-height: 18px; margin-bottom: 10px; color: #007DBA; text-decoration: none; }
    .menu_link a { text-decoration: none; color: #007DBA; cursor: pointer; }
    .menu_link:hover { text-decoration: underline; }
    .menu_link a:hover { text-decoration: underline; }
    .menu_link a:visited { color: #007DBA; }

    .menu_link.small { font-family: "HPSimplified"; 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: "HPSimplified"; font-size: 14px; line-height: 18px; width: 170px; }
.left_rail { position: relative; float: left; padding-left: 18px; }

/*trail class applying to ULeftMenu Hyperlinks when it redirect aspx page */
.rail_active { display: block; color: #000 !important; background-color: #fff !important; text-decoration: none; }

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

    .main_column .single_column { width: 100%; float: left; _display: inline; line-height: 2; }
    .main_column .ls_single_column { width: 100%; float: left; _display: inline; line-height: 1; }

    .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; }
    .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; }

    .table_data td { padding-right: 8px; padding-bottom: 8px; text-align: left; font-size: 11px; vertical-align: top; line-height: 10px; }
    .table_data td { vertical-align: middle; word-wrap:break-word;}
        .table_data td .readonly { background-color: #CCCCCC; }
        .table_data td .watermarked { color: #767676; }

    .table_data .tb_header { background-color: #767676; color: White; }
    .table_data .cl_tb_header { background-color: #B9B8BB; color: white; }
    .table_data .tr_list:hover { background-color: #cccccc; color: #5a5a5a; }

.table_data_border { border-style: solid; border-color: #f0f0f0; border-width: 2px; }
    .table_data_border th { padding: 8px; text-align: left; font-size: 12px; }
    .table_data_border th { background-color: #f0f0f0; 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; }
    .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: #767676; }

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

.error { color: red; }


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

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

.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: "HPSimplified",Arial; height: 32px; line-height: 22px; _height: 36px; }
input { padding: 0 10px; font-size: 14px; color: #000; background: #fff; border: 2px solid #5a5a5a; vertical-align: top; }

textarea { display: inline-block; font-family: "HPSimplified",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,
.form-input-disabled,
.form-error-message,
.form-textarea,
.form-textarea.disabled,
.form-textarea.error { display: inline-block; font-family: "HPSimplified",Arial; height: 32px; line-height: 22px; _height: 36px; }

    .form-input,
    .form-input-disabled,
    .form-error-message,
    .form-textarea,
    .form-textarea.disabled,
    .form-textarea.error { padding: 0 10px; font-size: 14px; color: #000; background: #fff; border: 2px solid #5a5a5a; vertical-align: top; }

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

.pre-active { color: #767676; border-color: #ccc; }
.form-input:hover,
.form-textarea:hover,
.form-input:focus,
.form-textarea:focus { color: #000; border-color: #5a5a5a; }

.form-input-disabled,
.form-textarea.disabled { color: #b3b3b3; background: #e5e5e5; border-color: #ccc; }

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

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

/* 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: "HPSimplified"; color: #5a5a5a; }
.labelBold { font-size: 14px; line-height: 18px; font-family: "HPSimplified"; color: #5a5a5a; font-weight: bold; }

/*======================================================================================================*/
/*  Drop down lists                                                                                     
/*======================================================================================================*/
select { display: inline-block; font-family: "HPSimplified",Arial; height: 32px; line-height: 22px; _height: 36px; }
select { padding: 0 10px; font-size: 14px; color: #000; background: #fff; border: 2px solid #5a5a5a; vertical-align: top; }

.dd_list { display: inline-block; font-family: "HPSimplified",Arial; height: 32px; line-height: 22px; _height: 36px; }
.dd_list { padding: 0; font-size: 14px; color: #000; background: #fff; border: 2px solid #5a5a5a; 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: "HPSimplified",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: 2px; border-style: solid; border-color: #E6EBEE; padding: 5px; height: 28px; width: 1050px; background: #FFFFFF; }
    .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: "HPSimplified"; 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'] { 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: "HPSimplified",Arial; -moz-border-radius: 0 4px; border-radius: 0 4px; padding: 0 20px; display: inline-block; }
.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: #ffffff; background-color: #D7410B; cursor: pointer; }
    .button.critical:hover, .button.critical:hover input { background-color: #C1401A; }
.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: #0096d6; cursor: pointer; }
    .button.primary:hover, .button.primary:hover input { background-color: #006699; }
.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: #ffffff; background-color: #767676; }
    .button.secondary:hover, .button.secondary:hover input { background-color: #5a5a5a; }
.button.secondary_disabled:hover, .button.secondary_disabled,
.button.secondary_disabled input { background-color: #ccc; color: #fff; cursor: default; }

/*======================================================================================================*/
/*  @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; }

.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%; }