/* 
	M & T Bank
	Modal Windows Screen CSS
	Alison Endacott
	12/2008
	updated 2/2009
 */

body {

}

	#modalContent,
	.financing-description-text {
		_overflow: hidden;
		width: 530px;
		height: 410px;
		margin: 0 auto;
		background: url(/content/v1/us/img/modal-bottom.png) no-repeat bottom;
		_background: url(/content/v1/us/img/modal-bottom.gif) no-repeat bottom;
	}
	
		#modalContent h2,
		.financing-description-text h2 {
			display: block;
			height: 28px;
			background: url(/content/v1/us/img/modal-top.png) no-repeat top;
			_background: url(/content/v1/us/img/modal-top.gif) no-repeat top;
			text-indent: 0;
			color:#FFFFFF;
			font-size:1.3em;
			font-weight:normal;
			padding:18px 10px 0 15px;
			text-transform:uppercase;
			position: relative;
			top: -6px;
		}
		
		.financing-description-text p,
		.financing-description-text dl {
			padding: 5px 15px;
			font-size: 12px;
		}
		
		.financing-description-text dl {
			clear: both;
			width: 400px;
		}
		
		.financing-description-text dt {
			font-weight: bold;
			padding-right: 3px;
			float: left;
		}
		
		#modalContent fieldset {
			padding:1.2em 15px;
			width: 340px;
			float: left;
			_display: inline;
		}
		
		#modalContent dt {
			display:block;
			float:left;
			_display: inline;
			font-size:1.2em;
			padding:0.3em 0 0 0;
			width: 130px;
		}
		
		
		
		#modalContent dd {
			float:left;
			margin:0.2em 0;
			padding:1px;
			width: 200px;
		}
			#modalContent dd label 
			{
				font-size:1.2em;
			}
		
			#modalContent dd p {
				font-size: 1.1em;
				font-weight: bold;
			}
		
			#modalContent input,
			#modalContent textarea,
			#modalContent select {
				border:1px solid #9ECCBF;
				_display: inline;
				width:200px;
			}
			
			#modalContent textarea 
			{
				height: 70px;
			}
			
				#modalContent .validation-failed {
					border-color: #f00;
				}
				
				#modalContent .validation-advice {
					color: #f00;
					font-size: .9em;
					position:static !important;
					padding-top: 0 !important;
					line-height: 1;
				}
				
		

/* contact */	
		
	#contact div {
		width: 145px;
		padding-top: 1em;
		float: left;
		_display: inline;
		font-size: 1.1em;
	}
	
		#contact h3,
		#contact h4 
		{
			float: none;
			padding: 0;
			margin: 0;
			font-size: 1.1em;
		}
	
		#contact div p {
			padding-bottom: 1em;
		}
		
/* register */

#forgot_password p 
{
	font-size: 1.2em;
	padding: 1em;
}

	
		

/* high bidder & register buyers */

#highestBidder #highestBidderContent,
#registerForm #registerFormContent
{
	height: 356px;
	overflow: auto;
}

#registerFormContent fieldset
{
	width: auto;
}

#registerFormContent fieldset div
{
	float: left;
	width: 240px;
	clear: none;
}
	#registerFormContent h3 
	{
		font-size: 1.2em;
		padding-bottom: .3em;
	}

	#registerFormContent dl 
	{
		width: 235px;
	}

		#registerFormContent dt 
		{
			width: 70px;
		} 
		
		#registerFormContent dd 
		{	
			width: 100px;
		} 

			#registerFormContent input
			{
				width: 100px;
			} 
			
			#modalContent #registerFormContent #comments 
			{
				width: 150px;
				height: 112px;
			}


	#highestBidder p,
	#registerForm p 
	{
		padding: .2em 10px;
		font-size: 1.1em;
		line-height: 1.2;
	}
	
	#modalContent dd.state
	{
		width: 65px;
		float: left;
	}
	
		#modalContent #StateName 
		{
			width: 50px;
		}
	#modalContent dt.zipCode 
	{
		width: 58px;
	}
	#modalContent dd.zipCode 
	{
		width: 75px;
	}
	
		#modalContent #PostalCodeName 
		{
			width: 75px;
		}
	
	#modalContent textarea#comments 
	{
		height: 150px;
	} 
		#modalContent #highestBidderContent #comments 
		{
			height: 70px;
			_height: 55px;
		}
		
	#modalContent dd.buyerList 
	{
		width: 220px;
	}
		
		#registerFormContent  ol 
		{
			list-style: none;
			margin-top: -3px;
		}
		
				#registerFormContent ol dd 
				{
					margin: 1px 0;
					*margin: 0;
					padding: 0;
					width: 108px;
					float: left;
					_display: inline;
					margin-right: 9px;
				}
				#registerFormContent ol dt 
				{
					padding: 0;
					height: 0;
					overflow: hidden;
					position: absolute;
				}
			
			#registerFormContent ol .first .buyer 
			{
				float: left;
				_display: inline;
				width: 117px;
				
				overflow: hidden;
				
			}
			#registerFormContent ol .first input,
			#registerFormContent #buyer2name {
				_margin-bottom: 2px;
			}
			
				#registerFormContent  ol .first dt 
				{
					position: static;
					height: auto;
					overflow: auto;
					font-size: 1.1em;
				}
		
				#registerFormContent ol dd input 
				{
					width: 108px;
					_width: 100px;
					*font-size: .9em;
					padding: 1px;
				}
				
			#registerFormContent input#comment 
			{
				margin: .5em 0 0 408px;
				*margin-top: 0;
			}



/* form submit buttons */
			
			input#comment,
			input#submitForm,
			input#submit {
				border: 0;
				width: auto;
				margin: .5em 0 0 130px;
			}
			
/* send link */
#sendLink 
	{
		/*margin-left: -86px;*/
		background:url(/content/v1/us/img/stickyBG.png) no-repeat top;
		_background:url(/content/v1/us/img/stickyBG.gif) no-repeat top;
		color:#FFFFFF;
		font-size:1.1em;
		width: 496px;
		padding-top: 11px;
	}
		#sendLink fieldset 
		{
			
			display: block;
			background:url(/content/v1/us/img/stickyBG.png) no-repeat bottom;
			_background:url(/content/v1/us/img/stickyBG.gif) no-repeat bottom;
			position: relative;
			top: 5px;
		} 
	
	
			#sendLink label
			{
				padding: 0 10px;
				position: relative;
				top: -.5em;
			}

			#sendLink p 
			{
				padding: 0 10px .5em 10px;
				
			}
			
			#sendLink input 
			{
				width: 460px;
				padding: 1px;
				font-size: 1.1em;
				margin-left: 10px;
				*position: relative;
				*top: -.5em;
			}
			
				#sendLink a 
				{
					color: #fff;
				}
	
				#sendLink #closeSticky 
				{
					position: absolute;
					top: -13px;
					right: 7px;
					padding: 0;
				}
					#sendLink #closeSticky a 
					{
						color:#FFFFFF;
						padding:0;
						text-decoration:none;
						text-transform:lowercase;
					}


/* footer */		
		
#modal-footer,
.StickyWinInstance #modal-footer 
{
	height: 0;
	overflow: hidden;
}