/* GENERAL STYLES */
/*Updated 12-21-2011*/

#hpsc-hp-logo {
    border: none;
    height: 81px;
    left: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 65px;
}

.hpsc-logo {
    float: left;
    margin-top: 18px;
}

#hpsc-content {
    border:0;
    margin: 0px auto auto 0;
    z-index:-1;
}

/*content has background*/
.content-bg-cover,
.content-bg-cover2 {
    background: none repeat scroll 0 0 #282828;
    border-top: 1px solid #101010;
}

.content-bg-cover2 {
    padding: 5px 0 0;
}

/*content has min-height*/
.content-bg-cover {
    min-height:500px;   
    padding: 5px 0 15px;    
}

/*for breadcrumbs line with background*/
.top-section {
    background: none repeat scroll 0 0 #282828;
    border:0;
    height: 55px;
    margin-left: 15px;
    margin-top: 10px;
}

/*some parts below breadcrums*/
.top-layer {
    border: none;
    background:#353535; 
    border-radius: 4px 4px 0 0;
    margin: 0 13px;
}

.top-layer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.top-layer1 {
    background: none repeat scroll 0 0 #282828;
    border-top: 1px solid #101010;
    padding-top: 5px;
}

.top-layer-large {
    border: none;
    height: 76px;
    padding: 0px;
    background:#353535;
}

.top-layer-light1 {
    background:#eeeeee;
    border:0;
}

.top-layer-light2 {
    background:#E7E7E7;
    border:0;
}

.second-layer,
.second-layer-max { 
    margin-top:10px;
}

.second-layer {
    border: none;
    padding: 0px;
    background:#aaaaaa;
}

.second-layer2  {
    border: none;
    padding: 0px;
    background:#aaaaaa;
    margin: 0 13px;
}
/*end of layers*/

/* define a class for unordered list style since Cleansheet trashes the default
   style for unordered lists */
.unorderlist ul, ul.unorderlist {
        margin-bottom: 10px;
        margin-left: 15px;
}
.unorderlist ul>li, ul.unorderlist>li {
        list-style-type: disc;
        margin-left: 15px;
}
/* end unordered list style */

/*set color for wrap table*/
.wrap-database-table-bgwhite h1 {
    color:#333333;
}

.wrap-database-table-bgwhite table {
    width:auto;
}

.wrap-database-table-max,
.wrap-database-table-max-autowid {
    background: none repeat scroll 0 0 #DDDDDD;
    padding: 10px;
    /*margin:0 13px;*/
}

.wrap-database-table-max table td {
    vertical-align:top;
}

.wrap-database-table-min {
    background: none repeat scroll 0 0 #DDDEDD;
    border: medium none;
    margin-left: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 968px;
}

.wrap-database-table-min table,
.wrap-database-table-min1 table {
    margin-left: 10px;
    width: 950px;
    color:#333;
}

.wrap-database-table-min-bgwhite table {
    width: 960px;
    color:#333;
}

.wrap-database-table-min1 {
    background:#DDDEDD;
    border: medium none;
    margin-left: 16px;
    padding-bottom: 10px;
    width: 968px;
}

.wrap-database-table-small {
    background: none repeat scroll 0 0 #DDDEDD;
    border: medium none;
    margin-left: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 968px;
}

.wrap-database-table-small table {
    margin-left: 10px;
    width: 945px;
    color:#333;
}

.wrap-database-table {
    background: none repeat scroll 0 0 #DDDDDD;
    padding: 10px;
    margin-top:10px;
}

.wrap-database-table:after,
.wrap-database-table-details:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.wrap-database-table {
    background: none repeat scroll 0 0 #ffffff;
    color: #333333;
    margin: 0 auto;
    padding: 10px 0;
}

.wrap-database-table-min-bgwhite,
.wrap-database-table-bgwhite,
.wrap-database-table-bgwhite-notwidauto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
}

.wrap-text {
    color:#333333;
    padding:15px;
}

.wrap-database-table-max-dbg {
    background: none repeat scroll 0 0 #aaaaaa;
    padding: 10px;
    margin-top:10px;
}

.wrap-database-table-min .TextErrorText,
.wrap-database-table-small .TextErrorText {
    font-weight:inherit;
}

.wrap-database-table-min .TextCaptionText,
.wrap-database-table-small .TextCaptionText {
    margin-left:10px;
}

.wrap-database-table-min .submit-but-pos {
    /*margin-left: 767px;*/
}

.wrap-database-table-device-details {
    background: none repeat scroll 0 0 #dddddd;
    padding: 10px;
}
/*****end of wrap table with data*****/

/*table layers*/
.table-second-layer {
    padding: 5px 7px 0 10px;
    margin-right:7px; /*ie*/
}

.pagination-layer {
    border: none;
    padding: 0px;
    width: 968px;
    background:#aaaaaa; 
    padding-top:2px;
    padding-bottom:4px;
}

.second-layer-max {
    border: none;
    /*height: 89px;*/
    width: 1000px;
    background:#aaaaaa;
}
.second-layer .lighter ,
.second-layer-max .lighter{
    color:#333333;
}
/*end of table layer*/

/*HPSC Heading*/
.hpsc-TextHeading1 {
    font-size:30px;
    color: #333333;
    font-weight:bold;   
}

.hpsc-TextHeading-white {
    font-size:24px;
    color: #ffffff;
    font-weight:bold;   
}

.hpsc-TextHeading-LGray {
    font-size:24px;
    color: #F2F2F2;
    font-weight:bold;   
}
/*end of hpsc heading*/

/*override*/
#hpsc-content .TextPaginationCurrent {
    font-weight:bold;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

/***override button color***/
#hpsc-content .FormButtonPrimary,
.hpsc-col .FormButtonPrimary,
.second-layer2 a.FormButtonPrimary {
    color: #FFFFFF;
    /*vertical-align: middle;*/
}

.white a.butt-white-text {
    color:#F2F2F2;
}
/********page number**********/
.page-nav li {
    color: #111111;
    display: inline;
    font-size: 12px;
}

.page-nav li.next {
    border-left: 1px solid #6B6B6B;
    padding-left:5px;
}

.page-nav li a {
    color: #00bff3;/*Changes color #005F89 to #00bff3 for defect  7151 */
    font-size: 12px;
    margin: 0 2px;
}

.page-nav li span  {
    /*color: #121212;*/
    font-size: 12px;    
    font-weight:bold;
    margin: 0 2px;
}

.page-nav li a:hover {
    color:#00bff3;
    text-decoration: underline;
	/*Adding underline on page hover for defect 7151 */
}


/**********Search box***************/
.Dark-searchBox{
  background-position: 234px 50%;
  background-repeat: no-repeat;
  padding: 3px 25px 3px 7px;
  /*width: 223px;*/
} 

.Light-searchBox{
  background-image:url(../images/search_but.png);
  background-repeat:no-repeat;
  /*padding-left:20px;*/
} 

.top-section .dark-search-pos {
    float: right;
   /* margin-top: -40px;*/ /*Navesh requests 09-16-2011*/
}

.second-layer .Light-searchBox {
    background-image: url("../images/icon_search.png");
    background-position: 234px 50%;
    background-repeat: no-repeat;
    padding: 3px 25px 3px 7px;
    width: 190px;
}

.second-layer .Lsearchbox-pos, 
.second-layer2 .Lsearchbox-pos {
    margin-left: 630px;
    margin-right: 2px;
    margin-top: 10px;
}

input.Dark-searchBox {
    background-color: #181818;
    border-left: 0 none;
    border-radius: 4px 4px 4px 4px;
    border:1px solid #353535;
    border-width: 1px;
    color: #777777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

input.Light-searchBox {
    background-color: #eeeeee;
    border-left: 0 none;
    border-radius: 4px 4px 4px 4px;
    border:1px solid #eeeeee;
    border-width: 1px;
    color: #777777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.second-layer a.button.search,
.second-layer a.button.go ,
.second-layer2 a.button.search,
.second-layer2 a.button.go{
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 14px;   
}

.second-layer a.button.search ,
.second-layer2 a.button.search{
    margin-left: 868px;
    margin-top: -24px;
}

.second-layer a.button.createUG {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 14px;
    margin-left: 800px;
    /*width: 110px;*/
    margin-top:5px;
}

.top-section li.a {
    color:#ffffff;
}

.top-section .adv-search-link-pos {
    float: right;
    margin-top: -10px;
}

input.arrowButtonRedBrd,input.arrowButtonBlackBrd {
    width: 16px;
    height: 15px;
    cursor: pointer;
    padding: 0;
    margin-bottom: 6px;
    vertical-align: middle;
    border: none;
}

.arrowButtonBlackBrd {
    background: url(../images/bt_arrow_black.gif) repeat-x bottom;
}

.arrowButtonBlackBrd:hover {
    background-image: url(../images/bt_arrow_black_over.gif);
}

.arrowButtonRedBrd {
    background: url(../images/bt_arrow_red.gif) repeat-x bottom;
}

.arrowButtonRedBrd:hover {
    background-image: url(../images/bt_arrow_red_over.gif);
}

/******end of search box*******/

/*****message and image space******/
.img_space {
    padding-left: 10px;
    padding-right: 10px;
}

.img_icon {
    padding-top:7px;
    padding-left:10px;
}

.error-messages,
.incomplete-messages {
    font-size: 10px;
    font-weight: bold;
    left: 10px;
    line-height: 1.3em;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    /*z-index: 3;*/
}

.incomplete-messages {
    color: #00BFF2; 
}

.error-messages {
    color: #DC442F; 
}
/***end of message and image space***/

/**********top menu**********/
#topMenuBar {
    border: 0 none;
    height: 36px;
    margin-top: 8px;
    margin-bottom:8px;
    width: 1000px;
}

ul#top-nav li {
    display:inline; 
}

#top-nav a {
    color: #B7B7B7;
    letter-spacing: 1.5px;
    margin-top: 8px;
    padding-top: 3px;
    text-align: center;
    text-transform: capitalize;
}

#top-nav .Mbar-active a {   
    background:url("../images/menu_bar_bg.jpg") no-repeat;   
    text-decoration: none; 
    color:#eaeaea;  
    padding-bottom:5px; /*it works with ie 7*/
    position:relative; /*it works with ie 7*/
}


#hpsc-header .Mbar-active a{
    height:36px;
    color:#eaeaea;
}

#top-nav a, #top-nav a  {
    height: 36px;
    padding-left: 10px;
    width: 220px;
}

#top-nav a, #top-nav a 
{   
    display: block;   
    float: left   
}   
   
#top-nav a:hover, #top-nav a:hover 
{
    color:#ffffff;
}

/*********end of top menu*******/

#toolbar-navigation,
#toolbar-navigation-dev {
    background: url("../images/top_bg.jpg") repeat scroll 0 0 transparent;
    border:1px solid #000;
    height: 54px;
}

#toolbar-navigation-dev {
    width:1000px;
}
    
/**********Hover popup message**********/
.popup {
    display: none;
    padding-top: 12px;
    position: absolute;
    width: 320px;
    z-index: 9999;
}

.popup.pop_top {
    padding-top:0;
    padding-bottom:12px;
}

.popup .wrap {
    border-radius: 4px 4px 4px 4px;
    border-right: 1px solid #000000;
    border-top-style: solid;
    border-top-width: 5px;
    z-index: 9999;
}

.popup.pop_top .wrap {
    border-top:none;
    border-bottom-style:solid;
    border-bottom-width:5px;
}

.popup .header .title {
    color: #1D1D1D;
    font-size: 15px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 10px;
}

.popup .header {
    background: none repeat scroll 0 0 #DDDDDD;
    height: 60px; /*updated for Navesh 09/26/2011 from 48px to 60px */
    position: relative;
}

.popup .header .detail {
    color: #1D1D1D;
    font-size: 10px;
    left: 11px;  /*updated for Garg, Navesh from 20px to 11px*/
    position: absolute;
    text-transform: uppercase;
    top: 28px;
}

.popup .header .connection {
    color: #1D1D1D;
    font-size: 10px;
    font-weight: bold;
    left: 11px;
    position: absolute;
    text-transform: uppercase;
    top: 42px;
}

/* Added for Solution ID */
.popup .header .totalDeviceCount {
    color: #1D1D1D;
    font-size: 10px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    line-height: 1.3em;
    text-transform: uppercase;
}

.popup .header a.details {
    position:absolute;
    right:15px;
    top:14px;
    display:none;
}

#problem-popup .wrap {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 11px;
    border-left: 1px solid #000000;
}

#problem-popup.top .wrap {
    border-bottom-width:5px;
}

#problem-popup .wrap p.title {
    font-size:15px;
    font-weight:bold;
}

#problem-popup .wrap p {
    line-height:1.5em;
    color:#333;
}

.popup.mug-red.pop_top .wrap {
    border-bottom-color: #DC442F !important;
}

.popup.red.top .wrap,
.popup.red.pop_top .wrap {
    border-bottom-color:#DC442F !important;
}

.popup.red .wrap {
    border-top-color:#DC442F !important;
}

.popup.mug-red.pop_top .wrap {
    border-bottom-color: #DC442F !important;
}

.popup.mug-red.top .wrap {
    border-bottom-color:#DC442F !important;
}

.popup.mug-red .wrap {
    border-top-color:#DC442F !important;
}

.popup.yellow.top .wrap,
.popup.yellow.pop_top .wrap {
    border-bottom-color:#FFBD17 !important;
}

.popup.yellow .wrap {
    border-top-color:#FFBD17 !important;
}

.popup.green.pop_top .wrap {
    border-bottom-color:#74c127 !important;
}

.popup.green .wrap {
    border-top-color:#74c127 !important;
}

.popup.blue.pop_top .wrap {
    border-bottom-color:#00BFF3 !important;
}

.popup.blue .wrap {
    border-top-color:#00BFF3 !important;
}

.popup.gray.pop_top .wrap {
    border-bottom-color:#ddd !important;
}

.popup.gray .wrap {
    border-top-color:#ddd !important;
}

.popup .left {
    left:65px;
}

.popup .mug-left {
    left:5px;
}

.popup .right {
    right:65px;
}

.popup .tip {
    position:absolute;
    top:0;
    width:25px;
    height:12px;
    box-shadow:none;
}

.popup.top .tip {
    bottom:0px;
    top:auto;
    /*margin-bottom:-137px;*/
    margin-bottom:-12px;
}

.popup .pop_tip {
    position:absolute;
    top:0;
    width:25px;
    height:12px;
}

.popup.pop_top .pop_tip {
    bottom:0;
    top:auto;
}

.popup.red.top .tip {
    background:url(../images/tip_red_bottom-trans.png) no-repeat 0 0;
}

.popup.red .tip {
    background:url(../images/tip_red-trans.png) no-repeat 0 0;
}

.popup.red.pop_top .pop_tip {
    background:url(../images/tip_red_bottom-trans.png) no-repeat 0 0;
}

.popup.red .pop_tip {
    background:url(../images/tip_red-trans.png) no-repeat 0 0;
}

.popup.yellow.pop_top .pop_tip {
    background:url(../images/tip_yellow_bottom-trans.png) no-repeat 0 0;
}

.popup.yellow .pop_tip {
    background:url(../images/tip_yellow-trans.png) no-repeat 0 0;
}

.popup.yellow.top .tip {
    background:url(../images/tip_yellow_bottom-trans.png) no-repeat 0 0;
}

.popup.yellow .tip {
    background:url(../images/tip_yellow-trans.png) no-repeat 0 0;
}

.popup.green.pop_top .pop_tip {
    background:url(../images/tip_green_bottom-trans.png) no-repeat 0 0;
}

.popup.green .pop_tip {
    background:url(../images/tip_green-trans.png) no-repeat 0 0;
}

.popup.blue.pop_top .pop_tip {
    background:url(../images/tip_blue_bottom-trans.png) no-repeat 0 0;
}

.popup.blue .pop_tip {
    background:url(../images/tip_blue-trans.png) no-repeat 0 0;
}

.popup.gray.pop_top .pop_tip {
    background:url(../images/tip_gray_bottom-trans.png) no-repeat 0 0;
}

.popup.gray .pop_tip {
    background:url(../images/tip_gray-trans.png) no-repeat 0 0;
}

.arrow-image {
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

.popup.red li.large.green,
.popup.red li.large.gray,
.popup.red li.large.yellow {
    display:none;
}

.popup.yellow li.large.red,
.popup.gray li.large.red {
    display:none;
}

.popup.green li.large {
    display:none;
}
.popup.green li.large.green {
    display:block;
}

.popup.gray li.large {
    display:none;
}
.popup.gray li.large.gray {
    display:block;
}

.popup.blue li.large {
    display:none;
    height:78px;
}

.popup.blue li.large a.bar {
    height:78px;
}

.popup li.large.blue {
    display:none;
}

.popup.blue li.large {
    display:none;
    height:78px;
}

.popup li.large.blue span.total {
    color:#333;
    font-size:15px;
    font-weight:bold;
    height:auto;
    line-height:1;
    margin:20px 0 0 0;
}

.popup li.large.blue a.link {
    position:absolute;
    bottom:20px;
    left:15px;
    z-index:10;
    color:#007BA0;
    font-weight:bold;
}

.popup li.large.blue a.bar:hover {
    background:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background:-moz-linear-gradient(top,  #fff,  #efefef);
    background: linear-gradient(top, #fff, #efefef);
    -pie-background: linear-gradient(top, #fff, #efefef);
    cursor:pointer;
}

.popup li.large.blue:hover a.link,
.popup li.large.blue a.link:hover {
    color:#00BFF3;
}

.popup.blue li.large.blue {
    display:block;
}

.popup.expired li.large a.bar {
    height:78px;
}

.popup li.large.expired {
    display:none;
}

#device-popup .wrap {
    border-left:1px solid #000;
    border-right:1px solid #000;
    padding: 0;
    z-index: 9999;
}

/***Garg Navesh's styles **/
/**--09-16-2011--**/
li.large.yellow .total, li.large.yellow .type {
    color: #FFBD17;
}

.popup.expired.top .tip {
                background:url(../images/tip_red_bottom-trans.png) no-repeat 0 0;
}

.popup.expired .tip {
                background:url(../images/tip_red-trans.png) no-repeat 0 0;
}

.popup.expired.pop_top .pop_tip {
                background:url(../images/tip_red_bottom-trans.png) no-repeat 0 0;
}

.popup.expired .pop_tip {
                background:url(../images/tip_red-trans.png) no-repeat 0 0;
}

/**end of Garg Navesh's Styles**/

li.large {
    height:67px; /*updated for Garg Navesh from 62px to 67px*/
    position:relative;
    z-index:1;
}

li.large a.bar {
    display:block;
    height:62px;
    padding:0 15px;
    position:relative;
    z-index:2;
}

li.large .total {
    font-size:40px;
    display:block;
    margin-right:10px;
    height:62px;
    line-height:62px;
    float:left;
}

li.large .status {
    font-size:10px;
    text-transform:uppercase;
    position:absolute;
    left:0;
    top:-10px;
    line-height:1;
    font-weight:bold;
}

li.large.red .total,
li.large.red .type {
    color:#C00;
}

li.large .type {
    font-size:15px;
    font-weight:bold;
    position:relative;
    line-height:80px;
}

li.large.new .type {
    font-weight:bold;
}

.light li {
    background:#fff;
    border-bottom:1px solid #ddd;
    padding: 5px 0 5px 10px; 
}

.light li.large a.bar {
    color:#333;
    background:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background:-moz-linear-gradient(top,  #fff,  #efefef);
    background: linear-gradient(top, #fff, #efefef);
    -pie-background: linear-gradient(top, #fff, #efefef);
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
}

#device-popup a.button.detail {
    color: #FFFFFF;
    margin-bottom: 5px;
    margin-left: 160px;
}

.mug-pop-content {
    padding:10px;
}

#device-popup li {
    padding:10px;
    background:#eee;
}

.mug-pop-member {
    position:absolute;
    padding-top:30px;
    padding-left:10px;  
}

/***** TOOLBAR STYLES FOR POPUP *************/
#toolbar {
    background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#282828));
    background:-moz-linear-gradient(top, #303030, #282828);
    -pie-background: linear-gradient(#303030, #282828);
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
    position:relative;
    /*z-index:10;*/
}

#toolbar:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*******end popup message*********/

/***************General nav dropdown menu*****************/
#dropdown-nav-big,
#dropdown-nav-big-2,
#dropdown-nav-small-top,
#dropdown-nav-small {
    list-style: none outside none;
    margin-top:10px;
    margin-left:17px;
    padding: 0;
}

#dropdown-nav-small-2 {
    list-style: none outside none;
    margin-top:10px;
    padding: 0;
}

/* this is the parent menu */
#dropdown-nav-big li a,
#dropdown-nav-big-2 li a,
#dropdown-nav-small-2 li a {
    color: #d3d4d4;
    display: block;
    font-size: 18px;
    font-weight: bold;
    font-weight: 700;
    height: 28px;
    padding: 5px 5px 0 10px;
    text-decoration: none;
}

/* fix CR 13664: Remove the height to adjust item's heigh when content warp.*/
#dropdown-nav-small li a,
#dropdown-nav-small-top li a{
	color: #d3d4d4;
    display: block;
    font-size: 18px;
    font-weight: bold;
    font-weight: 700;
    padding: 5px 5px 0 10px;
    text-decoration: none;
}

/* submenu, it's hidden by default */
#dropdown-nav-big ul,
#dropdown-nav-big-2 ul,
#dropdown-nav-small-top ul,
#dropdown-nav-small ul,
#dropdown-nav-small-2 ul {
    position:absolute;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}

#dropdown-nav-big ul,
#dropdown-nav-big-2 ul,
#dropdown-nav-small-top ul,
#dropdown-nav-small ul {
    left:0;
}

#dropdown-nav-small-2 ul {
    right:0;
} 

/* display block will make the link fill the whole area of LI */
#dropdown-nav-big ul a,
#dropdown-nav-big-2 ul a,
#dropdown-nav-small-top ul a,
#dropdown-nav-small ul a,
#dropdown-nav-small-2 ul a {
    /*background: url("../images/dropdown_toolbar_bg.jpg") repeat scroll 0 0 transparent;*/
    /*background: url("../images/gradient_bg.jpg");*/
    color: #dddddd;
    display: block;
    font-size: 14px;
    padding: 10px;
}
   
#dropdown-nav-big ul a:hover,
#dropdown-nav-big-2 ul a:hover,
#dropdown-nav-small-2 ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    background:#1e373f;
    height:18px;
    border:0;
}

/* fix CR 13664: Remove the height to adjust item's heigh when content warp.*/
#dropdown-nav-small ul a:hover,
#dropdown-nav-small-top ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    background:#1e373f;
    border:0;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #dropdown-nav-big ul {
    margin:0 0 0 -2px;
}


#dropdown-nav-big ul,
#dropdown-nav-big-2 ul,
#dropdown-nav-small-top ul,
#dropdown-nav-small ul,
#dropdown-nav-small-2 ul {
    background:url("../images/gradient_bg.jpg");
    background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#191919)); /*Safari, Chrome*/
    background:-moz-linear-gradient(top, #303030, #191919); /*FireFox*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF, GradientType=1)"; /*IE8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#191919'); /*IE*/
    background: linear-gradient(#303030, #191919);
    -pie-background: linear-gradient(#303030, #191919); 
    border-top: 1px solid #4F4F4F;
    box-shadow: 3px 3px 5px #000000; /* box, -moz, -webkit support Firefox, Safari, etc... */
    -moz-box-shadow: 3px 3px 5px #000;
    -webkit-box-shadow: 3px 3px 5px #000;   
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction= 135, Strength=8); *//*shadow -- support ie*/
    zoom: 1; /*ie 6*/
    display: none;
    position: absolute;
    z-index:2;
}

/*****************end of general dropdown menu*********/

/***********nav #1 drop down menu***********/
/* make the LI display inline */
#dropdown-nav-big li,
#dropdown-nav-big-2 li {
    float:left;
    display:block;
    width:263px;
    /*background:url(../images/toolbar_but_grey.jpg);*/
    height:36px;
    border:0px solid #1d1d1d;
    position:relative;
    /*z-index:500;*/
    margin:0 1px;
}

/***z-index in ie 7****/
#dropdown-nav-big li {
    z-index:4; /*ie7*/  
}

/* fix CR 13664: Remove the height to adjust item's heigh when content warp.*/
#dropdown-nav-small li {
    z-index:10; /*ie7*/  
}

#dropdown-nav-big li:hover a.selected,
#dropdown-nav-big-2 li:hover a.selected {
    background:url(../images/toolbar_but_blue.jpg); 
    color:#00bff2;
}

#dropdown-nav-big a.selected,
#dropdown-nav-big-2 a.selected {
    background:url(../images/toolbar_but_grey.jpg); 
    color:#dddddd;
    display:block;
    /*width:263px;*/
    height:30px;    
}

#dropdown-nav-big ul li,
#dropdown-nav-big-2 ul li {
    width:262px;
    float:left;
    border-top:0px solid #fff;
}

#dropdown-nav-big ul a.current,
#dropdown-nav-big-2 ul a.current {
    background:#007AA0;
    border:0;
    height:18px;    
}

/**********nav#2 dropdown menu*********/
#dropdown-nav-small ul a.current {
    background:#1e373f;
    border: 0 none;
    height: 18px;
}

#dropdown-nav-small ul a.non-active {
    color:#999999;
    cursor: default; /*XingXing updated*/
}

.help-bg {    
    background: url("../images/help_bgline.png") repeat scroll 0 0 transparent;
    padding-bottom:4px;
}

#dropdown-nav-small-top li .div-line,
#dropdown-nav-small li .div-line,
#dropdown-nav-small-2 li .div-line {
    background-color: #999999;
    height: 1px;
}

#dropdown-nav-small-2 li {
    float:left;
    display:block;
    width:43px;
    height:36px;
    border:0px solid #1d1d1d;
    position:relative;
    /*z-index:9999;*/
    margin:0 1px;
}

/* fix CR 13664: Remove the height to adjust item's heigh when content warp.*/
#dropdown-nav-small li,
#dropdown-nav-small-top li {
	float:left;
    display:block;
    width:43px;
    border:0px solid #1d1d1d;
    position:relative;
    /*z-index:9999;*/
    margin:0 1px;
}

.lineSeparator {
    border-top: 1px solid #999999;
    padding-top: 10px;
}

#dropdown-nav-small-top li {
    z-index:10;
}

#dropdown-nav-small li,
#dropdown-nav-small-2 li {
    /*z-index:500;*/
}

#dropdown-nav-small-top li:hover a.selected,         
#dropdown-nav-small li:hover a.selected,
#dropdown-nav-small-2 li:hover a.selected {
    background:url(../images/nav2_but_active.jpg); 
    color:#00bff2;
    border:0;
}

#dropdown-nav-small-top a.selected,
#dropdown-nav-small a.selected,
#dropdown-nav-small-2 a.selected{
    background:url(../images/nav2_but.jpg) no-repeat;
    border:0;
    height:30px;
}

#dropdown-nav-small-top ul li,
#dropdown-nav-small ul li {
    width:275px;
    float:left;
}

#dropdown-nav-small-2 ul li {
    width:275px;
    float:right;
}      

/**XingXing Code**/
#dropdown-nav-small-top li span.text-only,
#dropdown-nav-small li span.text-only {
         color: #999999;
         display: block;
         font-size: 14px;
         font-weight: bold;
         padding: 10px;
}

#dropdown-nav-small-top li span.grayed-out-text,
#dropdown-nav-small li span.grayed-out-text {
         color: #999999;
         display: block;
         font-size: 14px;
         font-weight: bold;
         padding: 10px;
}

/**end of XingXing code**/
 
/************Dropdown filter dark background********/
#dropdown-nav-filterDB li {
    float:left;
    display:block;
    width:155px; 
    background:url(../images/icns_arrows.png) no-repeat scroll right -302px #3f4043;    
    height:23px;
    position:relative;
    z-index:500;
    margin:0 1px;
}
         
/* this is the parent menu */
#dropdown-nav-filterDB li a {
    color: #F2F2F2;
    display: block;
    font-size: 12px;
    padding: 4.5px 0 0 12px;
    text-transform: uppercase;
}

#dropdown-nav-filterDB li:hover a.selected {
    /*background:url(../images/butt_bar_arrowDown.jpg);*/ 
    color:#ccc;
    height:19px;
    border-bottom:1px solid #ccc;
}
   
/* submenu, it's hidden by default */
#dropdown-nav-filterDB ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}
 
#dropdown-nav-filterDB ul li {
    width:155px;
    float:left;
    border-top:0px;
    border-bottom:1px solid #ccc;
}
         
/* display block will make the link fill the whole area of LI */
#dropdown-nav-filterDB ul a {
    background:#3f4043;
    color: #b2b2b2;
    display: block;
    font-size: 12px;
    padding-left: 10px;
    padding-right:10px;
    border-bottom:0px solid #ccc;
    /*height:26px;*/
}
   
#dropdown-nav-filterDB ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration:none !important; 
    background:#ccc;
    height:23px;
    color:#121212;
}

#dropdown-nav-filterDB ul a.current{
    background:#f2f2f2;
    height:28px;
}

/*******end of dropdown filter dark background************/

/************Dropdown filter light background********/
#dropdown-nav-filterLB li {
    float:left;
    display:block;
    width:155px;
    background:url(../images/icns_arrows.png) no-repeat scroll right -646px #f0eded;
    border:1px solid #BDBDBD;   
    height:23px;
    position:relative;
    z-index:500;
    margin:0 1px;
}
         
/* this is the parent menu */
#dropdown-nav-filterLB li a {
    color: #666666;
    display: block;
    font-size: 12px;
    padding: 4.5px 0 0 12px;
    text-transform: uppercase;
}

#dropdown-nav-filterLB li:hover a.selected { 
    color:#111111;
    height:18px;
    border-bottom:1px solid #BDBDBD;
}
   
/* submenu, it's hidden by default */
#dropdown-nav-filterLB ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -2px;
    padding:0;
    list-style:none;
}
 
#dropdown-nav-filterLB ul li {
    width:155px;
    float:left;
    border-top:0px;
    border-bottom:1px solid #BDBDBD;
    border-left:1px solid #BDBDBD;
    border-right:1px solid #BDBDBD;
}
         
/* display block will make the link fill the whole area of LI */
#dropdown-nav-filterLB ul a {
    background:#F1F1F1;
    color: #666666;
    display: block;
    font-size: 12px;
    padding-left: 10px;
    padding-right:10px;
    border-bottom:0px solid #ffffff;
}
   
#dropdown-nav-filterLB ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    background:#cacaca;
    height:20px;
    color:#111111;
}

#dropdown-nav-filterLB ul a.current{
    background:#f2f2f2;
    height:28px;
}

/*******end of dropdown filter light bg************/
 
/*******************general nav filter dropdown************************/
.dark-filter-pos{
    float: left;
    list-style: none outside none;
    margin-left: 540px;
    margin-top: -40px;
    right: 285px;
}

.dark-filter-pos1 {
    float: left;
    margin-left:10px;
}

#dropdown-nav-filter li {
    float:left;
    display:block;
    width:155px;
    background:url(../images/butt_bar_arrowDownGray.jpg) no-repeat; 
    height:22px;
    border:0px solid #1d1d1d;
    position:relative;
    z-index:500;
    margin:0 1px;
}
         
/* this is the parent menu */
#dropdown-nav-filter li a {
    color: #D3D4D4;
    display: block;
    font-size: 11px;
    height: 18px;
    padding: 3px 0 0 12px;
    text-transform: uppercase;
}

#dropdown-nav-filter li:hover a.selected {
    background:url(../images/butt_bar_arrowDown.jpg); 
    color:#00bff2;
}
   
/* submenu, it's hidden by default */
#dropdown-nav-filter ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}
 
#dropdown-nav-filter ul li {
    width:155px;
    float:left;
    border-top:0px;
}
         
/* display block will make the link fill the whole area of LI */
#dropdown-nav-filter ul a {
    background:#303030;
    color: #d3d4d4;
    display: block;
    font-size: 11px;
    padding-left: 11px;
}
   
#dropdown-nav-filter ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    background:#1e373f;
}

#dropdown-nav-filter ul a.current{
    background:#007AA0;
}

/*-----Light Filter-----*/
.filter-light-pos {
    float: left;
    margin-left: 470px;
    margin-top: 10px;
}

#dropdown-nav-filter-light li,
#dropdown-nav-filter-light-2 li {
    display:block;
    width:155px;
    background:url(../images/light_filter_bg.jpg) no-repeat; 
    height:22px;
    border:0px solid #1d1d1d;
    position:relative;
    z-index:1;
    margin:0 1px;
}
         
/* this is the parent menu */
#dropdown-nav-filter-light li a,
#dropdown-nav-filter-light-2 li a {
    color: #000;
    display: block;
    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
    height: 18px;
    padding: 3px 0 0 12px;
    text-transform: uppercase;
}

#dropdown-nav-filter-light li:hover a.selected,
#dropdown-nav-filter-light-2 li:hover a.selected{
    background:url(../images/light_search_bg.jpg); 
    color:#007CA2;
}
   
/* submenu, it's hidden by default */
#dropdown-nav-filter-light ul,
#dropdown-nav-filter-light-2 ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}
 
#dropdown-nav-filter-light ul li,
#dropdown-nav-filter-light-2 ul li {
    width:155px;
    float:left;
    border-top:0px;
}
         
/* display block will make the link fill the whole area of LI */
#dropdown-nav-filter-light ul a,
#dropdown-nav-filter-light-2 ul a {
    /*background:#303030;*/
    background:#dddddd;
    color:#101010;
    /*color: #d3d4d4;*/
    display: block;
    font-size: 11px;
    padding-left: 11px;
}
   
#dropdown-nav-filter-light ul a:hover,
#dropdown-nav-filter-light-2 ul a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    /*background:#1e373f;*/
    background:#9ac0cb;
    color:#007ba1;
}


#dropdown-nav-filter-light ul a.current,
#dropdown-nav-filter-light-2 ul a.current {
    /*background:#007AA0;*/
    color:#007ca2;
}

/****************end of filter dropdown*******************/

/*****top right links****/
.top-right-links {
    border:0;
}

.top-right-links {
    float: right;
    height: 54px;
    margin-top: -10px;
    width: 270px;
}

/*************Dashboard sections***********/
.dashboard {
    width: 976px;
    /*padding-left:10px;*/
}

.dashboard-tab {
    float:left;
    margin-top:5px;
    margin-left:5px;    
}

.hpsc-cols {
    float:left;
    width: 100%;
    margin-top:0px;
    padding-top:0px;
}

li.hpsc-large a.bar {
    display:block;
    height:62px;
    padding:0 15px;
    position:relative;
    z-index:2;
}

li.hpsc-large a.registration {
    position:absolute;
    z-index:3;
    bottom:15px;
    right:18px;
    font-weight:bold;
    color:#007CA2 !important;
}

li.hpsc-large a.registration:hover,
li.hpsc-large:hover a.registration {
    color:#00BFF3 !important;
}

li.hpsc-large .total {
    font-size:40px;
    display:block;
    margin-right:10px;
    height:62px;
    line-height:62px;
    float:left;
}

li.hpsc-large .status {
    font-size:10px;
    text-transform:uppercase;
    position:absolute;
    left:0;
    top:-10px;
    line-height:1;
    font-weight:bold;
}

li.hpsc-large.red .total,
li.hpsc-large.red .type {
    color:#C00;
}

li.hpsc-large .type {
    font-size:15px;
    font-weight:bold;
    position:relative;
    line-height:80px;
}

li.hpsc-large.new .type {
    font-weight:bold;
}

/**override for Eric Dobbs**/
.hpsc-col li.small {
    height:auto;
}

.hpsc-col li.buttons {
    height:40px;
}

.hpsc-col .title {
    font-size:12px;
}

.hpsc-col span.status {
    color: #999999;
}

/**end of override for Eric Dobbs**/

#learn-more {
    background: url(../images/dashboard_learn_more.jpg) no-repeat scroll right 0 #1D1D1D;
    color: #777777;
    height: 132px;
    margin-top: 10px;
    padding: 0 15px;
    float:left;
}

#learn-more h4 {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

#learn-more p {
    line-height: 1.3em;
}

/****style number lines****/
.critical, .expired {
    color: #D13F2C;
    /*font-size: 20px;*/ 
    font-size:10px; /*change for Navesh Garg 09/09/2011*/
}

.hpsc-critical, .hpsc-expired {
    color: #D13F2C;
    font-size: 20px;
    margin-left:5px;
}

.warning, 
.warning-align-right, .expiring-align-right {
    color:#d59e12;  
    font-size:20px;
    margin-left:5px;
}

.hpsc-expiring {
    color:#d59e12;  
    font-size: 20px;
    margin-left:5px;
}

.normal,
.normal-align-right {
    color:#72be27;  
    font-size:20px;
    margin-left:5px;
}

.regular-text,
.regular-text-align-right {
    color:#dddddd;
    font-size:20px;
    margin-left:5px;
}

.regular-text-align-right-exp {
    font-size:20px;
}

.warning-align-right, 
.expiring-align-right,
.normal-align-right,
.regular-text-align-right,
.regular-text-align-right-exp {
    padding-right:10px;
}

img .small_image  {border: 1px solid #666; padding: 3px}

/**************end of dashboard sections********/

/***Message to update box***/
td.td-left-space {
    padding-left:7px;   
}

.content-message {
    background:#282828;
    border:1px solid #282828;
    height: 18px;
    padding: 7px;
    margin-top:7px;
    -moz-border-radius: 8px; /* Firefox round corner */
    -webkit-border-radius: 8px; /* Safari and Chrome round corner */
    border-radius: 8px; /* CSS3 round corner */
    behavior: url(../css/border-radius.htc); /* IE round corner */
}

.icon-alert {
    padding-right: 5px;
    vertical-align: middle;
}

/*end of Message to update box */

/***********left column with menu bar**********/

/******general panel********/
#panel-column {
    /*float:right;*/
    margin-top:0px;
    border:0;
}

#panel-column li a {
    padding-bottom: 3px;
}

.L-selected a {
    margin: 4px 8px 8px;
    position: relative;
    top: 8px;   
}   

.regular-panel span.warning,
.regular-panel .hpsc-expiring,
.regular-panel .hpsc-critical,
.regular-panel .hpsc-expired,
.regular-panel .normal,
.regular-panel .regular-text,
.large-panel-no-arrow .large-number,
.large-panel .large-number {
    margin-left: 10px;
    position: relative;
    top: 8px;
}

.large-panel-no-arrow .type,
.large-panel .type {
   position: relative;
	top: 10px;
	/* Change for defect 7150.*/
	font-size: 15px;
    font-weight: bold;
	color:#333333;
}

.panel-dark li,
.panel-light li {
    float:left;
    display:block;
    width:100%; 
    float:left;
}

.panel-dark ul a,
.panel-light ul a {
    height:26px;    
}

.panel-dark li.buttons .button,
.panel-light li.buttons .button {
    float: left;
    margin: 8px 0 0 10px;
    text-align: center;
}

.panel-dark a.button.small,.panel-light a.button.small {
    border: 0 none;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    /* Change for defect 6519 to handle large localized message.change height from 13px to auto.*/
    line-height: auto;
    /* Change for defect 6519 to handle large localized message.change height from 8px to auto.*/
    margin-right: 10px;
    /* Change for defect 6519 to handle large localized message.*/
    padding: 5px 5px 10px;
}

/*******Panel Dark Color********/
.panel-dark li.regular-panel a:hover {
    background:url(../images/small_nav_arrow_bg.jpg);
    border:0;
    height:39px;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark li.regular-panel {
    background:url(../images/small_nav_bg.jpg);
    /*width:318px;*/
    height:44px;
    border:0;   
}

.panel-dark li.large-panel a:hover{
    background:url(../images/large_gray_nav_bg.jpg);
    height:64px;
    border:0;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark li.large-panel {
    background:url(../images/large_nav_bg.jpg);
    /*width:318px;*/
    height:64px;
    border:0;   
}

.panel-dark li.L-selected {
    background:#1d1d1d;
    border:0;
    width:318px;    
}

.panel-dark li a {
    color: #DDDDDD;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.panel-dark li a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark li.L-selected a:hover
{
    background:url(../images/bg_link_blue_arrow.jpg); 
    color:#00bff3;
    border:0px; 
    font-size:15px;
    font-weight:bold;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark li.button-panel {
    background: url(../images/large_nav_bg_no_border.jpg);
    /* Change for defect 6519 to handle large localized message.change small_nav_bg to arge_nav_bg_no_border*/
    height: auto;
    /* Change for defect 6519 to handle large localized message.changes height from 44px to auto.*/
    float: left;
    padding-bottom: 8px;
    /* Change for defect 6519 to handle large localized message.*/
}
.panel-dark .status-disable {
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-dark li.large-panel-no-arrow {
    background:url(../images/large_nav_bg.jpg);
    width:318px;
    height:64px;
    border:0;   
}

.panel-dark li.large-panel-no-arrow a.TextLink:hover{
    background:#2f2f2f;
    height:64px;
    border:0;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark li.large-panel-no-arrow a.TextLink1:hover{
    background:#2f2f2f;
    height:64px;
    border:0;
    color:#ffffff;  
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-dark .smalltext {
    color: #00BFF3;
    font-size: 12px;
    font-weight: bold;
    margin-left: 170px;
    margin-top: -20px;
}

/*******Panel Light Color*******/
.panel-light li a {
    color: #1d1d1d;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.panel-light li a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-light li.L-selected a:hover {
    background:url(../images/icon_arrowR_light.png) no-repeat scroll 290px 10px; 
    color:#186D94;
    border:0px; 
    font-size:15px;
    font-weight:bold;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-light li.L-selected {
    background:#dddddd;
    border:0;   
}

.panel-light li.large-panel,
.panel-light li.large-panel-no-arrow {
    /*width:318px;*/
    height:64px;
    border-bottom: 1px solid #dddddd;
    background:url(../images/Large_Light_panel_bg.jpg);     
}

.panel-light li.large-panel a:hover{
    height:64px;
    background:url(../images/icon_arrowR_light.png) no-repeat scroll 290px 23px #d5f1f5;    
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-light li.regular-panel{
    background:#ffffff;
    /*width:318px;*/
    height:44px;
    border-bottom: 1px solid #DDDDDD;   
}

.panel-light li.regular-panel a:hover {
    background:url(../images/icon_arrowR_light.png) no-repeat scroll 290px 14px #d5f1f5;
    border:0;
    height:41px;    
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.panel-light li.button-panel {
    background: #ffffff;
    height: auto;
    /* Change for defect 6519 to handle large localized message.change height from 44px to auto.*/
    border-bottom: 1px solid #DDDDDD;
    float: left;
    padding-bottom: 8px;
    /* Change for defect 6519 to handle large localized message.*/
}

.panel-light .large-number, 
/*.panel-light .gray-text,*/ 
.panel-light .status-disable {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
}

/*.panel-light .gray-text,*/ 
.panel-light .status-disable {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-light .regular-text {
    color:#666666;
}

.panel-light li.large-panel-no-arrow a.TextLink:hover,
.panel-light li.large-panel-no-arrow a.TextLink1:hover{
    height:64px;
    background:#d5f1f5;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

/************end of light and dark panel********************/

/****menu bar for service credit***/
#leftCol-menu-bar-credit li {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    float: left;
    margin: 0 1px;
    width:100%;
    z-index: -1;
}

#leftCol-menu-bar-credit li.large-panel,
#leftCol-menu-bar-credit li.large-panel-no-arrow {
    background:url(../images/large_nav_bg.jpg);
    width:100%;
    height:64px;
    border:0;   
}

#leftCol-menu-bar-credit li.large-panel-no-arrow a.TextLink:hover{
    background:#2f2f2f;
    height:64px;
    border:0;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#leftCol-menu-bar-credit li.large-panel-no-arrow a.TextLink1:hover{
    background:#2f2f2f;
    height:64px;
    border:0;
    color:#ffffff;  
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#leftCol-menu-bar-credit li.large-panel a:hover{
    background:url(../images/large_gray_nav_bg_arrow.jpg);
    height:64px;
    border:0;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}
/* make the LI display inline */
#leftCol-menu-bar-credit li  {
    float:left;
    display:block;
    width:100%;
    background:#ccc; 
    float:left;
    z-index:-1;
    margin:0 1px;
}

/* this is the parent menu */
#leftCol-menu-bar-credit li a {
    color: #DDDDDD;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

#leftCol-menu-bar-credit li a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#leftCol-menu-bar-credit li.L-selected a:hover{
    background:url(../images/big_blue_nav_arrow_bg.jpg); 
    color:#00bff3;
    border:0px; 
    font-size:15px;
    font-weight:bold;   
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#leftCol-menu-bar-credit li.L-selected {
    background:#1d1d1d;
    border:0;   
}

/* display block will make the link fill the whole area of LI */
#leftCol-menu-bar-credit ul a {
    height:40px;    
}

#leftCol-menu-bar-credit li.regular-panel {
    background:url(../images/small_nav_bg.jpg);
    width:100%;
    height:44px;
    border:0;   
}

#leftCol-menu-bar-credit li.regular-panel a:hover {
    background:url(../images/big_nav_arrow_bg.jpg);
    border:0;
    height:40px;    
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}


#leftCol-menu-bar-credit li.button-panel {
    background:url(../images/small_nav_bg.jpg);
    width:100%;
    height:44px;
    border:0;
    float:left;     
}

/***end of menu bar for service credit****/

/****************SERVICE EVENT PAGE*********************************/
.top-section .TextHeading2 {
    color:#dddddd;
}

.table-service-dark-layer {
    background:#353535;
    padding:5px;
}

.table-service-dark-layer h1 {
    font-size:19px;
}

.go-but-pos {
    margin-left:5px;
    position:absolute;
}

.help-box .TextHeading2, 
.help-box .TextHeading3 {
    color:#101010;
}

/**************************GENERAL DATA TABLE***********************/
table.T-data th.Header-title:hover {
    cursor:pointer;
    background-color:#b2b2b2;
    background-image:url(../images/icon_arrow_down_small-trans.png);
    background-position:right 50%;
    background-repeat:no-repeat;
}

table.T-data th.sortedby {
    background-color:#999;
    background-image:url(../images/icon_arrow_down_small-trans.png);
    background-position:right 50%;
    background-repeat:no-repeat;
}

/************************END OF GENERAL TABLE********************/

/*******************MANAGE USER GROUP*********************/
.mug-img {
    float:right;
}

.mug-img-left {
    float:left;
    padding-right:20px;
}

.mug-content {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    padding-bottom: 10px;
    padding-top: 10px;
    height:980px;
}

/*Breadcrum*/
.bred-title {
    color: #dddddd;
    float: left;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-left: 14px;
    margin-top: 11px;
}

.bred-title .bred-non-act {
    color:#ccc; 
}

.bred-non-act a {
    color:#ccc; 
}

.bred-title a.bred-act {
    color: #F2F2F2;
}

.title-pos h1{
    color:#F2F2F2;
    line-height:18px;
}

/*Create User Group Form*/
.create-ug-content {
    margin-left:20px;
    width:930px;
    border:0;   
    color:#000;
    float:lef;
}

.create-ug-content #groupname {
    margin-left:20px;
}

.create-ug-content #description,
.create-ug-content #groupDesc {
    margin-left:32px;   
}



.ueg-text1 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    color: #000000;
    padding: 10px;
}

.create-ug-content h2 {
    color:#000;
    /*font-weight:bold;*/
}

.ueg-member-section {
    width:960px;
}

.mem-col-left {
    border:0;
    /*width: 350px;*/
    float:left;
}

.mem-but-center {
    border:0;
    float: left;
    margin-left: 30px;
    width: 150px;
    margin-top:40px;
}

.mem-col-right {
    border:0;
    margin-left: 30px;
    width: 370px;
    float:left;
}

.create-ug-content a {
    color:#ffffff;
}


.cug-pagination a {
    color:#00BFF3;
}

.cug-para2 {
    /*background: none repeat scroll 0 0 #EEEEEE;*/
    border: 0 none;
    color: #000000;
    padding: 10px;
}

.ueg-admin-section {
    border:0;
    width:960px;
}

.mug-content .ueg-cancel-but {
    margin-top:-35px;
}

.ueg-cancel-but a.buttons {
    color:#ffffff;
}

.mug-content .eug-submit-but {
    float:right;
    margin-top: -23px;
}

.eug-submit-but .buttons {
    /*width:50px;*/
    line-height:12px; /*IE*/
    text-align: center; 
    padding: 5px 10px;
}

/*View User Group Split*/
.eug-sel {
    float: right;
    margin-right: 30px;
    margin-top: -65px; 
}

.vug-tab-menu #device-nav ,
.gen-tab-menu #device-nav {
    height: 32px;
    width: 100%;
    border-bottom:1px solid #999999;
}

.ug-padding-leftright {
    margin:0 13px; /*padding left and right = 13px*/
}

.reg_text_hspace {
    line-height: 25px;
}

/**user group buttons**/
.white a.ug-blue-buttons {
    color: #FFFFFF;
    display: block;
    padding: 1px 10px 2px;
    text-align: center;
    width: 70px;
}

.white a.ug-gray-buttons {
    color:#dddddd;
    display: block;
    padding: 1px 10px 2px;
    text-align: center;
    width: 70px;
}
    
.addicon-arrow-buttons {
    vertical-align: middle;
    padding-left:5px;
}

.removeicon-arrow-buttons {
    vertical-align: middle;
    padding-right: 5px; 
}

td.ug-butt-center {
    padding-top:29px;   
}

/*************end of user group********/

/***Device Sections***/
#device-nav {
    background:#aaaaaa;
    margin: 0 auto;
    padding-bottom:5px;
}

ul#device-nav li  {
  display:inline;
}

#device-nav li {
    float:left;
}

#device-nav ul {
    border-bottom: 10px solid #999999;
}   

#device-nav li a {
    border-bottom: 0px solid #999999;
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 15px 3px;
    text-transform: uppercase;
}

#device-nav .tab-single-line {
    line-height:28px;
}

#device-nav li a:hover {
    border-bottom:4.5px solid #007CA2;
    color:#1d1d1d;
    height:24.1px;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration: none !important;
}

#device-nav li.tab-disabled a {
    color:#999;
    cursor:default;
}

#device-nav li.tab-disabled a:hover {
    color:#999;
    border-bottom:0;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

/**Background Gradient --- Cross-Browsers ----**/
#device-nav li.current a {
    color:#fff;
    /*padding:10px 27px;*/
    border-bottom:none;
    height:28px;
    background:-webkit-gradient(linear, left top, left bottom, from(#0097c7), to(#00759b)); /*Safari, Chrome*/
    background:-moz-linear-gradient(top, #0097c7, #00759b); /*FireFox*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097c7', endColorstr='#00759b'); /*IE*/
    background: linear-gradient(#0097c7, #00759b);
    -pie-background: linear-gradient(#0097c7, #00759b); 
}

#device-nav li.current a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#device-nav td,
#device-nav td.current {
    text-align: center;
    border-bottom:1px solid #999999;
    padding: 4px 0;
}

#device-nav td:hover {  
    background:url(../images/menuTab_lineBG1.png) no-repeat;
    background-position:bottom;
}

#device-nav td.tab-disabled a {
    color:#999;
    cursor:default;
}

#device-nav td.tab-disabled:hover {
    color:#999;
    background:none;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#device-nav td.current {
    background:-webkit-gradient(linear, left top, left bottom, from(#0097c7), to(#00759b)); /*Safari, Chrome*/
    background:-moz-linear-gradient(top, #0097c7, #00759b); /*FireFox*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097c7', endColorstr='#00759b'); /*IE*/
    background: linear-gradient(#0097c7, #00759b);
    -pie-background: linear-gradient(#0097c7, #00759b); 
}

#device-nav td.current a {
    color:#ffffff;
}

#device-nav td.current:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#device-nav td a {
    color: #333333; 
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

#device-nav td a:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.device-information {
    background: none repeat scroll 0 0 #353535;
    border-bottom: 1px solid #252525;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #444444;
    height: 91px;
    margin: 0 auto;
    width:100%;
}

.device-information li.info1 {
    border-right: 1px solid #252525;
    width: 673px;
}

.device-information li {
    float: left;
    height: 91px;
    position: relative;
}

.device-information li.info2 {
    border-left: 0px solid #444444;
    position: relative;
    width: 320px;
    z-index:10; /*set only 10 because it had over confirm box --Eric Dobbs added this 10-26-2011*/
}

.device-information li.info1 p {
    color: #999999;
    line-height: 1.5em;
    margin: 17px 11px;  
}

.device-information li.info2 p {
    color: #999999;
    line-height: 1.5em;
    margin: 17px 11px;
}

.device-information #dropdown-nav-small-2 {
    float:right;
    margin-right:10px;
}

.device-information li.info1 h1 {
    position:absolute;
    line-height:10px;
}

.device-information li.info1 h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    left: 50px;
    position: absolute;
    top: 12px;
}

#device-detail-expand .exp-details {
    float: right;
    margin-bottom: 20px;
    width: 625px;
}

#device-detail-expand .exp-details table {
    line-height:1.7em;
    margin-bottom:25px;
}

#device-detail-expand .exp-details table th {
    text-align:left;
    width:180px;
}

#device-detail-page .FormButtonPrimary {
    color:#ffffff;
}

/********** Device  Pages***************/
.devices {
    background: none repeat scroll 0 0 #282828;
    border-top: 1px solid #101010;
    padding-top: 5px;
    height:654px;
}

#devices  {
    padding:0 0; /*update for Garg, Navesh from 10px 0 to 0 0*/
    clear:both;
}

#devices li {
    float:left;
    margin:0 0 10px 10px;
    position:relative;
}

#devices li span.title {
    color: #D3D4D4;
    font-size: 11px; /*change 15px to 11px for Navesh*/
    font-weight: bold;
    left: 10px;
    line-height: 1.3em;
    position: absolute;
    top: 29px; /*change for Navesh Garg*/
}

#devices li.group a {
    border-top:1px solid #656565;
    background:-webkit-gradient(linear, left top, left bottom, from(#252525), to(#131313));
    background:-moz-linear-gradient(top, #3252525, #131313);
    background: linear-gradient(#252525, #131313);
    -pie-background: linear-gradient(#252525, #131313);
}

#devices li a {
    display:block;
    cursor:pointer;
    width:154px;
    height:71px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    background:#131313;
    border-right:1px solid #0E0E0E;
    border-bottom:1px solid #0E0E0E;
    border-top:1px solid #525252;
    background:-webkit-gradient(linear, left top, left bottom, from(#252525), to(#131313));
    background:-moz-linear-gradient(top, #252525, #131313);
    background: linear-gradient(#252525, #131313);
    -pie-background: linear-gradient(#252525, #131313);
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
}

#devices li.group a {
    width:320px;
} 

#devices li a:hover,
#devices li a:focus,
#devices li.intent a {
    border-top:1px solid #676767;
    background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#1f1f1f));
    background:-moz-linear-gradient(top, #303030, #1f1f1f);
    background: linear-gradient(#303030, #1f1f1f);
    -pie-background: linear-gradient(#303030, #1f1f1f);
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

.page-nav li a:focus {
    color:#00bff3; /*Garg Navesh adds this 10-21-2011*/
}   

#devices li.new.red a:hover,
#devices li.new.red.intent a {
    border-top:5px solid #DC442F;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#devices li.new.red a {
    border-top:5px solid #DC442F;
    height:67px; /*change from 72px to 67px for Manas 12/14/2011*/ 
}

#devices li.new.yellow a:hover,
#devices li.new.yellow.intent a {
    border-top:5px solid #FFBD17;
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

#devices li.new.yellow a {
    border-top:5px solid #FFBD17;
    height:67px;
}

#devices li.new span.messages {
    top:7px;
}

#devices li.group span.messages {
    left:10px;
}

#devices li.blue span.messages {
    color:#00BFF2;
    left:10px;
}

#devices li.yellow span.messages {
    color:#FFBD17;
}

#devices li.red span.messages {
    color:#DC442F;
}

#devices li.group span.statuses {
    position:absolute;
    top:0;
    right:0;
    width:102px;
    padding-top:10px;
    height:55px;
    background:url(../images/bg_device_status.png) repeat-y 0 0;
    color:#D3D4D4;
    font-size:10px;
    line-height:18px;
}

/* Added for Solution ID */
#devices li span.solutionstatuses {
   position: absolute;
   line-height: 18px;
   width: 50px;
   color: #d3d4d4;
   font-size: 10px;
   top: 0px;
   right: 0px;
   padding-top: 10px;
}

#devices li span.statuses span {
    display:block;
    position:static;
    margin:0 0 9px 12px;
}

#devices li span.status {
    position:absolute;
    /*z-index:3;*/
    font-size:10px;
    color:#DDD;
    width:35px;
    padding-left:15px;
    top:12px;
}

#devices li.yellow span.status,
#devices li.red span.status {
    top:7px;
}

#devices li span.detail {
    color:#777777;
    font-size:10px;
    position:absolute;
    bottom:5px; /*change from 8px to 5px Manas Ranjan Dhal asked 12-7-2011*/
    left:10px;
    line-height:1.3em;
    text-transform:uppercase;
}

/**************** END OF DEVICE ***************/

/**** Action Dropdown Menu Styles *****/
#ActionDropdown li {
    float:left;
    display:block;
    width:45px;
    border:0px solid #000;   
    background-color:#E7E7E7;
    position:absolute;
    left:8px;
    
    /*for Firefox, Safari, Google Chrome */ 
    -moz-box-shadow: 2px 2px 3px #666666;
    -webkit-box-shadow: 2px 2px 3px #666666;
    box-shadow: 2px 2px 3px #666666;    
}

#ActionDropdown span.downarrow {
    background-image: url("../images/icon_actions_events-trans.png");
    background-repeat: no-repeat;
    border: 0px solid #F1F1F1;
    border-radius: 2px 4px 0 0;
    height: 36px;
    position:absolute;
    width: 47px;
}

#ActionDropdown li:hover span.downarrow {
    background-color:#E7E7E7;
    
    /*for Firefox, Safari, Google Chrome */ 
    -moz-box-shadow: 2px 2px 3px #666666;
    -webkit-box-shadow: 2px 2px 3px #666666;
    box-shadow: 2px 2px 3px #666666;
    
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=140, Color='#cccccc')";
    
    /* For IE 5.5 鈥� 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');*/
}

#ActionDropdown ul li:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration:none !important; 
    background:#cacaca;
    border:0px solid #cacaca;
    
    /*for Firefox, Safari, Google Chrome */ 
    -moz-box-shadow: 2px 2px 3px #666666;
    -webkit-box-shadow: 2px 2px 3px #666666;
    box-shadow: 2px 2px 3px #666666;
    
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=140, Color='#cccccc')";
    
    /* For IE 5.5 鈥� 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');*/   
}

#ActionDropdown ul li {
    /*float:right;*/
    padding:7px;
    display:block;
    width:175px;
    border:0px solid #cacaca;
    position:relative;  
    float:right;
    border-bottom:1px solid #cacaca;
        
    /* For IE 8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=140, Color='#cccccc')";
    
    /* For IE 5.5 鈥� 7 */
    /*-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666'); */    
}  

#ActionDropdown li:hover ul {
    display:block;
}

#ActionDropdown ul {
    right:0;
} 

#ActionDropdown ul {
    border:0px solid;
    position:absolute;
    top: 34px;
    display:none;
    right:6px;
    z-index:11; 
}

#ActionDropdown a {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
    text-decoration:none !important; 
    display:block;
    color:#404040;
    font-family:Arial, Helvetica, sans-serif;
}

.action-menu-pos {
    position: absolute;
    margin: auto auto auto 5px;
    text-align: justify;
}

/****************end of action dropdown menu*****************/

/**************SERVICE - CREDITS*****************************/
.service-credit {
    padding-left: 10px;
    width: 976px;
}

#service-credit .second-layer {
    height:88px;
}

.title-pos2 {
    float: left;
    margin-left: 10px;
    margin-top: -25px;
}

.gen-paragraph {
    margin-left: 10px;
    margin-top:10px;
    line-height:17px;
}

.second-layer .pag-pos2 {
    float: right;
    margin-right: 585px;
}

.ser-text-pos {
    float:left;
}

.dark-layer {
    background: none repeat scroll 0 0 #353535;
    border: medium none;
    height: 70px;
    margin-left: 2px;
    margin-top: 7px;
}

/*overwrite*/
.dark-layer .TextHeading2,
.table-service-dark-layer .TextHeading2 {
    color:#ffffff;
}

.first-para-dark-layer {
    float: left;
    line-height: 20px;
    margin-left: 15px;
    margin-top: 11px;
}

.left-col {
    border:0;
    float: left;
    margin-left: 2px;
    margin-top: 10px;
    width: 475px;
}

.right-col {
    border:0;
    float: right;
    margin-top: 10px;
    width: 485px;
}

.left-col li a {
    line-height: 40px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.large-number-ser {
    float:right;
}

.large-number-ser,
.large-number-ser1 {
    border:0;
    color: #999999;
    display: block;
    font-size: 36px;
    height: 62px;
    line-height: 60px;
    padding-right: 10px;
    text-align: right;
    font-family:"Microsoft Sans Serif";
}

.large-number-ser1 {
    float: left;
}

.pannel2 {
    float:left;
    margin-top:10px;    
}

span.TextTotal {
    margin-top: 6px;
}

span.TextTotal1 {
    margin-top: 16px;   
}

span.TextTotal,
span.TextTotal1,
span.TextTotal2 {
    border: 0 none;
    color: #A0A0A0;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 14px;
}

.regular-text-ser {
    border:0;
    float: left;
    font-size: 20px;
    padding-right: 10px;
    text-align: right;
    width: 70px;
}

span.TextName {
    font-size:15px;
}

.right-col #dropdown-nav-filter li {
     z-index: 1;
}

/**override the button**/
.right-col .FormButtonPrimary{
    padding:3px 10px;
    font-size:11px;
}

.service-credit .TextHeading2 {
    color:#ffffff;
    font-size:24px;
}

.bred-title span a, 
.bred-title span {
    color: #666666;
}

.text-para {
    float: left;
    margin-top: -10px;
    padding-bottom: 10px;
}

#hpsc-content .IconPrintButton {
    background: url("../images/print_icn.gif") no-repeat scroll 5px 5px #666666;
}

.print-pos {
    float: right;
    margin-right: 18px;
    margin-top: 10px;
}

.pag-pos {
    float: left;
    margin-left: 10px;
}

.service-pur .smalltext {
    margin-left:350px;
    color:#101010;
    
}

.service-pur .request-pos {
    position:absolute;
    margin-top: 5px;
    margin-left: 101px;
}

.service-avai .request-pos {
    float: right;
    margin-right: 88px;
    margin-top: -12px;
}

.service-avai a.request-pos {
    font-size:11px;
}

.service-avai span.smalltext {
    padding:3px;
    color: #101010; 
    float:left;
    margin-left:280px;
}

.service-avai span.total {
    color: #101010;
    margin-left: 70px;
    font-size:10px;
    padding:3px;
}

table.sc-table {
    /*margin-top:5px;*/
    /*margin-right:5px;*//*Darren asked to comment 11-22-2011*/
    padding-top:10px;
    padding-right:7px;
    padding-bottom:3px;
    background:#aaaaaa;
    width:100%;
}

.TableHeaderRow  th#select-center,
.TableRowOdd  td#select-center,
.TableRowEven  td#select-center {
    text-align:center;
}

.TableRowOdd  td.align-right,
.TableRowEven  td.align-right {
    text-align:right;
}

.sc-table .smalltext ,
.sc-table-large .smalltext{
    color:#101010;
}

.sc-table a.button,
.sc-table-large a.button,
.top-layer-large a.button {
    font-size:11px; 
    padding-top:4px; /*ie7*/
    padding-bottom:4px; /*ie7*/
    position:relative; /*ie7*/
    color:#F2F2F2;
}

table.sc-table-large {
    padding-right: 4px;
    padding-top: 5px;
}

table.promographics {
    margin-left: -3px;
}

/*override*/
#hpsc-content .FormInput,
#hpsc-content .FormInputDisabled {
    height:20px;
}

.service-pur .TableHeaderRow th,
.service-avai .TableHeaderRow th,
.add-device-container .TableHeaderRow th,
#credits-proactive-page .TableHeaderRow th {
    padding: 1px 5px 5px;
    vertical-align:bottom;
}

.device-table .TableHeaderRow th,
.usergroup-table .TableHeaderRow th {
    vertical-align:bottom;
}
    
#message_display {
    display: block;
    font-size: 10px;
    margin-left: 27px;
}

/****these styles from Lyons Darren****/
#service-error ul{
list-style-type: disc;
margin-left: 25px;
}

.table-service-breadcrumbs {
    padding-top:5px;
    padding-right:7px;
    padding-bottom:5px;
    padding-left: 15px; 
    font-weight: bold;
    color: #ffffff;
}
.table-service-breadcrumbs-background{
    background:#292929;
    width:100%;
}

a.breadcrumb:link,
a.breadcrumb:visited,
a.breadcrumb:active,
a.breadcrumb:hover {
    color: #999999;
    font-weight: bold;
}

.sc-page{
    background: #dddddd;
    min-height: 330px; /*Lyons Darren*/
}

.sc-footer{
    background: #dddddd;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}

#credits-proactive-page .TableHeaderSortable,
#credits-proactive-page .TableHeader {
    padding: 20px 5px 5px 5px;
    vertical-align:bottom;
    /*border: 1px solid #a6a6a6; Darren asked to comment 10-21-2011*/
}

/**end of styles of Lyons Darren**/

#small-table-3cols {
    padding-bottom: 5px;
    width:299px;    
}

#small-table-3cols ul li {
    display:inline;
    padding: 1em 0.9em;
}

/*************END OF SERVICE CREDITS*********************/

/************CONTRACTS & WARRANTIES*************/
.content-layer {
    background:#ffffff;
    margin-left:16px;
    width:969px;
    margin-top:10px;
}
    
.contract-warranty {
    padding:10px;
}

.contract-warranty p {
    margin-top:10px;
    color:#333333;
}

.contract-warranty .FormCheckBoxSelected {
    margin-left:30px;
}

.contract-warranty td {
    color:#333333;
    vertical-align:top;
}

.content-padding {
    padding:10px;
}
/**********END OF CONTRACTS & WARRANTIES*****/



/*******PARTNERS-PAGE (from XingXing)************/
#hpsc-horizontal-bar-partner-link {
    background: url("../images/bg_toolbar_links.png") repeat-y scroll right 0 transparent;
    color: #999999;
    display: block;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
     margin: 5px 15px 0 0;
    padding: 0 20px;
    text-transform: uppercase;
}

#hpsc-horizontal-bar-partner-link a {
    color: #999;
    display: block;
    padding-left: 15px;
    background: url("../images/icon_link_arrow.png") no-repeat 0 50%;
}

#hpsc-horizontal-bar-partner-right-links {
     float: right;
     height: 44px;
     margin-top: -5px;
}

#hpsc-horizontal-bar-links {
    height: 44px;
    right: 0;
    top: 5px;
}

#hpsc-horizontal-bar-links li.current {
    background: #171717;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #464646;
}

#hpsc-horizontal-bar-links li {
    background: url("../images/bg_toolbar_links.png") repeat-y scroll 0 0 transparent;
    border-right: 1px solid transparent;
    float: left;
    position: relative;
    padding: 0 5px 0 5px;
}

#hpsc-horizontal-bar-links li a {
    color: #999999;
    display: block;
    font-size: 9px;
    font-weight: bold;
    height: 44px;
    text-transform: uppercase;
    /*width: 75px;*/
}

#hpsc-horizontal-bar-links li a.asian {
	font-size: 11px;
}

#hpsc-horizontal-bar-links li span.icon {
    cursor: pointer;
    height: 18px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 7px;
    width: 18px;
    z-index: 1;
}

#hpsc-horizontal-bar-links li.refresh span.icon {
    background: url("../images/icon_refresh.png") no-repeat scroll 0 0 transparent;
}

#hpsc-horizontal-bar-links li.report span.icon {
    background: url("../images/icon_report.png") no-repeat scroll 0 0 transparent;
}

#hpsc-horizontal-bar-links li span.text {
    display: block;
    padding-top: 30px;
    text-align: center;
}

#hpsc-horizontal-bar-links li.settings span.icon {
    background: url("../images/icon_settings.png") no-repeat scroll 0 0 transparent;
}

#hpsc-horizontal-bar-links li.hp-insight-online {
    color: #DDDDDD;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    padding: 0 17px;
    text-transform: none;
    text-align:center;
}

.hpsc-horizontal-bar-partner-button {
   background: url("../images/partners_gpp.png") no-repeat scroll 0 0 transparent;
}

.hpsc-horizontal-bar-partner-button {
    border: 0 solid;
    border-radius: 3px 3px 3px 3px;
    color: #027498;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}
    
.hpsc-horizontal-bar-partner-button-pos {
    float: left;
    padding: 10px;
}
/*********END OF PARTNERS-PAGE (from XingXing)**********/

/***********Nrupal Reddy Pages***********/
table.staticheader {
    text-decoration: none;
    border: 1px solid #CCC;
    width: 65%;
}

table.staticheader th {
    padding: 3px 3px 3px 3px !important;
    text-align:center;
}

table.staticheader td {
    padding: 3px 3px 3px 3px !important;
}

table.staticheader thead tr {
    position: relative;
    height: 10px;
    background-color: #D7E5F3;
}

table.staticheader tbody {
    height:150px;
    overflow-x:hidden;
    overflow-y: auto;
    overflow:scroll;
}

table.staticheader tbody tr {
    height: auto;
    white-space: nowrap;
}

table.staticheader tbody tr.odd {
    background-color: #eee
}

table.staticheader tbody tr.tableRowEven,tr.even {
    background-color: #ddd
}

table.staticheader tbody tr td:last-child {
    padding-right: 20px;
}

table.staticheader tbody td {
    padding: 2px 4px 2px 4px !important;

}

div.TableContainer {
    height: 150px;
    overflow-x:hidden;
    overflow-y:auto;
}

/*****END OF Nrupal Reddy Pages*******/

/*****Keef Neil Pages***********/
body.pageLayoutWide {
    background:#ffffff;
    color:#101010;  
}

.pageLayoutWide .TableRowOdd td,
.pageLayoutWide .TableRowEven td,
.pageLayoutWide .TableRowEven,
.pageLayoutWide .TableBackground  {
    border:0;
}

.pageLayoutWide p {
    margin-bottom:10px;
}

.help-header-underline {
    border-bottom: 2px solid #003366;
    color: #003366;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 1px 0 2px;
}

.linkColor {
    color: #003366;
}

.pageLayoutWide td {
    vertical-align:top;
}

.help-header-bg {
    background: #003366;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 4px 10px 5px;
}

/*******End of Keef Neil Pages*****/

/***word break*******/
.title-word-break {
    width:800px;
    line-height:30px;   
}

.desc-word-break {
    width:100%;
    line-height:18px;
}

.title-word-break,
.desc-word-break {
  /* The following styles prevent unbroken strings from breaking the layout */
  /*overflow: auto;*/
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  /*white-space: pre-wrap;*/ /* CSS 2.1 */
  /*white-space: pre-line; *//* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
/***end of word break*****/

/**********Health Check pages********/
table.health-check td {
    padding:7px;
}

.health-check-filter-pos {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}

/*******end of health check pages****/

/**********popup help message box**********/
.context-help {
    display: none;
}

.help-box-top {
    background-color: #DDDDDD;
    padding: 4px;
}

.help-box {
    background-color: #FFFFFF;
    border: 1px solid #111111;
    color: #444444;
    height: 100%;
    margin-top: 15px;
    padding-bottom: 10px;
    text-align: left;
    width: 600px;   
}

.help-box-body {
    padding:15px;
}

.help-box-body ul {
    list-style-type:disc;
    margin-left:25px;
    padding:10px;
}

.close-but-right {
    position:absolute;
    margin-left:420px;  
}

.close-but-right1 {
    float:right;
}
/*****end of popup help message*****/

/***confirmation box*****/
.context-confirm {
    display: none;
}

.confirm-box-top {
    background-color: #DDDDDD;
    padding: 12px;
}

.confirm-box {
    background-color: #1b1b1b;
    height: 100%;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-top:10px;
    text-align: center;
    line-height:22px;
    width: 500px;
}

.confirm-box-body {
    padding:15px;
    color:#F2F2F2;
}

.confirm-box-body h1 {
    color:#f2f2f2;
}

.confirm-box-body ul {
    list-style-type:disc;
    margin-left:25px;
    padding:10px;
}

/**override**/
.confirm-box .TextHeading3,
.confirm-box .TextHeading2 {
    color:#ffffff;
}

/***end of confirmation box***/

/*********general misc********/
.adj-pos {
    margin-top:40px;
    margin-bottom:-10px;
}

/*height space*/
.Hspace-8px {
    height:8px;
}

.content-padding-10 {
    padding: 10px;
}

table.exp-table {
    width:927px;
}

.table-text {
    margin-left:23px;
    display:block;
}

.img-pos-left {
    float:left;
    margin-top:1px;
}

.TextPag-Current {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#161616;  
}

/*adj position*/
.title-pos {
    float: left;
    margin-left: 15px;
    margin-top: 11px;
}

.title-pos h1{
    font-size:19px; /*Dwayne changed it*/
}

.pagination-pos {
 margin-left:10px;
 margin-top:25px;
}

.new-pos {
    border: 1px solid #000000;
    position:absolute;
    height: 50px;
    margin-top: 20px;
    width: 968px;
    margin-left:10px;
    margin-right:10px;
}

.pagination-pos1 {
    padding-left: 10px;
    position: absolute;
    top: 465px;
    z-index: -1;
}

.back-but-pos {
    margin-left:10px;
}

.cancel-but-pos {
    margin-left:330px;
}

.add-div-cancel-but-pos {
    margin-left: 250px;
}

.submit-but-pos {
    margin-left:365px;
}

.submit-mySC-pos {
    float: right;
    margin-left: 365px;
    margin-right: 10px;
    margin-top: 35px;
    padding-top: 35px;
}

.back-but-pos a,
.cancel-but-pos a,
.submit-but-pos a,
.reg-buttton {
    color:#ffffff;
}

.view-filter-label-pos {
    float: left;
    font-size: 10px;
    margin-left: 505px;
    margin-top: -36px;
    text-transform: uppercase;
}

.small-dropmenu-pos {
    float: right;
    margin-right: 30px;
    margin-top: -65px; 
}

/****space********/
.small-space {
    float:left;
    height:20px;
    width:968px;
}

.large-number {
    display: block;
    float: left;
    font-size: 40px;
    height: 62px;
    margin-right: 10px;
    color:#999999;
}

/***text***/
.textRedColor {
    color:#F00;
}

.textLightColor,
.textLightColor h1 {
    color:#F2F2F2;
}

.small-text-color {
    color:#A9A9A9;
}

.gray-text {
    color: #999999;
    font-size: 15px;
    font-weight: bold;
}

.small-text {
    font-size:12px;
}

.smalltext {
    font-size: 9px;
}

.text-gray-cl,
span.text-gray-cl{
    color:#999999;
    font-weight:bold;
}

.text-dark-color,
span.text-dark-color {
    color:#121212;
}

.text12pt {
    font-size:12px;
}

.text15pt {
    font-size:15px;
}

.text-box {
    border: 0px solid #ffffff;
    text-align:left;
    padding-top:5px;
}

span.type {
    font-size: 15px;
    font-weight: bold;
    /*line-height: 10px;*/
    vertical-align: bottom;
}

a.smalltext:hover {
     color: #ffffff;
}

/**********buttons************/
.button-pos {
    border:0;
    margin-left: 15px;
    width: 968px;
}

.button-left-pos {
    float:left;
}

.button-center-pos {
    margin:auto
}

.button-dashboard-pos {
    margin-top: 10px;
}

.buttons a.button:hover {
	/* add !important to counteract global a:hover { text-decoration: underline !important; } set in document head per CR #9093 */
	text-decoration: none !important;
}

/**this work with ie 7******/
.button-left-pos .FormButtonSecondary,
.button-right-pos .FormButtonSecondary,
.button-right-pos1 .FormButtonSecondary,
.button-right-pos .FormButtonPrimary {
    /*padding-bottom:5px;
    padding-top:5px;*/
    position:relative;
}

/*overidden text in buttons*/
.button-left-pos a.FormButtonSecondary,
.button-right-pos a.FormButtonSecondary,
.button-right-pos1 a.FormButtonSecondary,
.button-center-pos a.FormButtonSecondary,
.add-div-cancel-but-pos a.FormButtonSecondary,
.button-left-pos a.FormButtonPrimary,
.button-right-pos a.FormButtonPrimary,
.button-right-pos1 a.FormButtonPrimary,
.button-center-pos a.FormButtonPrimary,
.add-div-cancel-but-pos a.FormButtonPrimary,
.button-left-pos a.FormButtonPrimary {
    color:#ffffff;
}

.button-right-pos {
    float:right;    
}

.button-right-pos1 {
    float:right;
    margin-right:10px;  
}

.single-button-pos {
    margin-bottom: 10px;
    margin-left: 855px;
    position: relative;
}

.single-button-pos .FormButtonPrimary {
    padding: 2px 6px;
}

.button-center-pos a.long-but {
    padding:6px 6px;
}

#newDGroup-but {
    float: right;
    margin-right: 17px;
    margin-top: 10px;
}
/**end buttons**/

.adjust {
    margin-left: 100px;
}

/*horizon line*/
div.hr-undertitle,
div.hr-line {
    height: 1px;
    background:#ccc;
    width:100%; 
    margin-bottom:10px;
}

div.hr-line {
    margin-top:5px;
}
    
div.hr-undertitle2 {
    height: 1px;
    background:#ccc;
    width:100%; 
    margin-bottom:10px;
    float:left;
}

.vug-tab1 {
    text-indent:15px;
}

.vug-tab2 {
    text-indent:30px;
}

.user-text1 {
    color: #FFFFFF;
}

.user-text2 {
    float: left;
    margin-top: -10px;
}

.form-page {
    border: none;
    /*height: 89px;*/
    margin:0 13px;
    padding: 0px;
    background:#aaaaaa;
}

/*******table tabs********/
.gen-tab-menu table {
    background:#aaaaaa;
    border-collapse: collapse;  
}

.gen-tab-menu table { 
    border-collapse: collapse; 
}

.gen-tab-menu table { 
    border-collapse: collapse; 
}

/***Breadcrums*****/
a.bred-non-act {
    color:#dddddd;
}

.bred-section {
    background: none repeat scroll 0 0 #282828;
    border: 0 none;
    margin-left: 15px;
    margin-top: 10px;
    width: 965px;
    color: #DDDDDD;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}

/***form content**/
.form-content {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 980px;
    color:#101010;
}

.form-content .TextHeading3 {
    font-weight:inherit;    
}

.pad-form-content {
    padding:22px;
}

.wrap-form-content {
    background: none repeat scroll 0 0 #aaaaaa;
    margin-top: 10px;
    padding: 10px;
}

.form-header {
    background:#dddddd;
    padding: 25px 22px;
    width: auto;
}

.table-overlow {
    height:210px;
    width:520px;
    overflow:auto;
}

.form-content .TableHeaderRow th {
    padding:5px 10px;
    line-height:15px;
}

.myform label {
    display: block;
    float: left;
    margin-left: 20px;
    width: 170px;
}

.myform input {
    font-size: 12px;
    margin: 2px 0 2px 10px;
    padding: 4px 2px;
    width: 300px;
}

.myform select {
    margin: 2px 0 2px 10px;
    padding: 4px 2px;
}

.myform {
    width:650px;
    line-height: 35px;
}

.form-content .submit-but-pos {
    margin-left: 767px;
}

.form-content a.FormButtonSecondary {
    color:#ffffff;
}

.pad-form-content select {
    padding: 4px;
    border: 1px solid #AEAEAE;
    background:#ffffff; 
    color:#101010;
}

.title-pos .TextHeading2 {
    color: #DDDDDD;
}

.space1 {
    margin-top:30px;
}

.space2 {
    margin-top:60px;
}

.hpsc-sheet .hr-line {
 width:1140px;
}

.information-block {
    border-style: solid;
    border-width: 1px;
    /*box-shadow: 1px 3px 3px #DDDDDD;*/
    width: 342px;
    padding:10px;
    zoom: 1; /*ie 6*/   
    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee);
    background: linear-gradient(#ffffff, #eeeeee);
    -pie-background: linear-gradient(#ffffff, #eeeeee);
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
}

.add-device-container {
    padding-left:10px;
    padding-right:10px; 
}

.wrap-box-bgwhite {
    background:#ffffff;
}

.add-div-header {
    background: none repeat scroll 0 0 #DDDDDD;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-top: 20px;
    width: auto;
}

.dropdown1 ul {
    display:none;
    position:absolute;
    left:0;
    border-top:1px solid #4f4f4f;
    background:#303030;
    -moz-box-shadow:#000 3px 3px 5px;
    box-shadow:#000 3px 3px 5px;
    behavior:url(/resource3/hpsc/common/css/PIE.htc);
}

.dropdown1 ul li {
    width:auto !important;
    height:auto !important;
}

.dropdown1 ul li a {
    font-weight:bold;
    color:#ddd;
    display:block;
}


.div-text {
    display: block;
    line-height: 20px;
    margin-left: 50px;
    margin-top: 18px;
}

.div-img {
    margin-left: 15px;
    margin-top: 16px;
    position: absolute;
}

/**override**/
.add-div-header .TextHeading2,
.form-header .TextHeading2 {
    font-size:24px; 
}

.IconViewCartButtonDB {
    background: url("../images/icon_cart.png") no-repeat scroll 0px #007CA2;
    padding-left:20px;
}

a.IconViewCartButtonDB:hover,
input.IconViewCartButtonDB:hover {
    background: url("../images/icon_cart_hover.png") no-repeat scroll 0px #1a89ab;
    padding-left:20px;
}

.dark-layer .small-text {
    color:#A9A9A9;
}

.darkbg-header-color {
    color:#DDDDDD;  
}

/*Pagination**/
li.hpsc-TextPagination-darker  {
    color: #A9A9A9;
    font-size: 12px;
    line-height: 17px;
}

.hpsc-TextPagination-ligther  {
    color: #111111;
    font-size: 12px;
    line-height: 17px;
}

/**device detail expand information**/
.left-sidebar {
    float: left;
    width: 250px;
    padding-left:10px;
}

/*********end of general misc.*********/

/******************************************End of HPSC Style***********************/