body { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
	p { font-family: Arial, Helvetica, sans-serif; font-size: 14px }
	td  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; padding:5px }
	th  {font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color:#4890D0; color:#FFFFFF; font-weight:bold; padding:5px }
	h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px }
	a.wa { font-size: 14px; font-weight: bold }
	
	.dragme {cursor: move; margin-left:0;}
	
	.closeme {margin-left:0;}

	a:link    {color:#000000; text-decoration: underline;}
	a:visited {color:#000000;}
	a:hover   {color:#000000;}
	a:active  {color:#000000;}
		
	html, body {height: 100%;}

	#wrap {min-height: 100%;}

	#main {overflow:auto;
		padding-bottom: 0px;}  /* must be same height as the footer */

	#footer {position: relative;
		margin-top: -82px; /* negative value of footer height */
		height: 82px;
		clear:both;} 

	/*Opera Fix*/
	body:before {
		content:"";
		height:100%;
		float:left;
		width:0;
		margin-top:-32767px;/
	}
	
	/* REQUIRED BUTTON STYLES: */	
	button { 
		width: 200px;
		position: relative;
		border: 0; 
		padding: 0;
		cursor: pointer;
		overflow: visible; /* removes extra side padding in IE */
	}

	button::-moz-focus-inner {
		border: none;  /* overrides extra padding in Firefox */
	}

	button span { 
		position: relative;
		display: block; 
		white-space: nowrap;	
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button span {
			margin-top: -1px;
		}
	}
	/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
	button.submitBtn2 { 
		margin-bottom: 4px;
		font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
		width:225px;
		letter-spacing: 1px;
		font-size:1.1em;
		text-align: center;
		font-weight: bold;
		height:50px;
		cursor:pointer;
		background: transparent url(../Images/SystemImages/blueRectangleButton.png) no-repeat top left;
		color:#fff;
	}
		
/*	button.submitBtn2 span {
		padding: 15px 0 0 1px; 
		height:37px;
		background: transparent url(../Images/SystemImages/btn_lilyblue_sprite.png) no-repeat left top; 
		color:#fff;
	}
	*/
	/***********************************************
	Start Keypad
	***********************************************/
	#keypad {margin:auto; margin-top:0px;}

	#keypad tr td {
			vertical-align:middle; 
			text-align:left; 
			font-size:18px; 
			font-weight:bold; 
			width:71px; 
			height:50px; 
			cursor:pointer; 
			background: transparent url(../Images/SystemImages/blueSquareButton.png) no-repeat top left; 
			color:#FFFFFF;
	}
	.display {
			width:225px; 
			margin:10px auto 10px auto; 
			background-color:#FFFFFF; 
			color:#000000; 
			font-size:60px; 
			border:1px solid #CCCCCC;
	}
	#enter tr td {
		vertical-align:middle;
		padding-top:10px;
		padding-bottom:20px;
		text-align:center; 
		font-size:24px; 
		font-weight:bold; 
		width:225px; 
		height:50px; 
		cursor:pointer; 
		background: transparent url(../Images/SystemImages/blueRectangleButton.png) no-repeat top left; 
		color:#FFFFFF;
	}
	/***********************************************
	End Keypad
	***********************************************/
	
	/***********************************************
	Start Calendar
	***********************************************/
	.tabledisplay {
		width:1200px; /*210*/
		border:0px solid #888;	
		border-collapse:collapse;
	}

	.tddisplay {
		width:120px;
		height:100px;
		border-collpase:collpase;
		border:1px solid #888;
		text-align:center; /*right*/
		vertical-align:top;
		padding-right:0px; /*5*/
	}

	.tdheading{
		height:20px;
		width:120px;
		border-collpase:collpase;
		border:1px solid #888;
		text-align:center; /*right*/
		vertical-align:top;
		padding-right:0px; /*5*/
	}

	.days{
		background-color: #F1F3F5;
	}

	th {
		border-collpase:collpase;
		border:1px solid #888;
	}

	.actday{
		width:120px;
		height:100px;
		border-collpase:collpase;
		text-align:center;	
		vertical-align:top;
		background-color: #4890D0;
		font-weight:bold;
		padding-right:0px;
	}
	/***********************************************
	End Calendar
	***********************************************/
	.maintext
	{
	margin-right:10;
	margin-top:5;
	font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;

	}
	
	.pageheading
	{
	font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	}
	
	.pagesubheading
	{
	font-weight:bold;
	font-size: 14px;
	display:block;
	padding-bottom:5px;
	padding-top:10px;
	margin-top:10px;
	margin-right:10px;
	border-top: thin solid #000000;
	}
	
	.pagesubheading2
	{
	font-weight:bold;
	font-size: 14px;
	display:block;
	}
	
	.helpguide
	{
	background:#E3E3E3;
	padding:30px;
	font-size: 12px;
	display:block;
	text-align:justify;
	}
	
	.saleformframe
	{
		margin-top:20px;
		width:575px;
		border:2px solid #CCCCCC;
		background:#FFFFFF;
	}
	
	.helpheading
	{
	font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:5;
	margin-bottom:15;
	}
	
	.helptext
	{
	font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:5;
	}
	
	.error
	{
	color: red;
	margin-left: 0px;
	display:none;
	font-weight:bold;
	}

	form {
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#eee;
	margin:20px;
	padding:10px 20px;
	width:500px;	
	}
	
	form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}
			
			form li#send {
				background:none;
				margin-top:6px;
				}
		
		form label {
			float:left;
			width:180px;
			text-align:right;
			font-weight:bold;
			margin-right:5px;
			color:#3170ae;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}
			
		form input,
		form textarea {
			padding:4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			border:1px solid #999999;
			width:220px;
			margin-right:50px;
			}
			
		form input:focus,
		form textarea:focus {
			border:1px solid #666;
			background:#e3f1f1;
				}
				
		form select {
			padding:4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			border:1px solid #999999;
			width:220px;
			margin-right:50px;
			}
			
	/***********************************************
	ToolTips
	***********************************************/
	.tooltip{
		display: inline;
		position: relative;
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		}
		
	.tooltip:hover:after{
		background: #4991d0;
		border-radius: 5px;
		bottom: 26px;
		color: #fff;
		content: attr(title);
		right: 20%;
		padding: 5px 15px;
		position: absolute;
		z-index: 98;
		width: 220px;
		}
		
	.tooltip:hover:before{
		border: solid;
		border-color: #4991d0;
		border-width: 6px 6px 0 6px;
		bottom: 20px;
		content: "";
		right: 50%;
		position: absolute;
		z-index: 99;
		}

	.table-report {
		border-collapse: collapse; 
	}

	/* Style for the first row (thead) */
	.table-report tr:first-child {
		background-color: #4E4D4E;
    	color: white;
	}

	.table-report tr:first-child td {
		font-size: 14px; /* Set font size to 18px for all td elements in the first row */
	}

.logo-settings-page {
	overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: #eee;
    margin: 20px;
    width: 500px;

}
.logo-settings-page form {
	padding: 0px !important;
}
.image-delete-btn {
	margin: auto;
    width: unset;
    color: white;
    background: red;
    border: none;
    border-radius: 6px;
    padding: 7px;
}

.image-delete-btn:hover {
    color: white;
    background: black;
}

.image-delete-btn-readonly {
	margin: auto;
    width: unset;
    color: white;
    background: rgb(221, 221, 221);
    border: none;
    border-radius: 6px;
    padding: 7px;
}

.setting-logo{
	margin: auto;
    width: 137px;
    height: 70px;
}

.reports-links {
    margin-bottom: 20px;
}
.reports-links a {
    text-decoration: none;
    color: #333;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 8px 15px;
    border-radius: 5px;
    margin-right: 10px;
}
.reports-links a:hover {
    background-color: #eaeaea;
}

.menu-nav{
	width: 56px;
}