/* ================================
    CSS STYLES FOR Module FSPConfig
   ================================
*/
body {
}
.ResMain {
	FONT-SIZE: 12px;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: white;
}
.ResGrid {
	BACKGROUND-COLOR: white;
}
.ResHeader {
	FONT-SIZE: 12px;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ResHeaderCurrent {
	FONT-SIZE: 12px;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #a1ffdb;
}
.ResRow {
	FONT-SIZE: 12px;
	font-weight: bold;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ResTab {
	CURSOR: pointer;
	
}
.ResSelected {
	BORDER: red 1px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 1px;
	CURSOR: pointer;
	COLOR: White ! important;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: black ! important;
}
.ResAvailable {
	background-image: url(/images/possible.jpg)!important;
	background-repeat: repeat!important;
}
.ResBooked {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white!important;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: blue;
}
.ResLeftMessage {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white!important;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: blue;
}
.ResNoAnswer {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white!important;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: blue;
}
.ResWrongNumber {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white!important;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: blue;
}
.ResConfirmed
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    color: white !important;
    padding-top: 2px;
    background-color: #0099FF;
}
.ResPartiallyArrived {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #FFFF33;
}
.ResArrived {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #FFFF33;
}
.ResPartiallySeated {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #00E100;
}
.ResSeated {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #00E100;
}
.ResAppetizers
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    color: white;
    padding-top: 2px;
    background-color: #00CC00;
}
.ResEntrees
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    color: white;
    padding-top: 2px;
    background-color: #009933;
}
.ResDessert {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #83A908;
}
.ResBilled {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #2E8B57;
}
.ResReserved {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #daa520;
}
.ResLate {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: red;
}
.ResClosed {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: black;
}
.ResBlocked {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #696969;
}
.ResCompleted {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	BACKGROUND-COLOR: orange;
	PADDING-TOP: 2px;
}
.ResCancelled {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: purple;
}
.ResNoShow {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #fa8072;
}
.ResWaitListed {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #87cefa;
}
.ResBlockedToPublic {
    background-image: url(/images/resRecent.png)!important;
	background-repeat: repeat!important;
}
.ResFuture {
    text-align: right;
    font-size:x-small;
    padding-bottom: 0;
    vertical-align: bottom;
}


.ResRecent
{
    background-image: url(/images/resRecent.png)!important;
	background-repeat: repeat!important;
}
.ResLarge
{
    background-image: url(/images/resLarge.png)!important;
	background-repeat: repeat!important;
}

.hTab {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER: black 2px solid;
	FONT-SIZE: 12px;
	font-weight: bold;
	CURSOR: pointer;
	POSITION: absolute;
	TEXT-ALIGN: center;
}
.hTab1 {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER: black 1px solid;
	FONT-SIZE: 12px;
	font-weight: bold;
	CURSOR: pointer;
	POSITION: absolute;
	TEXT-ALIGN: center;
}
.hLegend {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER: black 2px solid;
	FONT-SIZE: 9px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	CURSOR: pointer;
	POSITION: absolute;
	TEXT-ALIGN: center;
}
.hTabRound {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER: medium none;
	BACKGROUND-POSITION: center 50%;
	FONT-SIZE: 12px;
	font-weight: bold;
	BACKGROUND-IMAGE: url(round20.jpg);
	CURSOR: pointer;
	POSITION: absolute;
	TEXT-ALIGN: center;
}
.Normal {font-size:13px;}
.NormalBold {font-size:13px;}
.rlReservationSearch { width:306px; }
.rlState { padding: 5px; float: left; width: 45px; align: center;font-size:14px; cursor:pointer; }
.rlStatus { padding: 5px; float: left; width: 50px; align: center;font-size:14px; cursor:pointer; }
.rlTime { padding: 5px; float: left; width: 65px; align: center;font-size:14px; cursor:pointer; }
.rlTimeFull { padding: 5px; float: left; width: 120px; align: center;font-size:14px; cursor:pointer; }
.rlGroup { padding:5px; float: left; width: 25px; align: center;font-size:14px; cursor:pointer; }
.rlTable { padding:5px; float: left; overflow: hidden; width: 70px; align: center;font-size:14px; cursor:pointer; }
.rlName { padding: 5px; float: left; overflow: hidden; width: 125px; align: center;font-size:14px; cursor:pointer; }
.wlName { padding: 5px; float: left; overflow: hidden; width: 105px; align: center;font-size:14px; cursor:pointer; }
.clLastName { padding: 5px; float: left; overflow: hidden; width: 125px; align: center;font-size:14px; cursor:pointer; }
.clFirstName { padding: 5px; float: left; overflow: hidden; width: 125px; align: center;font-size:14px; cursor:pointer; }
.clFullName { padding: 5px; float: left; overflow: hidden; width: 125px; align: center;font-size:14px; cursor:pointer; }
.clPhone { padding: 5px; float: left; overflow: hidden; width: 125px; align: center;font-size:14px; cursor:pointer; }
.rlAction { WIDTH: 50px; align: center }
.rList { width: 448px; cursor: pointer }
.rlRow { CLEAR: both; BORDER-RIGHT: 0px; PADDING-RIGHT: 2px; BORDER-TOP: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 448px; PADDING-TOP: 2px; BORDER-BOTTOM: 0px; cursor:pointer; }
.gridMain { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; width: 1024px; padding-top: 5px;  vertical-align:top}
#gridNav { float: left; position: relative; width: 100%; }
#gridTables
{
    float: left;
    position: relative;
    background-color: #ffffff;
    padding: 4px;
    text-align: center;
    padding-bottom: 30px;
}
#gridReservation
{
    margin-left: auto !important;
    margin-right: auto !important;
}
#gridSide { position: relative; float: right; width: 448px;}
#gridQuick { OVERFLOW: hidden; WIDTH: 99%; HEIGHT: 200px; border:1px black solid; padding:3px;}   
#gridQuickStandard { DISPLAY: block; }
.gridQuickDetails { padding:3px; }
#ReservationHostess
.hLegend { PADDING-TOP: 0px;} 
.draggable
{
    PADDING: 3px;
    border: 2px solid green;
}

.droptarget
{
	PADDING: 0px;
	border: none;
	CURSOR: pointer;
	COLOR: White ! important;
	BACKGROUND-COLOR: black ! important;
}
    .ui-menu
    {
        padding-bottom: 2px;
        list-style-type: none;
        margin: 0px;
        padding-left: 2px;
        padding-right:2px;
        display: block;
        float: left;
        overflow: auto;
        width: 310px;

    }
    .ui-menu .ui-menu
    {
        margin-top: -3px;
    }
   .ui-widget
    {
        font-size: 1em
    }
    .ui-menu .ui-menu-item
    {
        margin: 0;
        padding: 0;
        float: left;
        clear: left;
        width: 280px;
        zoom: 1.0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;        
    }
    .ui-menu .ui-menu-item a
    {
        text-decoration: none;
        display: block;
        padding: .2em .4em;
        line-height: 1.5;
        max-width: 290px;

    }
    .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active
    {
        margin: -1px;
    }

.NonSelectableGridItem
{
    cursor: default;
    overflow: hidden;
}
.Clickable
    {
        cursor: pointer
    }
.Notes
{
    border-bottom: 2px solid grey;
}
.Note
{
    overflow: auto;
}
.DropDownList
{
     vertical-align: top;
}