﻿/* CSS Document */
#form {position:relative; width:580px; font-size:11px; color:#333;}

#formHozLine1 {position:relative; width:580px; height:3px; background-color:#e9e9e9; margin-bottom:20px;}

#formCol1 {position:relative; float:left; width: 330px; margin-top:15px;}
#formCol2 {position:relative; float:left; width: 250px; }
/*.formRow {position:relative; width: 250px; }*/
.formBox { position:relative; float:left; width: auto; margin: 0 5px 5px 5px; }
.formBox2 {position:relative; float:left; width: 210px; margin-bottom:5px;}
.formBox3 {position:relative; float:left; width: 80px; margin-bottom:5px;}
.formBox4 {position:relative; float:left; width: 70px; margin-bottom:5px;}
.formBox5 {position:relative; float:left; width: 135px; margin-bottom:5px;}
.formBox6 { position:relative; float:left; width: 440px; margin-bottom:5px;}

.formBox7 {position:relative; float:left; margin-bottom:10px; padding-right:10px; border-right:solid; border-right-color:#CCC; border-right-width:1px;}
.formBox8 { position:relative; float:left; width: 280px; margin-bottom:5px;}
.formTxt {max-width:160px; padding:0 0 0 4px; clear:both;}

input.formInput {border:1px solid #CCC; border-radius:5px; padding:3px; margin-top:3px;width:135px; height:13px; }
input.formInput2 {border:1px solid #CCC; border-radius:5px; padding:3px; margin-top:3px;width:210px; height:13px; }
input.formInput3 {border:1px solid #CCC; border-radius:5px; padding:3px; margin-top:3px;width:100px; height:13px; }
input.formInput4 {border:1px solid #CCC; border-radius:5px; padding:3px; margin-top:3px; width:50px; height:13px; }
input.formInput5 {border:1px solid #CCC; border-radius:5px; margin-top:3px; padding:3px; width:80px; height:13px; }
.formDropDown {padding:1px; width:200px; height:22px; margin-top:3px; }
.formDropDown2 {padding:1px; width:135px; height:22px; margin-top:3px;}
.formDropDown3 {padding:1px; width:143px; height:22px; margin-top:3px; }
.formDropDown4 {padding:1px; height:22px; margin-top:3px; font-size: 11px; }

.panelTop {position:relative; float:left;  width: 250px; height: 7px; background-image:url(../images/forms/panelTop.gif); background-repeat:no-repeat; background-color:#f4f9e5;}
.panelBottom {position:relative; float:left; width: 250px; height: 7px; background-image:url(../images/forms/panelBottom.gif); background-repeat:no-repeat; background-color:#f4f9e5;}
.panelMid {position:relative; float:left; width:220px; padding:8px 15px 5px 15px; min-height:120px; background-color:#f4f9e5;}
.panelTitle { font-size:16px;}


#ctaBox {position:relative; float:left; width:580px; margin-top:20px; border-top:3px; border-top-style:solid;  border-top-color:#e9e9e9; border-bottom:10px; border-bottom-style:solid; border-bottom-color:#e9e9e9;}

/*.ctaButton2 {position:relative; float:right; margin:10px 40px 15px 0px; width:130px; }*/
/*.ctaButton {position:relative; float:right; margin:15px 0px 15px 0px; }*/
/*.ctaButtonLeft {position:relative; float:left; width: 5px; height: 30px; padding-right:5px; background-image:url(../images/forms/btnLeft.gif); background-repeat:no-repeat;background-color:#9DC334;}*/
/*.ctaButtonRight {position:relative; float:left; width: 5px; height: 30px; padding-left:5px; background-image:url(../images/forms/btnRight.gif); background-position:right; background-repeat:no-repeat;background-color:#9DC334;}*/


.inputWrapper{ position:relative; float:left; padding: 0px 0 0 10px; margin: 0; width:882px; }
.inputWrapper2{ padding: 0px 0 0 10px; margin: 0; width:200px; }
.inputWrapper3{ padding: 0px 0 0 10px; margin: 0; width:600px; }
.inputWrapper4{position:relative; float:left; padding: 0px 10px 0 10px; margin: 0; width:130px; }
.formSubHead{ position:relative; float:left; background-color:#f6f6f6; height:20px; width:882px; font-size:12px; font-weight:bold; color:#333; padding: 6px 0 0 10px; margin: 10px 0 10px 0; }
	
.formSubHead2{ position:relative; float:left; background-color:#f6f6f6; height:18px; width:240px; font-size:12px; font-weight:bold; color:#333; padding: 6px 0 0 10px; margin: 10px 0 10px 0; }
.formSubHead3{ position:relative; float:left; background-color:#f6f6f6;height:18px; width:612px; font-size:12px; font-weight:bold; color:#333; padding: 6px 0 0 10px; margin: 10px 0 10px 0; }

.subHead{ position:relative; float:left; font-size:12px; color:#333; text-align:left; width:435px; margin: 0;}
.subHeadNote { position:relative; float:left; font-size:10px; color:#666; text-align:right; width:435px; padding-top:2px; margin: 0;}

.subPanel1 { position:relative; float:left; margin:20px 20px 0 0; width:250px;}
.subPanel2 { position:relative; float:left; margin:20px 0px 0 0; width:600px;  }

.checkBox {margin-top:0px;}
.checkWrap { position:relative; float:left; width:200px; margin-top:10px;}
.checkWrap2 { position:relative; float:left; margin-right:40px; }
.checkWrap3 { position:relative; float:left; width:190px; margin-top:10px;}

.checkWrap4 { position:relative; float:left; width:120px; margin-top:10px;}

#advancedOptions { position:relative; float:left; }

.advancedHeadBar{ position:relative; float:left; background-color:#E3EFBD; height:30px; width:872px; padding: 10px 10px 0 10px; margin: 30px 0 0px 0; cursor:hand;cursor:pointer}
.advancedHeadText{ position:relative; float:left; font-size:12px; font-weight:bold; text-align:left; color:#333; width:50%; padding: 5px 0 0 0; }
.advancedHeadArrow { position:relative; float:left; background-position:right; height:21px;
				background-image:url(../images/forms/advancedUp.gif);background-repeat:no-repeat; width:50%;}	

.advancedHeadBarClosed {}
.advancedHeadBarClosed .advancedHeadArrow {background-image:url(../images/forms/advancedDown.gif)}

.formGreenStrip0{ position:relative; float:left; background-color:#f4f9e5; height:45px; width:882px; padding: 10px 0 0 10px; margin: 10px 0 0px 0; }
.formGreenStrip1{ position:relative; float:left; background-color:#f4f9e5; height:35px; width:882px; padding: 10px 0 0 10px; margin: 10px 0 0px 0; }
.formClearStrip1{ position:relative; float:left; background-color:#ffffff; height:35px; width:882px; padding: 10px 0 0 10px; margin: 0px 0 0px 0; }
.formGreenStrip2{ position:relative; float:left; background-color:#f4f9e5; height:45px; width:430px; padding: 10px 0 0 10px; margin: 10px 10px 10px 0; }
.formGreenStrip3{ position:relative; float:left; background-color:#f4f9e5; height:45px; width:430px; padding: 10px 0 0 10px; margin: 10px 0px 10px 0; }
.formGreenStrip4{ position:relative; float:left; background-color:#f4f9e5; height:60px; width:882px; padding: 10px 0 0 10px; margin: 10px 0 10px 0; }

.formGreenStripDark{ position:relative; float:left; background-color:#9DC334; height:25px; width:872px; padding: 5px 10px 5px 10px; margin: 10px 0 20px 0; 
								font-size:12px; font-weight:bold; color:#FFF; text-align:right;}


.formGreyStrip{ position:relative; float:left; background-color:#f6f6f6; height:50px; width:862px; overflow:hidden; padding: 10px 10px 10px 10px; margin: 10px 0 10px 0; }
.ctaButton {position:relative; float:left; height:30px; min-width:70px; background-color:#9DC334; text-align:center; padding: 0 10px 0 10px; margin:10px 10px 0 40px;}
.submit a {float:left; width:100%; margin-left:auto; margin-right:auto; font-size:12px; color:#FFF; text-decoration:none; padding-top:8px; text-align:center;}
.ctaButton1 {position:relative; float:left; height:30px; text-align:center; padding: 5px 10px 0 10px; margin:0px 120px 0 0;}
.ctaButton2 {position:relative; float:left; height:45px; width:266px; font-size:12px; color:#FFF; text-decoration:none; text-align:center; 
		padding: 5px 0px 0 50px; margin:0px 10px 0 0; background-image:url(../images/forms/responseTimeBtn2.gif); background-repeat:no-repeat; font-size:11px}
.ctaButton3 {position:relative; float:right; text-align:center; padding: 5px 10px 0 10px; margin:0px 10px 0 0;}


.prettyRadios {}
.prettyRadios input {position:absolute; left:-10000px}

.room-types-container {border-right:1px solid #ccc;width:420px;margin-right:20px; }
.room-types-container label {padding:0 0 10px 0}
.room-types-container span label {padding:0}
.room-types {dispay:block;clear:left;}
.room-types input {position:absolute; left:-10000px}
.prRoomType {float:left;margin:0 10px 0 0; display:block;width:32px;height:30px;background:url(../images/forms/room-types.gif) no-repeat 0 -30px;}

.prRoomType-0 {background-position: 0 -30px}
.prRoomType-1 {background-position: -32px -30px}
.prRoomType-2 {background-position: -64px -30px}
.prRoomType-3 {background-position: -96px -30px}
.prRoomType-4 {background-position: -128px -30px}
.prRoomType-5 {background-position: -160px -30px}
.prRoomType-6 {background-position: -192px -30px}
.prRoomType-7 {background-position: -224px -30px}

.prRoomType-0:hover, .prRoomType-0-checked  {background-position: 0 0px}
.prRoomType-1:hover, .prRoomType-1-checked  {background-position: -32px 0px}
.prRoomType-2:hover, .prRoomType-2-checked  {background-position: -64px 0px}
.prRoomType-3:hover, .prRoomType-3-checked  {background-position: -96px 0px}
.prRoomType-4:hover, .prRoomType-4-checked  {background-position: -128px 0px}
.prRoomType-5:hover, .prRoomType-5-checked  {background-position: -160px 0px}
.prRoomType-6:hover, .prRoomType-6-checked  {background-position: -192px 0px}
.prRoomType-7:hover, .prRoomType-7-checked  {background-position: -224px 0px}

.personal-details .formBox {width:220px}
.personal-details .formBox input {width:190px;}
.personal-details .formBox select {width:190px;margin:3px 0 0 0;}

.hotel-info .formBox {width:220px}
.hotel-info .formBox input {width:190px}
.formBox-select {width:210px}
.hotel-info .formBox select {width:190px}
.hotel-info .formBox3 {width:85px}
.formBox-spend {width:auto}
.formBox8 {width:320px; }
.formBox8 div {float:left;margin:0 10px 0 0;}
.transport-links .checkWrap3 {width:160px}
.hotel-facilities .checkWrap3 {width:130px}

.validation-error, .validation-summary {color:#a00}
.clear {clear:both}



.greenLozenge {position:relative;float:left;width:420px;color:#FFFFFF;background:#9dc33b; height:60px; display:block;font-size:12px;font-weight:bold;left: 0}
.greenLozenge .number, .greenLozenge-2 .number {font-size:40px;display:block;float:left;margin:0 10px 0 5px;}
.greenLozenge .text, .greenLozenge-2 .text {display:block;margin:5px 0 0 0; }
.greenLozenge .light, .greenLozenge-2 .light{color:#E0FF97}
.greenLozenge-2 {position:relative;float:left;width:430px;color:#FFFFFF; height:60px; display:block;font-size:12px;font-weight:bold; /* background:url(/assets/images/rfp-loz2-bg.gif);*/ background: #9DC33B none repeat scroll 0 0; left:-5px;float:left;}
.greenLozenge-2 .phone {font-size:19px;color:#E0FF97;line-height:20px}
.greenLozenge-2 .text {float:left;width:380px;}
.greenLozenge-2 .text2 {float:left;width:380px;margin:5px 0 0 0;font-size:9px;}

.ui-datepicker-trigger, .datepicker {cursor: pointer;}