/******************************* Horizontal Styles **************************************/ /* Overall Wrapper for Client Supplied Snippet */ #OT_searchWrapperAll { width:95%; position: relative; margin:0; padding:8px; border: 1px solid #61564c; height:112px; background-color: #f9f5ea; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; } /* wrapper */ #OT_searchWrapper { width:100%; position: relative; margin:0; } /* Title of Search */ #OT_searchWrapper .OT_feedTitle { background: none; font-size:14px; font-weight:normal; line-height:1em; color:#000; } /* Definition List */ #OT_searchWrapper dl { position: absolute; top: 0; left: 0; padding:0; margin:0; } /* Party Size Label Wrapper - dt tag */ #OT_partySizeLbl { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */ padding:3px 0; text-align:right; width:80px; } /* Party Size Wrapper - dd tag */ #OT_partySize { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 90px;/* for horizontal layout: 120px, for vertical layout: 85px */ margin:0; padding:0; } /* Date Label Wrapper - dt tag */ #OT_dateLbl { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 135px;/* for horizontal layout: 180px, for vertical layout: 0px */ margin: 0 0 0 5px; padding:3px 0; text-align:right; width:55px; } /* Date Label Wrapper - dd tag */ #OT_date { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 200px;/* for horizontal layout: 245px, for vertical layout: 85px */ width:100px; margin:0; padding:0; } /* Time Label Wrapper - dt tag */ #OT_timeLbl { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 300px;/* for horizontal layout: 335px, for vertical layout: 185px */ width:60px; padding:3px 0; text-align:right; } /* Time Label Wrapper - dd tag */ #OT_time { position: absolute; top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 370px;/* for horizontal layout: 398px, for vertical layout: 275px */ margin:0; } /* Placeholder empty dt */ #OT_empty { position:absolute; width:0; height:0; padding:0; margin:0; top:100px; left:0; } /* Submit Button Wrapper - dd tag */ #OT_submitWrap { position:relative; top: 85px; left: 8px; z-index:5; /* do not change */ } /* Wrapper for Powered By OpenTable Logo */ #OT_logo { position:absolute; top:90px; /* for horizontal layout: 80px, for vertical layout: 120px */ left:390px; /* for horizontal layout:0px, for vertical layout: 0px */ padding:0; margin:0; display:block; } /* Wrapper for Text Link */ #OT_logoLink { position: absolute; top: 97px;/* for horizontal layout: 60px, for vertical layout: 100px */ left: 260px; /* for horizontal layout: 0px, for vertical layout: 0px */ padding:0 0 10px 0; margin:0; font-size:11px; display:block; } /* text link padding */ #OT_logoLink a { padding:0 0 0 10px; } /* Logo Link Border and margin*/ #OT_imglogo { border: 0; margin:0 0 0 10px; } #OT_searchWrapper form {margin:0;padding:0;} #OT_searchWrapper input.hidden {display:none;} /* Text Form Fields */ #OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option { font-size:12px; margin:2px 2px 2px 2px; } /* Text Form Field for Date field */ #OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { font-size:12px; margin:0; width:85px; } #OT_searchWrapper #dateDisplay { font-size:10px; color:#999; float:right; margin:0px 30px 0px 0px; display:inline; } /*** calendar styles ***/ /* Placeholder. Don't change this */ #OT_searchWrapper .imgCal { position: absolute; display: none; z-index:100; background-color: #FFF; } /* Calendar Table properties */ #OT_searchWrapper #imageCal table { font-size:12px; width:150px; font-family:arial; font-weight: bold; background:#FFF; border:none; } #OT_searchWrapper #imageCal a { border: none; } #OT_searchWrapper #imageCal td { padding:0px 0px 0px 0px; text-align:center; } /* Days in the future */ #OT_searchWrapper .clickableDays { color: #000000; text-decoration: none; height:18px; } /* Days in the past */ #OT_searchWrapper .nonclickableDays { color: #CCCCCC; height:18px; } /* Name of the month at the top */ #OT_searchWrapper .months { color: #FFFFFF; text-decoration: none } /* Day of the week */ #OT_searchWrapper .weekdays { color: #000000; text-decoration: none; color:#666666; background-color:#EFEFEF; width:14%; }