#banner
{
	background-color: #DD9329;
	background-image: url(../images/menu-secondary-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#banner .heading
{
	float: left;
	margin: 12px auto 12px 90px;
}

#login
{
	padding: 5px 16px 5px 0px;
	margin-right: 0px;
	margin-left: auto;
	float: right;
}

#login .error
{
	font-weight: bold;
}

#login .textbox
{
	width: 14em;
	margin: 3px;
}

a
{
	color: #474646;
}

.grey
{
	background-color: #4C4C4C;
	color: #E9E7DF;
	padding-right: 191px;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: right top;
}

.nzzoom1
{
	background-image: url(../images/public/nzzoom1.gif);
	
}

.nzzoom2
{
	background-image: url(../images/public/nzzoom2.gif);
}

.nzzoom3
{
	background-image: url(../images/public/nzzoom3.gif);
}


.grey .content
{
	float: left;
	width: 481px;
}

.grey .heading
{
	margin-top: 21px;
	margin-bottom: 5px;
}

.grey .sidebar
{
	margin-top: 21px;
	margin-bottom: 27px;
	float: left;
	width: 90px;
}

.green
{
	background-color: #C0CE9F;
	background-image: url(../images/menu-secondary-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 1.5em;
	padding-top: 1px;
}

.green .heading
{
	margin-top: 25px;
	margin-bottom: 5px;
}

.green .content
{
	float: left; 
	width: 491px;
	padding-left: 21px;
}

/* Box model hack for IE \*/
* html .green .content
{
	width: 512px;	
}
/* End comment on hack */

.green .sidebar
{
	float: left;
	width: 241px;
	text-align: right;
}

.form
{
	background-image: url(../images/public/form-background.gif);
	background-repeat: repeat-y;
	padding-left: 90px;
	padding-top: 10px;
}

.form .main
{
	width: 461px;
}

.formNoHelp
{
	padding: 22px 0px 20px 90px;
}

/* Confirmation page message */
.formNoHelp .confirmationMessage
{
	margin-right: 100px;
	float: left;
}

.formCompare
{
	background-repeat: repeat-y;
	padding-left: 90px;
	padding-top: 10px;
}
.formCompare .main
{
	width: 295px;
	float:left;
}
.formCompare .password
{
	width: 602px;
	float: left;
}
.formCompare .password .passwordLeft
{
	width: 307px;
	float: left;
}
.formCompare .password .passwordRight
{
	width: 290px;
	float: left;
}
.form .password
{
	width: 460px;
	float: left;
}
.form .password .passwordLeft
{
	width: 226px;
	float: left;
}
.form .password .passwordRight
{
	width: 200px;
	float: left;
}

/* Profile screen when Vendor Manager is looking at old vs new vendor profile details
   Make the pending contact details shift to the right */
#divPendingContact
{
	margin-left: 11px;
}
.main .two-col input, .main .two-col select, .main .two-col textarea
{
	width: 200px;
}

.main .one-col input, .main .one-col select, .main .one-col textarea
{
	width: 426px;
}

.main label
{
	display: inline;
	float: left;
	margin-right: 26px;
	margin-bottom: 5px; 
}

.form .help
{
	width: 197px;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: -220px;
}

.help label
{
	float: left;
	margin-bottom: 5px;
}

.help  .one-col input, .help  .one-col select, .help  .one-col textarea
{
	width: 155px;
}

/* Start of: Styles for the "Editing tips" when a Vendor is updating their profile */
.help ul
{
	margin-left: 0px;
	margin-right: 12px;
	padding-left: 25px;	
}

.help ul li
{
	padding-bottom: 12px;
}
/* End of: Styles for the "Editing tips" when a Vendor is updating their profile */

.button-col
{
	width: 426px;
}

/* Box model hack for IE \*/
* html .form .help
{
	width: 207px;	
}
/* End comment on hack */

.black
{
	background-color: #3F3D3D;
	background-image: url(../images/menu-secondary-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 1px;
	text-align: right;
}

.black img
{
	margin-right: 15px;
}

.button
{
	float: right; 
	margin-top: 4px;
	text-align: right;
}
.formheader
{
	background-color: #DDE4CA;
	padding-left: 90px;
	min-height: 2.0em;
	line-height: 2.0em;
	display: block;
}
.formheader .help
{
	float: right;
	width: 201px;
	background-image: url(../images/footer-side.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 10px;
}

/* Box model hack for IE \*/
* html .formheader
{
	height: 2.0em;
	line-height: 2.0em;
}
* html .formheader .help
{
	width: 211px;	
}
/* End comment on hack */

.formfooter
{
	padding: 10px 20px 10px 90px;
}

.white
{
	background-color: #FFFFFF;
	background-image: url(../images/menu-secondary-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 1.5em;
	padding-top: 1px;
}

.white .header
{
	line-height: 2.5em;
	font-weight: bold;
	padding-left: 10px;
}

.white a
{
	font-style: italic;
}

.actionPlanContent
{
	width: 365px;
	float: left;
	padding: 20px 20px 20px 25px;
}

/* Print Page */
@media print
{
	#login
	{
		display: none;
	}
	
	.grey .sidebar, .green .sidebar, .black
	{
		display: none;
	}
	
	#banner .heading
	{
		float: left;
		margin: 12px auto 12px 0px;
	}
	
	.green .content
	{
		padding-left: 0px;
	}
	
	.form
	{
		padding-left: 0px;
	}
	
	.form .main
	{
		width: 411px;
	}
	
	.formCompare
	{
		padding-left: 0px;
	}
	
	.green .fullpage_content .basicContent
	{
		margin: 0 0 0px -70px;	
	}
	
	.button
	{
		visibility:hidden;
	}

	/* little bit of pissant manipulation so that client profile all fits on one page*/
	.form #lblProfile 
	{
		position: absolute;
		left: 290px;
		top: 105px;
	}
	.form #txtProfile 
	{
		position: absolute;
		left: 0px;
		top: 50px;
		width: 160px;
		height: 690px;
	}
	
	/*  The profile fields need to have this so they show up on the printed page
		properly when a Vendor Manager is looking at old vs new vendor details */
	.formCompare #txtProfile, .formCompare #txtProfilePending
	{
		width: 140px;
		height: 200px;
	}
	
	#lblHelp 
	{
		visibility:hidden;
	}
	
	/*  Need to have this for the ecure note to show up properly when a Vendor Manager
		is looking at old vs new vendor details */
	.formCompareSecureNote
	{
		position: absolute;
		top: 1200px;
		left: 0px;
	}
	
}