/**************** Master Page *******************/

.body
{
    vertical-align: top;
    width: 1250px;
    background-color: #590000;
    height: 960px;
    margin: 0px;
}     

.MainTable
{
    width:1250px;
    height:960px;
    vertical-align:top;
    table-layout:fixed;
}

.ContentTable
{
    border-style:ridge;
    width:846px;
    height:960px;
    table-layout:fixed;
    vertical-align:top;
    background-color:#663300;

}
.Content
{
    width:810px;
    text-align:left;
    font-family:'Times New Roman' , Times, serif;
    font-size:large;
    color:#660000;
    vertical-align:Top;
    table-layout:fixed;
}
.ContentDynamic
{
    width:830px;
    text-align:left;
    font-family:'Times New Roman' , Times, serif;
    font-size:large;
    color:#660000;
    vertical-align:Top;
    table-layout:fixed;
}

.sideshow
{
    width:120px;
    vertical-align:top;
}
.SideColumn
{
    width:15%;
    vertical-align:top;

    text-align:center;
}
.MiddleColumn
{
   width:846px;
   vertical-align:top;
  
   table-layout:fixed;
}

.Strips
{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    Height:31px;
    azimuth:center;
}

.LogoPicture
{
    width:20%;
    text-align:center;
    
}

.HeaderTable
{
    width: 100%;
    height: 122px;
    background-image: url('../Siteimages/Header.jpg');
    background-repeat: no-repeat;
}

.HeaderLogo
{
    width:15%;
}

.Header1
{
    width: 960px;
            font-weight: 900;
            font-size: 40px;
            font-family: "Monotype Corsiva";
            text-align: left;
            vertical-align: top;
            height: 32px;


}

.Header2
{
    width: 960px;
    font-weight:900;
    font-size:25px;
    font-family:'Monotype Corsiva';
    text-align:center;

}

.TodaySpecial
{
    font-family:"Monotype Corsiva";
    font-size:xx-large;
    color:#660000;
    vertical-align:top;
    width:20%;
}


.menu
{
    border-style: ridge;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    width: 100%;
    color: #993300;
    font-size: medium;
    background-color: #FF8000;
}



.Tab
{
    float:left;
    width:800px;
    height:32px;
    text-align:center;
    background-image:url('../Siteimages/Body-51.jpg');
}

/************************* Login Banner ******************/
 #loginbanner h2
{
    font-size:1em;
    font-weight:normal;
    margin-top:8px;
}

.fullwidth, #loginbanner
{
    /*border:1px solid #DBDB79;*/
 /*background:#663300 url('../SiteImages/Background_Main4.gif') repeat-y;*/
    vertical-align:middle;
    table-layout:fixed;
    text-align:right;
    
    margin-top: 0px;
}

#loginbanner
{
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
  vertical-align:middle;
  
}

/********************Navigation**********************/
/* Navigation strips */


.navtop, #navbottom
{
    border-width: 2px;
    font-size: 20px;
    font-family: 'Monotype Corsiva';
    margin-right: auto;
    margin-left: auto;
    height: auto;

    color: Maroon;
    text-align: left;
    border-style: outset;
    height: 28px;
    word-spacing: 0px;
    background-image: url('../images/bg-menu-example.png');

}

.navsub
{
    font-size:20px;
    font-family:'Monotype Corsiva';
    color:maroon;
    font-weight:lighter;
    background-color:#FF9900;
    border-style:outset;
    height: 28px;
    border-width: 2px;
    width:200px;

    background-image: url('../images/bg-menu-example.png');
}
.navsub td
{
    display:inline;
}

/*****************Table Content ****************/
.logo
{
    background-image:url('../Siteimages/CouscousCafe-Logo.jpg');
    background-repeat:no-repeat;
}
.txtfield
{
    width:300px;
    font-family:"Times New Roman" , Times, serif;
    font-size:large;
}

.txtblock
{

    width:300px;
    height:100px;
    font-family:"Times New Roman" , Times, serif;
    font-size:large;
}


.TableContent
{
    padding:5px;
    width:89%;
    border-spacing:5px;
    vertical-align:top;
    table-layout:fixed;
    margin-right:99px;
}

.TablePictureCol
{
     width:94px;
     height:60px ;
}

.Picture
{
    border-width:thick;
    border-style:inset;
    width:120px;
    height:120px;
    
    vertical-align:middle;
    font-size:medium;
}

.LargePicture
{
    border-style:inset;
    width:auto;
    height:auto;
    vertical-align:middle;
    text-align:center;
}

.Treeview
{
    height:500px;
    width:250px;
    font-size:14px;
    color:#660000;
    text-align:left;
    font-family:'Times New Roman' , Times, serif;
    margin-left:0px;
    margin-right:0px;
    
}





/*************************************/
/************ Column Content ********/
/****** ROW 1 - Couscous Cafe & Catering  *****/

.Header1
{
    height:32px;
    width:1000px;
    color:#660000; 
    font-weight:900; 
    font-size:40px; 
    font-family:'Monotype Corsiva'; 
    text-align:left;
}
/****** ROW 2 - Mediteranean Cuisine *****/
.Header2
{
    height:20px;
    width:800px;
    color:#660000;
    font-weight:900;
    font-size:25px;
    font-family:'Monotype Corsiva';
    text-align:center;
}



/****** ROW 8 - Header *****/
.TodaySpecial
{
    font-family:"Monotype Corsiva";
    font-size:xx-large;
    color:#660000;
    vertical-align:top;
}



/****** ROW 10 - Header *****/
.footer
{
    height:32px;
    width:1000px;
    text-align:center;
}


/*************************************/
/* Tables Format */

.Gridview
{
    vertical-align:top;
    font-size:small;
    Width:800px;
}

.Formview
{
   
    height:250px;
    vertical-align:top;
    font-size:large;
}

/* T A B s   S C H E M E */
.myTabs .ajax__tab_header
{
    font-family:'Times New Roman' , Times, serif;
    background:url('../SiteImages/tabs/tab-line.gif') repeat-x bottom;
    font-size:Medium;
    
}
.myTabs .ajax__tab_outer 
{
    height:2em;
    padding-right:4px;
    background:url('../SiteImages/tabs/tab-right.gif') no-repeat right top;
}
.myTabs .ajax__tab_inner 
{
    padding-left:3px;
    background:url('../SiteImages/tabs/tab-left.gif') no-repeat;
}
.myTabs .ajax__tab_tab
{
    border-style: inherit;
    border-width: thin;
    background-position: url('../SiteImages/tabs/tab-4.gif') repeat-x;
    height: 35px;
    line-height: 100%;
    padding: 0 4px;
    margin: 0 !important;
    background: url('../SiteImages/tabs/tab-4.gif') repeat-x;
    font-size: medium;
    font-weight: bold;
    width: 73px;
    background-color: #CC6600;
    color: #663300;
}
.myTabs .ajax__tab_hover .ajax__tab_outer 
{
    background:url('../SiteImages/tabs/tab-hover-right.gif') no-repeat right top; 
    }
.myTabs .ajax__tab_hover .ajax__tab_inner 
{
    background:url('../SiteImages/tabs/tab-hover-left.gif') no-repeat; 
    background-color: #FF6600;
    }
.myTabs .ajax__tab_hover .ajax__tab_tab 
{
    background:url('../SiteImages/tabs/tab-hover.gif') repeat-x;height:30px
    }
.myTabs .ajax__tab_active .ajax__tab_outer 
{
    background:url('../SiteImages/tabs/tab-active-right1.gif') no-repeat right top; height:50px
    }
.myTabs .ajax__tab_active .ajax__tab_inner 
{
    background:url('../SiteImages/tabs/tab-active-left1.gif') no-repeat; height:50px
    }
.myTabs .ajax__tab_active .ajax__tab_tab
{
    background-position: url('../SiteImages/tabs/tab-active1.gif') url('../images/tabs/tab-active1.gif') repeat-x;
    background: url('../SiteImages/tabs/tab-active1.gif') repeat-x;
    height: 50px;
    color: #660000;
    background-color: #FF6600;
}
.myTabs .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    border-top: 0;
    padding: 8px;
    background: url('../SiteImages/tabs/tab-4.gif') repeat-x;
    font-size: small;
    vertical-align: top;
    border: thick ridge #FF6600;
    padding-bottom: 1em;
    overflow: hidden;
}
.myTabs .ajax__tab_body ul 
{
    list-style-type:disc;line-height:1.5em;padding-left:1em;
    }
.myTabs .ajax__tab_body ul ul
{
    border-style:inset;
    list-style-type:square;
    vertical-align:top;
}
.myTabs .ajax__tab_body p {text-indent:1em;line-height:1.3em;margin-bottom:1em;}

/***************************Hover Box Strip**********/
a
{
    text-decoration:none;
}

.hoverbox-Menu
{
    cursor:default;
    list-style:none;
    
    margin-left:5px;
}

.hoverbox-Menu a
{
    cursor:default;
    position:inherit;
    left:auto;
}

.hoverbox-Menu a:hover
{
   display:block;
   font-size:100%;
   z-index:1;
}

hoverbox-Menu a .preview
{
    display:none;
    
}

.hoverbox-Menu a:hover .preview
{
    display:inline-table;
    position:relative;
    top:-450px;
    left:-500px;
    z-index:1;
}

.hoverbox-Menu img
{
    border:1px solid #FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:120px;
    height:90px;
    }


.hoverbox-Menu li
{
    border-left:1px solid #ccc;
    border-right:1px solid #bbb;
    border-top:1px solid #ddd;
    border-bottom:1px solid #aaa;
    background:#FF9900;
    color:inherit;
        display:inline;
        float:left;
        margin:3px;
        padding:5px;
        position:static;
    width:120px;
    height:106px;
}


.hoverbox-Menu .preview
{
    border-color:#000;
    width:640px;
    height:400px;
    display:none;
}
/*****************************************************88
    
    
/***************************Hover Box Larger**********/
.hoverbox-Large
{
    cursor:default;
    list-style:none;
    width:646px;
    margin-left:5px;
}

.hoverbox-Large a
{
    cursor:default;
    position:relative;
    left:auto;
}

.hoverbox-Large a:hover
{
   display:block;
   font-size:100%;
   z-index:1;
}

hoverbox-Large a .preview
{
    display:none;
    
}

.hoverbox-Large a:hover .preview
{
    display:block;
    position:absolute;
    top:-220px;
    left:-260px;
    z-index:1;
    
}

.hoverbox-Large img
{
    border:1px solid #FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:141px;
    }


.hoverbox-Large li
{
    border-left:1px solid #ccc;
    border-right:1px solid #bbb;
    border-top:1px solid #ddd;
    border-bottom:1px solid #aaa;
    background:#FF9900;
    color:inherit;
        display:inline;
        float:left;
        margin:3px;
        padding:5px;
        position:static;
    width:140px;
    height:106px;
}


.hoverbox-Large .preview
{
    border-color:#000;
    width:640px;
    height:400px;
    display:none;
}
/*****************************************************88
/***************************Hover Box Strip LEFT**********/
a
{
    text-decoration:none;
}

.hoverboxLeft
{

    list-style:none;
    margin-left:5px;
    height:70px;
    width:91px;
    margin-right:0px;
}

.hoverboxLeft a
{
    cursor:default;
    position:relative;
    left:auto;
}

.hoverboxLeft a:hover
{
   display:block;
   font-size:100%;
   z-index:1;
}

hoverboxLeft a .preview
{
    display:none;
}

.hoverboxLeft a:hover .preview
{
    display:block;
    position:absolute;
    top:-15px;
    left:80px;
    z-index:1;
}

.hoverboxLeft img
{
    border:1px solid #FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:66px;
    height:59px;
}
.hoverboxLeft imglarge
{
    border:1px solid #FF9900;
    background-position:#FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:200px;
    height:150px;
}

.hoverboxLeft li
{
    border-left:1px solid #ccc;
    border-right:1px solid #bbb;
    border-top:1px solid #ddd;
    border-bottom:1px solid #aaa;
    background:#FF9900;
    color:inherit;
        display:inline;
        float:left;
        margin:3px;
        padding:5px;
        position:static;
    height:61px;
    width:72px;
}



.hoverboxLeft .preview
{
    border-color:#000;
    width:200px;
    height:150px;
    display:none;
}






/*****************************************************88
/***************************Hover Box Strip Right**********/
a
{
    text-decoration:underline;
}

.hoverboxRight
{

    list-style:none;
    margin-left:5px;
    height:70px;
    width:91px;
    margin-right:0px;
}

.hoverboxRight a
{
    cursor:default;
    position:relative;
    left:auto;
}

.hoverboxRight a:hover
{
   display:block;
   font-size:100%;
   z-index:1;
}

hoverboxRight a .preview
{
    display:none;
}

.hoverboxRight a:hover .preview
{
    display:block;
    position:absolute;
    top:-15px;
    right:80px;
    z-index:1;
}


.hoverboxRight img
{
    border:1px solid #FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:66px;
    height:59px;
}
.hoverboxRight imglarge
{
    border:1px solid #FF9900;
    background-position:#FF9900;
    background:#FF9900;
    color:inherit;
    padding:2px;
    width:200px;
    height:150px;
}

.hoverboxRight li
{
    border-left:1px solid #ccc;
    border-right:1px solid #bbb;
    border-top:1px solid #ddd;
    border-bottom:1px solid #aaa;
    background:#FF9900;
    color:inherit;
        display:inline;
        float:left;
        margin:3px;
        padding:5px;
        position:static;
    height:61px;
    width:72px;
}

.hoverboxRight .preview
{
    border-color:#000;
    width:200px;
    height:150px;
    display:none;
}



/***-----------------------------------New CSS-------------------------------***/




    
    /*background-image:url('../Siteimages/Body-51.jpg');*/

.LabelBox
{
    
    font-size:16px;
    color:#660000;
}

.DishName
{
    font-size:24px;
    color:#660000;
    font-family:'monotype Corsiva';
    font-weight:bold;
    width:300px;
}



.LabelBox
{
    
    font-size:16px;
    color:#660000;
}

.DishName
{
    font-size:24px;
    color:#660000;
    font-family:'monotype Corsiva';
    font-weight:bold;
    width:300px;
}


.MasterArtColumn
{
    background-position:url('../SiteImages/ArtColumn.jpg');
    width:20px;
    
    background:url('../SiteImages/ArtColumn.jpg');
    background-repeat:repeat-y;
}

.MasterArtRow
{
    background-position:url('../SiteImages/ArtColumn1.jpg');
   
    height:10%;
    background:url('../SiteImages/ArtColumn1.jpg');
    background-repeat:repeat-x;
}

.VerticalArtColumn
        {
            background:url('../SiteImages/ArtColumn.gif') repeat-y;
            width:30px;
            height:930px;
            text-align:right;
        }

/************************ Datalist Format - Restaurant ***************/


.ItemDataListDynamic
{
    width:500px;
    vertical-align:top;
    table-layout:fixed;
    text-align:left;
    height:auto;
}

.ItemNameDynamic
{

    font-family:'monotype Corsiva';
    font-weight:bold;
    font-size:x-large;
    vertical-align:top;
}

.ItemDescriptionDynamic
{

    vertical-align:top;
    font-family:'Times New Roman' , Times, serif;
    font-size:medium;
    
}
.ItemQuantity
{
    width:50px;
    text-align:right;
    vertical-align:top;

}
.ItemPrice
{
    width: 50px;
    text-align: right;
    vertical-align: top;
}

.ItemThumbnail
{
    border-style: inset;
    width: auto;
    vertical-align: top;
    height: auto;
}
.ItemOrder
{
 vertical-align:top;
 text-align:right;
 width:50;
}



/*************************************************************/
.Thumbnail
{
     width:120px;
     vertical-align:top;
     border-style: inset;
     border: thick ridge #FF6600;
}

.ThumbnailInside
{
    width:193px;
     vertical-align:top;
     border-style: inset;
     border: thick ridge #FF6600;
}

.Photo
{
     width:540px;
     height:300px;
     vertical-align:top;
     
}
/**********************************************************************/
/************************** Coupon ***********************************/
.CouponTable
{
    border-style:dashed;
    width:100%;
    height:auto;
    
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    width: 570px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
height:630px;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
    height:600px;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

.grouheadercss
{
    text-align:center;
}
/************************************************************************/
div.ajax__calendar_days table tr td {padding-right:0px;}
div.ajax__calendar_body {width:255px;}
div.ajax__calendar_container {width:255px}