@media embossed { /* --- paged braille printers --- */ } @media braille { /* --- braille tactile feedback devices --- */ } @media aural { /* --- speech and sound synthesizers --- */ } @media tty { /* --- media using a fixed-pitch character grid, like teletypes and terminals --- */ } @media tv { /* --- television-type devices --- */ } @media handheld { /* --- small or handheld devices --- */ } @media print { /* --- printers --- */ } @media projection { /* --- projected presentations, like slides --- */ } @media screen { /* --- computer screens --- */ } @media all { /* --- all media type devices --- */ } @media print, projection, screen { /* --- printers + projected presentations, like slides + computer screens --- */ /* --- http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 | modified --- */ #bookingengine, #bookingengine div, #bookingengine span, #bookingengine applet, #bookingengine object, #bookingengine iframe, #bookingengine h1, #bookingengine h2, #bookingengine h3, #bookingengine h4, #bookingengine h5, #bookingengine h6, #bookingengine p, #bookingengine blockquote, #bookingengine pre, #bookingengine a, #bookingengine abbr, #bookingengine acronym, #bookingengine address, #bookingengine big, #bookingengine cite, #bookingengine code, #bookingengine del, #bookingengine dfn, #bookingengine em, #bookingengine font, #bookingengine img, #bookingengine ins, #bookingengine kbd, #bookingengine q, #bookingengine s, #bookingengine samp, #bookingengine small, #bookingengine strike, #bookingengine strong, #bookingengine sub, #bookingengine sup, #bookingengine tt, #bookingengine var, #bookingengine b, #bookingengine u, #bookingengine i, #bookingengine center, #bookingengine dl, #bookingengine dt, #bookingengine dd, #bookingengine ol, #bookingengine ul, #bookingengine li, #bookingengine fieldset, #bookingengine form, #bookingengine label, #bookingengine legend, #bookingengine table, #bookingengine caption, #bookingengine tbody, #bookingengine tfoot, #bookingengine thead, #bookingengine tr, #bookingengine th, #bookingengine td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; } #bookingengine { line-height:1; } #bookingengine ol, #bookingengine ul { list-style:none; } #bookingengine blockquote, #bookingengine q { quotes:none; } #bookingengine :focus { outline:0; } #bookingengine ins { text-decoration:none; } #bookingengine del { text-decoration:line-through; } #bookingengine table { border-collapse:collapse; border-spacing:0; } /* --- http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 | modified --- */ /* --- bookingengine --- */ div#bookingengine * {font-family:Arial, Helvetica, sans-serif;} div#bookingengine { margin:0 auto; padding:10px; font-size:12px; width:770px; } div#bookingengine p {line-height: 14px;} div#bookingengine .clear { clear:both; } div#bookingengine fieldset legend { margin-left:10px; } div#bookingengine fieldset legend span { font-size:16px; font-weight:bold; } div#bookingengine div.errors { margin:20px 0; } div#bookingengine div.errors ul { margin:10px 0; list-style:disc; } div#bookingengine div.errors ul li { margin:4px 0 4px 35px; } div#bookingengine button { background-color:transparent; border:1px solid #cccccc; overflow:visible; } div#bookingengine button.buttonactive { cursor:pointer; } div#bookingengine button.buttondisabled { cursor:default; } div#bookingengine input.textsubmitactive { padding:2px; background-color:#ffffff; border:1px solid #cccccc; overflow:visible; } body#dates div#bookingengine div.message { margin:20px 0; padding:0; width:100%; border:1px solid #cccccc; text-align:center; } /* REQUIRED FOR BE TO BE FULL SCREEN */ div#bookingengine #buttons ul li form fieldset button {font-weight: bold;} body#dates div#bookingengine div.message {line-height:150%;padding:12px 0;text-align:center;} #progress.progresscenter span {color: #FFF; font-size: 18px; margin: 0px; padding:0px 0 5px 0 ; text-align:center; line-height: 20px; font-family:Arial, Helvetica, sans-serif;} #progress.progresscenter img {text-align: center;} /* --- bookingengine --- */ /* --- languages --- */ div#bookingengine #languages { float:left; } div#bookingengine #languages form fieldset button { background-color:#ffffff; margin-left:2px; padding:2px; } /* --- languages --- */ /* --- flags --- */ div#bookingengine #flags { float:left; margin-left:10px; border:1px solid #cccccc; } div#bookingengine #flags form { display:inline; } div#bookingengine #flags form fieldset { display:inline; } div#bookingengine #flags form fieldset input { margin:4px; vertical-align:middle; } /* --- flags --- */ /* --- buttons --- */ div#bookingengine #buttons { float:right; } div#bookingengine #buttons ul li { float:left; } div#bookingengine #buttons ul li form fieldset button { padding:4px 0 0 4px; border:none; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect form fieldset button.buttonactive span.buttoncontent {border:none; font-size:15px;} div#bookingengine #buttons ul li form fieldset button.buttonactive span.buttoncontent span.buttoncontentli { color:#00cc00; } /* --- buttons --- */ /* --- steps --- */ div#bookingengine #steps {border:1px solid #CCCCCC; background: url('http://www.commonshotel.com/css/bpimages/multiroom/stepsBG.jpg') repeat-x; overflow: hidden; height: 30px; margin:10px 0; } body#confirm div#bookingengine #steps button { font-weight: normal; color: #666666; background: none; background: url('http://www.commonshotel.com/css/bpimages/multiroom/stepsArrow.jpg') no-repeat; background-position: top right; padding:6px 20px 6px 10px; } div#bookingengine #steps form fieldset button { padding:6px 20px 6px 10px; } div#bookingengine #steps div button { padding:6px 20px 6px 10px; } div#bookingengine #steps #package button, /*#bookingengine .stepproceed button, #bookingengine #steps .stepproceed button,*/ #bookingengine #steps #stepguestinfo.current, div#bookingengine #steps div.current, div#bookingengine #steps form.current, #bookingengine #steps #stepreserve { font-weight: bold; color: #666666; background: none; background-position: top right;} div#bookingengine #steps .stepproceed button { background: url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg') repeat-x; margin: 0px; } div#bookingengine #steps .pastbutton { font-weight: normal; color: #666666; background: none; background: url('http://www.commonshotel.com/css/bpimages/multiroom/stepsArrow.jpg') no-repeat; background-position: top right; padding:6px 20px 6px 10px; } div#bookingengine #steps .pastbutton span.hover { text-decoration:underline; } div#bookingengine #steps form { float:left; } div#bookingengine #steps div#proceed { float:right; } div#bookingengine #steps form#stepsspecialform { float:right; } div#bookingengine #steps form fieldset button { padding:6px 10px; border:none; } div#bookingengine .stepproceed { background:none; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } /* old steps styling div#bookingengine #steps { float:left; width:100%; background-color:#ffffff; margin:10px 0; border:1px solid #cccccc; } div#bookingengine #steps form.current { background-color:#00cc00; } div#bookingengine #steps form.current fieldset button span.buttoncontent { font-weight:bold; } */ /* ------ multiroom ------*/ #bookingengine #steps div { float: left; background-color: Transparent; } #bookingengine #steps div button { border: medium none; padding: 6px 10px; background-color: Transparent; overflow: visible; cursor: pointer; } #bookingengine #steps div.current button span { font-weight: bold; } #bookingengine #steps .stepproceed { float: right;/* background-color: #954B32;*/ border: none; cursor: pointer; padding: 0px;} #bookingengine #steps .stepproceed button { border: medium none; padding: 6px 10px; overflow: visible; float: right; padding:6px 10px; } #bookingengine #steps .stepproceed button span { font-size: 100%; font-weight: bold; letter-spacing: 0.5px; } #bookingengine #steps .stepproceed button span.arrow { font-size: 150%; line-height: 12px; font-weight: bold; letter-spacing: 0.5px; } #bookingengine .stepproceed { float: right; min-width:213px; padding: 5px; background: none; text-align:center; } #bookingengine .stepproceed button { background-color: #252C48; } #bookingengine .stepproceed button span { color: #fff; font-weight: bold;} #bookingengine .stepproceed button span.arrow { font-size: 150%; line-height: 12px; font-weight: bold; letter-spacing: 0.5px; } #bookingengine .stepproceed button { border: medium none; padding: 6px 10px; background: #252C48; overflow: visible; cursor: pointer; } /*** Reserve Button ***/ #bookingengine #steps #stepreserve { float: right; } #bookingengine #steps #stepreserve button { border: medium none; padding: 6px 10px; background-color: Transparent; overflow: visible; } #bookingengine #steps #stepreserve button span { font-size: 100%; font-weight: bold; letter-spacing: 0.5px; } /*** Step: Package ***/ #bookingengine #steps #package { float: left; } #bookingengine #steps #package button { background-color: #252C48; } #bookingengine #steps #package button span { color: #fff; } #bookingengine #steps #mr_behelp { display:none; float:right; } /* --- steps --- */ /* --- datesselection --- */ div#bookingengine #datesselection fieldset { width:100%; border:1px solid #cccccc; } div#bookingengine #datesselectioncontent { margin:30px 20px; } div#bookingengine #datesselectioncontent #summarymodify { margin:0 79px 20px; width:567px; background-color:#ffffff; border:1px solid #cccccc; } div#bookingengine #datesselectioncontent #summarymodify h4 { padding:10px; background-color:#00cc00; font-weight: bold;} div#bookingengine #datesselectioncontent #summarymodify p { margin:10px; } /* --- datesselection --- */ /* --- calendars --- */ div#bookingengine #calendars { margin:0 80px; width:570px; border-bottom:1px solid #cccccc; line-height:100%;} div#bookingengine #calendars table { float:left; background-color:#ffffff; border-collapse:collapse; border:1px solid #cccccc; cursor:default; } div#bookingengine #calendars table.calendarleft { margin:0 4px 6px 0; } div#bookingengine #calendars table.calendarright { margin:0 0 6px 4px; } div#bookingengine #calendars table tr.calendarheader .calendarheadertitle { height:26px; padding:2px 0; vertical-align:middle; text-align:center; background-color:#dddddd; font-size:13px; font-weight:bold; } div#bookingengine #calendars table tr.calendarheader .calendarheaderarea { height:26px; padding:2px 0; vertical-align:middle; text-align:center; background-color:#dddddd; } div#bookingengine #calendars table tr.calendarheader .calendarheaderarea fieldset { border:none; text-align:center; } div#bookingengine #calendars table tr.calendarheader .calendarheaderarea fieldset button { padding:1px 4px; background-color:#ffffff; cursor:pointer; } div#bookingengine #calendars table tr .weekend { height:16px; padding:2px 0; vertical-align:middle; text-align:center; background-color:#eeeeee; font-weight:bold; font-size:11px; } div#bookingengine #calendars table tr .weekday { height:16px; padding:2px 0; vertical-align:middle; text-align:center; background-color:#eeeeee; font-weight:bold; font-size:11px; } div#bookingengine #calendars table tr .notcurrentblock, #calendars table tr .pastday, #calendars table tr .available, #calendars table tr .notavailable, #calendars table tr .minimumstay, #calendars table tr .userselected { padding:2px; width:35px; height:31px; border:1px solid #cccccc; font-size:11px; } div#bookingengine #calendars table tr div.date {text-align: left;line-height: 100%;} div#bookingengine #calendars table tr div.ldr {line-height: 100%;} div#bookingengine #calendars table tr .notcurrentblock div { visibility:hidden; } div#bookingengine #calendars table tr .pastday div.date { color:#cccccc; text-decoration:line-through; } div#bookingengine #calendars table tr .available div.date { color:#00cc00; } div#bookingengine #calendars table tr .available div.date, div#bookingengine #calendars table tr .minimumstay div.date, div#bookingengine #calendars table tr .userselected div.date { font-weight:bold; } div#bookingengine #calendars table tr div.ldr { text-align:right; margin-top:3px; color:#333333; } div#bookingengine #calendars table tr td.available, div#bookingengine #calendars table tr td.minimumstay, div#bookingengine #calendars table tr td.userselected { cursor:pointer; } div#bookingengine #calendars .minimumstay { background-color:#ff9900; } div#bookingengine #calendars .userselected { background-color:#00cc00; } div#bookingengine #calendars .notavailable { background-color:#ff0000; } div#bookingengine #calendars dl { margin:4px 0 0 0; float:left; } div#bookingengine #calendars dl dt { float:left; border:1px solid #000000; } div#bookingengine #calendars dl dd { float:left; margin:0 35px 0 3px; } div#bookingengine #calendars div#calendarsreset { float:right; } div#bookingengine #calendars div#calendarsreset img { cursor:pointer; } div#bookingengine #calendars div.clear { height:8px; } /* --- calendars --- */ /* --- controls --- */ div#bookingengine #controls { margin:10px 80px; } div#bookingengine #controls form fieldset { border:none; } div#bookingengine #controls form fieldset table { width:100%; } div#bookingengine #controls form fieldset table tr td { padding:2px; } div#bookingengine #controls form fieldset table tr td label { margin-right:10px; } div#bookingengine #controls form fieldset table tr td.pdpromocode, div#bookingengine #controls form fieldset table tr td.pdadults, div#bookingengine #controls form fieldset table tr td.pdrateplan, div#bookingengine #controls form fieldset table tr td.information, div#bookingengine #controls form fieldset table tr td.pdrooms { padding-left:30px; } div#bookingengine #controls form fieldset table tr td.pdchildren { text-align:right; } div#bookingengine #controls form fieldset table tr td.pdchildren label { margin-right:0; } div#bookingengine #controls form fieldset table tr td.pdchildrenselect { text-align:right; } div#bookingengine #controls form fieldset table tr td #pdchildren { margin-right:1px; } div#bookingengine #controls form fieldset table tr td #pdpromocode { width:96%; } div#bookingengine #controls form fieldset table tr td.pdrooms label{ font-weight: bold;} div#bookingengine #controls form fieldset table tr td button { padding:4px 8px; background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:1px solid #000000; width:100%; } div#bookingengine #controls form fieldset table tr td button span.buttoncontent { font-size:15px; letter-spacing:0.5px; font-weight:bold; color:#ffffff; } div#bookingengine #controls form fieldset table tr td#controlssummary { vertical-align:top; } div#bookingengine #controls form fieldset table tr td#controlssummary div p { float:left; padding:7px; width:85%; background-color:#00cc00; border:1px solid #000000; } div#bookingengine #controls form fieldset table tr td#controlssummary div img { float:left; margin-top:4px; } div#bookingengine #controls form fieldset table tr td.pdmultiroomnotice { padding-left: 30px; font-size: 11px; } /* --- controls --- */ /* --- summary --- */ div#bookingengine #verisign { margin:10px; } div#bookingengine #summary { float:left; width:226px;} div#bookingengine #summary .longDespHidden { display: none; } div#bookingengine #summary fieldset { border:1px solid #cccccc; } div#bookingengine #summary fieldset span {display: inline; font-weight: normal; font-size: 11px; } div#bookingengine #summary fieldset legend span { font-size: 16px; font-weight: bold; } div#bookingengine #summary fieldset table tr td button { border: medium none; padding:2px 0px; } div#bookingengine #summary fieldset table tr td button img{ float:right; } div#bookingengine #summary fieldset table tr td button span.buttoncontent { font-size: 90%; font-weight: bold; } div#bookingengine #summary fieldset div.summarygroup { background-color:#ffffff;/* New*/border:1px solid #cccccc; margin: 5px; padding-bottom:0px;} div#bookingengine #summary fieldset div.summarygroup div.summaryheader { background-color:#eeeeee; /* New*/margin-top:0px; border-bottom:1px solid #cccccc; border-top:none; width: 100%; position: relative; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader table tr th { font-weight:bold; vertical-align:middle; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader table tr td form fieldset { border:none; padding-bottom:0; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader table tr td form fieldset button { border:none; padding:0; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader table tr td form fieldset button span.buttoncontent { font-weight:bold; font-size:90%; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader h4 { margin:0; padding:7px; } div#bookingengine #summary fieldset div.summarygroup table { width:100%; } div#bookingengine #summary fieldset div.summarygroup table tr th, div#bookingengine #summary fieldset div.summarygroup table tr td.th { text-align:left; font-weight:normal; padding:4px 0 4px 6px; vertical-align:top; } div#bookingengine #summary fieldset div.summarygroup table tr td { text-align:right; /* New*/font-weight:normal; padding:2px 6px 2px 0; vertical-align:top; } div#bookingengine #summary fieldset div.summarygroup div#summarydatespromocode table tr td {font-weight:bold; padding:4px 6px 4px 10px; text-align:left; vertical-align:top; } div#bookingengine #summary fieldset div.summarygroup #summaryroomimage { margin-top:14px; text-align:center; } div#bookingengine #summary fieldset div.summarygroup #summaryroomimage img { border:1px solid #000000; } div#bookingengine #summary fieldset div.summarygroup div.summaryroomdesp table tr th { font-weight: bold; line-height: 120%; width: 125px;} div#bookingengine #summary fieldset div.summarygroup div.summaryroomdesp span{ font-size: 9px; } div#bookingengine #summary fieldset div.summarygroup table.longDespShow { display: table; position: absolute; left: 120px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc; width: 500px; z-index: 1; } div#bookingengine #summary fieldset div.summarygroup table.longDespShow tr th { padding: 5px; border: 1px solid #cccccc; text-align: center; } div#bookingengine #summary fieldset div.summarygroup table.longDespShow tr td { padding: 5px; border: 1px solid #cccccc; text-align: center; } div#bookingengine #summary fieldset div.summarygroup div.summaryroomtotal {border-top:1px solid #cccccc; padding: 3px 0 3px 0; } div#bookingengine #summary fieldset div.summarygroup div.summaryheader1 table tr td { font-weight:normal; } div#bookingengine #summary fieldset div.summarygroup div.summaryratestotal { margin-top: 5px; } div#bookingengine #summary fieldset div.summarygroup div.summarysubtotal { border-top:1px dashed #cccccc; margin-top: 5px; padding: 3px 0 3px 0; } div#bookingengine #summary fieldset div.summarygroup div.summarysubtotal table tr th, div#bookingengine #summary fieldset div.summarygroup div.summarysubtotal table tr td {font-weight: bold;} div#bookingengine #summary fieldset #summaryroomguests.summarygroup { background-color:#ffffff;/* New*/border:1px solid #cccccc; margin: 5px 5px 5px 5px; padding-bottom:0px;} div#bookingengine #summary fieldset div.summarygroup div.margin {margin-top: 10px;} div#bookingengine #summary fieldset #summarydates.summarygroup { background-color:#ffffff;/* New*/border:2px solid #cccccc; margin: 5px 5px 5px 5px; padding: 0 0 5px 0;} div#bookingengine #summary fieldset .summarygroup table.longDespShow { font-size: 9px; } div#bookingengine #summary fieldset .summarygroup table.longDespShow td { width: 75px; } div#bookingengine #summary fieldset div.summaryguests {margin-top: 5px;} div#bookingengine #summary fieldset div.summarypackage{} div#bookingengine #summary fieldset div.summarypackage .packageitems {margin: 6px 3px 5px 6px;} div#bookingengine #summary fieldset div.summarypackage div.summaryheader {background: #fff;border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; margin-top: 5px;} div#bookingengine #summary fieldset div.summarypackage div.summaryheader table tr th {font-weight: normal; } div#bookingengine #summary fieldset div.summarypackage .summaryitems table tr td {font-weight:normal; font-size: 10px; padding:2px 6px 2px 0;text-align:right;vertical-align:top;} div#bookingengine #summary fieldset div.summarypackage .summaryitems table tr td.th {width: 105px;} div#bookingengine #summary fieldset div.summarypackage #summaryitemstaxes {margin-top: 5px;} div#bookingengine #summary fieldset div.packageitems div.itemodd { background-color:#EEEEEE; padding:2px; } div#bookingengine #summary fieldset div.packageitems div.itemeven { padding:2px; } div#bookingengine #summary fieldset div div.longDespHidden { display:none; } div#bookingengine #summary fieldset div div.longDespShow { display:block; position:absolute; left:200px; width:350px; background-color:#ffffff; border:1px solid #00cc00; padding:10px; z-index:1; } div#bookingengine #summary div.summaryroom { cursor: pointer; } div#bookingengine #summary fieldset div#summarytop {border: #999 1px solid;} div#bookingengine #summary fieldset div.summaryfocus { background-color:#ffffff;/* thick doesn't work in webkit browersers border: 2px solid #252C48; */border: 1px solid #252C48;} div#bookingengine #summary fieldset button#proceed.buttonactive {background:transparent url(http://www.commonshotel.com/css/booking/.../bpimages/buttonbackground.jpg) repeat-x scroll 0 0; padding: 4px 8px 4px 8px; float: right; margin: 0 5px 5px 0;} div#bookingengine #summary fieldset button span.buttoncontent {color:#000; font-size:15px; font-weight:bold; letter-spacing:0.5px;} /* ----------- Summary ----------------*/ /* --- Rooms Page --- */ /* Add Room button */ div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset {border:medium none;} div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .buttonactive { width: auto; height: 30px; float: left; padding:4px 8px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset button.buttonactive {border: 1px #cccccc solid;} div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset button.buttonactive, div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset button span.buttoncontent {font-size:15px; font-weight:bold; letter-spacing:0.5px; /*line-height: 22px;*/ } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_amount { float: left; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_stepper_wrap { background: #fff; height: 27px; position: relative; width: 45px; margin-top: 1px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_stepper_wrap input[type="text"] { color: #595959; background-color: #fff; font-size: 18px; height: 21px; margin: 0; position: absolute; text-align: center; width: 25px; right: 15px; /*border:none;*/ } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_stepper { cursor: pointer; height: 27px; position: absolute; right: 0; width: 15px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_stepper_up { background: transparent url(http://www.commonshotel.com/css/bpimages/multiroom/stepper.gif) repeat-y scroll 0 0; height: 14px; width: 15px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect fieldset .w_stepper_down { background: transparent url(http://www.commonshotel.com/css/bpimages/multiroom/stepper.gif) repeat scroll 0 -14px; height: 13px; width: 15px; } div#bookingengine #multistay .stepproceed { padding-top: 15px; text-align:center; border:1px #cccccc solid; float: none; border-top: none; width: 521px; } /* Room MD */ #multiroomwrap{ position: absolute; /*left: 30%; top: 0px; background: #eee;*/ z-index: 10000; display: block;} #dialogBox { width: 310px; /*min-height: 360px;*/ background: #fff; color: #666666; overflow: hidden; border: 1px solid #a4a4a4; margin: 36px; font-family:Arial, Helvetica, sans-serif; border:5px solid #3F3F3F;} #dialogBox #cancel {float: right; margin: 10px 10px 0 0px; cursor: pointer; background: url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat; height: 100%; width: 16px; overflow:hidden;} #dialogBox a { font-weight: normal; text-decoration: underline; font-size: 11px; } #dialogBox #multiroomtop { float: left; overflow: hidden; clear: both; padding: 0px 30px 20px 30px; margin-top: 10px; background: #fff; } #dialogBox #multiroomtop #rmHeader { text-align: right; border: 1px solid #e3e3e3; width: 250px; overflow: hidden; margin: 10px auto 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #dialogBox #multiroomtop #rmInfo { margin:0px; padding: 0px;} #dialogBox #multiroomtop #rmInfo a { font-size: 10px; color: #666666; } #dialogBox #multiroomtop p { margin: 0px; } #dialogBox #multiroomtop p.rmType { font-size: 18px; font-weight: bold; margin-top:5px; line-height: 20px; } #dialogBox #multiroomtop p.dateRoom { font-size: 11px; margin-top: 4px; } #dialogBox #multiroomtop p.rmPrice { font-size:36px; font-weight:bold; line-height:24px; } #dialogBox #multiroomtop p.occupancy { font-size: 10px; margin-top: 8px; line-height: 12px;} #dialogBox #multiroomtop .cents { font-size:45%; text-decoration:underline; vertical-align:super; } #dialogBox #divider { display: none; } #dialogBox #multiroombottom { overflow: hidden; clear: both; } #dialogBox #multiroombottom #roomsErrorMsg {font-size: 12px; color: #bc1115; text-align: center; position: relative; height: 22px; line-height:22px; visibility:hidden;} #dialogBox #multirooms { margin: auto; border: 1px solid #e3e3e3; width: 250px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #dialogBox #multirooms .roomwrap { min-height: 76px; clear: both; border: 1px solid #e3e3e3; } #dialogBox #multirooms .roomwrapError { border: 1px solid #bc1115; clear:both; min-height:76px; } #dialogBox #multirooms span.rmTitle { font-size: 18px; font-weight: bold; color: #676767; float: left; margin-left: 10px; margin-top: 15px;} #dialogBox #multirooms .occupancy { clear:both; overflow:hidden; width:100%; } #dialogBox #multirooms .adults { float:left; height:39px; margin:6px 0 0 30px; overflow:hidden; } #dialogBox #multirooms .children { float:right; height:25px; margin-right:10px; margin-top:6px; } #dialogBox #multirooms .title { font-size: 12px; line-height: 27px; float: left; margin-right: 10px; } #dialogBox #multirooms hr { border: 1px solid #e3e3e3; } #dialogBox #multiroombuttons { clear: both; text-align: right; margin: 11px 25px 16px; } #dialogBox #multiroombuttons #add { background: transparent url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x scroll 0 0; border: none; width: 63px; height: 22px; cursor:pointer; margin-right: 6px; } #dialogBox #multiroombuttons #add .buttoncontent { color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 0.5px; } #dialogBox #multiroombuttons #delete { background:none; border:none; color:#666666; cursor:pointer; height:22px; /*margin-right:6px; width:63px;*/ } #dialogBox #multiroombuttons #delete .buttoncontent { color: #666666; font-size: 10px; font-weight: normal; text-decoration: underline; } #closeButtonContainer { display: block; height:30px; left:-18px; overflow:hidden; position:absolute; top:-22px; width:150px; } a#close { background:transparent url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat scroll 0 0; display:block; height:30px; outline-style:none; position:relative; width:150px; } #multiroomwrap #cancellationPolicy { width: 410px; padding: 10px; border: 1px solid #acabab; background: #e2e0e0; color:#292929; font-size: 11px; line-height: 13px; position: absolute; top: 250px; } #multiroomwrap #cancellationPolicy p { margin: 11px 0 0 0; } #multiroomwrap #cancellationPolicy h1 { font-size: 12px; text-decoration: underline; margin: 0 0 8px 0; } #multirooms .roomwrap .occupancy .w_amount { float: left; } #multirooms .roomwrap .occupancy .w_stepper_wrap { background: #fff; height: 27px; position: relative; width: 45px; margin-top: 1px; } #multirooms .roomwrap .occupancy .w_stepper_wrap input[type="text"] { color: #595959; background-color: white; font-size: 18px; height: 21px; margin: 0; position: absolute; text-align: center; width: 25px; right: 15px; } #multirooms .roomwrap .occupancy .w_stepper { cursor: pointer; height: 27px; position: absolute; right: 0; width: 15px; } #multirooms .roomwrap .occupancy .w_stepper_up { background: transparent url(http://www.commonshotel.com/css/bpimages/multiroom/stepper.gif) repeat-y scroll 0 0; height: 14px; width: 15px; } #multirooms .roomwrap .occupancy .w_stepper_down { background: transparent url(http://www.commonshotel.com/css/bpimages/multiroom/stepper.gif) repeat scroll 0 -14px; height: 13px; width: 15px; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow, div#bookingengine #multistay fieldset div div.roomstays table tr td.stayaverage table.longDespShow, div#bookingengine #summary fieldset div div.longDespShow {line-height: 14px;} div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow {width:375px;} /* --- end rooms --- */ /* --- multistay --- */ div#bookingengine #multistay { float:right; width:69%; } div#bookingengine #multistay fieldset { width:100%; border:1px solid #cccccc; } div#bookingengine #multistay fieldset div.roomodd { margin:10px; padding:10px; border:1px solid #cccccc; background-color:#eeeeee; } div#bookingengine #multistay fieldset div.roomeven { margin:10px; padding:10px; border:1px solid #cccccc;background: #ffffff; } div#bookingengine #multistay fieldset div div.roomheader { width:99%; margin:0 auto; line-height: 14px; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft { float:left; width:29%; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages { margin:0 auto; padding:5px; width:106px; text-align:right; border: 1px solid #8b8b8b; background-color:#D6D6D6; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages img.roomimagethumb { border:1px solid #000000; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl { text-align:center; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl dt { margin-top:5px; font-size:75%; color:#00cc00; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl dd { margin-left:0; font-size:220%; line-height:120%; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl dd sup { font-size:45%; text-decoration:underline; vertical-align:super; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl dd.multiraterange { margin-left:0; font-size:130%; line-height:150%; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft dl dd.multiraterange sup { font-size:60%; text-decoration:underline; vertical-align:super; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderright { float:right; width:69%; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderright h4 { margin-bottom:10px; font-size:120%; font-weight:bold; } div#bookingengine #multistay fieldset div div.roomstays table { margin:12px 0 8px; width:100%; border:1px solid #cccccc; } div#bookingengine #multistay fieldset div div.roomstays table tr.stayodd { background-color:transparent; } div#bookingengine #multistay fieldset div div.roomstays table tr.stayeven { background-color:#eeeeee; } div#bookingengine #multistay fieldset div div.roomstays table tr th { padding:3px; vertical-align:bottom; border:1px solid #cccccc; border-right:none; border-left:none; font-weight:bold; text-align:center; } div#bookingengine #multistay fieldset div div.roomstays table tr td { padding:0 3px; vertical-align:middle; border:1px solid #cccccc; border-right:none; border-left:none; text-align:center; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect { margin:0; padding:0; vertical-align:top;} div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect form fieldset { border:none; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect form fieldset button { width:100%; padding:4px 8px; background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:none; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayselect form fieldset button span.buttoncontent { font-size:15px; letter-spacing:0.5px; font-weight:bold; color:#ffffff; } div#bookingengine #multistay fieldset div div.roomstays table tr td.staytotalconvert { padding:0 5px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.staytotalconvert a img { border:none; width:11px; height:17px; } div#bookingengine #multistay fieldset div span.rateaveragefineprint { color:#333333; } div#bookingengine #multistay fieldset div div.staysfooter { width:99%; margin:0 auto; } div#bookingengine #multistay fieldset div div.staysfooter div.staysfooterleft { float:left; margin-top:10px; width:49%; } div#bookingengine #multistay fieldset div div.staysfooter div.staysfooterright { float:right; margin: 3px 5px 0 0; width:49%; text-align:right; } div#bookingengine #multistay fieldset div .longDespHidden { display:none; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages {background-image: url(../../C00217/noble_be1.3/bpimages/roomheaderimagepattern.jpg); } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow { display:block; position:absolute; left:475px; background-color:#ffffff; border:1px solid #00cc00; z-index:1; margin-top: 40px;} div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow img { border:1px solid #ccc; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow h3 { margin:10px; text-align:center; font-size:120%; font-weight:bold; } div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow img { margin:0 10px 10px; width:350px; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayaverage { /*text-decoration: underline;*/ } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayaverage table.longDespShow { display:table; position:absolute; left:250px; margin-top:20px; background-color:#ffffff; border:1px solid #00cc00; width:500px; z-index:1; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayaverage table.longDespShow tr th { padding:5px; border:1px solid #cccccc; } div#bookingengine #multistay fieldset div div.roomstays table tr td.stayaverage table.longDespShow tr td { padding:5px; border:1px solid #cccccc; } div#bookingengine #multistay fieldset div div.roomstays table tr td.staydescription { /*text-decoration: underline;*/ } div#bookingengine #multistay fieldset div div.roomstays table tr td.staydescription div.longDespShow { display:block; position:absolute; padding:10px; left:350px; margin-top:20px; background-color:#ffffff; border:1px solid #cccccc; width:300px; z-index:1;text-decoration: none; } div#bookingengine #multistay fieldset div div.roomstays table tr td.staydescription div.longDespShow h4 { margin-bottom:10px; } div#bookingengine #multistay fieldset div div.clear { line-height:0px; } div#bookingengine #multistay fieldset div div.roomstays table tr td table tr td.staynightlystandardrate {text-decoration:line-through;} /* --- multistay --- */ /* --- items --- */ div#bookingengine #items { float:right; width:69%; } div#bookingengine #items form fieldset { width:100%; border:1px solid #cccccc; } div#bookingengine #items form fieldset #itemssubmittop { padding-right:10px; text-align:right; } div#bookingengine #items form fieldset #itemssubmittop input.textsubmitactive { padding:4px 8px; background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:1px solid #000000; font-size:17px; letter-spacing:0.5px; font-weight:bold; color:#ffffff; } div#bookingengine #items form fieldset h4 { margin-top:10px; padding:8px; background-color:#00cc00; } div#bookingengine #items form fieldset div.itemsheader { margin:10px; } div#bookingengine #items form fieldset div.itemsheader div.itemsheaderimage { float:left; width:29%; text-align:center; } div#bookingengine #items form fieldset div.itemsheader div.itemsheaderimage img { border:1px solid #000000; } div#bookingengine #items form fieldset div.itemsheader div.itemsheaderdescription { float:right; width:69%; } div#bookingengine #items form fieldset div.itemodd { padding:10px; background-color:#eeeeee; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } div#bookingengine #items form fieldset div.itemeven { padding:10px; } div#bookingengine #items form fieldset table.quantity tr td.itemselect { width: 25px; } div#bookingengine #items form fieldset table.quantity tr td.itemdescription { width: 325px; text-align: left; } div#bookingengine #items form fieldset table.quantity tr td.quantity_cost { width: 80px; text-align: center; } div#bookingengine #items form fieldset table.quantity tr td.quantity_quantity { width: 80px; text-align: right; } div#bookingengine #items form fieldset table.quantity tr td.quantity_quantity select { margin-left: 5px; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_cost { width: 90px; text-align: left; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_quantity { width: 70px; text-align: center; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_quantity select { margin-left: 5px; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_date { width: 200px; text-align: center; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_date select { margin-left: 5px; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_time { width: 140px; text-align: right; } div#bookingengine #items form fieldset table.quantitydatetime tr td.quantitydatetime_time select { margin-left: 5px; } div#bookingengine #items form fieldset table.quantitydate tr td.quantitydate_cost { width: 90px; text-align: left; } div#bookingengine #items form fieldset table.quantitydate tr td.quantitydate_quantity { width: 70px; text-align: center; } div#bookingengine #items form fieldset table.quantitydate tr td.quantitydate_quantity select { margin-left: 5px; } div#bookingengine #items form fieldset table.quantitydate tr td.quantitydate_date { width: 200px; text-align: center; } div#bookingengine #items form fieldset table.quantitydate tr td.quantitydate_date select { margin-left: 5px; } div#bookingengine #items form fieldset #itemssubmitbottom { text-align:center; } div#bookingengine #items form fieldset #itemssubmitbottom input.textsubmitactive { margin:20px 0; padding:4px 8px; background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:1px solid #000000; font-size:17px; letter-spacing:0.5px; font-weight:bold; color:#ffffff; } div#bookingengine #items form fieldset div table tr td.itemdescription span.longDespToggle { font-weight:bold; text-decoration:underline; color:#00cc00; } div#bookingengine #items form fieldset div .longDespHidden { display:none; } div#bookingengine #items form fieldset div .longDespShow { display:block; position:absolute; left:350px; margin-top:20px; background-color:#ffffff; border:1px solid #00cc00; width:300px; padding:10px; z-index:1; } div#bookingengine span.totalsavingstext { font-weight: bold; color: #006600; } /* --- items --- */ /* --- packages page --- */ div#bookingengine #packages { float:right; width:69%; } div#bookingengine #packages fieldset { border:1px solid #CCCCCC; width:100%; } /* package items */ div#packages fieldset #packagetabs .packagebody table {width: 100%;} div#packages fieldset #packagetabs .packagebody table tr td.itemselect {padding-right: 2px; width:18px; } div#packages fieldset #packagetabs .packagebody table tr td#test {padding-right: 2px; width:18px; } div#packages fieldset #packagetabs .packagebody table tr td.itemdescription {line-height: 14px; text-align: left; /*width: 400px;*/} div#packages fieldset #packagetabs .packagebody table.quantitydatetime tr td.itemdescription {line-height: 14px; text-align: left; width: 410px;} div#packages fieldset #packagetabs .packagebody table.quantitydatetime tr td#package_cost {width: 80px; text-align: left;} div#packages fieldset #packagetabs .packagebody table.quantitydatetime tr td.dropdown_one {width: 100px; text-align: right;} div#packages fieldset #packagetabs .packagebody table tr td#package_cost {width: 15%; text-align: left;} div#packages fieldset #packagetabs .packagebody table tr td.dropdown_one {width: 27%; text-align: right;} div#packages fieldset #packagetabs .packagebody table tr td#dropdown_two {width: 30%; text-align: right;} div#packages fieldset #packagetabs .packagebody table tr td#dropdown_three {width: 30%; text-align: right;} /*** datetime_item ***/ #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_cost { text-align:left; width:90px; } #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_quantity { text-align:center; width:70px; } #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_quantity select { margin-left:2px; } #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_date { text-align:center; width: 190px; } #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_date select { margin-left:5px; } #packagetabs .packagebody table.quantitydatetime tr td.quantitydatetime_time { text-align:right; width:140px; } /*** qty_item ***/ #packagetabs .packagebody table.quantity tr td.itemselect { width:25px; } #packagetabs .packagebody table.quantity tr td.itemdescription { text-align:left; width:325px; } #packagetabs .packagebody table.quantity tr td.quantity_cost { text-align:center; width:80px; } #packagetabs .packagebody table.quantity tr td.quantity_quantity { text-align:right; width:80px; } #packagetabs .packagebody table.quantity tr td.quantity_quantity select { margin-left:5px; } /* Package Tabs */ #packages #packagetabs { margin: 5px; } #packagetabs #packageList ul#tabnav, #packagetabs div.packageheader {display:none;} /*** Package Tabs - Removed for Single Room Noble BE #packagetabs #packageList ul#tabnav { text-align: left; margin: 0; font-size: 12px; border-bottom: 1px solid #cccccc; list-style-type: none; padding: 6px 0px 5px 0px;} #packagetabs #packageList ul#tabnav li { display: inline; } #packagetabs #packageList ul#tabnav li.selected{ background-color: #fff; color: #000; position: relative; padding: 5px 10px 6px 10px; border: 1px solid #cccccc; color: #666; margin-right: -4px; border-bottom: none; -moz-border-radius-topleft: 5px} #packagetabs #packageList ul#tabnav li a.selected { background-color: #fff; background-image: none; color: #000; position: relative; padding: 5px 10px 6px 10px; border-color:#afafaf #afafaf -moz-use-text-color; border-style:solid solid none; border-width:1px 1px 0px 0px ; border-left: 1px #cccccc solid; color: #666; margin-right: -4px; border-bottom: none; font-weight: bold;} #packagetabs #packageList ul#tabnav li a.selected:hover { text-decoration: none; cursor: default; } #packagetabs #packageList ul#tabnav li a {padding: 3px 10px 5px; border: 1px solid #cccccc; background-color: #eeeeee; color: #666; margin-right: -4px; text-decoration: none; border-bottom: none;} #packagetabs #packageList ul#tabnav a:hover {text-decoration: underline; } */ #packagetabs .packageheader .packagebody { margin-top: 18px; width: 99%; } #packagetabs span.longDespHidden { display: none; } #packagetabs span.longDespShow { background-color:#FFFFFF; border:1px solid #666666; display:block; left:350px; margin-top:15px; padding:10px; position:absolute; z-index:1; } #packages .nextRoomBtn { clear:both; float:right; font-size:12px; text-align:right;/* width:521px; padding: 0 0 0 0;*/ border:1px #cccccc solid; float: none; border-top: none; width: 531px; } #packages .nextRoomBtn button { background:#252C48 none repeat scroll 0 0; color:#FFFFFF; font-size:12px; margin:10px 10px 10px 0; padding: 4px 3px 4px 3px;} div#bookingengine #packages .stepproceed { text-align:center; border:none; margin:auto; width:630px; } /*** Package Header - Removed for Single Room Noble BE #packagetabs div.packageheader { margin: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #FFFFFF; padding: 10px;} #packagetabs .packageheader .roomheaderleft { float: left; width: 29%; padding-bottom: 8px; padding-left: 8px; } #packagetabs div.packageheader .roomheaderleft div.roomheaderimages { border-color: #92A9AF; border: 1px solid #cccccc; margin: 10px 0 0 0; padding: 5px; text-align: right; width: 106px; background: #fff; } #packagetabs .packageheader .roomheaderleft .roomheaderimages .roomimagethumb { border: 1px solid #000000; } #packagetabs .packageheader .roomheaderleft dl { text-align: center; } #packagetabs .packageheader .roomheaderleft dl dt { color: #4D3F1A; font-size: 70%; margin-top: 5px; } #packagetabs .packageheader .roomheaderleft dl dd { color: #4D3F1A; font-size: 220%; line-height: 120%; margin-left: 0; } #packagetabs .packageheader .roomheaderleft dl dd sup { color: #4D3F1A; font-size: 45%; text-decoration: none; vertical-align: super; } #packagetabs .packageheader .roomheaderright { float: right; width: 64%; margin: 10px 10px 0 0; line-height: 120%;} #packagetabs .packageheader .roomheaderright h4 { font-size: 120%; font-weight: bold; margin-bottom: 10px; }***/ /*** Package Body ***/ #packagetabs .packagebody {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; background-color: #FFFFFF; } #packagetabs .packagebody h4 { color: #000; background-color: #eee; padding: 8px; border-top: 1px solid #cccccc;} #packagetabs .packagebody div.itemsheader { margin: 10px; } #packagetabs .packagebody div.itemsheaderimage { float: left; width: 29%; text-align: center; } #packagetabs .packagebody div.itemsheaderimage img { border: 1px solid #000; } #packagetabs .packagebody div.itemsheaderdescription { float: right; width: 69%; } #packagetabs .packagebody table tr td.itemdescription span.longDespToggle { color:#1E4248; } #packagetabs .packagebody div.itemodd { background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px; } #packagetabs .packagebody div.itemeven { padding:10px; } #packagetabs .packagebody .longDespToggle { font-weight: bold; text-decoration: underline; } #packagetabs .packagebody .longDespHidden { display: none; } #packagetabs .packagebody .longDespShow { background-color:#FFFFFF; border:1px solid #cccccc; display:block; left:350px; margin-top:20px; padding:10px; position:absolute; width:300px; z-index:1; line-height: 120%; } #packagetabs .packagebody #noPackage {font-weight: bold; font-size: 16px; text-align: center; padding: 45px 0 45px 0; background: #eeeeee; border: 1px solid #cccccc; color: #666666; } /* --- packages --- */ /* --- Registration MD 2 screen +email --- */ #signinoption { line-height: 1;display: block; position: absolute; z-Index: 10000; background-color: #eee; padding: 0px; width: 650px; background: #fff; color: #666666; overflow: hidden; margin: auto; height: 244px; font-size: 12px; text-transform: none; border: #3F3F3F 5px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #signinoption h2 { font-weight: bold; font-size: 15px; margin: 0; padding: 0px; text-transform: none;} #signinoption p { font-weight: normal; font-size: 12px; margin-top: 4px; padding: 0px; } #signinoption #left { width: 250px; height: 175px; margin: 25px 0 0px 35px; float: left; border-right: 1px solid #bcbcbc; padding: 0 35px 0 0; position: relative; } #signinoption #left_txt { margin-left: 0px; width: 250px; } #signinoption #left .signinErrorMsg {font-size: 12px; color: #bc1115; text-align: center; position: relative; visibility:visible; margin-top: 10px;} /*#signinoption .createAccount {min-width: 166px; margin: 85px auto 0 auto; border: none; position: relative;} #signinoption .createAccount input {border: 1px #cccccc solid; min-height: 34px; width: 250px; background: url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x; text-align: center; font-weight: bold; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; float:right; clear: both; }*/ #signinoption .createAccount {float: right; margin-top: 77px; position: relative; margin-bottom: 16px;} /*#signinoption #left .login {float: right; position: absolute; right: 35px; top: 101px;}*/ #signinoption .createAccount input {border: 1px #cccccc solid; min-height: 34px; width: 250px; background: url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x; text-align: center; font-weight: bold; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; float:right; } #signinoption #right { width: 250px; min-height: 186px; margin: 25px 0 5px 40px; float: left; position: relative;} #signinoption label { display: block; font-size: 12px; color: #bcbcbc; float: left; margin-bottom: 2px; } #signinoption #emailInput {width: 100%; margin-top: 9px;overflow: hidden; height: 50px;} #signinoption #emailInput input#newguestemailaddress {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #signinoption #emailInput input#repeatguestemailaddress {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #signinoption #passwordInput {width: 100%; margin-top: 6px;overflow: hidden; height: 50px;} #signinoption #passwordInput input#repeatguestpassword {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #bcbcbc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #signinoption .signinErrorMsg { position: absolute; top: 130px; line-height: 14px;} #signinoption .login {float: right; margin-top: 25px; position: relative; margin-bottom: 16px;} /*#signinoption #left .login {float: right; position: absolute; right: 35px; top: 101px;}*/ #signinoption .login input {border: 1px #cccccc solid; min-height: 34px; width: 250px; background: url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x; text-align: center; font-weight: bold; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; float:right; } #signinoption .login input.textsubmitactive, #signinoption .createAccount input.textsubmitactive { width: 100px; float: right;} #signinoption .login .forgot { clear: both; font-size: 10px; float: right; margin-top: 0px; margin-bottom: 5px; width: 100%; } #signinoption .login .forgot a { color: #252C48; float: right; } #signinoption #left .login input.textsubmitactive { margin-top: 50px; } #signinoption #cancel {float: right; margin: 10px 10px 0 0; cursor: pointer; background: url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat; height: 100%; width: 16px;} #signinoption .msg2 { display: none; position: absolute; top: 90px; /*margin-top: 11px; margin-bottom: 15px; height: 30px;*/ line-height: 15px; font-size:12px; width: 250px;} #signinoption .msg2 p { line-height: 12px; margin-bottom:5px; text-align:right; } /*--- */ /* --- Registration --- */ #registration #formError { background:#ffffd5; border: 2px #252C48 solid; margin-top: 9px; margin-bottom:10px; padding:10px; text-align:center; } #registration #guestprofiles input.text {width: 140px;} #registration #guestprofiles { margin-bottom: 10px; text-align: left; } #registration #guestprofiles fieldset, #registration #travelAgentProfile fieldset{ border: 1px solid #CCCCCC; } #registration #guestprofiles fieldset legend { margin-left: 10px; } #registration #guestprofiles #guestdetailsheaderbutton { float: right; margin-right: 10px; } #registration #guestdetailsheaderbutton button { background:transparent; border:none; color: #666666; cursor:pointer; display:block; float:right; font-family:Arial,Helvetica,sans-serif; height:15px; width:16px; line-height:15px; overflow:hidden; padding: 0px; background: none; } #registration #guestdetailsheaderbutton button:focus { border:none; } #registration #guestprofiles fieldset fieldset { margin: 20px; padding: 10px 10px 20px 10px; width: 450px; border: none; } #registration #guestprofiles fieldset fieldset legend { border-bottom: 1px solid #ccc; margin: 0; padding:5px; background: #eeeeee;width: 430px; } #registration #guestprofiles fieldset fieldset legend span { display:block; float:left;font-size:12px;font-weight:bold;margin-right:15px;overflow:hidden;text-align:left;width:400px;} #registration #guestprofiles fieldset fieldset legend span img { border: none; padding-right: 10px; display: inline; float:right; } #registration .divguestprofiledetails { padding-left: 10px; } #registration .primaryGuestCheck { margin-bottom: 10px; } #registration .primaryGuestCheck input { margin-right: 5px; margin-left: 0px; } #registration .divguestdates { display: block; margin-top: 2px; } #registration .divguestnumber { display: block; margin-bottom: 7px; margin-top: 7px; } #registration .divgueststaylabel { display: block; float: left; width: 80px; } #registration .divgueststaydetail { display: block ;} #registration .divguestname { display: block; margin-right: 10px; margin-top: 5px; overflow:hidden; } #registration .divguestname input {margin-top: 2px;} #registration .divguestname span { } #registration .divguestname div { overflow:hidden; float: left; line-height: 12px;} #registration .divfirstname { width: 155px; margin-right: 10px; } #registration .divlastname { width: 155px; } #registration .small { margin:0px; font-size: 10px; clear:both; padding-top: 2px; margin-left: 80px; width: 80%;} #registration .divguestemail { display: block; float: left; margin-top: 7px; } #registration .divguestemail div { float: left;} #registration .divguestrequest { display: block; margin-top: 7px; float: left; clear:both; width: 100%;} #registration .divguestrequest textarea { margin-bottom: 5px; float: left; width: 305px; height:20px; line-height:20px; } #registration .divguestcheckbox { clear:both; } #registration .divguestcheckbox .checkbox { float:left; padding-right: 5px; margin-top: 2px; } #registration .divguestcheckbox .checkboxlabel label{ margin-top: 5px; float: left;} #registration .cancellation { clear:both; float:left; font-size: 10px; padding-top:10px;} #registration .cancellation a { text-decoration: underline; cursor: pointer; font-weight:bold; text-decoration:underline; font-size: 14px;} #registration .cancellation p { margin-top: 5px; line-height: 12px; display:none; } #registration #travelAgentProfile {margin-bottom:10px; text-align:left;} #registration #travelAgentProfile .travelAgentProfileContent { padding:10px 0px 20px 35px;} #registration #travelAgentProfile .travelAgentProfileContent .travelAgentNumber {margin-right: 4px; margin-top: 10px;} #registration #travelAgentProfile .travelAgentProfileContent .travelAgentNumber label {margin-right: 25px;} #registration #shopperdetails { margin-bottom: 10px; } #registration #shopperdetails fieldset { border: 1px solid #CCCCCC; } div#bookingengine #registration #shopperdetails fieldset span.required { padding-left: 12px; font-size: 11px;} #registration #shopperdetails fieldset legend { margin-left: 10px; } #registration #shopperdetails fieldset table tr td {min-width: 141px;} #registration #shopperdetails fieldset #returnguestdetails { margin-bottom: 8px; margin-top: 8px; margin-left: 21px; } #registration #shopperdetails fieldset #guestdetails { margin-bottom: 8px; margin-top: 8px; margin-left: 21px; } #registration #shopperdetails fieldset table { margin-left: 20px; } #registration #shopperdetails fieldset table tr td { vertical-align:top; padding: 3px 0; line-height: 15px;} .viewonly { background: #ccc; } #registration #shopperdetails fieldset table tr td label { margin-right:30px; } #registration #shopperdetails fieldset table tr td div.checkbox { float: left; margin-left: 0px;} #registration #shopperdetails fieldset table tr td div.checkboxlabel { float: left; margin-top: 10px; } #registration #shopperdetails fieldset table tr td span.optionalmessage { margin-left:5px; line-height:15px; vertical-align:top;} #registration #shopperccinfo fieldset {margin-bottom: 10px; border: 1px solid #CCCCCC; } #registration #shopperccinfo fieldset legend { margin-left: 10px; } #registration #shopperccinfo fieldset div { margin-bottom: 8px; margin-top: 8px; margin-left: 21px; } #registration #shopperccinfo fieldset table { margin-left: 20px; } #registration #shopperccinfo fieldset table tr td { vertical-align:middle; padding: 3px 0; } #registration #shopperccinfo fieldset table tr td label { margin-right:30px; } #registration #shopperccinfo fieldset table tr td span.optionalmessage { margin-left:5px; } span.ccexpiredmessage { color: red; font-size: 12px; margin-left: 10px; width: 100px; } table tr td span.ccexpiredmessageRes { color: red; font-size: 10px; margin-left: 10px; width: 100px; } #registration #disclaimerinfo { text-align: left;} #registration #disclaimerinfo fieldset { padding: 15px; } #registration fieldset#newguest fieldset#creditcardinformation table tbody tr td textarea#creditcardbillingaddress { height: 15px; } #bookingengine #registration .stepproceed { padding-top: 15px; text-align:center; border:1px #cccccc solid; float: none; border-top: none; } .errorfield { background-color: #ffffd5; border: 2px solid #252C48; color: #252C48; } .progresscenter { position: absolute; z-index: 9999; padding: 0; margin: 0; text-align: center;} .progresscenter span { display: block; font-size: 22px; color: #fff; padding-bottom: 20px; text-align: center; } #registration #shopperccinfo fieldset #returnguestccinfo { margin-left:0px; } #registration #shopperccinfo fieldset #returnguestccinfo a { text-decoration: underline;} #registration #returnguestccinfo #ccrecords { margin: 10px 10px 10px 10px;} #registration #returnguestccinfo #ccrecords table#cc {margin-left: 0px; width: 100%; padding:4px;} #registration #returnguestccinfo #ccrecords table#cc tr.ccexpired td{background: #efc2c2;} #registration #returnguestccinfo #ccrecords table#cc td {background:#fff; padding:2px 4px; border:1px solid #CCCCCC;} #registration #returnguestccinfo table#ccform {margin: 15px;} #registration #returnguestccinfo #ccrecords table#cc tr.profile_ccinfo_update td{ background: #eeeeee;} #registration #returnguestccinfo #ccrecords table#cc td table#ccform td {border: none;} #registration #returnguestccinfo #ccrecords table#cc td table#ccform td.savebutton {margin-top: 4px;} #registration #returnguestccinfo a#addnewcc {margin-left: 12px;} #registration #guestccinfo table#ccform {width: 90%} #registration tr.billingLabel td {padding-top: 14px;} /* --- Registration --- */ /* --- errors --- */ div#bookingengine div.errors { margin-bottom:10px; width:100%; border:1px solid #cccccc; } div#bookingengine div.errors h3 { margin:10px; } div#bookingengine div.errors ul li { color:#ff0000; } /* --- errors --- */ /* --- registrationcancel --- */ div#bookingengine #registrationcancel { float:right; width:69%; } div#bookingengine #registrationcancel fieldset { width:100%; border:1px solid #cccccc; } div#bookingengine #registrationcancel fieldset p { margin:0; padding:10px; } /* --- registrationcancel --- */ /* --- registrationcreditcardmessage --- */ div#bookingengine #registrationcreditcardmessage { float:right; width:69%; } div#bookingengine #registrationcreditcardmessage p { margin:10px 0 0; padding: 0px 10px; } div#bookingengine #registrationcreditcardmessage p.strong { font-weight:bold; } /* --- registrationcreditcardmessage --- */ /* --- registration --- */ div#bookingengine #registration { float:right; width:69%; } div#bookingengine #registration fieldset#login { margin:20px 0 10px; width:100%; border:1px solid #cccccc; } div#bookingengine #registration fieldset#login table { margin:10px; } div#bookingengine #registration fieldset#login table tr td label { margin-right:30px; } div#bookingengine #registration fieldset#login table tr td input { width: 210px; } div#bookingengine #registration fieldset#login table tr td input.textsubmitactive { margin-top:10px; width: 120px; } div#bookingengine #registration fieldset#login table tr td span.completereservation input.textsubmitactive { background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:1px solid #000000; color:#ffffff; } div#bookingengine #registration fieldset#newguest { margin:20px 0 10px; width:100%; border:1px solid #cccccc; } div#bookingengine #registration fieldset#newguest fieldset { margin:20px; padding:10px; border:1px solid #cccccc; } div#bookingengine #registration fieldset#newguest fieldset table tr td { vertical-align:middle; } div#bookingengine #registration fieldset#newguest fieldset table tr td label { margin-right:30px; } div#bookingengine #registration fieldset#newguest fieldset table tr td span.optionalmessage { margin-left:5px; } div#bookingengine #registration fieldset#newguest fieldset table tr td div.checkbox { float:left; width:10%; } div#bookingengine #registration fieldset#newguest fieldset table tr td div.checkboxlabel { float:right; width:90%; } div#bookingengine #registration fieldset#newguest form#new_guest_registration fieldset#creditcardinformation table { float:left; width:365px; } div#bookingengine #registration fieldset#newguest form#new_guest_registration fieldset#creditcardinformation div#verisign { float:right; width:100px; margin:0; } div#bookingengine #registration fieldset#newguest form#new_guest_registration div#newguestsubmit { text-align:center; } div#bookingengine #registration fieldset#newguest form#new_guest_registration div#newguestsubmit button { margin:0 0 20px; padding:4px 8px; background-color:#00cc00; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); border:1px solid #000000; } div#bookingengine #registration fieldset#newguest form#new_guest_registration div#newguestsubmit button span.buttoncontent { font-size:15px; letter-spacing:0.5px; font-weight:bold; color:#ffffff; } div#bookingengine #registration #guestprofiles img.guestprofileheaderbutton { /*cursor: pointer;*/ display:none; } /* --- registration Return Guest Form --- */ div#bookingengine #registration #shopperdetails fieldset #returnGuestDetails { margin-top: 25px; } div#bookingengine #registration #shopperdetails fieldset #returnGuestDetails table { line-height: 14px; } div#bookingengine #registration #shopperdetails fieldset #returnGuestDetails table td { padding-bottom: 10px;} div#bookingengine #registration #shopperdetails fieldset #returnGuestDetails table td.guestName { padding-bottom: 5px;} div#bookingengine #registration table#specialRequests { margin-left: 41px; } div#bookingengine #registration table#specialRequests textarea { height:20px; width: 275px; line-height:20px; } div#bookingengine #registration #shopperdetails #guestDetails {margin-left: 0px;} #shopperdetails fieldset table#specialRequests td.special {width: 120px; } /* --- registration --- */ div#bookingengine #registration #disclaimerinfo fieldset legend { margin: 0px; } /* --- disclaimer --- */ div#bookingengine .disclaimermessage { margin: 0; } div#bookingengine .disclaimermessage p { margin-bottom: 5px; line-height: 14px;} /* --- Multi Room Confirmation ---*/ div#bookingengine div#confirmation {text-transform: none; clear:both; margin-left:90px; border: none; float: left; background: #fff; margin-bottom: 25px; padding-bottom: 12px;} div#bookingengine div#confirmation #summary { top:120px !important; float: none; width: 100%; background: none; } div#bookingengine div#confirmation fieldset { border: 1px solid #CCCCCC; margin: 10px 25px; padding: 5px 0 20px; } div#bookingengine div#confirmation fieldset legend, div#bookingengine div#confirmation div#miscDetails fieldset legend { font-size: 16px; font-weight: bold; } div#bookingengine div#confirmation #header { border: #252C48 solid 25px; height: 70px; text-align:center; font-size: 18px; padding-top: 50px;} div#bookingengine div#confirmation #subheader {margin: 25px 25px 10px;} div#bookingengine #confirmation h1 { font-size: 18px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; } div#bookingengine #confirmation h2 { font-size: 14px; font-weight: bold; margin: 3px 5px; padding-bottom: 0px; padding-left: 6px; } div#bookingengine #confirmation h3 { font-size: 14px; font-weight: normal; margin: 2px 0px 2px 5px; padding-left: 6px; } div#bookingengine #confirmation h4 { font-size: 12px; font-weight: normal; /*text-decoration: underline;*/ margin: 0px; padding-bottom: 0px; color: #AF7300; } div#bookingengine #confirmation p { margin-top: 5px; line-height: 14px; margin-bottom: 0px;} div#bookingengine #confirmation span {font-size: 10px; margin-top: 2px; line-height:18px; } div#bookingengine #confirmation div table { font-size: 12px; width: 100%; cell-spacing: 0px; margin: 5px auto 0px; border-collapse:collapse;} div#bookingengine #confirmation table tr { height: 15px; } div#bookingengine #confirmation table tr.strong { height: 15px; font-weight:bold; } div#bookingengine #confirmation table tr td { padding: 1px; } /*also in engine local*/ div#bookingengine #confirmation table.packages { border-collapse:collapse; font-size:12px; float:left; clear: both; margin: 10px 5px 0 0px; width: 400px; } div#bookingengine #confirmation table.packages tr.top {border-bottom: 1px solid #cccccc; padding: 2px;} div#bookingengine #confirmation table.packages td {padding: 3px 3px 3px 5px;} div#bookingengine #confirmation #roomdetails .row2 .col1 h4 { margin-left:12px; } div#bookingengine #confirmation hr { width: 98%; height: 1px; background: #cccccc; border: none; margin: 20px auto; } div#bookingengine #confirmation .cancellationPolicy {font-size: 10px; margin: 20px 15px 10px 21px; line-height: 12px; clear: both; width: 635px; } div#bookingengine #confirmation td.right { text-align: right; } /* new confirmation */ div#bookingengine #confirmation .row { overflow:hidden; margin: auto auto auto 6px;} div#bookingengine #confirmation .row div { background: #e9e9ec; width: 194px; margin: 10px 5px 0px; float: left; padding: 10px; } div#bookingengine #confirmation .row .col1 { min-height: 100px; width: 194px; margin: 10px 5px 0px; float: left; padding: 10px; } div#bookingengine #confirmation .col2 {height: 40px;} div#bookingengine #confirmation .col2.travel { display:none; } div#bookingengine #confirmationBorder .col2.travel, body.printconfirmation div#bookingengine #confirmation .col2.travel { display:block; } body.printconfirmation div#bookingengine #confirmation .col1 {height: 112px;} div#bookingengine #confirmation .row .packages { display:none; width:407px; float:left; } /*div#bookingengine #confirmation .row2 div { height: 130px; min-height: 100px; background: #e9e9ec; width: 194px; margin: 10px 5px 0px; float: left; padding: 10px; } */ /*html>body div#bookingengine #confirmation .row div {height:auto;}*/ div#bookingengine #confirmation .row2 div { background: none; width: 194px; margin: 10px 0px; float: left; padding: 10px; min-height: 0px;} div#bookingengine #confirmation .row2 {/* margin-bottom: 10px;*/ overflow: hidden; } div#bookingengine #confirmation .row2 .col3 { width: 190px; float: right; margin: 10px 30px 0 0;} div#bookingengine #confirmation #summary .resSpecialRequests { background: none; margin:10px 0 0 15px; } div#bookingengine #confirmation #roomdetails { margin-top: 15px; } div#bookingengine #confirmation #roomdetails .room { padding: 5px 0px 0 0; } div#bookingengine #confirmation #roomdetails .row div { background: none; margin-top: 0px; } div#bookingengine #confirmation #roomdetails .row .col2 { margin:auto; padding-right: 0px; width: 210px; } div#bookingengine #confirmation #roomdetails p.rates { font-size: 12px;} div#bookingengine #confirmation #roomdetails p.rates span { line-height: 10px; } div#bookingengine div#confirmation div#miscDetails fieldset p { margin: 5px 20px 0px; } div#bookingengine div#confirmation .guestInfo {width: 450px; overflow:hidden; float: left; } div#bookingengine div#confirmation .guestInfo .col { width: 194px; margin: 5px 5px 0px; float: left; padding: 10px 6px 10px 15px;; } div#bookingengine div#confirmation .rateInfo { width: 194px; margin: 5px 5px 0 10px;; float: left; padding: 10px; } div#bookingengine div#confirmation .guestInfo .packages { margin: 10px 5px 0px; float: left; padding: 10px 10px 10px 15px; clear:both; } /* new css for email confirmation layout*/ div#bookingengine #confirmation .guestInfo table.packages { border-collapse:collapse; font-size:11px; float:left; clear: both; /*margin: 10px 5px 0 16px;*/ width: 400px; } div#bookingengine #confirmation .guestInfo table.packages tr.top {border-bottom: 1px solid #cccccc; padding: 2px;} div#bookingengine #confirmation .guestInfo table.packages td {padding: 3px 3px 3px 5px;} /*---------------------------------------*/ /* --- confirmation --- */ /* --- special --- */ div#bookingengine #specialsignup { margin:20px 0; width:100%; } div#bookingengine #specialsignup form fieldset table tr td label { margin-right:30px; } div#bookingengine #specialsignup form fieldset table tr td span.optionalmessage { margin-left:5px; } /* --- special --- */ /* --- changereservation --- */ div#bookingengine #changereservationsection { width:100%; } div#bookingengine #changereservationsection form fieldset { width:100%; margin:20px 0; border:1px solid #cccccc; } div#bookingengine #changereservationsection form fieldset table { margin:80px 150px 140px; } div#bookingengine #changereservationsection form fieldset table tr td label { margin-right:30px; } div#bookingengine #changereservationsection form fieldset table tr td span.optionalmessage { margin-left:5px; } div#bookingengine #changereservationsection form fieldset table tr td input.textsubmitactive { margin-top:15px; } /* --- changereservation --- */ /* --- cancelreservation --- */ div#bookingengine #cancelreservationsection { width:100%; } div#bookingengine #cancelreservationsection form fieldset { width:100%; margin:20px 0; border:1px solid #cccccc; } div#bookingengine #cancelreservationsection form fieldset table { margin:80px 150px 140px; } div#bookingengine #cancelreservationsection form fieldset table tr td label { margin-right:30px; } div#bookingengine #cancelreservationsection form fieldset table tr td span.optionalmessage { margin-left:5px; } div#bookingengine #cancelreservationsection form fieldset table tr td input.textsubmitactive { margin-top:15px; } /* --- cancelreservation --- */ /* --- updateprofilelogin --- */ div#bookingengine #updateprofileloginsection { width:100%; } div#bookingengine #updateprofileloginsection form fieldset { width:100%; margin:20px 0; border:1px solid #cccccc; } div#bookingengine #updateprofileloginsection form fieldset table { margin:80px 150px 140px; } div#bookingengine #updateprofileloginsection form fieldset table tr td label { margin-right:30px; } div#bookingengine #updateprofileloginsection form fieldset table tr td span.optionalmessage { margin-left:5px; } div#bookingengine #updateprofileloginsection form fieldset table tr td input.textsubmitactive { margin-top:15px; } /* --- updateprofilelogin --- */ /* --- updateprofile --- */ div#bookingengine #updateprofilesection { margin:20px 0; width:100%; } div#bookingengine #updateprofilesection div.message { margin:20px 0; } div#bookingengine #updateprofilesection form fieldset {border:1px solid #CCCCCC;margin:20px 0;width:100%;} div#bookingengine #updateprofilesection form fieldset table {margin:80px;} div#bookingengine #updateprofilesection fieldset table tr td label { margin-right:30px; } div#bookingengine #updateprofilesection fieldset table tr td span.optionalmessage { margin-left:5px; } div#bookingengine #updateprofilesection fieldset table tr td div.checkbox { float:left; width:10%; } div#bookingengine #updateprofilesection fieldset table tr td div.checkboxlabel { float:right; width:90%; } /* --- updateprofile --- */ /* --- summarymodify --- */ div#bookingengine #summarymodify { } /* --- summarymodify --- */ /* --- summarycancel --- */ div#bookingengine #summarycancel { width:100%; margin:20px 0; padding:80px 0 140px; border:1px solid #cccccc; } div#bookingengine #summarycancel h4 { margin:10px 150px; } div#bookingengine #summarycancel p { margin:10px 150px; } /* --- summarycancel --- */ /* --- wideavail --- */ div#bookingengine #wideavail #properties div.property{ padding: 20px 0; width: 100%; clear: both;} div#bookingengine #wideavail #properties div.property img { float: left; margin-right: 30px;} div#bookingengine #wideavail #properties div.property dl dt{ font-weight:bold; font-size: 14px; margin-bottom: .3em;} div#bookingengine #wideavail #properties div.property dl dd{ margin-bottom: .3em;} div#bookingengine #wideavail #properties div.property dl dd form fieldset button{ padding: 4px 8px; background-color:#cccccc; } div#bookingengine #wideavail #properties div.property dl dd form fieldset button span{ color: #fff; font-weight: bold; font-size: 15px;} div#bookingengine #wideavail #wideavailbottommessage, div#bookingengine #wideavail #wideavailtopmessage { clear: both; width: 100%; margin-top: 20px;} /* --- wideavail --- */ /* --- Error and Disclaimer MD --- */ #errorMD { width: 250px; border: #3F3F3F 5px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; padding: 0px 0px 13px 15px; overflow: hidden; position: absolute; z-index: 10000; } #errorMD p { /*width: 185px;*/ margin: 0px; font-size: 12px; line-height: 16px; } #errorMD h2 { font-weight: bold; font-size: 16px; padding: 20px 0 2px 0; margin: 5px 0 10px; } #errorMD strong {font-weight: bold; font-size: 14px;} #errorMD .message { margin-right: 10px; } #errorMD .continue { float: right; margin-right: 10px; margin-top: 10px; clear:both; overflow: hidden; width: 245px; text-align: left; } #errorMD .continue input{ float: right; background:#2B324F /*transparent url(http://www.commonshotel.com/css/booking/create_bg.jpg) repeat-x*/; border:1px solid #9A7B72; color:#FFFFFF; cursor:pointer; font-size:14px; margin-left: 10px; margin-top: 10px; letter-spacing:0.5px;} #errorMD .continue a { color:#000; font-size:11px; /*font-weight:bold;*/ float: right; padding-top: 15px; display: block; text-align: left;} #errorMD #cancel { background:transparent url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:100@; margin:8px 8px 0 0; width:16px;} /* --- Help MD --- */ #helpMD { width:500px; border: #3F3F3F 5px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; padding:0 0 0px 25px; overflow: hidden; position: absolute; z-index: 10000; font-size: 12px; } #helpMD p { /*width: 185px;*/ margin: 0px; font-size: 12px; line-height: 16px; } /*#helpMD h2 { font-weight: bold; font-size: 16px; padding: 20px 0 2px 0; margin: 5px 0 10px; }*/ #helpMD strong {font-weight: bold; font-size: 14px;} #helpMD .message { margin-right: 10px; } #helpMD .continue { float: right; margin-right: 10px; margin-bottom: 10px; clear:both; overflow: hidden; width: 245px; text-align: left; } #helpMD .continue input{ float: right; background:#2B324F; border:1px solid #9A7B72; color:#FFFFFF; cursor:pointer; font-size:14px; margin-left: 10px; margin-top: 10px; letter-spacing:0.5px;} #helpMD .continue a { color:#000; font-size:11px; float: right; padding-top: 15px; display: block; text-align: left;} #helpMD #cancel { background:transparent url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:16px; margin:8px 8px 0 0; width:16px;} #helpMD h1 {font-size: 18px; margin:0px; padding:0px; clear:both; font-weight:bold; line-height:18px;} #helpMD h2 {font-size: 12px; margin-bottom: 0px; padding-bottom:0px;} #helpMD ol {padding-left: 20px; margin: 7px 0 0;} #helpMD ol li {list-style-type:decimal;} #helpMD ol img {margin: 10px 0px;} #helpMD img { margin:10px 20px; } #helpMD span { font-size: 10px; } #helpMD p.topmargin { margin-top: 15px;} /*.help { width: 500px; border: 5px solid black; margin: auto; padding:0 0 25px 25px; font-size: 12px; color: #333333;} .help #cancel {background:transparent url(../../shared/be/standard/1.3/bpimages/multiroom/cancel_btn.gif) no-repeat; cursor:pointer; float:right; height:16px; margin:8px 8px 0 0; width:16px;}*/ #summarycancel #confirmationwrap {border-top: 1px dotted rgb(204, 204, 204); border-bottom: 1px dotted rgb(204, 204, 204); margin: 10px 15px 0px 0px; padding: 10px 0pt; } #summarycancel #confirmationwrap h2 {margin: 0 0 3px 0; padding: 0;} #summarycancel p.emailtxt { font-size: 9px; line-height: 11px; width: 200px; margin-top: 10px; } .message hr#modify { border:none 0; border-top: 1px dashed #cccccc; margin-top: 10px;} #disclaimerMD { width: 312px; border: #c7c8cb 1px solid; background: #fff; padding: 0px 0px 13px 15px; overflow: hidden; position: absolute; z-index: 10000;} #disclaimerMD p { width: 290px; font-size: 10px; line-height: 12px; text-align: justify; margin: 0px; } #disclaimerMD h2 { font-weight: bold; font-size: 16px; padding: 20px 0 2px 0; margin: 0px; } #disclaimerMD strong {font-weight: bold; font-size: 14px;} #disclaimerMD .continue { float: right; margin-right: 10px; margin-top: 10px; clear:both; overflow: hidden; width: 200px; } #disclaimerMD .continue input{ float: right; background:#2B324F /*transparent url(http://www.commonshotel.com/css/booking/create_bg.jpg) repeat-x*/; border:1px solid #9A7B72; color:#FFFFFF; cursor:pointer; font-size:14px; margin-left: 10px;} #disclaimerMD .continue a { color:#2B324F; font-size:10px; font-weight:bold; float: right; padding-top: 5px;} #disclaimerMD #cancel { background:transparent url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:16px; margin:8px 8px 0 0; width:16px;} /* --- Error and Disclaimer MD --- */ /* --- message --- */ div#bookingengine #message { margin:20px 0; padding:80px 0 140px; width:100%; border:1px solid #cccccc; } div#bookingengine #message p { margin:10px 150px; } /* --- message --- */ /* --- auto complete --- */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('http://www.commonshotel.com/css/booking/indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /* --- auto complete --- */ /* --- signup form --- */ .hidden {display: none;} #spiffy_signup *{margin: 0; padding: 0; } #signupwrap {} #spiffy_signup {width: 403px; border: 1px solid black; color: #D5C5A4; background-color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; } #spiffy_signup .sserror {background-color: #89C2B5; color: #ffffff; text-align: center; font-size: 13px; font-weight: bold; padding: 5px 0;} #spiffy_signup .ssloader {background: url('http://www.commonshotel.com/css/bpimages/loader.gif') no-repeat; width: 16px; height: 16px; margin-left: 70px;} #spiffy_signup input {background-color: #ffffff;} #spiffy_signup input.inputerror {border: 3px solid #89C2B5;} #spiffy_signup #messagewrap {min-height: 50px; _height: 50px;} #spiffy_signup .sssuccess {color: #000; padding: 200px 80px; font-size: 14px; font-weight: bold; text-align: center;} #spiffy_signup .sssuccess a#successclose {text-decoration: none; color: #89C2B5;} #spiffy_signup #closex {text-decoration: none; color: #D5C5A4; position: absolute; top: 20px; right: 20px; padding: 3px; border: 1px solid #555555; background-color: #89C2B5; color: #fff; vertical-align: middle;} #spiffy_signup #closex img {border: none;} #signupwrap {margin: 4px; border: 2px solid #89C2B5; background-color: #ffffff; padding: 60px 0px 40px 0px; min-height: 435px; _height: 435px;} #spiffy_signup fieldset {border: none; padding: 0 30px; .padding: 0px; width: 305px;} #spiffy_signup legend {font-weight: bold; font-size: 13px; padding: 0;/*padding-top: 13px;*/} #spiffy_signup table {margin: 15px 0 0 25px;} #spiffy_signup input { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #555555; border-left: 1px solid #555555; } #spiffy_signup #signupseperator {margin-left: 20px;} #spiffy_signup td {padding-bottom: 8px;} #spiffy_signup th {text-align: right; vertical-align: top; font-weight: normal; padding-right: 10px; width: 105px;} #spiffy_signup th label {color: #000000;} #spiffy_signup th label.labelrequired {font-weight: bold;} /*#signup #submit * {margin: 0; padding: 0;}*/ #spiffy_signup #submit {background-color: #89C2B5; color: #FFF; /*width: 76px; height: 24px;*/ cursor: pointer; float: right; margin-top: 20px; margin-right: 22px; .margin-right: 15px; _margin-right: 15px; vertical-align: middle; border: 1px solid #555555; text-align: center; padding: 3px 5px;} #spiffy_signup #submit span {/*display: block; background-color: #96DE0C; width: 75px; height: 19px; margin-top: 1px; padding-top: 2px; padding-bottom: 3px;text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 12px;*/ text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px;} /* --- end signup form --- */ /* the missing pages*/ div#bookingengine #specialsignup #newguestsubmit button.buttonactive, /* special signup 'submit' button */ div#bookingengine #registration form fieldset#login table tr td input.textsubmitactive, /* regsiter cc# buttons */ div#bookingengine #changereservationsection form fieldset table tr td input.textsubmitactive, /* modify buttons */ div#bookingengine #cancelreservationsection form fieldset table tr td input.textsubmitactive, /* cancel buttons */ div#bookingengine #updateprofileloginsection form fieldset table tr td input.textsubmitactive, /* modify profile buttons */ div#bookingengine #updateprofilesection form #newguestsubmit .buttonactive, div#bookingengine #wideavail #properties div.property dl dd form fieldset button /* wideavail 'Book Now' button */ {background: #ccc; color: #323232; border: 1px solid #a4a4a4; padding: 4px; font-weight: bold; margin-top: 16px;} div#bookingengine #registration form fieldset#login table { width: 412px; } div#bookingengine #registration form fieldset#login table tr td input.textsubmitactive { width:auto; margin-left: 12px; height: 30px; } div#bookingengine #registration form fieldset#login table tr td input.textsubmitactive + input.textsubmitactive { background-image:none; background-color:#ffffff; } div#bookingengine #registration form fieldset#login table tr td span.completereservation input.textsubmitactive { font-weight: bold; padding:4px 8px; font-size: 15px; margin-left: 0px; } div#bookingengine #multistay .dropamount { background-color:#FFFFFF; border:1px solid #CCCCCC; height:30px; float:left; position:relative; top:0; width:75px; } div#bookingengine #multistay .dropamount .amountitem { position:relative; } div#bookingengine #multistay .dropamount .amountitem span { } div#bookingengine #multistay .dropamount .amountitem ul { width: 47px; background: #ffffff; border-color: #cccccc; border-width: 0 1px 1px 1px; border-style: solid; z-index:9999;} div#bookingengine #multistay .dropamount .amountitem ul li{ text-align: center; } div#bookingengine #multistay .dropamount h2 { background:transparent url(http://www.commonshotel.com/css/bpimages/multiroom/dropDownArrow.jpg) no-repeat scroll right top; color:#000066; cursor:pointer; font-size:1em; font-weight:normal; height:30px; margin:0; padding:0; } div#bookingengine #multistay h2 { color:#222222; font-size:1.1em; margin-top:10px;div#bookingengine div#confirmation } div#bookingengine #buttons button { background: transparent url(http://www.commonshotel.com/css/bpimages/multiroom/stepsBG.jpg) repeat-x scroll 0 0; border: 1px solid #CCCCCC; padding: 3px; cursor: pointer;} #profilesignin * {font-family:Arial, Helvetica, sans-serif;} .message * {font-family:Arial, Helvetica, sans-serif;} #errorMD .continue a {font-family:Arial, Helvetica, sans-serif;} #profilesignin { line-height: 1; display: block; position: absolute; z-Index: 10000; background-color: #eee; padding: 0px; width: 330px; background: #fff; color: #666666; /*overflow: hidden;*/ margin: auto; height: 244px; font-size: 12px; text-transform: none; border:5px solid #3F3F3F;} #profilesignin h2 { font-weight: bold; font-size: 15px; margin: 0; padding: 0px; text-transform: none;} #profilesignin p { font-weight: normal; font-size: 12px; margin-top: 0px; padding: 0px; } #profilesignin .createAccount {float: right; margin-top: 85px; position: relative; margin-bottom: 16px;} #profilesignin .createAccount input {border: 1px #cccccc solid; min-height: 34px; width: 250px; background: url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x; text-align: center; font-weight: bold; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; float:right; } #profilesignin #right { width: 250px; min-height: 186px; margin: 25px 0 5px 40px; float: left; position: relative;} #profilesignin label { display: block; font-size: 12px; color: #bcbcbc; float: left; margin-bottom: 2px; } #profilesignin #emailInput {width: 100%; margin-top: 9px;overflow: hidden; height: 50px;} #profilesignin #emailInput input#newguestemailaddress {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #profilesignin #emailInput input#repeatguestemailaddress {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing:.5px;} #profilesignin #passwordInput {width: 100%; margin-top: 6px;overflow: hidden; height: 50px;} #profilesignin #passwordInput input#repeatguestpassword {float:left; height: 20px; padding: 7px 3px 0px 3px ; width: 240px; font-size: 14px; color:#666; border: 1px solid #bcbcbc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #profilesignin .signinErrorMsg { position: absolute; top: 130px; line-height: 14px;} #profilesignin .login {float: right; margin-top: 25px; position: relative; margin-bottom: 16px;} #profilesignin .login input {border: 1px #cccccc solid; min-height: 34px; width: 250px; background: url(http://www.commonshotel.com/css/bpimages/buttonbackground.jpg) repeat-x; text-align: center; font-weight: bold; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; float:right; } #profilesignin .login input.textsubmitactive, #profilesignin .createAccount input.textsubmitactive { width: 100px; float: right;} #profilesignin .login .forgot { clear: both; font-size: 10px; float: right; margin-top: 0px; margin-bottom: 5px; width: 100%; } #profilesignin .login .forgot a { color: #252C48; float: right; font-size: 10px;} #profilesignin #cancel {float: right; margin: 10px 10px 0 0; cursor: pointer; background: url(http://www.commonshotel.com/css/bpimages/multiroom/cancel_btn.gif) no-repeat; height: 16px; width: 16px;} #profilesignin .msg2 { display: none; position: absolute; top: 90px; /*margin-top: 11px; margin-bottom: 15px; height: 30px;*/ line-height: 15px; font-size:12px; width: 250px;} #profilesignin .msg2 p { line-height: 12px; margin-bottom:5px; text-align:right; } div#bookingengine div.reservations table { margin: 15px 0 4px 0; border: solid 1px #ccc; } div#bookingengine div.reservations table th { padding: 4px; text-align: center; border: solid 1px #ccc; cursor: pointer; font-weight: bold; } div#bookingengine div.reservations table td { padding: 4px; text-align: center; border: solid 1px #ccc; font-size:11px; vertical-align:middle;} div#bookingengine div.reservations table td a { text-decoration: none; } /* --- user profile --- */ div#bookingengine #guestprofile { margin-top: 10px; } #guestprofile strong { font-weight:bold; } #guestprofile div#active_reservations h2, #guestprofile div#profile_shopperdetails h2, #guestprofile div#ccrecords h2{font-size:16px; font-weight:bold;} #guestprofile #active_reservations hr, #guestprofile div#profile_shopperdetails hr, #guestprofile div#ccrecords hr { height: 1px; background: #cccccc; border: none; margin: 3px 0px 10px; } #guestprofile div#ccrecords tr.ccexpired {background: #efc2c2;} #guestprofile div#active_reservations table thead td {text-decoration:underline;} #guestprofile div#active_reservations table, #guestprofile div#old_reservations table, #guestprofile div#ccrecords table#cc {background: #ffffff; width: 740px; text-align:center;} #guestprofile div#active_reservations table {table-layout:fixed;} #guestprofile div#active_reservations table th.header, #guestprofile div#old_reservations table th.header, #guestprofile div#ccrecords table#cc th.header {text-decoration: underline;} #guestprofile div#active_reservations table th.roomtype {width: 300px; } #guestprofile div#active_reservations table th.ninety {width: 90px; } #guestprofile div#active_reservations table span.viewreslink {text-transform:capitalize;} #guestprofile div#active_reservations table thead, #guestprofile div#old_reservations table thead, #guestprofile div#ccrecords table#cc thead{background: #efefef;} #guestprofile div#active_reservations table a, #guestprofile div#old_reservations table a, #guestprofile div#ccrecords table#cc td a.ccmodify{text-decoration: underline; text-transform: capitalize;} #guestprofile div#active_reservations table td span, #guestprofile div#old_reservations table td span, #guestprofile div#ccrecords table#cc td a.ccmodify{font-size: 10px;} #guestprofile div#returnguestdetails {font-size: 14px; margin-top: 15px; padding-left: 10px;} #guestprofile div#guestdetails table {border-collapse:separate !important; width: 400px;} #guestprofile div#guestdetails table label {line-height: 18px;} #guestprofile div#guestdetails td { /*border: 1px solid red;*/ padding-right: 10px; padding-top: 2px;} #guestprofile div#guestdetails td.title { width: 80px; } #guestprofile div#guestdetails td input {width: 100%;} #guestprofile div#guestdetails .checkbox {margin-top: 5px;} #guestprofile div#profile_shopperdetails { margin: 30px 0px; } #guestprofile div#profile_shopperdetails #returnguestdetails table {font-size: 14px;} #guestprofile div#profile_shopperdetails #returnguestdetails table td.guestName { width: 115px;} #guestprofile div#profile_shopperdetails #returnguestdetails table td { height:25px } #guestprofile div#profile_shopperdetails #returnguestdetails table td.address { padding-bottom: 7px; line-height: 16px;} #guestprofile a.userbutton, #ccrecords a.userbutton, #guestccinfo a.userbutton { border: 1px solid #a7a7a7; padding: 3px 10px; font-size: 14px; font-weight: bold; color: #fff !important; text-decoration:none; background-image:url('http://www.commonshotel.com/css/bpimages/buttonbackground.jpg'); line-height: 30px;} #guestprofile #save_guestinfo { float: left; margin-bottom: 30px;} #guestprofile #cancel_save_guestinfo { float: left; margin-left: 10px; line-height: 30px;} #guestprofile div#ccrecords {clear:both; margin:30px 0 200px;} #guestprofile div#ccrecords table { margin: 15px 0 4px 0; border: solid 1px #ccc; } #guestprofile div#ccrecords table th { padding: 4px; /*text-align: center;*/ border: solid 1px #ccc; cursor: pointer; font-weight: bold; } #guestprofile div#ccrecords table td { padding: 4px; /*text-align: center;*/ border: solid 1px #ccc; } #guestprofile div#ccrecords table td a { color: #000; } #guestprofile div#ccrecords table#cc tr.profile_ccinfo_update { background:#EFEFEF; } #guestprofile div#ccrecords table#ccform {text-align: left; border: none; margin: 4px;} #guestprofile div#ccrecords table#ccform tbody {/*border: double 1px #ccc;*/} #guestprofile div#ccrecords table#ccform th, #guestprofile div#ccrecords table#ccform td {text-align: left; border: none; text-align: left;} #guestprofile div#ccrecords table#ccform input#ccbillingaddress { width: 211px; text-overflow: ellipsis; overflow: hidden;} #guestprofile div#ccrecords table#ccform td.savebutton {height: 35px; line-height: 35px;} #guestprofile div#ccrecords table#ccform .saveccrecord {height: 35px;text-decoration: none; } #guestprofile div#ccrecords table#ccform span.cancelsaveccrecord a {text-decoration: underline;} #guestprofile div#ccrecords table#ccform td.hidden {display: none;} #guestprofile div#confirmation div#profile_controls {padding:0; background: #E7DFD2; overflow:hidden;} #guestprofile div#confirmation div#profile_controls button {cursor: pointer; background:#ffffff;} #guestprofile div#confirmation div#profile_controls button#emailconfirm {display:none;} #guestprofile .guestInfo {width: 450px; overflow:hidden; float: left; } #guestprofile .guestInfo .col { width: 194px; margin: 5px 5px 0px; float: left; padding: 10px 6px 10px 15px;; } #guestprofile .guestInfo .packages { margin: 10px 5px 0px; float: left; padding: 10px 10px 10px 15px; clear:both; } #guestprofile .rateInfo { width: 194px; margin: 5px 5px 0 10px;; float: left; padding: 10px; } div#bookingengine #confirmation #profile_controls button {padding: 3px 3px 0; cursor: pointer;} /* Neg Link */ p#neglink { display: none; } p#NegCodeButton { display: block; color:#93600F; font-size:10px; letter-spacing:0.1em; background: url("../../shared/be/standard/1.3/bpimages/multiroom/stepsBG.jpg") repeat-x scroll 0 0 transparent; padding:4px 0; border:1px solid #CCCCCC; cursor:pointer; text-align: center; float: left; margin-right: 10px; height: 15px; overflow: hidden; width: 200px; } p#NegCodeButton a { text-decoration: none; color:#93600F; font-size:10px; } div#buttons button { height: 25px; } div#bookingengine #summarywrapper { width: 250px; float: left; } /* move to appropriate spot if this works div#bookingengine {min-height: 800px;} #bookingengine #newconfirm #confirmation { margin: 15px 20px; width: 500px; padding:25px;} #bookingengine #newconfirm #confirmation h3 { font-weight: bold; padding-left: 0px; margin: 2px 0 7px;} #bookingengine #newconfirm #confirmation h4 { margin-bottom: 7px; } #bookingengine #newconfirm #confirmation table { margin-bottom: 7px; width: 450px;} #bookingengine #newconfirm #confirmation table caption { font-weight: bold; width: 300px;}*/ /* don't delete */ } /* don't delete */