﻿/*-----------------------------------------------
Web form class
-------------------------------------------------*/
.webform p label {
	float: left;
	width: 160px;
	vertical-align: top;
}
.webform label.normalLabel, .webform .normalLabels label {
    float:none;
    width:auto;
    vertical-align:inherit;
}
.webform p {
  padding-top: 4px;
  margin: 4px 0px 4px 0px;
  clear: left;
}
.webform p input { vertical-align:middle; }

.required { color:#555555; cursor:help; }

input.button
{
    color:#97bf0d;
    border:1px solid #97bf0d;
    background-color:#2e2e2c;
    padding:0px;
    font-weight:bold;
    cursor:pointer;
}
input.button:hover
{
    background-color:#3E3E3E;
}
input.button.disabled
{
    border-color:#666666;
    color:#666666;
    cursor:not-allowed;
}
input.button.disabled:hover { background-color:#2e2e2c; }


/*-----------------------------------------------
Form Validation Styles
-------------------------------------------------*/
.validationError 
{ 
    color:#CC3300; 
    font-family:Impact, "Arial Black", Arial, Sans-Serif; 
    font-weight:bold; 
    font-size:1.0em;
    cursor:help; 
}
.validationSummary 
{
    padding:10px;
    background-color:#DFDFDF;
    color:#CC3300;
    border:1px solid #111111;
    font-weight:bold;
    margin:1.0em 0px;
    text-align:left;
}
.validationSummary ul 
{
    margin:4px 0px 4px 20px;
    padding:0px;
    font-weight:normal;
    list-style-type:disc;
}
.validationSummary ul li 
{
    color:#CC3300; 
    margin:0px;
    padding:0px;
}


/*-----------------------------------------------
System Messages
-------------------------------------------------*/
.successMessage,
.warningMessage,
.errorMessage { margin:0.6em 0px 0.6em 0px; }

.successMessage p,
.warningMessage p,
.errorMessage p { margin:0px; padding:0px; }

.successMessage { color:#6B9A08; }
.warningMessage { color:#CC3300; }
.errorMessage { color:#CC3300; }


/*-----------------------------------------------
Article Page
-------------------------------------------------*/
.articlePageType .mainSectionContent
{
    border-bottom:none;
}
.sitePageArticle
{
    border-bottom:1px solid #FFFFFF;
    margin-bottom:0.9em;
}
.sitePageArticle h2
{    
    margin-top:0.8em;
    margin-bottom:0px;
}
.sitePageArticle h2 a
{
    text-decoration:none;
}
.sitePageArticle h2 a:hover 
{
    color:#D0D0D0;
    text-decoration:underline;
}
.sitePageArticle .articleImage { text-align:center; }
.sitePageArticle .articleImage .normal { margin-bottom:1.0em; }
.sitePageArticle .articleImage .bottom { margin-bottom:0em; }
.articlePageType .articleNav
{
    text-align:right;
    border-bottom:1px solid #FFFFFF;
    padding-bottom:0.9em;
}


/*-----------------------------------------------
Blog Page
-------------------------------------------------*/
.blogPageType .mainSectionContent
{
    border-bottom:none;
}
.blogEntry
{
    border-bottom:1px solid #FFFFFF;
    margin-bottom:0.9em;
}
.blogEntry h2
{    
    margin-top:0.8em;
    margin-bottom:0px;
}
.blogEntry h2 a
{
    text-decoration:none;
}
.blogEntry h2 a:hover 
{
    color:#D0D0D0;
    text-decoration:underline;
}
.blogEntry .entryHtml
{
    
}
.blogPageType .blogEntryNav
{
    text-align:right;
    border-bottom:1px solid #FFFFFF;
    padding-bottom:0.9em;
}
.blogComments
{
    border-top:1px solid #FFFFFF;
}
.blogComments .blogCommentsHeading
{
    border-bottom:1px solid #FFFFFF;
}
.blogComments .blogCommentsHeading h3
{    
    margin:0.3em 0px;
    font-size:1.1em;
}
.blogComment
{
    border-bottom:1px solid #FFFFFF;
}
.blogComment h4
{
    font-size:1.0em;
    font-weight:normal;
    margin:0.3em 0px;
}
.blogComment h4 span.blogCommment_name { font-weight:bold; }
.blogComment h4 span.blogCommment_date { float:right; }
.blogComment p { margin:0.3em 0px 0.6em 0px; }

.blogCommentPostContainer .postNew
{
    margin:0px;
    padding:3px 0px;
}

.blogCommentPostContainer .postNew a:link,
.blogCommentPostContainer .postNew a:hover,
.blogCommentPostContainer .postNew a:active,
.blogCommentPostContainer .postNew a:visited
{
    background-image:url(../assets/images/button_arrow.gif);
    background-repeat:no-repeat;
    background-position:center right;
    text-decoration:none;
    padding:3px 34px 3px 0px;
}
.blogCommentPostContainer .postNew a:hover
{
    text-decoration:underline;
}

.blogCommentPost { margin-bottom:1.0em; }
.blogCommentPost .webform label
{
    width:80px;
}


/*-----------------------------------------------
Blog Nav
-------------------------------------------------*/
.blogNav ul
{
    list-style:none;
    padding:0px;
    margin:0px;
}
.blogNav li
{
    margin:2px 0px;
    padding:0px;
}
.blogNav ul ul
{
    margin-bottom:0.6em;
}
.blogNav ul li li
{
    margin:0px 0px 0px 20px;
}
.blogNav a:link,
.blogNav a:hover,
.blogNav a:active,
.blogNav a:visited
{
    text-decoration:none;
    color:#A7A9AC;
}
.blogNav a:hover 
{     
    color:#D0D0D0;
}
.blogNav a.current:link,
.blogNav a.current:hover,
.blogNav a.current:active,
.blogNav a.current:visited
{
    color:#FFFFFF;
}
.blogNav .blogNavHeading
{
    border-bottom:1px solid #FFFFFF;
    margin-bottom:0.6em; 
}
.blogNav .blogNavHeading h3
{
    margin:0.2em 0px;
    font-size:1.1em;    
}
.blogNav .archiveYearMonth
{
    float:left;
    width:140px;    
}
.blogNav .blogEntries
{
    float:right;
    width:270px;    
}


/*-----------------------------------------------
Reservation Request
-------------------------------------------------*/

/* Open table customisations */
#OT_logo  {
    background-color: #2D2A2B;
    border-bottom:1px solid #ffffff;
    padding-bottom: 10px;
    margin-top:5px;
}
#OT_searchWrapperAll {
    padding: 6px 0px;
    background-color: #2D2A2B;
    clear:both;
}
#OT_logoLink {
    background-color: #2D2A2B;
    margin-top:5px;
}
#OT_submitWrap {
    left:328px;
}
#OT_searchWrapper {
    background-color: #2D2A2B;
    font-family: inherit;
    font-size:inherit;
}
#OT_searchWrapper .OT_feedTitle {
    margin-left:0;
}
#OT_searchWrapper #imageCal table {
    font-size: 12px;
}
#OT_right {
    margin-top: 65px;
}

#OT_searchWrapperAll select,
#OT_searchWrapperAll input
 {
    border: 1px solid #3B3C3F;
}

#OT_submitWrap input {
    border:none;
}
/*
.reservationRequest
{
    overflow:hidden;
    width:434px;
}
.reservationRequest .calendarNav
{
    border-bottom:1px solid #FFFFFF;
    padding:6px 0px;
}
.reservationRequest .calendarNav .label
{
    margin-right:16px;
    float:left;
}
.reservationRequest .calendarNav .prevMonth,
.reservationRequest .calendarNav .nextMonth
{
    float:left;
    width:23px;
    height:16px;
    margin:-6px 0;
    padding:6px 0;
    text-align:center;
    background-repeat:no-repeat;
    background-position:center center;
}
.reservationRequest .calendarNav .prevMonth
{
    background-image:url(../assets/images/calendar_prevMonth_alt_disabled.gif);
}
.reservationRequest .calendarNav .nextMonth
{
    background-image:url(../assets/images/calendar_nextMonth_alt_disabled.gif);
}
.reservationRequest .calendarNav .prevMonth a:link,
.reservationRequest .calendarNav .prevMonth a:hover,
.reservationRequest .calendarNav .prevMonth a:active,
.reservationRequest .calendarNav .prevMonth a:visited,
.reservationRequest .calendarNav .nextMonth a:link,
.reservationRequest .calendarNav .nextMonth a:hover,
.reservationRequest .calendarNav .nextMonth a:active,
.reservationRequest .calendarNav .nextMonth a:visited
{
    display:block;
    width:23px;
    height:16px;
    margin:-6px 0;
    padding:6px 0;
    background-repeat:no-repeat;
    background-position:center center;
    text-decoration:none;
}
.reservationRequest .calendarNav .prevMonth a:link,
.reservationRequest .calendarNav .prevMonth a:hover,
.reservationRequest .calendarNav .prevMonth a:active,
.reservationRequest .calendarNav .prevMonth a:visited
{
    background-image:url(../assets/images/calendar_prevMonth_alt.gif);
}
.reservationRequest .calendarNav .nextMonth a:link,
.reservationRequest .calendarNav .nextMonth a:hover,
.reservationRequest .calendarNav .nextMonth a:active,
.reservationRequest .calendarNav .nextMonth a:visited
{
    background-image:url(../assets/images/calendar_nextMonth_alt.gif);
}
.reservationRequest .calendarNav .currentMonth
{
    float:left;
    margin:0px 5px;
}
.reservationRequest .legend
{
    border-bottom:1px solid #FFFFFF;
    margin-bottom:4px;
}
.reservationRequest .legend .calendarHelp
{
    float:right;
    padding:0.5em 0px;
    margin:0px;
}
.reservationRequest .legend ul 
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.reservationRequest .legend li
{
    float:left;    
    padding:0.5em 0px 0.5em 22px;
    margin:0px 6px 0px 0px;
    background-image:url(../assets/images/TableAvailabilityStatus_default.gif);
    background-repeat:no-repeat;
    background-position:center left;
}
.reservationRequest .legend li.lowAvailability
{
    background-image:url(../assets/images/TableAvailabilityStatus_lowAvailability.gif);
}
.reservationRequest .legend li.fullBooked
{
    background-image:url(../assets/images/TableAvailabilityStatus_fullBooked.gif);
}
div.calendar
{   
    width:458px;
    margin-left:-12px;
    padding-bottom:6px;
}
table.calendar
{
    width:100%;
}
table.calendar td,
table.calendar th
{
    height:47px;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    font-size:1.2em;    
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../assets/images/calendar_day.gif);
}
table.calendar a:link,
table.calendar a:hover,
table.calendar a:active,
table.calendar a:visited
{
    text-decoration:none;
    padding:10px 12px;
    width:40px;
    margin:0px auto;
}
table.calendar table.title
{    
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    font-size:0.70em;    
}
table.calendar table.title a,
table.calendar table.title a:hover { 
    display:inline; 
    padding:0px; 
    width:auto; 
    margin:0px;
    text-decoration:none;
}
table.calendar table.title td
{
    height:auto;
    background-image:none;
    background-color:#2D2A2B;
    padding:6px 0px;
}
table.calendar table.title td.nextPrev
{
    padding:0px;
}
table.calendar table.title td.nextPrev span
{
    display:block;
    background-repeat:no-repeat;
    padding-top:5px;
    padding-bottom:5px;
    width:75px;
    padding-left:42px;
}
table.calendar table.title td.nextPrev span.nextMonth
{
    background-position:right center;
    background-image:url(../assets/images/calendar_nextMonth.gif);            
    text-align:right;
    padding-right:42px;
    padding-left:0px;
    margin-right:10px;
    cursor:pointer;
}
table.calendar table.title td.nextPrev span.prevMonth
{
    background-position:left center;
    background-image:url(../assets/images/calendar_prevMonth.gif);            
    text-align:left;
    padding-left:42px;
    margin-left:12px;
    cursor:pointer;
}
.calendar .dayHeader 
{
    text-align:center;
    color:#00a2e7;
    background-image:url(../assets/images/calendar_dayHeader.gif);
    border-top:6px solid #2D2A2B;
    
}
table.calendar td.deadDay
{
    color:#3a3a3a;
    background-image:url(../assets/images/calendar_deadDay.gif);
}
table.calendar td.daySelected 
{
    background-image:url(../assets/images/calendar_daySelected.gif);
}
table.calendar td.daySelected a
{
    color:#5ab82f;
}
table.calendar td.otherMonthDay
{
    background-image:url(../assets/images/calendar_otherMonthDay.gif);
}
table.calendar td.otherMonthDay a
{
    color:#595959;    
}
table.calendar td.lowAvailability
{
    background-image:url(../assets/images/calendar_lowAvailability.gif);
}
table.calendar td.lowAvailability a
{
    color:#ffba34;    
}
table.calendar td.fullBooked
{
    background-image:url(../assets/images/calendar_fullBooked.gif);
    color:#e90019;    
}
table.calendar td.fullBooked span 
{ 
    cursor:not-allowed;
}
.reservationRequest .webform
{
    border-top:1px solid #FFFFFF;
}
.reservationRequest .webform p
{
    border-bottom:1px solid #FFFFFF;
    padding:4px 0px;
    margin:0px;
}
.reservationRequest .webform label
{
    width:auto;
    padding-top:3px;
    margin-right:5px;
}
.reservationRequest .webform p span.reservationTime 
{ 
    float:none;
    margin-left:70px;
}
.reservationRequest .webform .submit
{
    padding-bottom:0.6em;
}
.reservationRequest .webform .submit p
{
    border-bottom:none;
    padding:0px;
    margin:0.6em 0px;
}*/


/*-----------------------------------------------
Restaurant Menu List
-------------------------------------------------*/
.menuPageType .mainSectionContent
{
    border-bottom:none;
}
.restaurantMenus .restaurantMenu
{
    border-bottom:1px solid #FFFFFF;
    background-repeat:no-repeat;
    background-position:bottom right;
    min-height:116px;
    padding:6px 160px 8px 0px;
}
.restaurantMenus .restaurantMenu h2
{
    margin:0px;    
}
.restaurantMenus .restaurantMenu h2 a
{
    text-decoration:none;
}
.restaurantMenus .restaurantMenu h2 a:hover
{
    color:#D0D0D0;
    text-decoration:underline;
}
.restaurantMenus .restaurantMenu p
{
    margin-top:0px;
}


/*-----------------------------------------------
Restaurant Menu View
-------------------------------------------------*/
.restaurantMenuView
{    
    margin:0px 60px 0px 60px;
}
.restaurantMenuToolbar
{
    text-align:right;
    padding-top:1px;
    padding-bottom:1px;
    margin-bottom:1.0em;
}
.restaurantMenuToolbar p { margin:1.0em 0px 1.0em 0px; }
.restaurantMenuToolbar a.print:link,
.restaurantMenuToolbar a.print:hover,
.restaurantMenuToolbar a.print:active,
.restaurantMenuToolbar a.print:visited
{
    background-image:url(../assets/images/printer.gif);
    background-repeat:no-repeat;
    background-position:3px center;
    background-color:#FFFFFF;
    padding:7px 8px 7px 36px;
    font-weight:bold;
    text-decoration:none;    
    border:1px solid #CCCCCC;
}
.restaurantMenuToolbar a.print:hover
{
    background-color:#EEEEEE;
    border:1px solid #BBBBBB;
    color:#5AB82F;
}
.restaurantMenuFooter
{
    margin-top:30px;
}
.restaurantMenuFooter p
{
    margin:1.2em 0px;
}
.restaurantMenuView table.menuSection { font-size:1.0em; width:100%; border:none; border-top:1px solid #000000; }
.restaurantMenuView table.menuSection td { vertical-align:top; padding:5px; line-height:1.4em; border:none; }
.restaurantMenuView table.menuSection td.heading { font-weight:bold; font-size:1.4em; width:160px; }
.restaurantMenuView table.menuSection td.item { }
.restaurantMenuView table.menuSection td.size { text-align:right; width:50px; }
.restaurantMenuView table.menuSection td.price { font-weight:bold; text-align:right; width:50px; }
.restaurantMenuView table.menuSection p { margin:0px; }

@media print
{
    .restaurantMenuView { margin:0px; }
    .restaurantMenuToolbar { display:none; }
}


/*-----------------------------------------------
Mailinglist Signup
-------------------------------------------------*/
.mailinglistSignup .webform
{
    border-top:1px solid #FFFFFF;
}
.mailinglistSignup .webform p
{
    border-bottom:1px solid #FFFFFF;
    padding:4px 0px;
    margin:0px;
}
.mailinglistSignup .webform label
{
    width:auto;
    padding-top:3px;
    margin-right:5px;
}
.mailinglistSignup .webform p span.reservationTime 
{ 
    float:none;
    margin-left:70px;
}
.mailinglistSignup .webform .submit
{
    padding:0.6em 0px;
}