/* 
This is the CSS to override standard YUI look and feel
with HP's look and feel.

Author: Oleh Kuzo (oleh.kuzo@hp.com)
Last updated: 4/11/2008
*/


/* ====================== overriding YUI tabs to get HP-styled tabs ================ */

/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 2px 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 2px; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */






/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #003366; /* color between tab list and content */
    border-width:0 0 2px 0;
    Xposition:relative;
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 2px 0 0; /* space between tabs */
    padding:1px 0 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 2px 0px 0; /* for overlap */
}

.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background:#666666 url(http://welcome.hp-ww.com/img/hpweb_1-2_tab_right.gif) right top no-repeat; /* tab background */
    border:solid #FFFFFF;
    border-width:0px 0px 0px 0px;
    color:#FFFFFF;
    text-decoration:none;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border-width:0px;
    cursor:hand;
    padding:5px 13px 5px 7px;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    position:relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#003366 url(http://welcome.hp-ww.com/img/hpweb_1-2_tab_right.gif) right top no-repeat; /* selected tab background */
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background:#003366 url(http://welcome.hp-ww.com/img/hpweb_1-2_tab_right.gif) right top no-repeat; /* selected tab background */
    outline:0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    /*padding:0.35em 0.75em;*/ /* raise selected tab */
	padding:5px 13px 5px 7px;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content {
    background:#FFFFFF; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border-right:2px solid #003366; /* content border */
	border-bottom:2px solid #003366;
	border-left: 0px;
    padding:10px 10px 10px 0px; /* content padding */
}

.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{
	border-top-width: 0px;
}

/* ====================== overriding YUI tabs to get HP-styled tabs ================ */





/* =================== overriding YUI menu to get HP-styled leftnav ================ */			
.yui-skin-sam .yuimenu{font-size:100%;line-height:1.1;*line-height:1.1;}

.yui-skin-sam .yuimenu .bd{border:0px ;background-color:#F0F0F0;}
.yui-skin-sam  .yuimenu .bd .yuimenuitem .yuimenu .bd {border:solid 1px #666666; background-color:#fff;}

/* section divider */
.yui-skin-sam .yuimenu ul{
	padding:5px 0px 10px 0px;
	background:url(/js/yui/hpskin/menu_section_divider.gif) bottom left no-repeat;
	border-width:0px;
}
.yui-skin-sam .yuimenu ul.first-of-type{border-width:0px;}
.yui-skin-sam .yuimenu ul.last-of-type{border-width:0px; background-image:url(/images/home/s.gif)}

.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #F0F0F0;}
.yui-skin-sam .yuimenu .bd .yuimenuitem .yuimenu .yuimenuitem{_border-bottom:solid 1px #FFFFFF; }

.yui-skin-sam .yuimenuitemlabel{
	padding:2px 20px 0px 20px; color:#003366; text-decoration:none; cursor: pointer;
	background:url(/js/yui/hpskin/carrot_f0f0f0bg.gif) 10px 7px no-repeat;
}

.yui-skin-sam .yuimenuitem-selected{background-color:#F0F0F0;}
/* =================== overriding YUI menu to get HP-styled leftnav ================ */