/* -------------------------------------------------------
layout.css
last modified:  09/02/2008 by AGB
last validated: 09/02/2008 by AGB
------------------------------------------------------- */
@font-face {
    font-family: "MetricHPE-Web-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("/hpefonts/MetricHPE-Web-Bold.eot?#iefix") format("embedded-opentype"), url("/hpefonts/MetricHPE-Web-Bold.woff ") format("woff");
}
@font-face {
    font-family: "MetricHPE-Web-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("/hpefonts/MetricHPE-Web-Regular.eot?#iefix") format("embedded-opentype"), url("/hpefonts/MetricHPE-Web-Regular.woff") format("woff");
}

body {
	margin: 0px;
	padding: 0;
	color: #333;
	/*text-align: center;*/ /* IE centering */
  	font:  "MetricHPE-Web-Regular",Arial,Helvetica,Sans-serif; 
  	voice-family: "\"}\""; voice-family: inherit;
  	font-size: 90%;
  	} html>body { font-size: 90%; font-family: "MetricHPE-Web-Regular",Arial Unicode MS,Arial,Helvetica,Sans-serif; }
  	
  	

#wrap {
	position: relative;
	margin: 0 auto; /* non-IE centering */
	padding: 0;
	text-align: left;
	width: 939px;
	} 
	
.newwinb #wrap {
	width: 589px;
	text-align: left;
	}

#content {

	}
	
	/* hide from IE5-Mac \*/
#content {
	clear:left; 
	}
	/* end hide */

.core #content {

	} 

#main { 
	position: relative;
	float: left;
	width: auto;
	margin-left: 10px;
	}

/* --------------------------------------------
Content with no sidebar such as Accessibility, Support, Adapt etc. 
-----------------------------------------------*/


.contentwithnosidebar .maincontent {
	vertical-align:top;
	float: left;
	width: 99.4%;
	padding: 0px 10px 5px 0px; 
	min-width: 1200px;
	} html>body .contentwithnosidebar .maincontent { min-width: 1200px;}

		
.containerlayout3 .col1 {
	vertical-align:top;
	float: left;
	width: 73.5em;
	margin: 0px 10px 10px 10px; 
	} html>body .containerlayout3 .col1 { width: 75.7em; }

.containerlayout3 .layoutbottom {
	vertical-align:top;
	clear: both;
	width: 76.3em;
	}
.bottompagepad {
	margin-top:400px; 
	display:block;
}
	
/* ----------------------------------------------------
Logon panel
------------------------------------------------------- */

.logonpanel .row .label {
	width: 105px; 
	text-align: left;
	}

.logonpanel .row .input {
	margin-left: 0px;
	width: 100px;
	}

.logonpanel .row select {
	border: 1px solid;
	margin-left: 0px;
}

.logonpanel .fineprint {
	margin-top: 0px;
	margin-bottom: 0px
	}

#processingpanel {
	display: none; 
	visibility: hidden; 
	padding-top: 45px;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 0px; 
	vertical-align: middle; 
	}

.full #main {
	width: 895px;
	}

.newwinb #main {
	text-align: left;
	padding: 0px 5px 10px 10px;
	}

/* ----------------------------------------------------
Sidebar
------------------------------------------------------- */
#issues 
{
    float:left;
}
#bulletins
{
    float:right;
}
    
#sidebar {
	float: right;
	position: relative;
	padding: 10px 10px 20px;
	width: 185px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 165px;
	} html>body #sidebar { width: 165px; }
	
	
.core #sidebar {
	float: left;
	}


.clear {
	clear: both; 
	}

/*------------------------------------------------------ 
 Content with a right hand sidebar with content     
------------------------------------------------------- */

.contentwithsidebar {
	overflow: hidden;
	float:left; 
	width: 1400px;
	}

.contentwithsidebar .sbmaincontent {
	vertical-align:top;
	float: left;
	width: 800px;
	padding: 5px 10px 5px 10px;
	}html>body .contentwithsidebar .sbmaincontent { width:800px; }
	
	
/*  sidebar column content*/	
.contentwithsidebar .sidebarcontent {
	vertical-align:top;
	/*-- float: left; ---*/
	float: left;
	width: 500px;
	/*-- width: 267px; ---*/
	font-family: :"MetricHPE-Web-Regular", arial, helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	line-height: 1.5em;
	font-size: 100%; 
	}html>body .contentwithsidebar .sidebarcontent { width:500px; }
	/*--- }html>body .contentwithsidebar .sidebarcontent { width:21.9em; }---*/


/*-----------------------------------------------------
Sidebar menu on the left with content on the right 
------------------------------------------------------- */

.contentwithsidebarmenu {
	overflow: hidden;
	float:left; 
	min-width: 1400px;
	}

/*  sidebar column menu*/
.contentwithsidebarmenu .sidebarcontent {
	vertical-align:top;
	float: left;
	width: 14em;
/*	font-family: "HPSimplified", arial, helvetica, sans-serif; */
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	font-size: 100%; 
	}html>body .contentwithsidebarmenu .sidebarcontent { width: 14em; }

.contentwithsidebarmenu .sbmaincontent {
	vertical-align:top;
	float: left;
	width: 727px;
	padding: 20px 10px 5px 10px;
	}html>body .contentwithsidebarmenu .sbmaincontent { width:59.4em; }


/*-----------------------------------------------------
Dashboard menu on the left with content on the right 
------------------------------------------------------- */
.contentwithdashboard {
	overflow: hidden;
	float: left;
	margin-left:10px;
	margin-right: 10px;
	width: 100%;
	min-width: 1300px;
}

.dashboardcontent {
    width: 20%;
    } 

/*  sidebar column menu*/
.contentwithdashboard .dashboardcontent {
	vertical-align:top;
	float: left;
/*  font-family: "HPSimplified", arial, helvetica, sans-serif; */
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	font-size: 100%; 
	} /*html>body .contentwithdashboardmenu .dashboardcontent { width: 40%; } */

.contentwithdashboard .dbmaincontent {
/*    float: left;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 100%;
    line-height: 1.5em;
    padding: 5px;
    vertical-align: top;
    width: 70%;
padding: 20px 5px 5px 5px; */
    vertical-align:top;
	float: left;
	width: 76%;
	
	} /*html>body .contentwithdashboard .dbmaincontent { width:36em; } */
/*    }html>body .contentwithdashboard .dbmaincontent { width:70%; } */

.dbmaincontent .maincontent {
    padding: 0 40px;
 /*   width: 500px; */
    }

.hpit-sectionLight .h1 {
    font-size: 1.5em; 
    color: #000000;
    font-weight: bold;
 /*   font-family: "HPSimplified_Bd",verdana,arial,helvetica,sans-serif; */
    }
    
.hpit-sectionLight .h3 {
    font-size: 1.25em; 
    color: #000000;
    font-weight: bold;
/*    font-family: "HPSimplified_Bd",verdana,arial,helvetica,sans-serif; */
    }



/*---------------------------------------------
Consoles layout with left & right sidebars
-----------------------------------------------*/

 .consolecontentwithsidebar{
	overflow: hidden;
	float:left; 
	}

.consolecontentwithsidebar .leftsidebarcontent {
	vertical-align:top;
	float: left;
	width: 14.7em;
/*	font-family: "HPSimplified", arial, helvetica, sans-serif; */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	line-height: 1.5em;
	font-size: 100%; 
	}html>body .consolecontentwithsidebar .leftsidebarcontent { width: 14.5em; }

.consolecontentwithsidebar .leftsidebarcontent .sidebarfeature .content 
{
	padding-top: 10px;
}

.consolecontentwithsidebar .consolesmaincontent {
	vertical-align:top;
	float: left;
	width: 44em;
	padding: 5px 10px 5px 10px;
/*	padding: 5px 150px 5px 200px; */
	}html>body .consolecontentwithsidebar .consolesmaincontent { width:43.5em; }
	
.consolecontentwithsidebar .rightsidebarcontent {
	vertical-align:top;
	float: left;
	width: 15.2em;
/*	font-family: "HPSimplified", arial, helvetica, sans-serif; */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	line-height: 1.5em;
	font-size: 100%; 
	}html>body .consolecontentwithsidebar .rightsidebarcontent { width:15.2em; }
	
.rightsidebarcontent .sidebarfeature .content 
{
	padding-top: 10px;
}	

.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 65px;
	
}
   
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modalPopup {
	background-color:White;
	border-width:0px;
	border-style:hidden;
	border-color:Gray;
	padding:3px;
	width:700px;
	height: 220px;
	
}     

#hpit-topToolBar {
    float: left;
    top:85px;
    width:400px;
}
