/*over ride site css*/ #mainTD {min-height:600px;vertical-align:top;clear:both;font-size:15px;color:#291a0e;padding-bottom:40px;line-height:1.1em;text-align:left;} @media (max-width: 1061px) {section.section {padding-top:88px}} @media (max-width: 1020px) {section.section {padding-top:30px}} @media (max-width: 500px) {section.section {padding-left:1px;padding-right:1px}} .btn {min-width: 0px!important;} #mainTD .btn {height:22px;background-color:#6e625a;color:#fff;border:none} .form-control {height:30px;padding-top:3px;padding-bottom:3px} /*over ride site css*/ body {overflow-x:hidden} input[type=number] {text-align:center} a {color: #650021;} #navTD * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box} #navTD { height:198px;padding-top:6px; margin-bottom:20px;background: url(https://reservations.saintpaulhotel.com/images/SPH/headbg.png) repeat-x top left; } .navTDinside { height:198px; margin:0 auto; width:962px; background: url(https://reservations.saintpaulhotel.com/images/SPH/bg_InternalHeader.jpg) no-repeat top center;} #navTD .navLogo { height: 113px; width: 146px; margin: 20px 0 0 30px; padding: 0; position: absolute; text-decoration: none; z-index: 5;} #navTD .navLogoText { height: 59px; width: 433px; margin: 45px 0 0 187px; padding: 0; position: absolute; text-decoration: none; text-indent: -3000px; z-index: 5;background: url(https://reservations.saintpaulhotel.com/images/SPH/logo_stPaulHotel_text.png) no-repeat scroll 0 0 transparent;} #navTD .utilityNav { float: right; height: 34px; margin: 0 -9px 0 0 ; padding: 0; position: relative; width: 424px; z-index: 2; } #navTD .utilityNav ul { margin: 0; padding: 0; } #navTD .utilityNav ul li { float: left; list-style: none outside none; margin: 0; padding: 0; color: #777777; line-height: 1.4em; } #navTD .utilityNav ul li a { color: #F7E3D0; display: block; font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2","EB Garamond",serif;font-size: 15px;text-decoration:none;display:block;height:34px;margin:0;padding:0;text-indent:-3000px;} #navTD .utilityNav ul li.home a { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_home.png") no-repeat scroll 0 0 transparent; width: 96px; } #navTD .utilityNav ul li.reservations a { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_reservations.png") no-repeat scroll 0 0 transparent; width: 111px; } #navTD .utilityNav ul li.giftCards a { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_giftCards.png") no-repeat scroll 0 0 transparent; width: 109px; } #navTD .utilityNav ul li.directions a { background: url("https://reservations.saintpaulhotel.com/images/sph/utilityNav_directions.png") no-repeat scroll 0 0 transparent; width: 108px; } #navTD .utilityNav ul li.home a:hover { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_home.png") no-repeat scroll 0 bottom transparent; } #navTD .utilityNav ul li.reservations a:hover { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_reservations.png") no-repeat scroll 0 bottom transparent; } #navTD .utilityNav ul li.home a:hover { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_home.png") no-repeat scroll 0 bottom transparent; } #navTD .utilityNav ul li.giftCards a:hover { background: url("https://reservations.saintpaulhotel.com/images/SPH/utilityNav_giftCards.png") no-repeat scroll 0 bottom transparent; } #navTD .utilityNav ul li.directions a:hover { background: url("https://reservations.saintpaulhotel.com/images/sph/utilityNav_directions.png") no-repeat scroll 0 bottom transparent; } #navTD .mainNav { position: absolute; background: url("https://reservations.saintpaulhotel.com/images/sph/bg_mainNav.png") no-repeat scroll 0 0 transparent; height: 79px; z-index: 2; margin: 126px -31px 0 -31px; padding: 0 35px; width: 962px; } #navTD .mainNav .navTDtable1 { position:absolute; width:952px; margin-top:27px;background: url("https://reservations.saintpaulhotel.com/images/sph/nav_linkDivider.png") no-repeat center left transparent} #navTD .mainNav .navTDtable2 { position:relative; } #navTD td { height:48px;} #navTD a { color:#F7E3D0; font-size:18px; line-height:48px; font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2","EB Garamond","Times New Roman",serif;} b.menuTextNavRight { font-weight:normal} #navTD b.menuText { color:#ffffff; } #navTD td a { padding:0 30px;height:48px;display:block;float:left;background: url("https://reservations.saintpaulhotel.com/images/sph/nav_linkDivider.png") no-repeat center right transparent;} #navTD a:hover { text-decoration: none} #navTD td a:hover { color: #e6ae7f; background: url("https://reservations.saintpaulhotel.com/images/sph/bg_mainNavOn.png") repeat-x 0 0 transparent;-moz-box-shadow: inset 0 0 5px #333;-webkit-box-shadow: inset 0 0 5px #333;box-shadow: inner 0 0 5px #333;} .contentWrap { background: url(bg_contentWrap.png) repeat-x 0 0 #FFF;margin: -20px 0 40px;padding: 0; width: 100%;} .contentWrap .container { width:auto;max-width: 1000px;background: url(bg_content.png) no-repeat scroll 0 -20px transparent;display: block;min-height: 570px; box-sizing:border-box;padding:30px 30px 30px 30px; } .adminmode #navTD,.adminmode .navTDinside {height:auto;background:none;padding: 0;margin: 0;width: 100%} .adminmode .navLogo,.adminmode .navLogoText,.adminmode .utilityNav {display: none} .adminmode #navTD .mainNav {position: relative;margin:0 auto;width: 960px;background:none;height: auto;padding: 0} .adminmode #navTD .mainNav table {position: relative;width: 100%;background:#000;height: auto;margin: 0} .adminmode #navTD .mainNav .navTDtable2 tr>td:first-child .menuText:before {content: 'ADMIN MODE';color:#F7E3D0;float: left;padding:0 20px;} .adminmode #navTD td a {background: none} .subNav {background: url(https://www.saintpaulhotel.com/amm/themes/SPH_2011/images/bg_subNav.png) no-repeat scroll -25px 0 transparent;display: inline;float: left;height: 381px;margin: 31px 0 0 35px;padding-top: 31px;width: 249px;} .subNav ul.subNav_ext { margin: 0 0 0 4px; padding: 0;} .subNav ul li.subnav_section_header { margin: 0 0 -5px -11px; padding: 0;} .subNav ul li { line-height: 1em; list-style: none outside none; margin: 0; padding: 15px 60px 0 0; width: 180px;} .subNav ul li.subnav_section_header.current a, .subNav ul li.subnav_section_header a {color: #333;font-size: 17px;font-weight: bold;margin: 0;padding: 0;text-transform: uppercase;width: 200px;display: block;} .subNav ul li.current ul.subNav_int li, .subNav ul li.current a, .subNav ul li a:hover {color: #a80c35;} .subNav ul li a {color: #333;display: block;font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",serif;font-size: 16px;margin: -2px 0 2px 0;text-align: left;text-decoration: none;line-height: normal;width: 155px;margin-left: 25px;} .oneCol {display: block;float: left; margin: 61px 0 0 5px; width: 640px;} .subNav ul li:before {background: url(/includes/subNavIcon.png) no-repeat 0 top transparent;display: block; float: left; height: 13px; margin: 2px 10px 0 0; width: 15px; content: ' '} .subNav ul li:hover:before {background-position: 0 bottom ;} .subNav ul li.subnav_section_header:before {display:none} @media (max-width: 1000px) { #navTD .mainNav {background-size:100% 79px;margin: 126px -35px 0 -35px;} #navTD .navTDinside {height:100%;width:100%;background-size:100% 100%} #navTD .utilityNav {margin-right:2px} #navTD td a {color:#padding:0 15px;text-indent:0!important} .subNav {background:none;display:block;width:100%;height:auto;margin:0;padding:0;width:100%;overflow:hidden;height:1.2em;} .subNav ul li.subnav_section_header {display:none} .subNav ul li {width:auto;padding:0 10px 0 0;float:left;} .subNav ul li a {width:auto;} .oneCol {float:none;width:100%;margin:2em 0 0 0} .contentWrap .container {padding:30px 10px;background:#fff} } @media (max-width: 666px) { #navTD {height:99px;background-size:100% 100%;margin-bottom:0px;} #navTD .utilityNav {width:250px;height:24px;background: url("https://reservations.saintpaulhotel.com/images/sph/bg_mainNavResponsive.png") repeat-x scroll 0 0 transparent;background-size: 100% 24px;border-radius:0 0 5px 5px} #navTD .utilityNav ul li {padding:0; margin:0;} #navTD .utilityNav ul li a {background:none!important;width:auto!important;font-size:12px;height:20px;line-height:20px;padding:2px 7px;text-indent:0;color:#eee;text-shadow: 0 -1px 0 #rgba(189,15,67,.5);font-weight:normal} #navTD .utilityNav ul li a:hover {color:#e6ae7f} color: #e6ae7f; #navTD .navTDinside {height:100%;width:100%;background-size:100% 100%} #navTD .navLogo {margin:10px 0 0 0;height:60px;width:73px} #navTD .navLogo img {width:100%;height:100%} #navTD .navLogoText {margin: 26px 0 0 80px;background-size:100%;height:28px;width:215px} #navTD .mainNav {background-size:initial ;background: url("https://reservations.saintpaulhotel.com/images/sph/bg_mainNavResponsive.png") repeat-x scroll 0 0 transparent;height:30px;width:100%;margin:0;padding:0;top:90px;overflow:hidden} #navTD td {height:auto} #navTD .mainNav .navTDtable1 {margin:0;width:100%;} #navTD .menuText, #navTD td a {color:#eee;text-shadow: 0 -1px 0 #rgba(189,15,67,.5);line-height:28px;height:28px;background:none!important;height:auto;font-size:12px;;float:none;display:inline-block;padding:0 2px;box-shadow:none!important;white-space:nowrap} .subNav ul li a {font-size:.8em;line-height:1.8em} .contentWrap {background: none;margin: 0;padding: 0;} .container {max-width: 1000px;background:none;padding:0 5px; } .adminmode #navTD {height: auto;margin-bottom:0px;} .adminmode #navTD .navTDinside {height:auto} .adminmode #navTD .mainNav {background-size:intial ;background: none;height:auto;width:100%;margin:0;padding:0;top:0px;} .adminmode #navTD td {height:auto} .adminmode #navTD .mainNav .navTDtable1 {margin:0;width:100%;width:100%} .adminmode #navTD .menuText, .adminmode #navTD td a {line-height:28px;height:28px;background:none!important;height:auto;font-size:12px;;float:none;display:inline-block;padding:0 5px;box-shadow:none!important;} } @media (max-width: 340px) { #navTD .utilityNav {width:205px;} #navTD .utilityNav ul li.home {display:none} } #calendar {margin-top:2em} #eventpopup {display:none;position:absolute;bottom:0;right:0;width:600px;height:300px;z-index:1000;overflow:none;} #eventpopup .event {background-color:#f3f0ed;overflow:hidden;width:100%;height:100%;padding:10px;box-shadow: 5px 5px 5px rgba(0,0,0,.2)} #eventpopup .dte,#eventpopup .tbuy {display:none} .fc-more-popover {top:50%!important;left:50%!important;margin-left:-150px!important;width:300px!important;height:200px!important;margin-top:-100px!important} .fc-event {border: 1px solid #6e625a; background-color: #6e625a;} .fc-event:hover {background-color: #7e726a;} .fc-event:hover:after {content:'Click for more';font-size:.8em;font-style:italic;font-weight:bold;padding:0 5px;display:block;text-align:center;} .fc-day-grid-event .fc-time {font-weight:normal;color:#e2a852;} .fc-day-grid-event .fc-content {white-space: normal} .fc-day-grid-event .fc-time:after {content:'m'} .fc-basicWeek-view .fc-day-grid-event .fc-time {display: block;text-align:right} .fc-unthemed .fc-today {background:#f3f0ee} .bought, .event {max-width:970px;clear:both; padding:10px;margin:1em auto;background:#f3f0ed;border-radius: 5px;/*box-shadow: 5px 5px 5px rgba(0,0,0,.2);*/} .event > .image {float:right;max-width:200px;width:33%; padding:1.2em 5px 5px 5px; } .event > .image > img {width:100%;border-radius:5px;box-shadow: 5px 5px 5px rgba(0,0,0,.2)} .event > .ename {display:block;font-weight:bold;text-decoration:underline;font-size:1.2em;text-transform:capitalize;margin-bottom:.2em} .event > .einfo {display:block;color:#111;font-size:.9em} .bought > .subform, .event > .eventSessions {padding:5px;margin:5px 0;xx-width:620px} .session,.tickets {display:table;width:100%;padding-bottom:5px;} .session >span, .tickets >span {display:table-cell;height:auto;vertical-align: middle;vertical-align:top} .tickets >div.err {display:table-row;font-size: .9em} .dte b {display:inline-block;white-space: nowrap;width:250px;} .dte i {font-weight:normal;white-space:nowrap;} .sinfo {font-style:italic;color:#111;font-size:.9em} .session >.action {text-align: right} .tinfo {display:inline-block;font-weight:bold;width:250px} .tcost {display:inline-block;white-space:nowrap;vertical-align:top} .tbuy {text-align:right} input.quantity {height:22px;border-radius:3px;border:none;width:80px;border:1px solid white;width:50px;} .buybtn {width:90px} @media (max-width: 512px) {input.quantity {width:80px}} .dte i:before {content:'Duration: ' ;white-space:nowrap;font-style:italic} .dte i:after {content:' minutes' ;white-space:nowrap;font-style:italic} .dte i.person:after {content:' per person';} .tcost:after {content:' per person';white-space:nowrap;font-style:italic} .sellmsg {font-weight:bold;margin-bottom:10px} .action .msg {white-space: nowrap;} .msg {font-weight:bold; color:darkred;margin-bottom:10px} .sinfo .msg {float:right;} .action .msg {font-size: .9em} #regform,#discountSection {clear:both;max-width:620px} #regform .c1 {display:inline-block;} #regform .c2 {display:inline-block;float:right} #discountSection label, #regform label, .codeSection label {display:inline-block;width:110px;font-weight:normal;} #regform .form-control {display:inline-block;width:calc(100% - 110px);padding-left:6px!important} #regform div.form-control {width:calc(100% - 115px)} #regform .overRideTotal .form-control {width:90px} #regform .billmeRow {height:34px;padding:6px 0;} #regform .comments >label, #regform .comments >.form-control {display:block;width:100%} #regform .ccExp .form-control {width:77px} #regform .ccExp #source_exp_month.form-control {margin-right: 6px;width:95px} #regform .buyBtn {text-align:center;} .notonweb {display:none} .subform {display:none} @media (min-width: 450px) { .m {display:none!important} } @media (max-width: 801px) { .bought > .subform, .event > .eventSessions {width: 100%;clear:both} .dte i:before {content:'Duration: '} .dte i:after {content:' min.'} .dte i.person:after {content:' each'} .tcost:after {content:' each'} .session >span.action, .tickets >span.action {vertical-align:top} /*#regform,#discountSection {max-width:290px} */ .applyCode {display: block;margin: 5px 0 5px 110px;} #discountSection .msg {clear:both} #regform .c1,#regform .c2 {display:block;margin-right:0} #regform .comments >.form-control {display:block;width:100%;xmax-width:600px;} textarea {height:8em!important} } @media (max-width: 451px) { .d {display:none!important} .dte b,.tinfo {width:150px} } .orderDetails {empty-cells:show} .orderDetails td {vertical-align:top;min-width:110px} #buyErrors {background:beige;border-radius:5px;padding:10px} .errField input,input.errField,.errField textarea, .errField select,select.errField {border-color:darkred!important;background:beige;} .fc-basicDay-button {display:none!important} .fc-basicWeek-button {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .adminOnly {color:green} #discountSection .form-control {display:inline-block;width:calc(100% - 225px);padding-left:6px!important;} #discountSection .form-group {min-height:30px} #discountSection .msg {line-height:30px} #buyform .btn,.applyCode {height:30px;vertical-align:bottom} input.applyCode {width:110px!important} .showCodeSection,.hideCodeSection {float:right;min-width:180px!important} .codeView .showCodeSection,.hideCodeSection,.codeSection {display:none} .codeView .hideCodeSection,.codeView .codeSection {display:block} .duration {padding-left:5px} #loading {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #00000020;} #loading>div {position: absolute; top: calc(50% - 60px); height:120px; left: calc(50% - 60px); width:120px; background: #fff; border-radius:15px;padding:10px; text-align:center;color:#2357b3} .m.dte.d0,.d.dte.d0 {display:none} .form-group button {padding-top:0!important;padding-bottom:0!important}