/* Defaults */
	body{
		font-family: Arial, Helvetica, sans-serif;
		color: #6C6C6C;
		font-size: 9pt;
		padding: 0px;
		margin: 0px;
	}
a{
		font-size: inherit;
		}	


/* Container
This is the large div that contains everything on the page. You can make it wider or narrower by changing the inline style directly on each page. The other values that don't change depending on the width of the page stay here. */

	#container{
	margin: 0px auto;
	padding: 0px;
	}
	
/* Header: logos and venue title */

	#header{
		margin: 0px auto;
		background: url('/imgserv/forms/partner/bg/header.png') top repeat-x;
	}

	/* Left side of header -- Bella logo */
	#header .left{
		width: 300px;
		text-align: left;
		background: url('/imgserv/forms/partner/bg/header-left.png') top left no-repeat;
		float: left; clear: right;
		padding: 20px 0px 10px 0px;
	}
	
	/* Right side of header -- partner logos, etc. */
	#header .right{
		background: url('/imgserv/forms/partner/bg/header-right.png') top right no-repeat;
		text-align: right;
		padding: 20px 50px 10px 0px;
	}
	
	#venueLogo{
		margin: 40px 50px 10px 0px;
		}

/* Title */
	#title{
		clear: both;
		background: url('/imgserv/forms/partner/bg/title.png') 0px repeat-x;
		}
	#title .left{
		float: left;
		width: 32px;
		height: 32px;
		background: url('/imgserv/forms/partner/bg/title-left.png') top left no-repeat;
		padding: 0px;
		}
		
	#title .right{
		float: right;
		width: 30px;
		height: 32px;
		background: url('/imgserv/forms/partner/bg/title-right.png') top right no-repeat;
		padding: 0px;
		}
		
	#title .text{
		height: 30px;
		padding: 1px;
		margin: 0px 30px;
		text-align: center;
		
		}
		
	#title .text h1{
		padding: 0px 0px 0px 0px;
		height: 26px;
		font-size: 20px;
		margin: 1px;
		color: #585858;
		font-weight: normal;
		letter-spacing: 0px;
		}


/* Content -  player, blurb and form */

	#content{
		background: #FFFFFF url('/imgserv/forms/partner/bg/content-left.png') repeat-y left;;
		clear: both;
		}
		
	#content .right{
		padding-top: 10px;
		text-align: left;
		float: right;
		background: url('/imgserv/forms/partner/bg/content-right.png') repeat-y right;
		}
	
	#content .left{
		text-align: right;
		background: url('/imgserv/forms/partner/bg/content-left.png') repeat-y left;
		}

/* Footer 
	Text is center-aligned 
*/
	#footer{
		background: url('/imgserv/forms/partner/bg/footer.png') bottom repeat-x;
		clear: both;
		height: 30px;
		margin: 0px auto;
		text-align: center;
		}
	#footer .left{
		float: left;
		width: 50px;
		height: 30px;
		background: url('/imgserv/forms/partner/bg/footer-left.png') top left no-repeat;
		padding: 0px;
		}
	#footer .right{
		float: right;
		width: 50px;
		height: 30px;
		background: url('/imgserv/forms/partner/bg/footer-right.png') top right no-repeat;
		padding: 0px;
		}
	#footer .text{
		text-align: center;
		height: 30px;
		}

/* Layouts for different template "chunks" */

	#button-blue{
		color: #FFFFFF;
		padding: 0px;
		font-size: 13px;
		font-weight: normal;
		line-height: 1.4;
		margin: 0px;
		letter-spacing: .5px;
		background: url('/imgserv/forms/partner/button/button-top-center.png') repeat-x top;
		}
	
	#button-blue .top .left{
		padding: 0px;
		float: left;
		width: 10px;
		background: url('/imgserv/forms/partner/button/button-top-left.png') no-repeat top left;
		overflow: visible;
		}
	#button-blue .top .right{
		padding: 0px;
		float: right;
		width: 10px;
		background: url('/imgserv/forms/partner/button/button-top-right.png') no-repeat top right;;
		}
	#button-blue .top .center{
		padding: 10px 20px 0px 20px;
		background: url('/imgserv/forms/partner/button/button-top-center.png') repeat-x top;
		overflow: hidden;
		}
	
	#button-blue .bottom{
		overflow: hidden;
		clear: both;
		height: 5px;
		margin: 0px;
		padding: 0px;
		background: url('/imgserv/forms/partner/button/button-bottom-center.png') repeat-x top left;
		}
	#button-blue .bottom div{
		height: 5px;
		padding: 0px;
		margin: 0px;
		}
		
	#button-blue .bottom .left{
		float: left;
		width: 5px;
		background: url('/imgserv/forms/partner/button/button-bottom-left.png') no-repeat top left;
		}
	#button-blue .bottom .right{
		float: right;
		width: 5px;
		background: url('/imgserv/forms/partner/button/button-bottom-right.png') no-repeat top right;
		}
	

	/* "Check Availability" promo - large */
	#button{
		width: 222px;
		height: 69px;
		margin: 0px 0px 10px 0px;
		background: url('/imgserv/forms/partner/bg/button-blue.png') no-repeat;
		padding: 10px;
		font-size: 12px;
		line-height: 1.4;
		color: #FFFFFF;
		text-align: left;
		}
	
	#button p{
		margin: 0px;
		padding: 0px;
		}
		
	#button h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		margin: 3px 0px 0px 0px;
		padding: 0px;
		letter-spacing: 1px;
		}
	
	/* "Check Availability" promo - small */
	
	#button-sm{
		width: 224px;
		height: 51px;
		margin: 0px 0px 1px 0px;
		background: url('/imgserv/forms/partner/bg/button-blue-sm.png') no-repeat;
		padding: 10px;
		font-size: 12px;
		color: #FFFFFF;
		text-align: left;
		}
	
	#button-sm p{
		margin: 0px 10px;
		padding: 0px;
		}
	
	#button-sm h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		margin: 3px 0px 0px 10px;
		padding: 0px;
		letter-spacing: 1px;
		}
	
/* Awards setion */
	#awards{
		margin: 0px;
		text-align: center;
		}
		
	#awards h2{
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: .5px;
		margin: 0px 0px 10px 0px;
		border: solid #D8D8D8;
		border-width: 0px 0px 1px 0px;
		background: #ebecee;
		padding: 5px 0px 5px 15px;
		text-align: left;
		}
	#awards img{
		margin: 0px 2px;
		}
	
	/* 
	Boxed blurb under image/Flash in left column
		"subhead" is the boxed blue title across the top
		"dek" is the intro text underneath that
		"details" is a slightly bolded and darker version of plain text
		paragraphs have slight margins
	*/
	
	#blurb{
		background: url('/imgserv/forms/partner/bg/gradient-vert-700.png') top center repeat-x;
		border: solid 1px #D8D8D8;
		margin-top: 10px;
		text-align: left;
		font-size: 9pt;
		padding: 0px 0px 10px 0px;
		}
	#blurb p{
		margin: 0px 10px .25em 10px;
		line-height: 1.1;
		padding: 0px;
		}
	#blurb .headline{
		color:#4164AA;
		font-size: 16px;
		margin: 8px 0px;
		border: solid #D8D8D8;
		border-width: 0px 0px 1px 0px;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-indent: 10px;
		padding: 5px 0px;
		letter-spacing: .5px;
		}
	
	#blurb .subhead{
		margin: .25em 10px .25em 10px;
		color: #444444;
		font-size: 9pt;
		}
	#blurb .dek{
		margin: .5em 10px;
		color: #232323;
		font-size: 14px;
		}
	#blurb .details{
		border: solid 1px #D8D8D8;
		border-width: 1px 0px 0px 0px;
		padding: 5px 0px;
		margin: 10px;
		}
	#blurb .details p{
		margin: 2px 0px;
		font-size: 8pt;
		}




/* Forms */

#Location_State{
	width: 71px;
	}
	/* MONTAGE FORM	http://www.bellapictures.com/montage/ */
	
#formMontage{
		width: 244px;
		height: 508px;
		margin: 0px;
		padding: 0px;
		background: url('/imgserv/forms/partner/bg/form-montage.png') no-repeat top center;
	}
	
	/*#nearestMatch{
		max-height: 1em;
		overflow: hidden;
		}
	*/
	#error{
		}
	
	#result{
		display: none;
		color: transparent;
		}

	
	/* whole form */
	#formMontage fieldset#form-small{
		font-size: 11px;
		color: #000000;
		border: 0px;
		text-align: left;
		width: 200px;
		margin: 10px auto 0px auto;
		padding: 0px;
		}
	
	/* child fieldsets */
	#formMontage fieldset#form-small fieldset{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
		
	#formMontage fieldset#form-small label{
		display: block;
		margin-top: 9px;
		margin-bottom: 1px;
		}
	
	/* text boxes */
	#formMontage fieldset#form-small input{	
		width: 190px;
		}
	
	/* location city */
	#formMontage fieldset#form-small #weddingLocation input#Location_City{ width: 120px; display: inline; }
	#formMontage #Location_State{
		width: 70px;
		} 
	
	/* phone number */
	#formMontage fieldset#form-small input#areacode ,
	#formMontage fieldset#form-small input#phone1{ 
		width: 30px;
		margin-bottom: 5px;
		}
	#formMontage fieldset#form-small input#phone2{
		width: 40px;
		margin-bottom: 5px;
		}
	
	/* checkbox is inline */
	#formMontage fieldset#form-small #bookAppointment{margin: 0px 0px 8px 0px; padding: 0px; }
	#formMontage fieldset#form-small #bookAppointment input{ position: relative; top: 3px; left: 0px; width: 15px; margin-right: 5px; padding: 0px}
	#formMontage fieldset#form-small #bookAppointment label{ display: inline;}
	
	#formMontage .buttonBackground {margin-top: 3px;}
	
	#formMontage .buttonBackground {
		background: #4164aa;
		padding: 1px;
		margin: 3px 0px 0px 0px;
		width: 180px;
		text-align: center;
	}
	#formMontage .submitButton{
		width: 180px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px 15px;
		color: #FFFFFF;
		border: solid 2px white;
		font-weight: normal;
		font-size: 7pt;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		text-align: center;
		background: #4164aa;
		overflow: visible;
	}
	
	
/* Horizontal form for Marriott landing page */
	
	#formMarriott{
		width: 418px;
		padding: 0px;
		margin: 0px;
		background: url('/imgserv/forms/partner/bg/gradient/gradientmarriott.png') top center no-repeat;
		overflow: hidden;
	}
	
	#formMarriott fieldset , #formMarriott form{
		padding: 0px;
		margin: 0px;
		}
	
	#formMarriott #nearestMatch{
		max-height: 3.5em;
		overflow: hidden;
		line-height: 1.25;
		font-size: 10px;
		margin: 0px 0px 5px 0px;
		}
	
	#formMarriott  #error{
		padding: 5px 15px 0px 15px;
		font-size: 12px;
		}
	
	/* whole form */
	#formMarriott #formBottom{
	width: 418px;
	background: url('/imgserv/forms/partner/bg/gradient/gradientmarriott-bottom.png') bottom center no-repeat;
	height: 9px;
	border:0px;
	overflow: hidden;
	}
	#formMarriott fieldset#form-small{
		font-size: 11px;
		color: #000000;
		border: 0px;
		text-align: left;
		margin: 1px auto 0px auto;
		padding: 10px 15px 0px 15px;
		
		}
	
	#formMarriott #ID-firstName , #formMarriott #weddingDate , #formMarriott #ID-email{
		float: left; clear: right;
		width: 200px;
		height: 40px;
		}
		
	 #ID-lastName{
		width: 175px;
		height: 40px;
		}
	
	#ID-firstName input , #ID-lastName input{
		width: 175px;
		height: 12px;
		}

	
	
	/* child fieldsets */
	#formMarriott fieldset#form-small fieldset{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
		
	#formMarriott #weddingDate label , #formMarriott #weddingLocation label , #formMarriott #ID-email label , #formMarriott #phoneNumber label{
		display: block;
		}
	
	/* location city */
	#formMarriott #weddingLocation {height: 40px;}
	#formMarriott #weddingLocation input#Location_City{ width: 100px; display: inline; } 
	
	/* phone number */
	#formMarriott fieldset#form-small input#areacode ,
	#formMarriott fieldset#form-small input#phone1{ 
		width: 30px;
		margin-bottom: 5px;
		}
	#formMarriott fieldset#form-small input#phone2{
		width: 40px;
		margin-bottom: 5px;
		}
	
	/* checkbox is inline */
	#formMarriott #bookAppointment{
		float: left; clear: right;
		width: 200px;
		height: 40px;
		font-size: 8pt;
		display: block;
		margin-top: 0px;
		padding-top: 0px;
		position: relative; top: -4px;
		}
	#formMarriott fieldset#form-small #bookAppointment input{ position: relative; top: 3px; left: 0px; width: 10px; margin-right: 2px; padding: 0px}
	#formMarriott fieldset#form-small #bookAppointment label{ display: inline;}
	
	
	#formMarriott #ID-submitbutton{
		margin-right: 200px;
		}
	#formMarriott .buttonBackground {
		background: #4164aa;
		padding: 1px;
		margin: 3px 0px 0px 0px;
		width: 180px;
		text-align: center;
	}
	#formMarriott .submitButton{
		width: 180px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px 15px;
		color: #FFFFFF;
		border: solid 2px white;
		font-weight: normal;
		font-size: 7pt;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		text-align: center;
		background: #4164aa;
		overflow: visible;
	}

.required span{
color: #b10163;}