/* ================================
    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: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #A1FD00;
}
.ResSeated {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #00E100;
}
.ResAppetizers
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    color: black;
    padding-top: 2px;
    background-color: #E79CE7;
}
.ResEntrees
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    color: white;
    padding-top: 2px;
    background-color: #006400;
}
.ResDessert {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #750000;
}
.ResBilled {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: white;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #8D31E3;
}
.ResReserved {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	COLOR: black;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #B8B8B8;
}
.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;
}
.ResWaitListedMin {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #FFFF00;
}
.ResWaitListedMax {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	CURSOR: pointer;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #FF0000;
}
.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;
}
.ResUnpaid {
	background-image: url(/images/resUnpaid.png) !important;
	background-repeat: repeat !important;
}
.ResPaid {
	background-image: url(/images/resPaid.png) !important;
	background-repeat: repeat !important;
}
.ResPreAuth {
	background-image: url(/images/resPreAuth.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; white-space: nowrap; text-overflow:ellipsis; width: 70px; align: center;font-size:14px; cursor:pointer; }
.rlName { padding: 5px; float: left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; width: 125px; align: center;font-size:14px; cursor:pointer; }
.wlName { padding: 5px; float: left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; 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;
    -webkit-transition: all 280ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
    -moz-transition: all 280ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
    -o-transition: all 280ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
    transition: all 280ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
}
#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;
}

.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;
}  
.RadGrid
{
    text-align: center;
}
    
.RadGrid .GridHeader
{
padding: 2px;
font-weight: bold;
font-size: larger;
padding-left: 2px;
}
    
.RadGrid .GridHeader A
{
padding: 2px;
font-weight: bold;
padding-left: 2px;
}
    
.RadGrid rgSelectedRow
{
    background-color:ActiveCaption;
}
    
.RadGrid .rgRow A
{
    color: #0000FF;
    text-decoration: underline;
}
    
.RadGrid .rgAltRow A
{
    color: #0000FF;
    text-decoration: underline;
}

.BorderedSection
{
    border: 1px solid black;
    padding: 5px;  
    text-align:left; 
} 

#gridReservationServerShift
{
	width:448px;
}

.rowServerShift
{
	height:35px;
}

.cellScheduleLabel
{
	width:150px; 
	height:25px; 
	text-align:right;
}

.cellScheduleValue
{
	position:relative; 
	left:155px; 
	top:-25px; 
	width:250px;
	height:25px;
}

.cellShiftLabel
{
	width:100px; 
	height:25px; 
	text-align:right; 
	vertical-align:middle;	
}
.cellShiftValue
{
	position:relative; 
	left:105px; 
	top:-25px; 
	width:200px;
	height:25px;
}


#cellScheduleButtons
{
	
	text-align:center;
}

#tableShift
{
	padding-left:0px; 
	padding-right:12px; 
	padding-bottom:10px; 
	padding-top:10px;
}

#rowManualTables
{
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}

#cellShiftCommands
{
	text-align:center;
}

#cellshiftGrid
{
	text-align:center;
}

#cellExit
{
	text-align:center;
    margin-top: 12px;
    margin-bottom: 8px;}

#hssMessageLine {
	width: 98%;
}

#shiftGrid {
	width: 98%;
}

.table {

}
	
.row {

}

.tablecell {
	
}
.labelcolumn {

}
.entrycolumn {
}
.ResFuture {
    color:blue!important;
    border-color:blue!important;
}