/* -- FORMAT -- */ body {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; background:#f0f0f0 url(images1/bg.gif) repeat-y center; margin:0px; padding:0px; text-align:center;} .clear {clear: both; font-size: 0em; line-height: 0px; margin-top:0;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * {margin:0px; padding:0px;} #header {width:800px; height:31px; text-align:left; margin:auto; background:#000 url(images1/bg-header.gif) no-repeat center; font-family:Arial, Helvetica, sans-serif;} #header-left {float:left; padding:7px 0 0 10px;} #header-right {float:right; padding:7px 10px 0 0;} #mainwrapper {background: url(rotator.php) no-repeat top left; width: 800px; text-align:left; margin:auto; padding-top:15px;} #col1 {float:left; width:475px;} #col2 {float:right; width:270px; padding-right:40px;} #footer {width:800px; text-align:left; margin:auto; margin-bottom:25px;} #footer-left {float:left; width:445px; padding: 0 15px 0 15px; margin-bottom:20px;} #footer-right {float:right; width:270px; padding-right:40px;} /* -- STYLE -- */ #header {color:#808080; font-size:14px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif} #header-right a {color:#808080; font-size:14px; text-decoration:none; padding:6px;} #header-right a:hover {color:#fff; text-decoration:none;} #header-left a {color:#808080; text-decoration:none; padding:7px;} #header-left a:hover {color:#fff; text-decoration:none;} #mainwrapper p {padding-bottom:20px; line-height:20px;} #mainwrapper h1 {font-size:20px; color:#ccc; padding-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;} a {color:#ccc; text-decoration:underline;} a:hover {color:#fff; text-decoration:underline;} a img {border:0px;} #footer {color:#666;} #footer a {color:#666; text-decoration:underline;} #footer a:hover {color:#fff; text-decoration:none;} #col2 ul {margin:0 20px 20px; 25px;} #col2 ol {margin:0 20px 20px; 25px; padding-left:10px;} #col2 li {line-height:17px;} #mainwrapper p {padding-bottom:20px; line-height:20px;} #mainwrapper h1 {font-size:20px; color:#ccc; padding-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;} a {color:#fff; text-decoration:underline;} a:hover {color:#ccc; text-decoration:underline;} #col1 {color:#666;} #col1 a {color:#666; text-decoration:underline;} #col1 a:hover {color:#fff; text-decoration:none;} #col1 p {padding: 0 15px 19px 15px;} .text-box {background:#f0f0f0; border:1px solid #333; width:250px; padding:2px; color:#333;} #myvar {padding:19px 0 0px 0; border-top:1px solid #fff;} #myvar1 {padding:19px 0 0px 0; border-top:1px solid #fff;} #myvar2 {padding:19px 0 0px 0; border-top:1px solid #fff;} #myvar3 {padding:19px 0 0px 0; border-top:1px solid #fff;} /* -- AJAX -- */ .stretcher {background: none !important;} h3 {font-size:13px; padding-bottom:5px; border-bottom:1px solid #fff; margin-bottom:5px;} h3 a {text-decoration: none;} h3 a:hover {text-decoration: none;} /* Overall Wrapper for Client Supplied Snippet */ #OT_searchWrapperAll {width:100%; height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */ position: relative; margin:0; padding:0;} /* wrapper */ #OT_searchWrapper { border: none; background: #fff; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; width:100%; height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */ position: relative; margin:0; } /* Title of Search */ #OT_searchWrapper .OT_feedTitle { position: absolute; top: 0; left: 0; margin: 2px 0 0 5px; font-size:12px; font-weight:normal; } /* 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: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */ margin: 0 0 0 5px; padding:3px 0; text-align:right; width:75px; display:block; } /* Party Size Wrapper - dd tag */ #OT_partySize { position: absolute; top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 85px;/* for horizontal layout: 90px, for vertical layout: 85px */ margin:0; padding:0; } /* Date Label Wrapper - dt tag */ #OT_dateLbl { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */ margin: 0 0 0 5px; padding:3px 0; text-align:right; width:75px; } /* Date Label Wrapper - dd tag */ #OT_date { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 85px;/* for horizontal layout: 195px, for vertical layout: 85px */ width:100px; margin:0; padding:0; } /* Time Label Wrapper - dt tag */ #OT_timeLbl { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 185px;/* for horizontal layout: 300px, for vertical layout: 185px */ padding:3px 0; } /* Time Label Wrapper - dd tag */ #OT_time { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 185px;/* for horizontal layout: 305px, for vertical layout: 185px */ } /* 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: 112px; /* for horizontal layout: 25px, for vertical layout: 112px */ left: 240px;/* for horizontal layout: 450px, for vertical layout: 240px */ margin: 0 5px 0 0; z-index:5; /* do not change */ } /* Wrapper for Powered By OpenTable Logo */ #OT_logo { position:absolute; top:120px; /* for horizontal layout: 80px, for vertical layout: 120px */ left:0px; /* for horizontal layout:0px, for vertical layout: 0px */ width:100%; padding:0; margin:0; display:block; background:#fff; } /* Wrapper for Text Link */ #OT_logoLink { position: absolute; top: 100px;/* for horizontal layout: 60px, for vertical layout: 100px */ left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */ width:100%; padding:0 0 10px 0; margin:0; font-size:9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; display:block; background:#fff; } /* 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-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; margin:0; width:85px; } #OT_searchWrapper #dateDisplay { font-size:10px; color:#999; font-family: Verdana, Arial, Helvetica, Sans-Serif; 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; } /* Calendar Table properties */ #OT_searchWrapper #imageCal table { font-size:12px; width:150px; font-family:arial; font-weight: bold; background:#FFF; } #OT_searchWrapper #imageCal td { padding:0px 0px 0px 0; 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%; } a#facebookfan { padding-left: 20px; background: url(images/facebook_16x16.png) top left no-repeat transparent; }