.nosel
	{
		/*  prevent selection  */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.hide
	{
		display: none;
	}
	
	#balMsg
	{
		color: red;
	}
	.textRed
	{
		color: red;
	}
	.menu-blue { background: #76cadd; }
	.menu-brown { background: #A52A2A; }
	.menu-cyan { background: #00FFFF; }
	.menu-dkbrown { background: #750A1A; }
	.menu-dkgreen { background: #006400; }
	.menu-dkpurple { background: #8B008B; }
	.menu-green { background: #73bc91; }
	.menu-limgreen { background: #32CD32; }
	.menu-ltblue { background: #87CEEB; }
	.menu-orange { background: #FFA500; }
	.menu-pink { background: #FFC0CB; }
	.menu-purple { background: #8b77a0; }
	.menu-red { background: #f3766e; }
	.menu-redorang { background: #FF4500; }
	.menu-white { background: #FFFFFF; }
	.menu-yellow { background: #ffe49c; }
	
	.menuitem-button {
		width:70px; 
		height:70px; 
		/*padding:25px 13px; */
		margin: 6px 2px;
		padding: 4px;
		font-size:12px;
		overflow: hidden;
		word-wrap: break-word;
	}

	input[type="text"], input[type="tel"], input[type="password"]
	{
		height: 30px !important;
	}
	
	div#hasEaten
	{
		color: red;
		font-weight: bold;
	}
	
	.msgResizable
	{
		height: 1.2em;
	}
	.msgLine
	{
		height: 45px;
	}
	
	.navbar-inverse { color: #BBBBBB; }
	.navbar-inverse .brand, .navbar-inverse .nav > li > a {
		color: #BBBBBB;
	}
	.text-right { text-align:right; }
	.list-style-none { list-style:none; }
	.border-right { border-right:1px #666666 solid; padding:0 15px; }
	.padding-fix { padding-top:8px; }
	.margin-fix { margin-top:12px; }

	.full-width { width:100%; }
	.search { margin-top:25px; }
	.lower { margin-top:25px; }
	.bottom { margin-top:25px; margin-bottom:50px; }
	.menu { padding-left:15px;}
	.tab-pane { padding-bottom: 6px; }
	
	
	.mycenter .row-fluid label
	{
		width: 30%;
	}
	.mycenter .row-fluid input
	{
		width: 60%;
	}
	
	table
	{
		border-collapse: separate;
	}
	
	div.mainbuttonDiv
	{
		float: left;
		margin: 0 6px;
	}
	
	#button_row .mainbutton
	{
		/*padding: 4px 5px;*/
		width: auto !important;
	}
	
	#button_row input
	{
		width: 100px; 
		float: left; 
		display: block; 
		margin-right: 6px;
	}
	
	.navbar-inner .btn
	{
		margin: 0 6px;
	}
	
	input[type="text"].linelogin, input[type="tel"].linelogin, input[type="password"].linelogin
	{
		height: 30px !important;
	}
	
	#button_row
	{
		margin-bottom: 4px;
	}
	
	div.mainbutton
	{
		/*
		height: 27px;
		border: 1px solid black;
		color: black;
		background-color: white;
		margin: 0 4px;
		float: left;
		text-align: center;
		padding-top: 3px;
		cursor: pointer;
		*/
	}
	div.mainbutton_active
	{
		//color: white !important;
		//background-color: black !important;
	}
	div.mainbutton_disabled
	{
		//color: #999;
		//border-color: #999;
		//background-color: #EEE;
		//cursor: default;
	}
	div.menuitem_button
	{
		/*width: 75px;
		height: 75px;*/  /* switch to 40px for smaller resolutions and/or portrait mode */
		float: left;
		font-size: 12px;
		text-align: center;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	div.menuitem_button a
	{
		color: black;
		/*  prevent selecting text on buttons  */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	div.menuitem_button .spacer
	{
		height: 4px;
	}
	div.menuitem_active
	{
	}
	div.menuitem_active a
	{
		display: block;
		/* width: 75px;
		height: 40px; */
		width: 100%;
		height: 100%;
		background-color: #f0f0f0;
	}
	div.menuitem_active a:hover
	{
		text-decoration: none;
		background-color: #ffffff;
	}
	div.menuitem_active .hovered
	{
		background-color: #ffffff !important;
	}
	div.menuitem_disabled
	{
		background-color: #FFFFFF;
		border: 5px solid #f8f8f8 !important;
	}
	div.menuitem_disabled a
	{
		display: none;
	}
	
	/*
	div.menu div.span1
	{
		margin-left: 8px;
		margin-right: 8px;
	}
	div.menu
	{
		margin-left: -12px;
	}
	*/
	
	div#studentPhoto
	{
		float: right;
		width: 133px;
		height: 200px;
		background: white;
		text-align: right;
	}
	
	div.colTitle
	{
		font-weight: bold;
		font-size: 1.2em;
	}
	
	div.stucol1
	{
		/*width: 60px;*/
		float: left;
	}
	div.stucol2
	{
		/*width: 150px;*/
		float: left;
	}
	div.stucol3
	{
		/*width: 50px;*/
		float: left;
	}
	div.purchcol1
	{
		/*width: 210px;*/
		float: left;
	}
	div.purchcol2
	{
		/*width: 50px;*/
		float: left;
	}
	.tdcol1
	{
		/*width: 220px;*/
	}
	.tdcol2
	{
		/*width: 110px;*/
	}
	.tdcol3
	{
		/* width: 110px;*/ 
	}
	th.tdcol1, th.tdcol2, th.tdcol3
	{
		text-align: left;
	}
	div#numpad
	{
		text-align: center;
		width: 100%;
	}
	div#numpadcontent
	{
		width: 100%;
		overflow: hidden;
		clear: both;
		float: left;
		margin-bottom: 10px;
	}
	div.numpadrow
	{
		padding: 0;
		margin: 0 auto;
		clear: both;
		float: left;
		position: relative;
		left: 50%;
	}
	div.numpadbut
	{
		float: left;
		position: relative;
		right: 50%;
		/*width: 40px;
		height: 32px;*/
		font-size: 16px;
		font-weight: bold;
		padding-top: 8px;
		margin: 2px;
		/*  prevent selection  */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	div.numpadbut:hover
	{
		cursor: pointer;
		background-color: #ffffff;
	}
	div.numpadbut1
	{
		width: 40px;
		border: 3px solid #555;
	}
	div.numpadbut2
	{
		width: 80px;
		border: 3px solid #555;
	}
	
	div#keypadcontent
	{
		text-align: center;
	}
	div.keypadbut
	{
		float: left;
		font-size: 16px;
		font-weight: bold;
		padding-top: 4px;
		margin: 2px;
		/*  prevent selection  */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	div.keypadbut:hover
	{
		cursor: pointer;
		background-color: #ffffff;
	}
	div.keypadbut1
	{
		width: 40px;
		border: 3px solid #555;
	}
	div.keypadbut2
	{
		width: 80px;
		border: 3px solid #555;
	}
	
	div.transactionBox
	{
		margin-top: 8px;
		/*width: 450px;*/
		border: 1px solid black;
		background: white;
	}
	.transactionOuterTable
	{
		border: 1px solid black; 
		margin: 6px auto 0 auto; 
		width: 100%;
		border-radius: 3px 3px 3px 3px;
		/*box-shadow: 0 0 0 1px #CCCCCC inset;*/
	}
	tr.transactionOuterTable
	{
		background: #000000;
		color: white;
	}
	div.transactionInnerDiv
	{
		overflow: auto; 
		background-color: #ffffff;
		line-height: 16px;
	}
	div.transactionList
	{
		width: 99%;
		/*height: 250px;*/
		overflow: auto;
	}
	div.transactionInnerDiv tr
	{
		cursor: pointer;
	}
	
	div.transactionInnerDiv tr.transactionOld
	{
		background-color: #DDD !important;
	}
	
	div.transactionInnerDiv tr.transactionSaved
	{
		background-color: #000 !important;
		color: #DDD !important;
		cursor: default !important;
	}
	
	div.transactionInnerDiv tr.transactionSelected
	{
		color: white !important;
		background-color: #555 !important;
	}
	
	#cashTransactionBox
	{
		font-size: 14px;
	}

	#cashTransactionList tr.transactionPayment
	{
		background-color: yellow;
	}
	#cashTransactionList tr.transactionSelected
	{
		background-color: #555 !important;
	}
	
	.transactionShowAll
	{
		font-style: italic;
	}
	#cashMenuDiv
	{
		height: 30px;
	}
	
	ul#myTab
	{
		margin-bottom: 5px;
		background-color: #f0f0f0;
	}
	
	input#num_entry
	{
		visibility: hidden;
	}
	
	/*  Options - header and data */
	#optionsDiv
	{
		/*width: 400px;
		margin-left: -200px;
		padding: 10px; */
	}
	#optionsProgress
	{
		visibility: hidden;
	}
	#optionsOutput
	{
		font-style: italic;
	}
	.oh
	{
		margin-top: 8px;
		font-weight: bold;
	}
	.od
	{
		
	}
	.od input
	{
		margin: 0 3px 3px 0;
	}
	#optionsDiv a.close
	{
		padding: 3px 5px;
	}
	
	.strike
	{
		text-decoration: line-through;
	}
	
	#tabbox2
	{
		overflow: hidden;
	}
	
	/*  Student Search Table and Sorting  */
	div#stuSearchContent
	{
		margin: 5px 0;
	}
	table#stuSearchResultTable
	{
		background-color: white;
		border: 1px solid black;
		width: 100%;
	}
	table#stuSearchResultTable th
	{
		text-align: left;
	}
	table#stuSearchResultTable div#stuSearchResultInnerDiv
	{
		overflow: auto;
	}
	table#stuSearchResultTable div#stuSearchResultInnerDiv table
	{
		width: 100%;
	}
	table#stuSearchResultTable thead tr
	{
		background-color: #eee;
	}
	table#stuSearchResultTable th
	{
		background-image: url(/common/tablesorter/themes/blue/bg.gif);
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center right;
		border-right: 1px solid black;
		padding: 3px 10px 3px 2px;
	}
	table#stuSearchResultTable th.c5
	{
		border-right: 0;
	}
	table#stuSearchResultTable th.headerSortUp
	{
		background-image: url(/common/tablesorter/themes/blue/asc.gif);
		background-color: #f0f0f0;
	}
	table#stuSearchResultTable th.headerSortDown
	{
		background-image: url(/common/tablesorter/themes/blue/desc.gif);
		background-color: #f0f0f0;
	}
	table#stuSearchResultTable #stuSearchResultInnerTable tr
	{
		cursor: pointer;
	}
	table#stuSearchResultTable #stuSearchResultInnerTable tr:hover
	{
		background-color: #e8e8e8;
	}
	table#stuSearchResultTable #stuSearchResultInnerTable td
	{
		padding: 3px 11px 3px 2px;
		line-height: 16px;
	}
	table#stuSearchResultTable .c1
	{
		/*width: 90px;*/
	}
	table#stuSearchResultTable .c2
	{
		/*width: 90px;*/
	}
	table#stuSearchResultTable .c3
	{
		/*width: 120px;*/
	}
	
	div#stuSearchContent .t0
	{
		font-weight: bold;
		font-style: italic;
	}

	/*  DIALOG  */
	div#dialog label
	{
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 3px;
	}
	div#dialog a.dialogbutton
	{
		display: block;
		padding: 4px 10px;
		background: url("../jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
		border: 1px solid black;		
		border-radius: 5px;
		margin: 2px;
		width: 100px;
	}
	
	
	div#paymentDiv a.btn
	{
		display: inline-block;
		width: 80%;
		padding: 0;
		line-height: 2.5em;
		margin-bottom: 12px;
		font-size: 16px;
	}
	div#tabdiv .btn_disabled
	{
		visibility: hidden;
	}
	div#paymentDiv input
	{
		font-size: 20px;
	}
	div#paymentDiv a.btn-block
	{
		width: 100%;
	}
	
	div#tabdiv
	{
		height: 100%;
		/*border: 1px #EEEEEE solid;*/
	}
	
	div#mainRow
	{
		height: 470px;
	}
	
	#myTab li.tabextra
	{
		display: none;
	}
	
	#myTab li a
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#optionsDiv .opt_col
	{
		float: left;
		width: 300px; 
		padding-right: 20px;
	}

	#cardProcessing
	{
		text-align: center;
	}