﻿/* DEFAULTS
----------------------------------------------------------*/

body
{
    background: #fff;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 2.0em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h2
{
    color: #A47244;
    font-family: 'Ubuntu', Calibri, Arial;
    font-weight: 700;
    font-size: 1.8em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1.heading{cursor: hand; font-family: tahoma; font-size: 2.0em; letter-spacing: 0.1em; color: #10536A; font-weight: normal;}
h1
{
    color: #A47244;
    font-family: Calibri, Arial;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 10px;
    letter-spacing: 0.2em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* CONTROLS   
----------------------------------------------------------*/
a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }

input[type="submit"] { color: #465c71; border: 1px solid #ccc; background-color: #f0f0f0; display: inline; height: 25px; }
input[type="submit"].inlineButton { height: 20px; }
input[type="submit"].navigateButton { color: #9B382B; }
button.drdnButton { width: 20px; height: 20px; margin: 0px 0px -5px -5px; }

input[type="text"], input[type="password"], textarea, select  {  border: 1px solid #ccc; }

.editPageButtons { float: right; margin-bottom: 10px; }


/* LIST VIEWS 
----------------------------------------------------------*/
.listBtns { margin-bottom: 5px; margin-top: 5px; width: 100%; }
.listBtns input[type="submit"] { height: 20px; }
.listTable { width: 100%; border-top: 1px solid #9B382B; }
.listTable TD {border-top: 1px solid #ddd; padding: 1px 5px 1px 5px; }
.listTable TD TD {border: none; font-size: 0.8em;}
.headerRow { background-color: #eee; color: #666; }
.headerRow TH { padding: 3px 0px 3px 0px; font-size: 0.9em; }
.headerRow a:link { text-decoration: none; color: #555; }
.headerRow a:hover { text-decoration: underline; color: #111;}
.emptyCell { border-bottom: 1px solid #9B382B; height: 40px; text-align: center; vertical-align: middle; }
.oddRow a:link {text-decoration: none; color: #111;}
.oddRow a:hover {text-decoration: underline; color: #034af3; }
.evenRow a:link {text-decoration: none; color: #111;}
.evenRow a:hover {text-decoration: underline; color: #034af3; }
.editRow { background-color: #1FFFFF; color: #9B382B; }
.selRow { background-color: #999; color: #111; }
.footerRow { text-align: center; background-color: #F3F3F3; font-family: Arial; font-size: 1.1em; }
.footerRow TD { border-top: 1px solid #9B382B; padding: 3px 0px 3px 0px; }
.footerRow a:link {text-decoration: underline; color: #034af3;}
.footerRow a:hover {text-decoration: none; color: #1d60ff;}
.footerLine { border-bottom: 1px solid #9B382B; }
.pagerButton { margin-left: 5px;}
/* INLINE COMMANDS */
td.cmdClmn { text-align: center; width: 150px; font-size: 0.9em; }
td.cmdClmn a:link { text-decoration: none; color: #034af3; }
td.cmdClmn a:hover { text-decoration: underline; color: #1d60ff; }
td.dataClmn {}
td.editCmdClmn { text-align: center; width: 150px; font-size: 0.9em; }
/* CONTROLS INSIDE GRID ROWS */
.inline { width: 96%; }


/* Master Page */

.mainTable
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.firstLevelMenu
{
    width: 960px;
}

.firstLevelMenu tr
{
    height: 150px;
}

.firstLevelMenu a
{
    border-bottom: 0px;
    color: #B38C4F;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    padding: 10px 15px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.firstLevelMenu a:hover
{
    border-bottom: 0px;
    text-decoration: none;
}

.secondLevel
{
    background-image: url("backmiddle.jpg");
    height: 197px;
    width: 997px;
}
.secondLevelLeft
{
    background-image: url("backmiddleleft.jpg"); 
    background-repeat: repeat-x;
    width: 50%;
}
.secondLevelRight
{
    background-image: url("backmiddleright.jpg"); 
    background-repeat: repeat-x;
    width: 50%;
}
.secondLevelMenu
{
    width: 960px;
}
.secondLevelMenu a
{
    border-bottom: 0px;
    display: inline-block;
    color: White;
    font-size: 12px;
    font-family: "Calibri" , Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    height: 15px;
    line-height: 15px;
    padding: 10px 15px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}
.secondLevelMenu a:hover
{
    border-bottom: 0px;
    text-decoration: none;
}
.loginSwitch
{
    display: block;
    color: White;
    font-size: 12px;
    font-family: "Calibri" , Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    padding: 4px;
    margin: 0px;
    text-align: center;    
    vertical-align: middle;
    cursor: hand;
   }
.content
{
    display: block;
    min-height: 400px;
    width: 960px;
    text-align: left;
}

.footerLevel
{
    background-image: url("backfooter.jpg");
    background-repeat: repeat-x;
    min-height: 164px;
}
.footer
{
    padding-top: 5px;
    width: 960px;
}
.footerHeader
{
    color: #10536A;
    background-image: url("backfooterheader.jpg");
    background-repeat: repeat-x;
    height: 24px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
}
.footer a
{
    border-bottom: 0px;
    display: inline-block;
    color: White;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    height: 15px;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.footer a:hover
{
    border-bottom: 0px;
    text-decoration: none;
}
.footer td
{
    padding: 10px 10px 10px 100px;
}

/*  C A L E N D A R  */
/* header */
.CalendarHeader
{
    height: 40px;
    width: 250px;
    background-color: #B8CBE7;
    border: 1px solid #222;
    border-collapse: collapse;
}
.CalendarHeader a
{
    text-decoration: none;
}
.CalendarHeader td
{
    border: none;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 3px;
}
.CalendarMove
{
    width: 40px;
    font: Tahoma;
    font-size: 2em;
}
.CalendarMonth
{
    width: 130px;
    font: Arial;
    font-size: 1.3em;
    padding-top: 5px;
}
/* days */
.Calendar
{
    font-size: 1.2em;
}
.Calendar a
{
    text-decoration: none;
}
.Calendar td
{
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}
.CalendarCell
{
    border: 1px solid #555;
}
/* Needs to select weekends */
.CalendarCellSaturday
{
    border: 1px solid #555;
    border-left-color: red;
}
.CalendarCellSunday
{
    border: 1px solid #555;
    border-right-color: red;
}
.FullReservationCell
{
    background-color: #FF9999;
}
.PartialReservationCell
{
    background-color: #FFFF00;
}
.ReservationCell
{
    background-color: #64FF96;
}
.FreeCell
{
    background-color: #F5F5F5;
}
.FreeCellSummer
{
    background-color: #DDFFDD;
}
.FreeCellWinter
{
    background-color: #D5FFFF;
}
.FreeCellNewYear
{
    background-color: #FFFFDD;
}
.CalendarLegend
{
    border: 1px solid #555;
    height: 30px;
    width: 30px;
}
.CalendarLegendDescription
{
    color: #000;
    font-family: "Calibri";
    font-size: 1.0em;
    letter-spacing: 1px;
    padding-left: 10px;
}


/*  R e s e r v a t i o n  F o r m  */
.ReservationHeader
{
    color: #111;
    font-family: Tahoma;
    font-size: 1.0em;
    font-weight: bold;
    letter-spacing: 1px;
}
.ReservationStatus
{
    background-color: #efdfba;
    border: 1px solid #333;
    color: #880000;
    font-family: Calibri;
    font-size: 1.0em;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 5px 10px 5px 10px;
}

/*   P a r t i a l   C e l l s   */
.pc{border: 1px solid #555;background-position: center;background-repeat: no-repeat;}

.fo{background-image:url("_fo.png");}
.fp{background-image:url("_fp.png");}
.fr{background-image:url("_fr.png");}
.fs{background-image:url("_fs.png");}
.fw{background-image:url("_fw.png");}

.pf{background-image:url("_pf.png");}
.po{background-image:url("_po.png");}
.pr{background-image:url("_pr.png");}
.ps{background-image:url("_ps.png");}
.pw{background-image:url("_pw.png");}

.rf{background-image:url("_rf.png");}
.ro{background-image:url("_ro.png");}
.rp{background-image:url("_rp.png");}
.rs{background-image:url("_rs.png");}
.rw{background-image:url("_rw.png");}

.sf{background-image:url("_sf.png");}
.sp{background-image:url("_sp.png");}
.sr{background-image:url("_sr.png");}

.wf{background-image:url("_wf.png");}
.wp{background-image:url("_wp.png");}
.wr{background-image:url("_wr.png");}

.of{background-image:url("_of.png");}
.op{background-image:url("_op.png");}
.or{background-image:url("_or.png");}


