﻿/* Online Login Styles */

.logo_box {
	height: 109px;
	width: 228px;
	background-color: #c2c2c2;
}

.onlineLogin_box {
	height: 126px;
	width: 228px;
	background-color: #cfddef;
	margin-bottom: 3px;
	/*margin-top: -3px;*/
	padding-top: 0px;
	/*padding-bottom: 1px;*/
	clear: both;
}

.loginBox_img {
	background-color:#004B8D;
	padding-bottom:1px;
	width:228px;
	height:33px;
}

.loginTD {
	background-color:#cfddef;
}

.onlineLogin_content {
	/*width: 228px;*/
	height: 102px;
	padding-left: 29px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 9px;
	/*margin-top: 1px;*/
	font-family: Arial;
	color: #004B8D;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	text-align:left;
}

.brokerLogin_box {
	height: 115px;
	width: 228px;
	background-color: #ffffff;
	margin-bottom: 3px;
	padding-left: 100px;
	padding-top: 1px;
	padding-bottom: -3px;
	clear: both;
}

.brokerLogin_content {
	width: 228px;
	height: 0px;
	text-align: left;
	padding-left: 29px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 0px;
	margin-top: 1px;
	font-family: Arial;
	color: #53557B;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
}

.onlineLogin_linkBright {
	font-family: Arial;
	font-size: 11px;
	color: #004B8D;
	text-decoration: none;
}

.onlineLogin_linkBright:hover {
	font-family: Arial;
	font-size: 11px;
	color: #004B8D;
	text-decoration: underline;
}

.onlineLogin_link {
	font-family: Arial;
	font-size: 11px;
	color: #004B8D;
	text-decoration: none;
}

.onlineLogin_link:hover {
	font-family: Arial;
	font-size: 11px;
	color: #004B8D;
	text-decoration: underline;
}

.onlineLoginForm {
	/*margin-top: 5px;
	padding-bottom: 5px;*/
	margin-bottom: -4px;
	clear: none;
}

.onlineLoginForm_textbox {
	width: 128px;
	/*border-width: 1px;
	height: 14px;
	border-color: #525252;*/
	border:1px solid #7F9DB9;
	margin-top: 0px;
	margin-left: -1px;
	margin-right: 5px;
	margin-bottom: 6px;
	padding-bottom: 1px;
	padding-left:2px;
	padding-top: -1px;
	font-family: Arial;
	font-size: 11px;
	color:#333333;
	float: left;
}

.onlineLoginForm_checkbox {
	height: 16px;
	width: 16px;
	border-width: 1px;
	border-color: #525252;
	margin-left: -1px;
	margin-top: 2px;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
}

.onlineLoginForm_rememberLabel {
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
}

.onlineLoginForm_submitImage {
	padding-left: 3px;
	margin-top: -1px;
	margin-bottom: 2px;
}

.hpLoginBox_helpLinks {
	/*margin: 0px;
	padding:0px;
	height: 20px;
	width: 130px;*/
}

.onlineBIBLoginForm_submitImage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	height:20px;
	float: left;
}

.linkArrow_align {
	margin-bottom: 1px;
	margin-right: 5px;
	margin-left: 2px;

}

/*  End Of Online Login Styles */

/*  Other Login Box */

.hp_otherlogin_dpw_form_box {				
	margin-bottom: 0px;
	padding:18px 28px 10px 0px;
	text-align:right;
}

.otherLogin_box {
	height: 126px;
	width: 228px;
	background-color: #94b7e6;
	clear: both;
	margin-bottom:3px;
}

.otherLogin_content {
	height: 19px;
	font-size: 11px;
}

.otherLogin_link {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #144AA5;
	text-decoration: none;
}

.otherLogin_link:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #144AA5;
	text-decoration: underline;
}

.otherLoginForm {
	margin: 0px;
	padding:0px;
}

.otherLoginForm_selectbox {
	vertical-align: middle;
	width: 134px;
	border: 1px solid #7F9DB9;
	font-family: Arial;
	font-size: 11px;
	background-color:#FAFAD6;
	/*height: 20px;*/
}

.otherLoginForm_submitImage{
	vertical-align: middle;
	margin-left: 7px;
}

ul.otherLogin_list {
	list-style-type: none;
	padding-left: 28px;
	padding-right: 30px;
	margin:0px;
	padding-top: 5px;
	
}

ul.otherLogin_list li {
	background-image: url(/vgn-ext-templating/images/peoples/arrow_otherLogin.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 8px;
	margin:0px;
	text-align:left;

}
/*  End Of Other Login Box */
/*quicklinks format*/

.quickLinks_box {
	height: 69px;
	width: 228px;
	background-color: #E9E9E9;
	clear: both;
}

.quickLinks_content {
	height: 19px;
	/*padding-bottom: 10px;*/
	padding-top: 0px;
	font-size: 11px;
}

.quickLinksForm {
	height: 19px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}

.quickLinksForm_selectbox {
	vertical-align: middle;
	width: 134px;
	border: 1px solid #7F9DB9;
	font-family: Arial;
	font-size: 11px;
	margin-top: 0px;
	background-color:#ffffff;
}

.hp_dpw_form_box {				
	padding-right: 26px;
	margin-bottom: 10px;
	text-align:right;
}

.quickLinksForm_submitImage{
	padding-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	margin-left: 7px;
}

/*end quicklinks format */
/*start hp branch locator*/
.HPBLForm {
	height: 19px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}
.HPBL_textbox {
	vertical-align: middle;
	width: 132px;
	border: 1px solid #7F9DB9;
	font-family: Arial;
	font-size: 11px;
	margin-top: 0px;
	background-color:#ffffff;
}
.HPBL_submitImage {
	padding-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	margin-left: 5px;
}
/*end hp branch locator*/

.aboutPeoples_box {
	height: 131px;
	width: 228px;
	background-color: #F4F4F4;
	margin-bottom: 3px;
	margin-top: 3px;
	clear: both;
}

.aboutPeoples_content {
	/*width: 228px;*/
	padding-left: 24px;
	padding-right: 29px;
	padding-bottom: 10px;
	padding-top: 2px;
	font-size: 11px;
}

.aboutPeoples_link {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #144AA5;
	text-decoration: none;
}

.aboutPeoples_link:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #144AA5;
	text-decoration: underline;
}

ul.aboutPeoples_list {
	list-style-type: none;
	width: 174px;
	padding-top: 3px;
	padding-left: 20px;
	margin: 0px;
	margin-left: -17px;
	text-align:left;
}

ul.aboutPeoples_list li {
	background-image: url(/vgn-ext-templating/images/peoples/arrow_aboutPeoples.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 12px;
	margin-right: 5px;
	margin-bottom: 2px;
	padding-bottom: 0px;
}

.middleImage_box {
	height: 255px;
	width: 485px;
	background-color: #FFFFFF;
	margin-left: 3px;
	/*margin-bottom: 3px;
	margin-top: 3px;*/
	clear: both;
}

.whatsNew_box {
	height: 69px;
	width: 485px;
	background-color: #E9E9E9;
	margin-left: 3px;
	margin-top: 3px;
	clear: both;
}

.whatsNew_title {
	width: 61px;
	height: 57px;
	margin: 0px;
	padding-left: 25px;
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 0px;
	float: left;
}

.whatsNew_content {
	width: 342px;
	height: 57px;
	margin: 0px;
	padding-left: 0px;
	padding-top: 6px;
	padding-right: 35px;
	/*margin-bottom: -30px;*/
	margin-top: 0px;
	float: left;
}

.whatsNew_link {
	font-family: Arial;
	font-size: 11px;
	line-height: 22px;
	color: #144AA5;
	text-decoration: none;
}

.whatsNew_link:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 22px;
	color: #144AA5;
	text-decoration: underline;
}

ul.whatsNew_list {
	list-style-type: none;
	width: 342px;
	margin-top: 0px;
	margin-left:0px;
	padding-top: 0px;
	padding-left: 0px;
	/*margin-left: -17px;*/
	text-align:left;
}

ul.whatsNew_list li {
	background-image: url(/vgn-ext-templating/images/peoples/arrow_whatsNew.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	/*line-height: 22px;*/
	margin-top: 3px;
	padding-top: 3px;
	padding-left: 8px;
	margin-right: 7px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.rgtHPpromo_box {
	height: 83px;
	width: 226px;
	background-color: #FFFFFF;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.rgtHPpromo_spacer {
	padding-top: 6px;
	padding-bottom: 0px;
	margin-left: 6px;
	margin-right: 6px;
}

.promos_content_rgt {
	font-family: Arial;
	font-size: 11px;
	color: #434756;
	margin-top: 8px;
	padding-left: 6px;
	margin-right: 25px;
	text-align: left;
}


.promos_box {
	height: 131px;
	width: 710px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	margin-left: 3px;
}

.promosIndv_area {
	height: 94px;
	width: 214px;
	padding-left: 20px;
	margin-top: 21px;
	float: left;
}

.promos_content {
	font-family: Arial;
	font-size: 11px;
	color: #434756;
	margin-top: 8px;
	margin-right: 25px;
	text-align: left;
}

.promos_link {
	font-family: Arial;
	font-size: 11px;
	color: #144AA5;
	font-weight: bold;
	text-decoration: none;
}

.promos_link:hover {
	font-family: Arial;
	font-size: 11px;
	color: #144AA5;
	font-weight: bold;
	text-decoration: underline;
}
