/* INDEX GUIDE TO USE CSS FOR HPA
-----------------------------------------------------------
	o CSS FOR HPA TOP PANEL
	o CSS FOR MAIN CONTENT CONTAINER 
	o CSS FOR TOP NAVIGATION 
	o CSS FOR MAIN CONTENT PANELS 
	o CSS FOR LEFT PANEL / LEFT NAVIGATIONS
	o CSS FOR MAIN CONTENT 
		- CSS FOR HOME 
		- CSS FOR SOLUTIONS - OVERVIEW 
		- CSS FOR SOLUTIONS - ESSENTIAL MAIL
		- CSS FOR SOLUTIONS - HPA SEARCH ENGINE
		- CSS FOR CAPABILITIES - OVERVIEW
		- CSS FOR CAPABILITIES - INFORMATION STORAGE & RETIEVAL
		- CSS FOR CASE STUDIES - OVERVIEW
		- CSS FOR CASE STUDIES - TNT
		- CSS FOR INVESTORS - OVERVIEW
		- CSS FOR ABOUT HPA - OVERVIEW
		- CSS FOR ABOUT HPA - COMPANY PROFILE 
		- CSS FOR ABOUT HPA - LATEST NEWS
		- CSS FOR ABOUT HPA - NEWSLETTER SUBSCRIPTION
		- CSS FOR ABOUT HPA - JOB LISTINGS
		- CSS FOR CLIENT AREA - LOGIN TO YOUR HPA
		- CSS FOR CLIENT AREA - OVERVIEW		
		- CSS FOR CLIENT AREA - ANNUAL PLANNER
		- CSS FOR CONTACT US - OVERVIEW
		- CSS FOR CONTACT US - DETAILS
	o CSS FOR FOOTER 
	o CSS FOR PADDINGS ON TEXT
	o CSS FOR SPACER 
	o CSS FOR FLOATS
	o CSS FOR TEXT FONTS
	o CSS FOR BACKGROUND COLORS
	o CSS FOR DOTTED LINES SEPARATOR
	o CSS FOR PRINT
------------------------------------------------------------
END GUIDE */

html {
	min-height:100%;
	height: 100%;}

body {
	min-height:100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	height: 100%;
	/*background-image : url(../images/bgTile.jpg);
	background-repeat : repeat-x;*/
	text-align: center;}

#wrapper{
	width:100%;
	background: url(../images/bgTile.jpg) repeat-x top left;
}

/* ----------------------------------------------
CSS FOR HPA TOP PANEL 
-----------------------------------------------*/
#header {
	width:760px;
	margin:0 auto;
	height: 72px;
	border: none;
	padding: 0px;}
		
#leftHead {
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}
		
#rightHead {
	width:212px;
	float: right;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image : url(../images/bgTile.jpg);
	background-repeat : repeat-x;}
	
/* -----------------------------------------------
CSS FOR MAIN CONTENT CONTAINER 
------------------------------------------------*/
#navigation {
	width: 760px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 23px;
	padding: 0px;
	text-align: left;}

#content {
	/*height:100%;*/
	width: 760px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	background-image : url(../images/contentTile.gif);
	background-repeat : repeat-y;}

#content_home {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	border: none;}
	
#content_new {
	/*height:100%;*/
	width: 760px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	background-image : url(../images/contentBg_new.gif);
	background-repeat : repeat-y;}

#message {
	width: 500px;
	border: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: left;}

#footer {
	width: 100%;
	height: 67px;
	border: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 9px;
	padding: 0px;
	text-align: center;
	bottom:0px;
	left: 0px;
	right: 0px;}


/* ------------------------------------------
CSS FOR TOP NAVIGATION 
-------------------------------------------*/
#topnavigation {
	width: 760px;
	height: 57px;
	margin: 0px; 
	padding: 0px;}

#homeNav {
	width: 92px;
	height: 57px;
	top: 0px; 
	margin-left: 0px;
	margin-top: 0px;
	float:left;}

#solutionsNav {
	width: 92px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#capabilitiesNav {
	width: 92px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#caseStudiesNav {
	width: 109px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#investorsNav {
	width: 92px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#aboutHpaNav {
	width: 92px;
	height: 57px;
	margin-top: 0px;  
	float:left;}

#clientAreaNav {
	width: 92px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#contactUsNav {
	width: 92px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#topSepa1 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}

#topSepa2 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}	

#topSepa3 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}	

#topSepa4 {
	width: 1px;
	height: 57px; 
	margin-top: 0px; 
	float:left;}	

#topSepa5 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}	

#topSepa6 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}	

#topSepa7 {
	width: 1px;
	height: 57px;
	margin-top: 0px; 
	float:left;}	

.home {
	width: 92px;
	height: 57px;}

.solutions {
	width: 92px;
	height: 57px;}
	
.capabilities {
	width: 92px;
	height: 57px;}

.caseStudies {
	width: 109px;
	height: 57px;}

.investors {
	width: 92px;
	height: 57px;}

.aboutHpa {
	width: 92px;
	height: 57px;}

.clientArea {
	width: 92px;
	height: 57px;}

.contactUs {
	width: 92px;
	height: 57px;}

/* --------------------------------------------------------
CSS FOR MAIN CONTENT PANELS 
----------------------------------------------------------*/
#leftPanel {
	float: left;
	width: 184px;
	height: 100%;
	margin: 0px; 
	padding: 0px;
	border: 1px;
	/*background-color : #EDEDF0;*/}

#mainPanel {	
	float: right;
	width: 566px;
	height:100%;
	margin: 0px; 
	padding: 0px;
	border: none;
	background-color:#ffffff;}
	
#searchPanel {
	text-align: left;
	width: 760px;
	height: 100%;
	margin: 0px; 
	padding: 0px;
	border: none;}

#divRow {
	height: 100%;
	border: none;}

/* ----------------------------------------------------------
CSS FOR LEFT PANEL / LEFT NAVIGATIONS
-----------------------------------------------------------*/
.menuArrow {
	width: 158px; 
	height: 21px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	background-image : url(../images/menuArrow.gif);
	background-repeat : no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: left; 
	color: #000000; 
	font-weight: bold;
	text-decoration: none;}
	
.logout {font-size: 11px; 
	text-align: left; 
	color: #000000; 
	font-weight: bold;
	text-decoration: none;}

.menu {
	width: 158px; 
	height: 21px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	background-image : url(../images/menu.gif);
	background-repeat : no-repeat; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}

.menuOver {
	width: 158px; 
	height: 21px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	background-image : url(../images/menuOver.gif);
	background-repeat : no-repeat; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;}

.bigmenu {
	width: 158px; 
	height: 36px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	background-image : url(../images/bigmenu.gif);
	background-repeat : no-repeat; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}

.bigmenuOver {
	width: 158px; 
	height: 36px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	background-image : url(../images/bigmenuOver.gif);
	background-repeat : no-repeat; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;}

#solutionbanner {
	height: 67px;
	background-color: #FFFFFF;}

#lineBar {
	margin-left:0px;
	height: 41px;}

#search {
	margin-left: 10px;
	margin-top: 10px; }	

#inputSearch {
	float: left;
	margin-left: 3px;
	margin-top: 10px; }
	
#goBtn {
	float: right;
	margin-right: 5px;
	margin-top: 10px;}

#searchBg {
	height: 62px;
	width: 184px;}

#myfolderBg {
	margin-left:0px;
	margin-top: 0px;}	

#myfolder {
	height: 195px;
	width: 184px;}	

#folderInst {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;}
		
.break {
	background-image : url(../images/break.gif);
	background-repeat : repeat-x; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 164px;
	float:left;}

#addFolder {
	float: left;
	margin-left: 10px;}

#addFoldertext {
	float: left;
	margin-left: 5px;
	margin-top: 18px;}

#viewFolder {
	float: left;
	margin-left: 10px;
	clear:both;}
	
#viewFoldertext {
	float: left;
	margin-top: 18px;
	margin-left: 5px;}

#casestudyBg {
	margin-left: 0px;
	margin-top: 0px; }

#casestudy {
	width: 184px;
	height: 90px;
	margin-left:0px;}
/* ---------------------------------------------------------------------------------
CSS FOR MAIN CONTENT 
------------------------------------------------------------------------------------
CSS FOR HOME
-----------------------------------------------------------------------------------*/

#homeblueBg {
	background-image : url(../images/homeblueBg.gif);
	background-repeat : no-repeat; 
	width: 372px;
	height: 40px;}
	
.homeblueBgtext {
	padding-left: 10px;
	padding-top: 15px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;}

#homeBigImage {
	background-repeat : no-repeat; 
	height: 188px;
	float: left;
	width: 760px; 
	background-color: #FFFFFF;}	
	
#homeBigImage1 {
	width: 760px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	height: 188px;
	border: none;
	vertical-align : middle;
	display: table-cell;}
	
#leftPanelHome {
	float: left;
	height: 100%;
	width: 184px;
	margin-right: 10px; 
	padding: 0px;
	border: none;
	/*height:100%;*/
	/*display:table;*/
	display : table-cell;}

#rightPanelHome {
	float: right;
	text-align: left;
	width: 184px;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	border: none;
	display : table-cell;}
	
#middlePanelHome {
	float: left;
	text-align: left;
	width: 372px;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	border: none;
	display : table-cell;}

#divRowHome {
	height: 100%;
	min-height: 100%;
	display : table-row;
	background: url(../images/oneGridLargeBg.jpg) repeat-y;}
	
#homeOnlineContainer {
	width: 372px;
	display : table-row;}

#homeOnlineLeft {
	width: 360px;
	float: left;}

#homeOnlineRight {
	width: 156px;
	float: left;
	margin-left: 15px;}

#homeOnlineLeft1 {
	width: 192px;
	float: left;}

#homeOnlineRight1 {
	width: 180px;
	float: right;}
	
#searchHome {
	margin-left: 10px;
	margin-top: 10px;}
	
.inputSearchHome {
	float: left;
	padding-left: 10px;}
	
#goBtnHome {
	float: right;
	margin-right: 5px;}
	
#clientBg {
	height: 59px;
	width: 184px;}

#clientHead{
	width: 184px;
	height: 40px;}
	
#clientContainer{
	width: 184px;
	float: right;
	height: 155px;}
	
#investorClientHead{
	background-image : url(../images/homeInvestorHead.jpg);
	background-repeat : no-repeat;
	float: left;
	height: 40px;
	width: 184px;
	margin-right: -60px;
	padding-bottom: 10px;}
	
.homeClientHead {
	float: right;
	width: 184px;
	height: 40px;
	background-image : url(../images/homeClientHead.jpg);}
	
/*------------------------------------------------------------------------------------
CSS FOR SOLUTIONS - OVERVIEW 
-----------------------------------------------------------------------------------*/
#solutionsOverview {
	background-image : url(../images/solutionsHeaderBg.gif);
	background-repeat : no-repeat; 
	float: left;
	width: 566px;
	height: 57px;}

#solutionsOverviewTitle {
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	height: 37px;
	border: none;
	vertical-align : middle;}

#solutionsOverviewText {
	width:566px;
	margin-bottom: 10px;}

#contentcontainer {
	padding-top: 30px;	
	padding-left: 10px;
	width: 546px;
	float: left;}
	
#holdingcontainer {
	width: 546px;
	float: left;}	
	
#outboundContainer {
	width: 182px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;}

#inboundContainer {
	float: left;
	margin-left: 10px;
	margin-top: 0px; 
	width: 182px;}

#ondemandContainer {
	float: left;
	margin-left: 10px;
	margin-top: 0px; 
	width: 182px;}

#capabilities {
	background-color: #EDEDF0;
	width: 566px;
	margin-top: 0px; }	

#blueCapa {
	margin-top: 10px;}

.titleText {
	width: 162px;
	background-color: #006196;
	height: 35px;
	padding: 10px;}

#capabilitiesLeft {
	float: left;
	background-color: #EDEDF0;
	width: 172px;
	height: 100%;
	padding: 10px;
	left:0px;
	top: 0px; }

#capabilitiesRight {
	background-color: #EDEDF0;
	float: right;
	text-align: left;
	width: 354px;
	padding: 10px;
	top: 0px; }	

/* -------------------------------------------------------
CSS FOR SOLUTIONS - ESSENTIAL MAIL
---------------------------------------------------------*/
#essentialOverview {
	background-image : url(../images/solutionsHeaderBg.gif);
	background-repeat : no-repeat; 
	margin-bottom: 10px;
	float: left;
	width: 566px;
	height: 57px;}

#personalOverview {
	background-image : url(../images/solutionsHeaderBglong.gif);
	background-repeat : no-repeat; 
	margin-bottom: 10px;
	float: left;
	width: 566px;
	height: 57px;}
	
#essentialOverviewTitle {
	width: 446px;
	padding-top: 31px;
	padding-left: 10px;
	float: left;
	height: 26px;
	border: none;
	vertical-align : middle;}
	
.essentialMail {
	background-image : url(../images/essentialMail.gif);
	background-repeat : no-repeat; 
	height: 57px;
	margin-bottom: 0px;}

#benefits {
	width: 374px;
	float: left;}

#benefitsContent {
	background-image : url(../images/essentialMidBg.gif);
	background-repeat : repeat-y;
	background-color: #EDEDF0; 
	float: left;
	width: 374px;
	margin-top: 0px;}

#forBiz {
	float: left; 
	padding-left: 10px;}
	
#forCust {
	width: 166px;
	float: right; 
	padding-right: 10px;}
	
#keybenefitstext {
	padding-left: 10px; 
	padding-right: 5px; 
	float: left; 
	width: 354px;}
	
#bizSol {
	width: 181px; 
	float: right;}
	
#solutionsOverviewBg {
	background-image : url(../images/greytip.gif);
	background-repeat : no-repeat;
	background-position: bottom right;}
	
.onesixsix 
{
	width: 166px;}
	
.bullet 
{
	padding-top: 5px;
	float: left; 
	width: 7px; }
	
.keybenefitsdata 
{
	float: left; 
	width: 149px;
	padding-top: 5px;} 
	
/* --------------------------------------------------
CSS FOR SOLUTIONS - HPA SEARCH ENGINE
--------------------------------------------------- */
#searchHeaderBg {
	background-image : url(../images/searchHeaderBg.gif);
	background-repeat : no-repeat;
	width: 760px;
	height: 57px;
	float: left;
	padding-left: 10px;
	padding-bottom:10px;}
	
#searchOverviewBg {
	width: 760px;
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/}
	
#oneBiggridBg {
	background-image : url(../images/oneBiggridBg.gif);
	background-repeat : repeat-y;
	width: 760px;}
	
#searchResult {
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
	float: left;
	width: 720px;}
	
/* ---------------------------------------------------
CSS FOR CAPABILITIES - OVERVIEW
---------------------------------------------------- */
.capabilitiesOverview {
	background-image : url(../images/capabilitiesOverview.gif);
	background-repeat : no-repeat;
	width: 566px;
	height: 57px;
	margin-bottom: -2px;}
	
#capabilitiesOverviewTitle {
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	height: 39px;
	border: none;
	vertical-align : middle;}
	
#coreCap {
	width: 566px;
	height: 50px;
	padding-top: 10px;
	border: none;
	background-color: #FFFFFF;}
	
#CapContent {
	background-image: none;
	width: 546px;
	border: none;
	display: table;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;}
	
#contentLeft {
	float: left;
	width: 263px;
	border:none;}
	
#contentRight {
	float: left;
	width: 263px;
	margin-left: 20px;
	border: none;}
	
.contentImg {
	width: 263px;
	height: 96px;}
	
.contentImg1 {
	width: 263px;
	height: 96px;
	padding-top: 10px;}
	
.greenCap {
	width: 258px;
	height: 22px;
	margin-bottom: 10px;
	background-color: #00748B;
	padding-top: 6px;
	padding-left: 5px;}

.contentText {
	width: 263px;
	padding-top: 6px;
	padding-bottom: 10px;}
	
#services {
	width: 263px;}
	
.services {
	width: 263px;}
	
.dotLine {
	width: 263px;
	height: 5px;
	background-image: url(../images/sepaBg.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 3px;}
	
/* ---------------------------------------------------
CSS FOR CAPABILITIES - INFORMATION STORAGE & RETIEVAL
---------------------------------------------------- */
#capaBar {
	float: left; 
	width: 353px; 
	margin-left: 5px;
	margin-top: 10px;}
	
#capaImage {
	float: left; 
	width: 156px;
	height: 96px;}
	
.capaImage {
	float: left; 
	width: 156px;
	height: 96px;}
	
#capaBanner {
	float: right; 
	width: 197px;
	height: 96px;
	background-color: #00748B;}
	
.capaBanner {
	float: right; 
	width: 197px;
	height: 96px;
	background-color: #00748B;}
	
#capaBannerText {
	margin-top: 55px;
	margin-left: 15px;
	padding-right: 5px;}
	
.capaBannerText {
	margin-top: 55px;
	margin-left: 15px;
	padding-right: 5px;}
	
#capaText {
	margin-top: 10px;
	width: 353px;
	margin-bottom: 10px;}
	
.capaText {
	margin-top: 10px;
	width: 353px;
	margin-bottom: 10px;}
	
/* ---------------------------------------------------
CSS FOR CASE STUDIES - OVERVIEW
---------------------------------------------------- */
.casestudiesOverview {
	background-image : url(../images/casestudiesOverview.gif);
	background-repeat : no-repeat;
	height: 57px;
	/*margin-bottom: 10px;*/}
	
#casestudiesOverviewTitle {
	float: left;
	width: 456px;
	padding-top: 32px;
	padding-left: 10px;
	height: 35px;
	border: none;
	vertical-align : middle;}

#casestudyHeroImage {
	width: 566px;
	height: 135px;}

.CSsubheading {
	background-image : url(../images/casestudiesSubHead.gif);
	background-repeat : no-repeat;
	width: 566px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 1px;}

.CSsubText {
	float: left;
	height: 21px;
	padding-top: 19px;
	padding-left: 10px;
	border: none;
	vertical-align : middle;}

.CSpdfLink {
	margin-right: 10px;
	float: right;
	width: 77px;
	height: 40px;}

.CSsubContent {
	background-color: #EDEDF0;
	width: 566px;}

.CSsubRow {}

.CSsubContentImage {
	background-image: url(../images/CSconetntImageFill.gif);
	background-repeat: repeat-y;
	float: left;
	height: 135px;
	width: 182px;}

.CSsubContentText {
	background-image: url(../images/CSconetntImageFill.gif);
	background-repeat: repeat-y;
	float: left;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 5px;
	width: 365px;}
	
/* ---------------------------------------------------
CSS FOR CASE STUDIES - TNT
---------------------------------------------------- */
#CSdownload{
	width: 87px;
	float: right;
	padding-top: 12px;}
		
/* ---------------------------------------------------
CSS FOR INVESTORS - OVERVIEW
---------------------------------------------------- */
		
#investorsOverview {
	background-image : url(../images/investersHeaderBg.gif);
	background-repeat : no-repeat; 
	height: 57px;
	width: 566px;
	margin-bottom: 10px;
	float: right;}
	
#investorOverviewTitle {
	width: 350px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}
	
#shareholderContainer {
	width: 182px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	height: 100%;
	display: table-cell;}
		
/* ---------------------------------------------------
CSS FOR ABOUT HPA - OVERVIEW
---------------------------------------------------- */
.aboutOverview {
	background-image : url(../images/aboutlHeaderBg.gif);
	background-repeat : no-repeat; 
	height: 57px;
	margin-bottom: 0px;}

#ourcompany {
	padding: 10px;
	width: 354px;}

.ourcompany {
	padding: 10px;
	width: 354px;}
	
#careers {
	padding: 10px;
	width: 354px;}
	
.careers {
	padding: 10px;
	width: 354px;}
	
#aboutOverviewLeft {
	float: left;
	margin-left: 0px;
	width: 374px;}
	
#aboutOverviewRight {
	float: right;
	margin-right: 0px;
	width: 182px;
}
	
#storyone {
	padding: 10px;
	width: 162px;}
	
.storyone {
	padding: 10px;
	width: 162px;}

/* ---------------------------------------------------
CSS FOR ABOUT HPA - COMPANY PROFILE 
-----------------------------------------------------*/
#companyProfileToptext {
	padding:10px; 
	width: 364px; 
	height: 115px;
	float:left;
	background-color: #EDEDF0;}
	
#aboutdetailPic1 {
	float: right; 
	width: 182px;}	
	
#latestnewsTop1 {
	float: left;
	width: 566px;
	height: 135px;}	

/* -------------------------------------------------
CSS FOR ABOUT HPA - LATEST NEWS
---------------------------------------------------*/
#latestnewsTop {
	float: left;
	width: 566px;
	height: 135px;}

#latestnewsToptext {
	padding:10px; 
	width: 364px; 
	float:left;}

#moreNews {
	margin-top: 10px; 
	float: left;
	width: 566px; 
	height: 150px;
	background-image : url(../images/oneGridBg.gif);
	background-repeat : repeat-y;}
	
#morenewsImage1 {
	padding: 10px; 
	width: 162px; 
	float:left;}
	
#morenewsContent1 {
	padding: 5px 10px 10px 10px;
	width: 546px;}
	
.morenewsContent1 {
	padding: 5px 10px 10px 10px;
	float: left;
	width: 546px;}
	
#morenewsContent2 {
	padding: 10px 10px 0px 10px;
	float: left;
	width: 546px;}	
	
.morenewsContent2 {
	padding: 10px 10px 0px 10px;
	float: left;
	width: 546px;}
	
#fivesixsix {
	float: left;
	width: 566px;}

.fivesixsix {
	float: left;
	width: 566px;}
	
#newsbreak {
	margin: 10px 10px 0px 10px;
	width: 546px;
	background-image : url(../images/sepaBg.gif);
	background-repeat : repeat-x;}

.newsbreak {
	margin: 10px 10px 0px 10px;
	width: 546px;
	background-image : url(../images/sepaBg.gif);
	background-repeat : repeat-x;}

#latestnewsImage1{
	float: right; 
	width: 182px;
	}
	
#latestnewsImageClient1{
	float: right; 
	width: 182px;
	}
	
/* -------------------------------------------------
CSS FOR ABOUT HPA - NEWSLETTER SUBSCRIPTION
---------------------------------------------------*/
#field1container {
	float: right;
	margin-left: 0px;
	margin-top: 10px;
	width: 426px;}	

.title1container {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 466px;}	

.title1 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 110px;}	
	
.field1 {
	float: left;
	margin-right: 5px;
	margin-top: 5px;}
	
.newsletterText {
	float: left; 
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: 546px;}
	
/* -------------------------------------------------
CSS FOR ABOUT HPA - JOB LISTINGS
---------------------------------------------------*/
#joblist{
	float: left;
	margin-top: 15px;
	width: 374px;}
	
#statelocate{
	float: right;
	width: 192px;}
	
#joblistDetail{
	float: left;
	width: 546px;}
	
/* -------------------------------------------------
CSS FOR CLIENT AREA - LOGIN TO YOUR HPA
---------------------------------------------------*/
.clientareaOverview {
	background-image : url(../images/clientareaOverview.gif);
	background-repeat : no-repeat;
	width: 566px;
	height: 57px;
	margin-bottom: 10px;
	float: right;}
	
.clientareaOverviewHandbook {
	background-image : url(../images/clientareaOverview_Handbook.gif);
	background-repeat : no-repeat;
	width: 566px;
	height: 57px;
	margin-bottom: 10px;
	float: left;}
	
#clientareaOverviewTitle {
	width: 500px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}	
	
#clientareaOverviewTitleHandbook {
	width: 446px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}	
	
#clientareaTop {
	float: left;
	width: 566px;
	padding: 0;
	margin: 0;}
	
#clientareaToptext {
	width: 384px; 
	height: 135px;
	float: left;
	padding: 0;
	margin: 0;}

#clientareaLeft {
	width: 132px;
	padding: 0;
	margin: 0;
	height: 102px;
	float: left;}
	
#clientareaRight {
	width: 252px;
	float: right;
	padding: 0;
	margin: 0;}
	
.clientareaBg1 {
	background-image : url(../images/clientareaBg1.gif);
	background-repeat : no-repeat;
	float: left;
	padding: 0px;
	vertical-align: middle;
	margin: 0;
	height: 34px;
	width: 132px;}
	
.clientareaBg2 {
	background-image : url(../images/clientareaBg2.gif);
	background-repeat : no-repeat;
	float: right;
	width: 252px;
	height: 34px;}
	
#forgot {
	width: 384px;
	float: left;
	height: 33px;}
	
/* -------------------------------------------------
CSS FOR CLIENT AREA - OVERVIEW
---------------------------------------------------*/
#clientareaoverviewtext {
	float: left;
	width: 546px;
	height: 115px;}

#clientareaoverviewsummary {
	float: left;
	width: 168px;
	height: 115px;}

#clientOverviewHero {
	float: right;
	width: 378px;
	}	
	
#clientareanewstext {
	padding: 10px;
	width: 354px;}
	
/* --------------------------------------------------
CSS FOR CLIENT AREA - ANNUAL PLANNER
--------------------------------------------------- */
#selectaproject {
	float: left;
	background-image : url(../images/selectaproject.gif);
	background-repeat : no-repeat;
	width: 374px;
	height: 65px;}
	
#selectaprojecta {
	float: left;
	background-color: #EDEDF0;
	width: 374px;
	height: 55px;}
	
#selectprojectdropa {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;}
	
#selectprojectdrop {
	padding-top: 5px;
	padding-left: 10px;}
	
#selectprojectgo {
	float: right;
	padding-right: 120px;}
	
#calendar {
	float: left;
	background-image : url(../images/calendarHeader.gif);
	background-repeat : no-repeat;
	width: 374px;
	height: 41px;}
	
#calendarLeft {
	float: left;
	padding-top: 10px;
	padding-left: 320px;}
	
#calendarRight {
	float: right;
	padding-top: 10px;
	padding-right: 10px;}
	
#calendar1 {
	float: left;
	width: 124px;}
	
#calendar2 {
	float: left;
	width: 124px;}
	
#calendar3 {
	float: left;
	width: 124px;}
	
#delete {
	float: right;}
	
#break3 {
	background-image : url(../images/break.gif);
	background-repeat : repeat-x;
	margin-left: 5px;
	float: left;
	width: 352px;
	margin-right: 5px;}
	
/* ---------------------------------------------------
CSS FOR CONTACT US - OVERVIEW
---------------------------------------------------- */
#contactOverview {
	background-image : url(../images/contactOverview.gif);
	width: 566px;
	float: left;
	background-repeat : no-repeat;
	height: 57px;
	margin-bottom: 10px;}
	
.contactContainer1 {
	width: 96px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	display: table-cell;}

.contactContainer2 {
	width: 287px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	display: table-cell;}
	
.contactBottomContainer1 {
	width: 383px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	display: table-cell;}
	
.contactBottomContainer2 {
	width: 183px;
	margin-left:0px;
	margin-top: 0px; 
	float: right;
	display: table-cell;}
	
.contactCellOne {
	display: table-cell;
	width: 85px;
	float: left;
	height: 24px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgLeft.gif);}
	
.contactCellTwo {
	display: table-cell;
	width: 276px;
	float: left;
	height: 24px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgRight.gif);}
	
.contactCellOneL {
	display: table-cell;
	width:85px;
	float: left;
	height: 40px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgLeftL.gif);}

.contactCellOneL_Long {
	display: table-cell;
	width:85px;
	float: left;
	height: 80px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgLeftL_Long.gif);}
	
.contactCellTwoL {
	display: table-cell;
	width: 276px;
	float: left;
	height: 40px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgRightL.gif);}

.contactCellTwoL_Long {
	display: table-cell;
	width: 276px;
	float: left;
	height: 80px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewTableBgRightL_Long.gif);}
	
.contactBottomCellOne {
	display: table-cell;
	width: 372px;
	float: left;
	height: 24px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactOverviewVcardBg.gif);}
	
.contactBottomCellTwo {
	display: table-cell;
	width: 183px;
	float: right;
	height: 24px;
	padding-top: 6px;
	background-image: url(../images/contactOverviewClickMapBg.gif);
	text-align: center;}
	
#contactTitle {
	width: 100px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}

#contactTitle2 {
	width: 250px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}
	
#contactDetails {
	width: 446px;
	text-align: right;
	float: right;
	padding-top: 32px;
	padding-right: 10px;}
	
#mapBox {
	height: 135px;
	float: left;
	background: #E0D9C7;
	width: 566px;}
	
#mapText {
	float: left;
	background: #E0D9C7;
	width: 364px;
	height: 115px;
	padding: 10px;
}
	
#ausMap {
	float: right;
	height: 135px;
	padding: 0px;
	}

.ausMap1 {
	float: right;
	height: 166px;}
	
.contactContent {
	width: 566px;
	float: left;
	border: none;
	height: 41px;
	margin-top: 10px;}

/* -------------------------------------------------
CSS FOR CONTACT US - DETAILS
---------------------------------------------------*/
	
#contactDetailsBottomCell {
	display: table-cell;
	width: 555px;
	float: left;
	height: 23px;
	padding-top: 6px;
	padding-left: 11px;
	margin-bottom: 10px;
	background-color: #CECED7;}
	
#contactDetContainer1 {
	width: 96px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	display: table-cell;}

#contactDetContainer2 {
	width: 459px;
	margin-left:0px;
	margin-top: 0px; 
	float: left;
	display: table-cell;}
	
.contactDetCellTwo {
	display: table-cell;
	width: 459px;
	float: left;
	height: 24px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactDetailsBg.gif);}
	
.contactDetCellTwoL {
	display: table-cell;
	width: 459px;
	float: left;
	height: 40px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactDetailsBgL.gif);}
	
.contactDetCellTwoL_Long {
	display: table-cell;
	width: 459px;
	float: left;
	height: 80px;
	padding-top: 6px;
	padding-left: 11px;
	background-image: url(../images/contactDetailsBgL2.gif);}
	
#mapDetails {
	float: left;
	width: 522px;
	padding-top: 24px;
	padding-bottom: 22px;
	padding-right: 22px;
	padding-left: 22px;}

#mapContainer {
	float: left;
	background-color: #EDEDF0;
	width: 566px;}
	
/* ----------------------------------------------------------
CSS FOR FOOTER 
----------------------------------------------------------- */
.clearBoth{clear:both;}
#footerContent {
	width: 760px;
	height: 57px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	background-image : url(../images/footer.gif);
	background-repeat : no-repeat;}

#copyright {
	float: left;
	margin-top: 24px;
	margin-left: 10px;}

#sitemap {
	float: right;
	margin-top: 24px;
	margin-right: 10px;}
	
/* -------------------------------------------------------
CSS FOR PADDINGS ON TEXT
--------------------------------------------------------*/

.paddingten {
	padding: 10px 10px 10px 10px;}

.marginTop50{margin-top:0px;}
.marginTop10{margin-top:0px;}
	
.paddingnine {
	padding-top: 5px; 
	padding-bottom: 4px;}
	
.paddingtopten {
	padding-top: 7px;}
	
#paddingSevTenThree {
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 4px;}
	
.paddingSevTenThree1 {
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 5px;}
	
.paddingSevTenThree2 {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 4px;}
	
.paddingtlrten {
	padding-top: 10px; 
	padding-left: 10px; 
	padding-right: 10px;}
	
.paddingtbrten {
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-right: 10px;}
	
.paddinglrten {
	padding-left: 10px; 
	padding-right: 10px;}
	
.paddinglrbten {
	padding-left: 10px; 
	padding-right: 10px;
	padding-bottom: 10px;}	
	
.paddingtlfiveten {
	padding-left: 10px; 
	padding-top: 5px;}
	
.paddingtlfiveten1 {
	padding-left: 10px; 
	padding-top: 5px;}
	
.paddingteneightcombo {
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 8px;}
	
.paddingtensevencombo {
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 3px;}
	
.paddingfivecombo {
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 7px;
	padding-bottom: 7px;}
	
.paddingtbrfive {
	padding-right: 10px; 
	padding-top: 7px;
	padding-bottom: 7px;}

	
/* -------------------------------------------------------
CSS FOR SPACER 
--------------------------------------------------------*/
#spacer {
	float: left; 
	background-color: #FFFFFF;}

.spacer {
	float: left; 
	background-color: #FFFFFF;}
	
/* ------------------------------------------------------
CSS FOR FLOATS
-------------------------------------------------------*/

#floatleft {
	float: left;}
	
#floatright {
	float: right;}
	
#floatright1 {
	float: right;
	width: 148px;
	padding-top: 36px;
	padding-right: 10px;}	
	
#leftcontentpic {
	float: left;
	width: 182px;
	padding-right: 5px;
	padding-bottom: 2px;}
	
#leftcontentpic1 {
	float: left;
	width: 162px;
	padding-right: 5px;
	padding-bottom: 2px;}
	
.leftcontentpic1 {
	float: left;
	width: 162px;
	padding-right: 5px;
	padding-bottom: 2px;}
	
#rightcontentpic {
	float: right;
	width: 182px;
	padding-left: 5px;
	padding-bottom: 2px;}	
	
.rightcontentpic {
	float: right;
	width: 182px;
	padding-left: 5px;
	padding-bottom: 2px;}
	
/* -------------------------------------------------------
CSS FOR TEXT FONTS
--------------------------------------------------------*/
.black {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}

.black:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	color: #98112A; 
	font-weight: normal;
	text-decoration: none;}

.blackOn {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #A9001F; 
	font-weight: normal;
	text-decoration: none;}
	
.blackbold {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	width: 184px; 
	height: 29px;
	text-align: left; 
	padding-top: 8px;
	padding-left: 15px;
	color: #000000; 
	font-weight: bold;
	text-decoration: none;}
	
.blackbold1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 17px; 
	color: #000000; 
	font-weight: bold;
	text-decoration: none;}
	
.bodytext {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}
	
.bodytext1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}

.paddingRight5{padding-right:10px;}
	
.bodytextannual {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}
	
.bodytext2 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	font-weight: normal;
	text-decoration: none;}
	
.bodytextred {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #A9001F; 
	font-weight: normal;
	text-decoration: none;}
	
.bodytextred1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #A9001F; 
	font-weight: normal;
	text-decoration: none;}

.white {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;}
	
.whiteReg {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;}

.white1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;}
	
.whiteBold {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;}

.headerwhite {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;}
	
.headerwhiteBOLD {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px;
	height: 57px; 
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;}
	
.headerblack {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px;
	height: 57px; 
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}
	
.headingBlue {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: normal;
	text-decoration: none;
	color: #6897BA;}
	
.headingBlue1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: normal;
	text-decoration: none;
	color: #6897BA;}
	
.headingOrange1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: normal;
	text-decoration: none;
	color: #E3812F;}
	
.subheadingBlue {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	color: #6897BA;}
	
.headingBlack {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 17px; 
	font-weight: normal;
	text-decoration: none;
	color: #000000;}
	
a {
	text-decoration: none;}
	
li {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #000000; 
	font-weight: normal;
	text-decoration: none;}
	
	
/*a:link
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #A9001F; 
	font-weight: normal;
	text-decoration: none;
}*/

	
/*----------------------------------------------------------
CSS FOR BACKGROUND COLORS
-----------------------------------------------------------*/
.bgFFFFFF {
	background-color: #FFFFFF; }
	
.bgBDBDC3 {
	background-color: #BDBDC3;}

.bgEDEDF0 {
	background-color: #EDEDF0;}
	
.bgCECED7 {
	background-color: #CECED7;}
	
.bgE1D9CD {
	background-color: #E1D9CD;}
	
/* ---------------------------------------------------------
CSS FOR DOTTED LINES SEPARATOR
-----------------------------------------------------------*/
#tableContent {
	background-image : url(../images/threelinesBg.gif);
	background-repeat : repeat-y; 
	width: 566px;
	margin-top:10px;}

#tableContentPrint {
	}
	
#oneGridBg {
	background-image : url(../images/oneGridBg.gif);
	background-repeat : repeat-y; 
	float: left;
	width: 566px;}
	
#twogridBg {
	background-image : url(../images/twogridBg.gif);
	background-repeat : repeat-y; 
	float: left;
	width: 566px;
	}
	
.sitemaptitle {
	background-color: #A2A2AB;
	width: 546px;
	padding: 5px;
	float: left;}

.sitemapsection {
	float: left; 
	width: 250px; 
	margin-top: 2px; 
	padding: 2px 2px 2px 5px; 
	background-color: #EDEDF0;}
	
.sitemapsubsection {
	float: left; 
	width: 250px; 
	margin: 2px px 2px 2px; 
	padding: 2px 5px 5px 5px;}
	
/*---------------------------------------------------------
CSS FOR PRINT
----------------------------------------------------------*/
#printPanel {
	float: left;
	text-align: left;
	width: 566px;
	margin: 0px; 
	padding: 0px;
	border: none;
}

#inboundContainer_print {
	float: left;
	margin-left: 5px;
	margin-top: 0px; 
	width: 182px;}

#ondemandContainer_print {
	float: left;
	margin-left: 5px;
	margin-top: 0px; 
	width: 182px;}
	
#capabilitiesLeft_print {
	float: left;
	background-color: #EDEDF0;
	width: 160px;
	height: 100%;
	padding: 10px;
	left:0px;
	top: 0px; }
	
#homeOnlineRight1_print {
	width: 160px;
	float: right;}
	
#homeOnlineLeft1_print {
	width: 160px;
	float: left;}
	
#rightPanelHome_print {
	float: left;
	text-align: left;
	width: 184px;
	padding: 0px;
	border: none;}
	
#capaBanner_print {
	float: right; 
	width: 197px;
	background-color: #00748B;}
	
#capaBannerText_print {
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 5px;}
	
#latestnewsTop_print {
	float: left;
	width: 566px;}
	
#clientareaoverviewsummary_print {
	float: left;
	height: 26px;}		
	
#mapText_print {
	float: left;
	background: #E0D9C7;
	width: 300px;
	padding: 10px;}
	
#contactTitle_print {
	width: 100px;
	float: left;
	padding-top: 31px;
	padding-left: 10px;
	height: 26px;
	border: none;
	vertical-align : middle;}
	
#companyProfileToptext_print {
	padding:10px; 
	width: 566px; 
	float:left;}
	
.pagebreak{
			page-break-before:always;
	}

.overflowv{
		overflow: visible;
    }
   
.positionab
{
	position: absolute;	
}

#contentsearch {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	border: none;}


.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}

.salmatLogo{width:51px;height:61px;padding:11px 0 0 11px;float:left;background:url(../images/salmat_logoShadow.gif) no-repeat bottom right;}