@import url("main.css");

#bodyHead{position: relative; top: 0px; left: 0px; width: 900px;}
#bodyTitle{padding: 17px 0px 0px 15px; font-size: 26pt; color: #8a8a8a; font-weight: bold;}
#stepMarker{position: absolute; top: -20px; right: 0px; width: 210px;}
#stepMarker div{ width: 210px; margin: 20px 30px 0px 30px; background-image: url(/img/structure/step.png); background-position: top center; background-repeat: no-repeat;}
#stepMarker div h3{position: relative; top: 3px; text-align: center; color: #2a3d64; font-weight: bold; font-size: 35pt;}
#stepMarker div h4{padding: 8px 0px 0px 0px; text-align: center; color: #2a3d64; font-size: 12pt; font-style: italic; font-weight: normal;}
#stepMarker div.currentStep{background-image: url(/img/structure/stepcurrent.png);}

#faqIntro{position: relative; top: 10px; left: 0px; width: 650px; margin: 0px 0px 20px 0px;}

#faqToc h5{color: #2a3d64; font-size: 12pt; font-weight: bold;}
#faqToc li{margin:  0px 0px 0px 20px; }
.tocSubject li a{margin: 0px; color: #8a8a8a; font-size: 11pt; font-weight: normal;}
.tocSubject li a:hover{color: #afc7ee;}
hr.faqSection{margin: 0px 10px 15px 10px; border: 0; border-top: 1px #afc7ee dotted;}
.faqSection{width: 900px; margin: 0px 0px 10px 0px;}
.faqSection h2{margin: 0px 0px 0px 10px; color: #2a3d64; font-size: 12pt; font-weight: bold;}
.faqSection h3{margin: 0px 0px 10px 30px; color: #2a3d64; font-size: 12pt;}
.faqSection p{margin: -5px 0px 20px 40px; color: #8a8a8a; font-size: 11pt;}
.faqSection ul{margin: -10px 0px 20px 60px;}
.faqSection ul li{list-style-type: circle; color: #8a8a8a; margin: 0px 0px 5px 0px;}

/*Contact */
#contactIntro{position: relative; top: 10px; left: 0px; width: 700px; margin: 0px 0px 10px 0px;}
#contactForm {position: relative; top: 0px; left: 70px; height: 400px; margin: 25px 0px 0px 20px; color: #8a8a8a;}
#contactForm label{display: block; font-size: 11pt; color: #2a3d64; font-weight: bold; margin-bottom: 27px;}
#conName{position: absolute; top: 0px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#conName:focus{background-color: #afc7ee; color: #2a3d64;}
#conEmail{position: absolute; top: 45px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#conEmail:focus{background-color: #afc7ee; color: #2a3d64;}
#conConfirm{position: absolute; top: 90px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#conConfirm:focus{background-color: #afc7ee; color: #2a3d64;}
#contactForm textarea{position: absolute; top: 165px; right: 375px; width: 495px; height: 200px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#contactForm textarea:focus{background-color: #afc7ee; color: #2a3d64;}
#contactForm button{position: absolute; top: 390px; left: 450px; border: 2px #afc7ee solid; background-color: #ffffff; color: #2a3d64; font-size: 12pt; }
#contactForm button:hover{border: 2px #2a3d64 solid; background-color: #afc7ee;}
.formError{background-color: #ffaaaa;}

/*reservation management */
.intro {width: 650px; margin: 10px 0px 10px 0px;}
.introList {color: #8a8a8a; font-size: 12pt;}
.introList li{list-style-type: circle; margin: 0px 0px 5px 45px;}
#resForm {position: relative; top: 0px; left: 0px; height: 195px; margin: 55px 0px 0px 40px; color: #8a8a8a;}

#resNumber{position: absolute; top: 0px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#resNumber:focus{background-color: #afc7ee; color: #2a3d64;}
#resLastName{position: absolute; top: 45px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#resLastName:focus{background-color: #afc7ee; color: #2a3d64;}
#resCreditCardNumber{position: absolute; top: 90px; right: 375px; width: 255px; color: #8a8a8a; font-size: 11pt; font-weight: bold;}
#resCreditCardNumber:focus{background-color: #afc7ee; color: #2a3d64;}
#resForm button{position: absolute; top: 145px; left: 450px;}
/*#resForm button:hover{border: 2px #2a3d64 solid; background-color: #afc7ee;} */
button {border: 2px #afc7ee solid; background-color: #ffffff; color: #2a3d64; font-size: 12pt;}
button:hover{border: 2px #2a3d64 solid; background-color: #afc7ee;}
#bodyMain{margin-top: 20px;}
#bodyMain table{color: #777777; margin: 0px 0px 20px 0px;}
#reservationInfo{} label{display: block; font-size: 11pt; color: #2a3d64; font-weight: normal; margin: 0px 0px 27px 10px;}
#reservationInfo h4{color: #2a3d64; font-weight: bold; font-size: 11pt; margin: 0px 0px -5px 0px; padding: 0;}
.confirmSection hr{height: 0px; border: 0; padding: 0; border-top: 1px dotted #afc7ee;}

#ptp {position: absolute; top: 5px; left: 45px;}
#ptp:hover, #printThisPage h5:hover{cursor: pointer;}
#printThisPage{position: relative; top: 0px; left: 0px; width: 200px; margin-bottom: 10px;}
p.cellBuffer{margin: 0px; padding: 0px;}

/*cancel */
.cancelForm{height: 270px; margin-top: 20px;}
.cancelForm h4{color: #2a3d64; font-weight: bold; font-size: 14pt; margin-bottom: 15px;}
.cancelForm h5{color: #2a3d64; font-weight: bold; font-size: 12pt;}
.cancelForm span{color: #2a3d64; font-weight: normal; font-size: 12pt;}
.cancelForm select{display: block; margin: 10px 0px 35px 0px; color: #2a3d64; font-weight: normal; font-size: 12pt;}
.cancelForm input{margin-right: 10px;}
.cancelForm button{position: absolute; top: 325px; left: 0px;}
.cancelForm button:hover{border: 2px #2a3d64 solid; background-color: #afc7ee;}