.month-select select {
    font-size: 22px !important;
    height: 46px !important;
    padding: 6px;
    position: relative;
    top: -26px;
    width: 93px;
}
.size-handling {
    position: relative;
    top: -28px;

}

#TableCell table {
    width: 375px !important;
}
.caledar-area {
    font-size: 22px !important;
 }
 
.cal-weekend, .cal-days,.cal-current-date{
	 font-size: 22px !important;
    
	
}

#TableCell table {
  width:-moz-max-content !important;
} 

.modalFrameCSS {
	border:1px solid;
	border-color: #336699;
}


.heading {
	font-size: 0.9em;
	font-weight:bold;
	text-transform: capitalize;
	text-decoration: underline;
}
.table_heading {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #336699;
	vertical-align: middle;
	text-transform: none;
	color: #FFFFFF;
	border: 1px #000000 solid;
	height: auto;
	cellspacing:1
}
.table_headingforPoolMgt {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #336699;
	vertical-align: middle;
	text-transform: none;
	color: #FFFFFF;
	border: 1px #000000 solid;
	height: auto;
	width: auto;
	cellspacing:1
}

.table_heading_sortable {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #336699;
	vertical-align: middle;
	text-transform: none;
	color: #FFFFFF;
	border: 0px #000000 solid;
	height: auto;
	width: auto;
 cellspacing:1  cursor: pointer;
}
.table_heading_light_blue {
	font-weight: bold;
	background-color: #CBDDEC;
	vertical-align: middle;
	text-transform: none;
}

.textinput {
	font-size: 1.1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: bottom;
	word-spacing: normal;
	border: 1px #000000 solid;
	width: 11em;
	height:1.5em;
}

.textinputForMembers {
	font-size: 18px;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: bottom;
	word-spacing: normal;
	border: 1px #000000 solid;
	 /* width:135px; */
	height:30px;
}

.LoginButtonGC {
	font-size:1em;
	background-color: #CCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	width: 90px;
	height:80px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
	cursor: pointer;
}

.LoginButtonForMembers {
	font-size:16px;
	background-color: #CCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	/* width: 90px; */
	height:60px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
	cursor: pointer;
}
.textinputLoginPage {
	font-size: 1.1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: bottom;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:100px;
	height:auto;
}
.textinputForNewGuest {
	font-size: 1.1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	height: auto; width: auto;
}

.textinputEnterCC {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:229px;
	height:22px;
}

.textinputAddnewMember {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:300px;
	height:40px;
}

.textinputAddnewMemberSelect {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:152px;
	height:40px;
}


.textinputEnterCC-Date {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:77px;
	height:22px;
}

.textinputPricePad {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:350px;
	height:auto;
}

.textinputReciprocalMember {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:300px;
	height:auto;
}

.textinputSeacrhIssueCredit {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:175px;
	height:27px;
	
}


.textinputIssueCredits {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:200px;
	height:1.5em;
}


.textinputMemberLookup {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:80%;
	height:2em;
}



.textinputSetMenu {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	height:auto;
}


.textinputCloseTerminal {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:260px;
	height:auto;
}

.textinputOpenTerminal {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:260px;
	height:auto;
}


.textinputCashOut {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:150px;
	height:auto;
}


.textinputBarcode {
	font-size: 1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:150px;
	height:auto;
}





.textinputFlotingPad {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:100px;
	height: auto;
}



.textinputTB {
	font-size: 0.9em;
	background-color: #9ac1df;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:150px;
	height: auto;
	
}

.textinputChkScreen {
	font-size: 1.1em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	height: auto;
		
}

.nstextinput {
	font-size:1.2em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	height: auto;
	width: auto;
	padding:5px;
}

.terminalButton {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	cursor: pointer;
	height: 80px;
	width: 90px;
}
.buttonOrig {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
border: 1px #000000 solid: auto;
	width: auto;
}
 .content { font-size:0.9em !important;  font-family:Arial, Helvetica, sans-serif;  
 }
 .contentMemSearch { font-size:1.2em !important; }
 .content1 { font-size: 1em; font-family:Arial, Helvetica, sans-serif;  font-weight:normal;font-style:normal;
	 
 }
.evenRow {
	/* background-color: #FFFFFF;
	color: #000000;
	font-stretch:expanded; */ 
}
.oddRow {
	/* background-color: #F1F1F1;
	color: #000000;
	font-stretch:expanded;  */
}
.smallContent {
	font-size: 0.8em;
}
.subheading {
	font-size:0.9em;
	font-weight: bold;
	text-transform: capitalize;
	font-family:Arial, Helvetica, sans-serif;
}

.subheading2 {
	font-size:1em;
	font-weight: bold;
	text-transform: capitalize;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #F1F1F1;
	
	position:relative; 
	top: expression(document.getElementById("TableListServer").scrollTop); 
}
.bgColorUnfired {
	background-color:  #000000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}

.bgColorFired {
	background-color:  #FF0000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}

.bgColorAutoFired {
	background-color: #339900;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}
.subheadingPlain {
	font-size: 1em;
	text-transform: capitalize;
}
.comment {
	font-size:0.8em;
	color: #0000ff;
	font-style: italic
}
.modifierComment {
	font-size: 0.8em;
	color: #880000;
	font-family:Arial, Helvetica, sans-serif;
}
.modifiers {
	font-size: 0.7em;
}
.pliItem {
	font-size: .9em;
	color: gray;
}

A {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
A:hover {
	color: #993300;
	cursor: pointer;
	text-decoration: underline;
}
.borderedTableGreen {
	outline: 2px solid #00FF00;
	margin: 0px;
	padding: 0px;
}
.borderedTableYellow {
	outline: 2px solid #FF8400;
	margin: 0px;
	padding: 0px;
}
.borderedTable {
	border: 1px solid #336699;
	margin: 0px;
	padding: 0px;
}
.tableCaptionFrontDesk {
	font-family:Trebuchet MS;
	background-image:url(../../images/form/caption.jpg);
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-left: 1px;
	background-color: #999999;
	letter-spacing:1px;
	border: 1px solid #7da2ce;
	height: 21px;
}

.message-grid{
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	color: #CC3300;
}
.tabButton {
	font-size: 0.8em;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #993300;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
}
.tab {
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	/*text-transform: capitalize;*/
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: hand;
	padding:12px;
}

.tab2 {
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: hand;
}
.tabforGiftCertificate {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #DDECF8;
	text-align: center;
	vertical-align: super;
	white-space: normal;
	border: 1px solid #000000;
	cursor: pointer;
}


.tabQMS {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: hand;
}

.timeClock {
	text-align:center;
	font-size: 0.9em;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #DDECF8;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: pointer;
}
.inviteNs {
	font-size: 0.9em;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #CCCCCC;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: pointer;
}
.tab1 {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	/*text-transform: capitalize;*/
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: pointer;
}
.AlertTab {
 font-size: 0.9em;
 line-height: normal;
 font-variant: normal;
 text-transform: capitalize;
 background-color: #FD0100 !important;
 text-align: center;
 vertical-align: super;
 white-space: normal;
 border: 1px solid #000000;
 cursor: pointer;
}

/* .evenRow td, .oddRow td {
    font-size: 1.7em;
} */

.Activetab2, .activeTab2 {
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	/*text-transform: capitalize;*/
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #9AC1DF;
	cursor: hand;
}

.Activetab, .ActiveTab, .activeTab {
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	/*text-transform: capitalize;*/
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #9AC1DF;
	cursor: hand;
	padding:12px;
}
.ActivetabSelectedShift td {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #9AC1DF;
	cursor: pointer;
}

.ActivetabQMS {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #9AC1DF;
	cursor: pointer;
}


.AlertActivetab {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #FF9966;
	vertical-align:middle;
	cursor: hand;
}
.tab_sortable {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #DDECF8;
	text-align: center;
	vertical-align: super;
	white-space: normal;
	border: 0px solid #000000;
	vertical-align:middle;
	cursor: hand;
}
.content_sortable {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #EFEBEF;
	text-align: center;
	vertical-align: super;
	white-space: normal;
	border: 0px solid #000000;
}
.Activetab_sortable {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 0px solid #000000;
	background-color: #9AC1DF;
	cursor: pointer;
}
.tabLeft {
	font-size: 0.9em;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: center;
	vertical-align: super;
	white-space: normal;
	margin: 2px;
	padding: 1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px none;
	border-left: 1px solid #FFFFFF;
	background-color: #DDECF8;
}
.ActivetabLeft {
	font-size: 0.9em;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #333333;
	background-color: #9AC1DF;
	text-align: center;
	vertical-align: super;
	white-space: normal;
	margin: 2px;
	padding: 1px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: none;
	border-left: 1px solid #000000;
}
.tabLine {
	background-color: #9AC1DF;
	border-top: 1px none #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px none #000000;
	border-left: 1px solid #CCCCCC;
}
.ActivetabLine {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.borderedColumn {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.SubTab {
	/*text-transform: capitalize;*/
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	
}


.ActiveSubTab {
	font-variant: normal;
	/*text-transform: capitalize;*/
	background-color: #9AC1DF;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	
}
.ccActiveSubTab {
	font-variant: normal;
	text-transform: capitalize;
	background-color: #9AC1DF;
	text-align: center;
	vertical-align: super;
	border: 1px solid #000000;
	width:65px;
	height:28px;
}
p {
	text-align: justify;
	white-space: normal;
}
.LoginButtonSplit {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
	width: 90px;
	height: 90px;
}
.LoginButtonTransferScreen {
	font-size: 1.2em;
	width:88px;
	height:80px;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.LoginButton4CloseCheckScreen {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 70px;
	cursor: pointer;
}
.LoginButton4SplitCheckScreen {
	font-size: 1em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 70px;
	cursor: pointer;
}
.ActivetabSO{
	font-size: 1.2em;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
}
.InactivetabSO{
	font-size: 1.2em;
	background-color: #DDECF8;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
}

.LoginButton {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
}
.LayoutButton {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
}
.LayoutButtonForNone{
	font-size: 1.2em;
	background-color: #DDECF8;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	align : right;
	width : 100%;
}
.LoginButtonForARButton{
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.LoginButton2 {
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.LoginButton3 {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.ActiveLoginButton {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.LoginButtonShiftMgmt {
	font-size: .8em;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	
	white-space: normal;
	border: 1px #336699 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px 1px 0px 1px;
	cursor: pointer;
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
}
.LoginButton4GiftCertificateList {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.LoginButtonShiftMgmtMainButtons {
	font-size: 1em;
	font-weight: bold;
	background-color: #FFB700;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	border: 1px #336699 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	height: 60px;
}
.ActionButton {
	font-size: 1.5em;
	height: 60px;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.AlertButton {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #666666;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.borderedColoredTable {
	border: 1px solid #336699;
	margin: 0px;
	padding: 0px;
	background-color: #DDECF8;
}

.KeysborderedColored {
	border: 1px solid #336699;
	margin: 0px;
	padding: 0px;
	background-color: #DDECF8;
	width:100%;
}

.keyboardMainWidth { width:700px;}

.borderedColoredTable2 {
	border: 1px solid #336699;
	margin: 0px;
	padding: 0px;
	background-color: #DDECF8;
}
.tableRec6 {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblRec6.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	width: 76px;
	text-align: center;
	vertical-align: super;
}
.tableCir5 {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir5.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 60px;
	width: 59px;
	vertical-align: super;
}
.tableCir2 {
	font-size:0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 43px;
	width: 26px;
	vertical-align: super;
}
.tableRec4 {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblRec4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
}
.boothRec4 {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/bthRec4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
}
.tableDefault {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/bthRec4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	color: #ff0000;
	text-align: center;
	vertical-align: super;
}
.tableDefaultG {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/bthRec4G.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
}
.tableRec6M {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblRec6M.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	width: 76px;
	text-align: center;
	vertical-align: super;
}
.tableRec6G {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblRec6G.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	width: 76px;
	text-align: center;
	vertical-align: super;
}
.tableCir5M {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir5M.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 60px;
	width: 59px;
	vertical-align: super;
}
.tableCir5G {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir5G.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 60px;
	width: 59px;
	vertical-align: super;
}
.tableCir2M {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir2M.gif);
	background-repeat:no-repeat;
	background-position: center center;
	text-align: center;
	height: 43px;
	width: 26px;
	vertical-align: super;
}
.tableCir2G {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/tblCir2G.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 43px;
	width: 26px;
	vertical-align: super;
}
.tableRec4M {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment:scroll;
	background-image:url(../../images/tblRec4M.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	background-color: #006666;
}
.tableRec4G {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:url(../../images/bthRec4G.gif);
	background-repeat: repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.boothRec4M {
	font-size:0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:url(../../images/bthRec4M.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
	background-color: #33CCCC;
}
.boothRec4G {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/bthRec4G.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
	background-color: #FF0033;
}
.tableDefaultM {
	font-size: 0.9em;
	font-weight: bold;
	background-attachment: scroll;
	background-image:  url(../../images/bthRec4M.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 47px;
	text-align: center;
	vertical-align: super;
}
.CloseCheckScreenButtons {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	border-spacing : 0px;
	border-collapse : 0px;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:70px;
} 


.ActiveCloseCheckScreenButtons {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:70px;
}
.fullButton{
	height:100%;
	width:100%;
}
.ItemFunctions {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}

.arrowsTop {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:32px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px
}
.CheckInSuccess {
	font-weight: bold;
	background-color: #99CC99;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.InvalidCard {
	font-weight: bold;
	background-color: #FFA7A7;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.InactiveAccount {
	font-weight: bold;
	background-color: #FF9966;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ErrorCardActivity {
	font-weight: bold;
	background-color: #FFFF99;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ErrorMemberPrivilege {
	font-weight: bold;
	background-color: #CCCCFF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ErrorAutoCheckIn {
	font-weight: bold;
	background-color: #999966;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ErrorStatusRules {
	font-weight: bold;
	background-color: #7F525D;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.AllowedCheckInExceeded {
	font-weight: bold;
	background-color: #6D7B8D;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.MembershipCardExpired {
	font-weight: bold;
	background-color: #AF4035;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.GuestCheckInSuccess {
	font-weight: bold;
	background-color: #ffd633;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.AccessRuleDenied {
	font-weight: bold;
	background-color: #F47442;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.VaccinatedMembersAllowed {
	font-weight: bold;
	background-color: #c15c5f;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ItemFunctionsForSupervisorMode {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.eventsfunctions {
	background-color: #CBDDEC;
    border:1px solid #336699;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:100 px;
	font-size:12px;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	cursor: pointer;
	
}
.eventsfunctionsFinal {
	background-color: #9AC1DF;
    border:1px solid #336699;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:100 px;
	font-size:12px;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	cursor: pointer;
	
}
.eventsfunctions1 {
	background-color: #CBDDEC;
    border:1px solid #336699;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:10%;
	font-size:12px;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	cursor: pointer;
	
}
.ItemFunctionsCheckScreen {
	/*font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	height:70px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;*/
	
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	width: 107px;
	height:70px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:14px;
/*	font-family:Arial, Helvetica, sans-serif; */
}
.ItemFunctionsCheckScreen2 {
	font-weight: bold;
	background-color: #FF0000;
	border:2px solid #fff;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	width: 107px;
	height:70px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
 border:
}

.MenuItemsM {
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #C97B7B;
	font-size:14px;
	text-overflow: ellipsis;
	overflow: hidden;
/*	font-family:Arial, Helvetica, sans-serif; */
}
.inputbox {
	font-size: .8em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: right;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
}
.label {
	font-size: 0.9em;
	text-transform: capitalize;
	/*font-weight: bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.labelNormal {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
 }
.smallLabel {
	font-size: .8em;
	text-transform: capitalize;
	font-weight: bold;
}
.smallContent {
	font-size: .8em;
	text-transform: capitalize;
	;
}
.listbox {
	font-size: 0.8em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width: 100%;
}
.ActiveItemFunctions {
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.ActiveItemFunctions1 {
	font-weight: bold;
	background-color: #9AC1DF;
	font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:10%;
	font-size: 0.8em;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	border: 1px solid #336699;
}
.keyboardBox {
	font-size: 25px;
	color: #000099;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 2px #000000 solid;
	height: 38px;
w  idth: 100%;
	cursor: pointer;
}

.Modifier {
	font-weight: bold;
	background-color: #F8F3DE;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
.ActiveModifier {
	font-weight: bold;
	background-color: #E3D7A0;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
.ItemFunctionsButton {
	width: 100%;
	height: 33px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.PaymentTypeButtonSelected {
	width: 100%;
	height: 55px;
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.PaymentTypeButton {
	width: 100%;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.MenuOrderButton-working {
	width: 79px;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: hand;
	font-size: 0.9em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.MenuOrderButton-SO {
	width: 98%;
	height: 55px;
	font-weight: bold;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: hand;
	font-size: 0.9em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.disabledClass{
	color:#A0A0A0;
	text-shadow:  1px 1px 1px #fff;
}
.MenuOrderButton {
	width: 98%;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: hand;
	font-size: 0.9em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.MenuOrderButtonForTerminal {
	width: 71px;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: hand;
	font-size: 0.9em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.MenuOrderButton2 {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: hand;
	font-size: 0.9em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

.MenuOrderButton1 {
	width: 70%;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.MenuOrderButtonForDoor {
	width: 45%;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.MenuOrderButtonForDoor1 {
	width: 20%;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.MenuOrderButton2 {
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.keyboardButton {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	width: 90px;
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.MenuOrderButton2 {
	height: 55px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.DiscountScrollButton {
	width: 100%;
	height: 84px;
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.FireButton1 {
	font-weight: bold;
	width: 100px;
	height:70px;
	background-color: #ff0000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
}
.FireButton1CheckScreen {
	font-weight: bold;
	width: 107px;
	height:70px;
	background-color: #BF0000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #741818;
	cursor: pointer;
	color:#FFF;
}
.FireButton2 {
	width: 100%;
	height: 55px;
	font-weight: bold;
	background-color: #ff0000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.coloredRow {
	background-color: #DDECF8;
	border-top: medium solid #336699;
	border-right: medium solid #336699;
	border-bottom: medium solid #336699;
	border-left: medium solid #336699;
}
.selectedRow {
	background-color: #C4C7E1;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #3399FF;
	border-right-color: #3399FF;
	border-bottom-color: #3399FF;
	border-left-color: #3399FF;
}
.tableHeadingLight {
	font-size: 0.6em;
	background-color: #CCDDEE;
}
.outerMostTable {
	width: 700px;
}
.innerTable {
	width: 680px;
}
.OtherChecks {
	font-weight: bold;
	background-color: #CBDDEC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	color: #FF0000;
}

.bgColorPreFired {
	background-color: #0000CC;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}
.PreFireButton {
	font-weight: bold;
	width: 100px;
	height:70px;
	background-color: #0000FF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
}
.PreFireButtonCheckScreen {
	font-weight: bold;
	width: 107px;
	height:70px;
	background-color: #147CCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #224e70;
	cursor: pointer;
	color:#FFF;
}
.MenuOrderButtonSelected {
	width: 100%;
	height: 55px;
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	border: 1px solid #336699;
	cursor: pointer;
}
.OtherOptionMenuOrder {
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: hand;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.ItemFunctionsSelected {
	font-weight: bold;
	background-color: #9AC1DF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

.table_heading_check_expand {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #336699;
	vertical-align: middle;
	text-transform: none;
	color: #FFFFFF;
	border: 1px #000000 solid;
	height: auto;
	width: auto;
	cellspacing:1
}
.legends_comment {
	font-size: 0.8em;
	color: #000000;
	font-weight: bold;
}
.headings_comment {
	font-size: 0.8em;
	color: #000000;
	font-weight: bold;
}
.memberPre {
	font-size: 0.9em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	width:70px;
	height:80px;
}
.ScrollTabelsC {
	height:240px;
}
.CloseCheck {
	padding-top:94px;
}
/* DivHeight class using in TableSelection.JSP for control Height*/
.DivHeight {
	height:465px;
}
.DivH_2 {
	height:434px;
}
/* hControl class using in QuickModeScreen.JSP for control Height*/
.hControl {
	height:450px;
}

.poReceivingsControl {
	height:352px;
}
/* This classes using in MemberLookup.jsp ---- Muneeb Hassan---*/ 
.wMemberLookup {
	width:75%;
}
.hLookupKeyboard {
	height:369px;
}
/* This class using in enterCreditCard.jsp */

.btnsPadding {
	padding-left:110px;
}
/*This is class using in preferencePopUp.jsp */


.controlDiv {
	position:absolute;
	height:420px;
	width:350px;
	top:15px;
	left:-5px;
	display:none;
	
	border:0px;
	padding:10px;
}

.controlDiv2 {
	position:absolute;
	
	top:15px;
	left:-5px;
	display:none;
	
	border:0px;
	padding:0px;
}


.KeyWidth {
	width:800px;
}

.KeysWidthInner{ width:100%;}

.discountPadWidth {
	width:800px;
}
.defaultWidth {
	width:70%;
}
.qmsWidth {
	width:60%;
}
.innerWidth {
	width:100%;
}
.qmsLocations {
	
	height:60px;
	border:1px solid #000;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:300px;
	
	
}

.locWidth { width:100%}

.locationsActive {
	height:60px;
	border: 1px solid #000000;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	width:300px;
	background-color: #9AC1DF;
}
.tabLocations {
	height:60px;
	border:1px solid #000;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:300px;
}
.smallContent02 {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}
.tblHeight {
	height:100%
}

.iframeP {
	position:fixed;
	width:267px;
	top:100px;
	left:150;
	background-color:#fff;
	border:1px solid #000;
	padding:5px;
	overflow:auto
}

.modifierBoxButtonsWidth { width:100%}
.modifierBoxProductsWidth { width:100%}	



.searchMemPadd{ padding-right:45px}


.overridePriceBoxWidth { width:900px; position: absolute; top: 15px; left: -15px; height: 550px; display: none; background-color:#fff; border: 1px solid #000; padding: 0px; overflow: auto; }




.modifierButtonsPadd { padding:0px 6px 0px 6px;}
.modifierBodyPadd { padding:0px 8px 0px 8px;}

.prefrencesButton {
	font-size: 0.9em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	height:50px;
}


	.discountHeight{
		height:50px;
		}
		
.textinputKeyboard {  font-size: 0.9em;  
	background-color: #FFFFFF; 
	letter-spacing: normal; 
	text-align: left; 
	vertical-align: middle; 
	word-spacing: normal; 
	border: 1px #000000 solid; 
	height: auto; width:100%;}
				
.LoginButtonMemberPre {
	font-size: 1.2em;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px #000000 solid;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	height:90px;
}

.posMemberScreenFont{
/* font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em; */
}

.posMemberScreenFontDynamic{
/* font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 1em; */
}

.memberDetailBox { height:160px;}

cashOutInputFeild {
	font-size: 0.9em;
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px #000000 solid;
	width:100px;
	height: auto;
}
.clickClass{
  text-decoration:underline;	
  cursor: pointer;
  cursor: pointer;
}
.checkScreenRightBottomButtons{
    background-color: #CBDDEC;
    border: 1px solid #336699;
    font-size: 0.9em;
    font-variant: normal;
    font-weight: bold;
    height: 70px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 107px;
    word-spacing: normal;
    vertical-align:top;
	}
	
.menuOrderLeftBottomButtons{
    background-color: #CBDDEC;
    border: 1px solid #336699;
    font-size: .9em;
    font-variant: normal;
    font-weight: bold;
    height: 55px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 98%;
    word-spacing: normal;
    vertical-align:top;
	}
.menuOrderLeftBottomButtonsAdmin{
    background-color: #CBDDEC;
    border: 1px solid #336699;
    font-size: 0.8em;
    font-variant: normal;
    font-weight: bold;
    height: 55px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 88px;
    word-spacing: normal;
    vertical-align:top;
}
.menuOrderLeftBottomButtonsAdminSelected{
    background-color: #9AC1DF;
    border: 1px solid #336699;
    font-size: .9em;
    font-variant: normal;
    font-weight: bold;
    height: 55px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 88px;
    word-spacing: normal;
    vertical-align:top;
}
.checkScreenRightBottomButtonsTerminal{
    background-color: #CBDDEC;
    border: 1px solid #336699;
    font-size: .9em;
    font-variant: normal;
    font-weight: bold;
    height: 70px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 107px;
    word-spacing: normal;
    vertical-align:top;
	}
.menuOrderLeftBottomButtonsTerminal{
    background-color: #CBDDEC;
    border: 1px solid #336699;
    font-size: .9em;
    font-variant: normal;
    font-weight: bold;
    height: 55px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 98%;
    word-spacing: normal;
    vertical-align:top;
}
.FireButton1CheckScreenTerminal {
	font-weight: bold;
	width: 107px;
	height:70px;
	background-color: #ff0000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
}
.imageDep {
	background-color: #FFF;
    border:1px solid #eaeaea;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:100 px;
	font-size:12px;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	cursor: pointer;
	
}
.imageDepFinal {
	background-color: #CCC;
    border:1px solid #cacaca;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:super;
    white-space:normal;
    word-spacing:normal;
	width:100 px;
	font-size:12px;
	font-weight:bold;
	padding:0px 6px 3px 6px;
	cursor: pointer;
	
}
.PreFireButtonCheckScreenTerminal {
	font-weight: bold;
	width: 107px;
	height:70px;
	background-color: #0000FF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
}

#locationsDiv{ height:480px;}

.contentArPayment { font-size: 1em;  font-family:Arial, Helvetica, sans-serif;}

.content100 { font-size: 1em;  font-family:Arial, Helvetica, sans-serif;}
#locationsDivPools{ height:650px;}

.dynamicBtn {
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.75));
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.75) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,.75))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFFFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); /* IE6-9 */
	background-color:#CBDDEC;
	letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
    white-space: normal;
    border: 0.5px solid #336699;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
  	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-sizing:border-box;
    width:100%;
}
.dynamicBtn:enabled:hover {
	
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,.35))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%); /* IE10+ */
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.35));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59FFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); /* IE6-9 */
}
.dynamicBtn:enabled:active {
	background-image: linear-gradient(0deg,rgba(255,255,255,0.75),rgba(255,255,255,0));
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#BFFFFFFF',GradientType=0 ); /* IE6-9 */
}
.dynamicBtn:disabled {
 	opacity: 0.6;
 	-webkit-box-shadow: 0;
  	-moz-box-shadow:    0;
  	box-shadow: 0;
  	cursor: not-allowed;
 }
 .additionalGuestCheckInSuccess {
	font-weight: bold;
	background-color: #4FF9FF;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.punchCardRequired {
	font-weight: bold;
	background-color: #f995A8;
	letter-spacing: normal;
	text-align: center;
	vertical-align: super;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}

/* Additional classes being added are for extra validations added in the front desk member check in. */
.SubstituteMemberNominated {
	font-weight: bold;
	background-color: #916EB2;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.SubstituteMemberInactive {
	font-weight: bold;
	background-color: #F9F88E;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.VisitorScheduleIncorrect {
	font-weight: bold;
	background-color: #FF1C23;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.RelatedMemberCheckInNotAllowed {
	font-weight: bold;
	background-color: #87770E;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.WaiverRejected{
	font-weight: bold;
	background-color: #848484;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}.MemberTypeLocationNotAllowed {
	font-weight: bold;
	background-color: #E27878;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}
.MemberTypeTimingsNotAllowed {
	font-weight: bold;
	background-color: #C1C1C1;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	border: 1px solid #336699;
	cursor: pointer;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
}

.transferServerTab{
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	background-color: #DDECF8;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	cursor: hand;
	padding:0px;
	height:100%;
	width:100%;
}

.transferServerActiveTab{
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: 1px solid #000000;
	background-color: #9AC1DF;
	cursor: hand;
	padding:0px;
	height:100%;
	width:100%;
}
.horizontalList {
	list-style: none;
    padding: 0;
    margin:0;
}
.horizontalList li {
	float: left;
    width: auto;
    padding: 2px;
    height: 100%;
    list-style: none;
}
.navBtn {
	width: 40px;
	height: 40px;
	border-radius:4px;
	padding:0;
}
.navBtn.lg { width:55px;} 
.thumbnail {
	line-height: 1.42857;
    background-color: #e8e8e8;
    border: 1px solid #cccccc;
    position: relative;
    width: 70px;
    height: 70px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 0px !important;
    padding: 0;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
}
.thumbnail img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
	position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
  	-webkit-transform: translate(-50%,-50%);
  	-ms-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
  	-webkit-transform-style: inherit !important;
}
.thumbnail span.avatar {
	font-size: 1.5em;
    font-family: var(--regular-font-family);
    color: #444 !important;
    text-transform: uppercase;
    width: 100%;
}
.thumbnail img.portrait {
	width: 100%;
	height: auto;
}

.thumbnail.xs {
	width: 32px;
	height:32px;
}
.thumbnail.xs span.avatar {
    font-size: 1em;
}
.thumbnail.sm {
	width: 40px;
	height:40px;
}
.thumbnail.md {
	width: 50px;
	height:50px;
}
.thumbnail.lg {
	width: 60px;
	height:60px;
}
.removeTableBtn{
	background-color: #ffcccc;
    color: red;
    font-weight: bold;
}
.thumbnail.rounded-circle.xs {
	background-color: var(--body-bg-color);
	border: 0px;
	width: 45px;
	height: 45px;
	float: left;
}
.rounded-circle img {
	height: 100% !important;
	border-radius: 50%;
}
.rounded-circle span {
	height: 100% !important;
	border-radius: 50%;
	background-color: #e8e8e8;
	line-height: 1.9;
	font-size: 1.6em !important;
}
.thumbnail span.avatar {
	font-size: 1.4em;
}
.table-courses{
	height: 50px;
	border: 1px dotted #797979;
	padding: 1px 3px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.tickler-badge{
	position: absolute;
    right: -10px !important;
    top: -3px !important;
    background-color: #f85d2c !important;
    z-index: 50;
}
.thumbnail.serverImage.rounded-circle.xs {
	width: 40px;
    height: 40px;
}
.thumbnail span.avatar {
	font-size: 1.5em;
    font-family: var(--regular-font-family);
    color: #444 !important;
    text-transform: uppercase;
    width: 100%;
}
.viewTableDetailsPopup button.changeServerBtn {
	border-radius:4px;
	height: 34px;
}
.viewTableDetailsPopup div.headingRow {
	height: 5%;
    padding: 7px 15px;
}
.viewTableDetailsPopup div.headingRow.titleBar {
	height: 7%;
    padding: 15px 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.viewTableDetailsPopup {
	border-radius:15px;
}
.viewTableDetailsPopup div.serverName {
	width: 80%;
	line-height: 2.4;
	font-size: 1.3em;
}
.viewTableDetailsPopup div.memberName {
	margin: 6px 0;
}
.viewTableDetailsPopup .secondaryMember.visible  {
	display: table;
	width: 100%;
}
.viewTableDetailsPopup .secondaryMember {
	display: none;
}
.viewTableDetailsPopup .multipleMembers {
	color: #006791;
    text-decoration: underline;
    font-size: 0.95em;
    padding: 0 3px;
    border-radius: 4px;
    margin-top: 5px;
    background: transparent;
    border: 1px solid transparent;
    width: 100%;
    text-align: left;
}
.viewTableDetailsPopup .multipleMembers.visible .showText,
.viewTableDetailsPopup .multipleMembers .hideText {
	display:none;
}
.viewTableDetailsPopup .multipleMembers.visible .hideText,
.viewTableDetailsPopup .multipleMembers .showText {
	display:inline;
}
.viewTableDetailsPopup .multipleMembers .icon {
    padding-right: 10px;
    opacity: 0.8;
}
.viewTableDetailsPopup .multipleMembers:enabled:active {
	text-decoration: none;
    background-color: #006791;
    color: #FFF;
}
@media (hover:hover) {
	.viewTableDetailsPopup .multipleMembers:enabled:hover {
		text-decoration: none;
	    border-color: #006791;
	}
}
.viewTableDetailsPopup .multipleMembers.visible {
	text-decoration: none;
    border-color: #006791;
}
.viewTableDetailsPopup .memberName {
	display: table-cell;
}
.viewTableDetailsPopup .primaryTable{
	background-color: #6c6cd8;
	border-left: 1px solid #aaaaaa;
    padding-left: 8px;
    padding-right:8px;
	color : #666 ;
	font-family: var(--bold-font-family);
    font-size: 1.0em;
    margin: 0 8px;
	border-radius: 100px;
	margin-right: 0px;
}
.viewTableDetailsPopup .removeTable{
	margin-right: 8px;
	float: left;
	padding-top: 8px;
	display: flex;
	align-items: center;
}
.viewTableDetailsPopup .serverColor{
	padding: 9px 3px;
}
.viewTableDetailsPopup .gcIcon {
	font-size: 0.9em;
    padding-right: 4px;
}
.viewTableDetailsPopup.popupBG {
	background: #f5f5f5;
	background: var(--body-bg-color);
}
.ui-menu .search-item-container .label-success {
    padding: 4px;
    font-size: 11px;
}