/* RezTools Style Sheet */

/*
RezOptions */
#RezOptions div.pnl {padding: 7px; background: #CEDBE7 url(i/rezPnlBg.png) no-repeat left top; border: solid 1px #ccc; margin-bottom: 10px;}
#RezOptions fieldset {border: solid 1px #ccc; padding: 7px; background: #fff url(i/rezFieldBg.png) no-repeat right bottom; margin-top: 5px; padding-bottom: 35px;}
#RezOptions span.col {display: block; width: 50%; float: left;}
#RezOptions .lbl {font-weight: bold; color: #005cab;}
#RezOptions div.FlightOptionsRadioList label {padding: 0 5px;}
#RezOptions div.FlightOptionsRadioList input {margin-left: 7px;}
#RezOptions .sel {display: block; clear: right; margin-bottom: 5px;}
#RezOptions .date {display: inline; vertical-align: middle;}
#RezOptions .num {width: 35px;}
#RezOptions .check input {margin-left: 7px; margin-right: 3px;}
#RezOptions .btn {display: block;}
#RezOptions .validate {color: #900; display: block; clear: both; float: left;}
#RezOptions .advanced {font-size: 14px; border-top: solid 1px #005cab; border-bottom: solid 1px #005cab; margin-top: 10px; margin-bottom: 5px; padding: 3px;}

/* #RezOptions a img {border: none; float: left; margin-right: 15px;}
#RezOptions label.lbl {display: block; font-weight: bold; color: #005cab; float: left; padding-right: 7px;}

#RezOptions legend {font-size: 16px; font-weight: bold; color: #626262; padding: 0 5px 5px 5px; display: block; margin-top: 0px; background: none;}
#RezOptions input.txt {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px; }

#RezOptions div.travel {display: block; clear: both; margin-bottom: 15px; float: left; width: 615px;}
#RezOptions div.travel label.lbl, #RezOptions div.travel input.txt  {float: left;}
#RezOptions div.travel label.lbl {padding-right: 7px;}
#RezOptions div.travel input.txt {margin-right: 7px;}

#RezOptions span.radioList {vertical-align: middle; display: block; float: left; margin-bottom: 10px;}
#RezOptions .radioList label {padding: 0 5px; margin-right: 10px; vertical-align: middle;}
#RezOptions .radioList input {vertical-align: middle;}

#RezOptions input.cal, #RezOptions input.time {width: 50px;}
#RezOptions input.airport {width: 150px;} */

#RezOptions div.FlightOptionsRadioList,
#RezOptions div.DateOptionsRadioList {display: block; margin: 10px 0; clear: both;}

#RezOptions select.month, #RezOptions select.day {width: 25px;}
#RezOptions input.email {width: 400px;}

/*
RezCritique 
#RezCritique div.pnl {padding: 7px; background: #fff url(i/rezPnlBg.png) no-repeat left top; border: solid 1px #ccc; margin-bottom: 10px;}
#RezCritique fieldset {border: solid 1px #ccc; padding: 7px; background: #fff url(i/rezFieldBg.png) no-repeat right bottom; margin-top: 5px;}
#RezCritique legend {font-size: 16px; font-weight: bold; color: #626262; padding: 0 5px 5px 5px; display: block; margin-top: 0px; background: none;}
#RezCritique label.required {padding-left: 15px; background: url(i/required.png) no-repeat center left; margin-right: -15px;}

#RezCritique label.lbl {display: block; font-weight: bold; color: #005cab; float: left; padding-right: 7px; clear: left; width: 115px;}
#RezCritique label.noWidth {width: auto;}
#RezCritique input.txt {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px;}
#RezCritique textarea.multi {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 400px; height: 100px;}
#RezCritique span.radioList {vertical-align: middle; display: block; float: right; margin-bottom: 10px;}
#RezCritique span.left {vertical-align: middle; display: block; float: left; margin-bottom: 10px; width: 250px;}
#RezCritique .radioList label {padding: 0 5px; margin-right: 7px; vertical-align: middle;}
#RezCritique .radioList input {vertical-align: middle;}
#RezCritique span.note {display: block; color: #900; position: relative; float: right; margin-top: -25px; top: -10px; }
#RezCritique span.required {padding-left: 15px; background: url(i/required.png) no-repeat center left;}

#RezCritique .chk {display: block; clear: both; margin-left: 50px;}
#RezCritique select.select {margin-bottom: 7px; float: left; width: 250px;}
#RezCritique .validate {display: block; color: #900; float: left; position: relative; left: 10px;}
#RezCritique span.rl {display: block; background: #fff; width: 100%; height: 20px; vertical-align: middle; padding: 3px;}
#RezCritique span.rlAlt {display: block; background: #E9F5FF; width: 100%; height: 20px; vertical-align: middle; padding: 3px; }
#RezCritique span.rl label.lbl,
#RezCritique span.rlAlt label.lbl {margin-bottom: 10px; width: auto;}
#RezCritique .chk label {padding: 0 5px; margin-right: 10px; vertical-align: middle;}
#RezCritique .chk input {vertical-align: middle;} */

/* RezCritique */
#RezCritique div.pnl {width: 654px; background: url(i/rrMiddle.gif) repeat-y center center; margin-bottom: 15px;}
#RezCritique div.rrBase {display: block; width: 654px; height: 19px; background: url(i/rrBase.gif) no-repeat center bottom;}
#RezCritique div.rrBg {width: 654px; background: url(i/rrTop.gif) no-repeat center top; padding-top: 15px; }
#RezCritique fieldset {border: none; padding: 7px;  margin-top: 5px; width: 620px; margin: 0 auto;}
#RezCritique legend {font-size: 16px; font-weight: bold; color: #1A568A; padding: 0 5px 5px 5px; display: block; margin-top: 0px; background: none; position: relative; top: -12px;}
#RezCritique span.note {display: block; color: #900; position: relative; float: right; margin-top: -25px; top: -10px; }
#RezCritique label.required {padding-left: 15px; background: url(i/required.png) no-repeat center left; margin-right: -15px;}
#RezCritique span.required {padding-left: 15px; background: url(i/required.png) no-repeat center left;}

#RezCritique label.lbl {display: block; font-weight: bold; color: #005cab; float: left; padding-right: 7px; clear: left; width: 115px;}
#RezCritique label.noWidth {width: auto;}
#RezCritique input.txt {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px;}
#RezCritique textarea.multi {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 400px; height: 100px;}
#RezCritique textarea.multiShort {height: 50px; width: 400px;}
#RezCritique textarea.wide {width: 100%;}
#RezCritique span.radioList {vertical-align: middle; display: block; float: right; margin-bottom: 10px;}
#RezCritique span.left {vertical-align: middle; display: block; float: left; margin-bottom: 10px; width: 250px;}
#RezCritique .radioList label {padding: 0 5px; margin-right: 7px; vertical-align: middle;}
#RezCritique .radioList input {vertical-align: middle;}
#RezCritique span.note {display: block; color: #900; position: relative; float: right; margin-top: -25px; top: -10px; }
#RezCritique span.required {padding-left: 15px; background: url(i/required.png) no-repeat center left;}

#RezCritique .chk {display: block; clear: both; margin-left: 50px;}
#RezCritique select.select {margin-bottom: 7px; float: left; width: 250px;}
/*#RezCritique .validate {display: block; color: #900; float: left; position: relative; left: 10px;} */
#RezCritique .validate {display: block; float: right; clear: right; font-size: 11px; font-weight: bold; color: #900; background: url(i/validateArrow.png) no-repeat center left; padding: 2px 0 2px 12px; width: 225px; }

#RezCritique span.rl {display: block;  width: 100%; height: 20px; vertical-align: middle; padding: 3px;}
#RezCritique span.rlAlt {display: block; background: #E9F5FF; width: 100%; height: 20px; vertical-align: middle; padding: 3px; }
#RezCritique span.rl label.lbl,
#RezCritique span.rlAlt label.lbl {margin-bottom: 10px; width: auto;}
#RezCritique .chk label {padding: 0 5px; margin-right: 10px; vertical-align: middle;}
#RezCritique .chk input {vertical-align: middle;}


/* RezRequest */
#RezRequest br {clear: both;}
#RezRequest {color: #000;}
#RezRequest div.pnl {width: 654px; background: url(i/rrMiddle.gif) repeat-y center center; margin-bottom: 15px;}
#RezRequest div.rrBase {display: block; width: 654px; height: 19px; background: url(i/rrBase.gif) no-repeat center bottom;}
#RezRequest div.rrBg {width: 654px; background: url(i/rrTop.gif) no-repeat center top; padding-top: 15px; }
#RezRequest fieldset {border: none; padding: 7px;  margin-top: 5px; width: 620px; margin: 0 auto;}
#RezRequest legend {font-size: 16px; font-weight: bold; color: #1A568A; padding: 0 5px 5px 5px; display: block; margin-top: 0px; background: none; position: relative; top: -12px;}
#RezRequest span.note {display: block; color: #900; position: relative; float: right; margin-top: -25px; top: -10px; }
#RezRequest label.required {padding-left: 15px; background: url(i/required.png) no-repeat center left; margin-right: -15px;}
#RezRequest span.required {padding-left: 15px; background: url(i/required.png) no-repeat center left;}

#RezRequest .lbl {display: block; font-weight: bold; color: #1A568A; padding-right: 7px; width: 130px; float: left; clear: left; }
#RezRequest label.noWidth {width: auto; margin-right: 6px;}
#RezRequest input.txt {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px;}
#RezRequest .multi {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px; height: 100px; clear: right;}
#RezRequest .radioList {vertical-align:middle; display: block; float: left; margin-bottom: 10px; clear: right; width: 250px;}
#RezRequest .radioList label {padding: 0 5px; margin-right: 7px; vertical-align: middle;}
#RezRequest .select {margin-bottom: 7px; float: left; width: 250px; clear: right;}
#RezRequest .checkList {vertical-align: middle; display: block; float: left; margin-bottom: 10px; margin-left: 15px; clear: right;}
#RezRequest .checkList label {padding: 0 5px; margin-right: 7px; vertical-align: middle;}

#RezRequest .checkList input {vertical-align: middle;}
#RezRequest .radioList input {vertical-align: middle;}

#RezRequest .validate {display: block; float: right; clear: right; font-size: 11px; font-weight: bold; color: #900; background: url(i/validateArrow.png) no-repeat center left; padding: 2px 0 2px 12px; width: 205px; }
#RezRequest .positionup {position: relative; top: 0px;}

#RezRequest .reduceWidth {width: 200px;}

#RezRequest input.arranger { width: 210px;}
#RezRequest .validateArr {display: block; float: right; clear: right; font-size: 11px; font-weight: bold; color: #900; background: url(i/validateArrow.png) no-repeat center left; padding: 2px 0 2px 8px; width: 250px;}

#RezRequest .air .txt {width: 125px;}
#RezRequest .air .col {display: block; float: left; clear: none; width: 145px;}
#RezRequest .air .select {width: 125px;}
#RezRequest .air .multi {width: 250px;}

#RezRequest .car .txt {width: 150px;}
#RezRequest .car .col {display: block; float: left; clear: none; width: 185px;}
#RezRequest .car .select {width: 150px;}
#RezRequest .car .multi {width: 250px;}
#RezRequest .car .lbl {}
#RezRequest .car .lbl small {display: block; float: right; margin-top: -15px; clear: none;}

#RezRequest .hotel .txt {width: 110px;}
#RezRequest .hotel .col {display: block; float: left; clear: none; width: 122px;}
#RezRequest .hotel .select {width: 110px;}
#RezRequest .hotel .multi {width: 250px;}
#RezRequest .hotel .lbl small {display: block; float: right; margin-right: 15px; margin-top: -15px; clear: none;}


/*
Legacy RezProfiler */
.legacyRezProfiler label {display: block; clear: right; margin:7px 0; width: 350px; height: 25px; font-weight: bold; color: #005cab;}
.legacyRezProfiler label input {float: right; position: relative; top: -15px;}
input.btn {}

/* RezViewer */
#RezViewer .validate {color: #900; padding-left: 5px;}
#RezViewer .lbl {font-weight: bold; color: #005cab; float: left; padding-right: 7px; clear: left;}
#RezViewer div.pnl {padding: 7px; background: #CEDBE7 url(i/rezPnlBg.png) no-repeat left top; border: solid 1px #ccc; margin-bottom: 10px;}
#RezViewer fieldset {border: solid 1px #ccc; padding: 7px; background: #fff url(i/rezFieldBg.png) no-repeat right bottom; margin-top: 5px;}
#RezViewer legend {font-size: 16px; font-weight: bold; color: #626262; padding: 0 5px 5px 5px; display: block; margin-top: 0px; background: none;}
#RezViewer label.required {padding-left: 15px; background: url(i/required.png) no-repeat center left; margin-right: -15px;}
#RezViewer label.noWidth {width: auto;}
#RezViewer input.txt {display: block; margin-bottom: 10px; float: left; margin-right: 7px; width: 250px;}
#RezViewer hr {display: none;}
#RezViewer .push {display: block; margin-bottom: 5px;}
#RezViewer .btn {display: block; margin-top: 5px;}
#RezViewer input.cal {width: 100px; margin-left: 25px;}
#RezViewer .small {font-size: 10px; line-height: 14px;}
#RezViewer .red {font-weight: bold; color: #900;}