/*cater.css  */

/* Make sure a scroll bar is shown  when required*/
html {
	overflow-y: auto; scrollbar-color: #6d410f #aa7139;
}


/* Define the main layout characteristics to build the columns */
body  {margin:  0em; padding: 0em; 
		 background-color: #ffd4aa;    /*  production colour  #aa7139 */
		 /*background: #EEEEEE;         /*  development colour   */
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; color: #552a00;
		 accent-color: #552a00;
}

#header	{
	background: #552a00;         
	font-size:16pt; color: #ffd4aa; font-family: arial, helvetica, sans-serif;
	text-align:center; 
	border: 1px solid;
	height: 80px;
	vertical-align: middle; 	
}

#left, #schLeft {
	width: 11%;
	min-width: 5em;
	padding-left: 1em;
	padding-right: 1em;
	float: left;
	/*border: 1px solid #00FF00;   */
}  

#middle, #schMiddle {
	width: 70%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	float: left;
	/*border: 1px solid yellow;  */
	min-height: 10em;
	
} 

#right, #schRight {
	width: 10%;
	float: left;
	padding-left: 0em;
	padding-right: 1em;  
	/*border: 1px solid #333; */
}  

#middle-inpage {
	width: 95%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	/*background:#efffff;		*/
	float: left;
	/*border: 1px solid black;   */
}  

#middle-help {
	width: 70%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	height: 80%;
	float: left;
	overflow-y: auto; scrollbar-color: #6d410f #aa7139;
	/*border: 1px solid black;   */
}  

#footermiddle {
	float: left;
	width: 70%;
	height: 110px;
	padding-left: 2em; 
	padding-right: 2em;
	background: #aa7139 ;
	text-align: center;
	font-size:9pt; color: #552a00; font-family: arial, helvetica, sans-serif;
	/*border: 1px solid #333;     */
}

#footermessage {
	/*border: 1px solid #333;     */    
	height: 75px;
	text-align: center;
	font-size:9pt; color: #552a00; font-family: arial, helvetica, sans-serif;
	}

.footing {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 50px;
}

#copyright {
	text-align: center;
	font-size: 7pt; font-family: arial, helvetica, sans-serif;
	border-top-style: groove;
	border-top-width: 3px;
	/*border: 1px solid #333;         */
	}

.borderedm {
	/*width: 11%;		*/
	min-width: 5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: -2em;
	float: left;
	/*border: 1px solid #FF0000;   */
}  

p		{font-size: 11pt; color: #552a00; }
.pmes	{color: #880000;}

.totl	{font-size: 12pt; color: #552a00; font-weight: 700; height: 30px;}

h1	{font-size:42pt; color: #efffff; text-align:center; 
			 padding-top: .25em; margin-bottom: 0px; margin-top: 0px;
			 /*border: 1px solid blue; */
	 text-shadow: -5px 5px 1px #AAA; /* The first parameter determines the left-right of the shadow
		                                    The second parameter determines the up-down of the shadow
		                                    The third parameter is a blur factor
		                                    The fourth is the colour  */	
}


h2			{font-size:16pt; color: #552a00; text-align:center; padding-top: 0.75em; margin-bottom: 0em; }
h2.inverse	{font-size:16pt; color: #ffd4aa; text-align:center; padding-top: 0.00em; margin-bottom: 0em; background: #552a00; }
h3			{font-size:10pt; color: #552a00; font-weight: 700;}	

hr			{border: 2px solid #552a00;}

a	{	 color: #0000f4;
		 text-decoration: none;
		 cursor: pointer;
		}
img.stock {margin:0px; padding: 0px; vertical-align: middle; }

.scrl {overflow-y: scroll; height: 65%; scrollbar-color: #6d410f #aa7139;}
.scrlled {overflow-y: scroll; height: 55%; scrollbar-color: #6d410f #aa7139;}

th			{font-size:16pt; color: #ffd4aa; text-align:center; padding-top: 0.00em; margin-bottom: 0em; background: #552a00; }
th.smallth	{font-size: 9pt; color: #ffd4aa; text-align:center; padding-top: 0.00em; margin-bottom: 0em; background: #552a00; font-weight: 700; }
th.smallthclear{ padding-top: 0.00em; margin-bottom: 0em; background: #ffd4aa; })
th.smallin	{font-size: 9pt; color: #552a00; text-align:center; padding-top: 0.00em; margin-bottom: 0em; background: #ffd4aa; font-weight: 700; }
th.sort		{cursor: pointer;}


tr.gry	{
		 background-color: #ccc;
		 border-bottom: 5px solid #ff0000; 
		}

td		{
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; 
		 color: #552a00;
		 vertical-align: top;
		/* border: 1px solid #333;   */
		 }
.tdtest	{border: 1px solid #a00;   }
.tdrev	{background: #552a00; color: #ffd4aa; }
.tdlit	{background: #F9BF87; color: #552a00; }
.tdmen	{text-align: right; 
		 background: #552a00; 
		 color: #ffd4aa;
		 width: 60px;
		 }
.tdrt	{text-align: right;}

.tddate	{text-align: left;
		 width: 20px;
		 }		

.tdvm	{padding: 2px 0;}

.txtNote {resize: none; }

.butMap {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ffffff; 
	background: -moz-linear-gradient(top, #ff9842, #dd6400);
	background: -webkit-linear-gradient(top, #ff9842, #dd6400);
    background: -ms-linear-gradient(top, #ff9842, #dd6400);
    cursor: pointer;
	}
	
.butMapdis {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ff0000; 
	background: -moz-linear-gradient(top, #a0a0a0, #404040);
	background: -webkit-linear-gradient(top, #b0b0b0, #404040);
    background: -ms-linear-gradient(top, #a0a0a0, #404040);
    cursor: not-allowed;
	}
	
.butbut {
   border-top: 2px solid #96d1f8;
   /*background: #5a6a75;*/
   background: -moz-linear-gradient(top, #ff9842, #dd6400);  
   background: -webkit-linear-gradient(top, #ff9842, #dd6400);  
   background:  -ms-linear-gradient(top,#ff9842, #dd6400 100%);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 25px 25px 3px 3px ;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
   }
   
.butbutDisabled {
   border-top: 2px solid #96d1f8;
   /*background: #5a6a75;*/
   background: -moz-linear-gradient(top, #0E700E,  #90C190);
   background: -webkit-linear-gradient(top, #0E700E,  #90C190);
   background: -ms-linear-gradient(top, #0E700E,  #90C190);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 25px 25px 3px 3px ;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
   }
   
.butbut:hover, .butMap:hover {
   border-top-color: #28597a;
   background: #ff821a;
   color: #ddd;
   cursor: pointer;
   }

.butrev {
   border-top: 2px solid #96d1f8;
   /*background: #5a6a75;*/
   background: -moz-linear-gradient(top, #ff9842, #552a00);  
   background: -webkit-linear-gradient(top, #ff9842, #552a00);  
   background:  -ms-linear-gradient(top,#ff9842, #552a00 100%);
   /*padding-top: 2px ;   */
   /*padding-bottom: 2px;		*/
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 3px 3px 25px 25px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
   
   }

.bordered {/*border: 3px solid #552a00;  */
		   padding-left: 2em;
		   padding-top: 1px;
		   margin-top: 1px;}

/*  Removes the dotted line around focused object  */
input::-moz-focus-inner { 
  border: 0; 
}

#incentral {text-align: center;}
.incentsml {text-align: center;
			width: 35px;}
.inrightmdm {text-align: right;
			width: 70px;}
.inrightsml {text-align: right;
			width: 100px;}
.inlefttsml {width: 120px;}

.intext21 { width: 300px;}
.intime {text-align: center;
			width: 50px;}
.inyear {text-align: center;
			width: 80px;}
.inbank {text-align: left;
			width: 85px;}
			
.salesAcs  {width: 300px;}   

select:focus {border: 1px solid #880088;}

.mon	{text-align: right;
		 width: 85px;
}

/* start of the pop up key to colour code functionality   */
.key-p{
	width: 145px;
	border-radius: 8px 8px 8px 8px;
	font-size: 9pt;
	font-weight: 500;
	color: #ffffff; 
	background: -moz-linear-gradient(top, #ff9842, #552a00);  
	background: -webkit-linear-gradient(top, #ff9842, #552a00);  
	background:  -ms-linear-gradient(top,#ff9842, #552a00 100%);
	text-align: center;
	padding: 2px 0px 2px 0px;
	cursor: pointer;
	}

.key-codes {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 20;
	top: 20;
	width: 25%; /* Full width */
	/*height: 80%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	
	background-color: #AB620C; 
	font-size: 6pt; 
	
	}

.tdcodes {
		vertical-align: top;
		color: #ffffff;
		}