/* bacground colors:
 	 #ffffcc - light yellow * 
   #fdf5e6 - light beige *
   #f0f8ff - light blue  -- lightest
   #cceeff - light blue -- darker
   #aad4ff - light blue  * -- darker still
   #f0fff0 - light green  *
   #f7e4aa - light  gold *
   #f7eac5 - light gold *
   #f7eccd - light gold *
   #f1f1f7 - light violet *
   #f5f4f7 - pale violet - almost gray *
   #a4c739 - android green
   #a6ca34 - android green
   #97c03c - android green
   #ac7b5a - gingerbread
   #37414A - charcoal
*/


.php
{
	background-color: #f0f8ff;
}

.web
{
	background-color: #fdf5e6;
}

.android
{
	background-color: #a6ca34;
}


body, body div, body p, body th, body td, body li, body dd{
   	font-family: verdana, arial, sans-serif;
    font-size: 100%;
}  	

body{
	padding: 5px;
	background-color: #ffffee;
}

 
body.cream { background-color: #fff8dc; }
body.user { background-color: #fdf5e6; }
body.aliceblue { background-color: #f0f8ff; }
body.whitesmoke { background-color: #f5f5f5; }
body.mint { background-color: #f5fffa; }	
body.antiquewhite { background-color: #faebd7; }
body.linen { background-color: #faf0e6; }
body.oldlace { background-color: #f5f5e6; }	
body.pale { background-color: #ffffee; }
body.gold { background-color: #ffffcc; }
body.cornsilk {	background-color: #fff8dc; }	
 

h1 
{
    font-size: 250%;
    font-family: times, serif;
    margin-bottom: .2em;
} 

h2 
{
    font-size: 160%;
    font-family: times, serif;
    margin-bottom: .2em;
} 

h3
{
    font-size: 130%;
    margin-bottom: .2em;
}

h4
{
    font-size: 100%;
    margin-bottom: .2em;
}

h5
{
    font-size: 85%;
    margin-bottom: .2em;
}

h6
{
    font-size: 62.5%;
    margin-bottom: .2em;
}



a:link {
 	color: blue;
}


a:visited {
	color: maroon;
}


a:hover {
	text-decoration: none;
	background-color: #ffffcc;
}   



a:active {
	color: red;
}
	
/* FROM LQEXCEL
#bodyleft a:link,#bodyleft a:visited {text-decoration:none;color:navy;background-color:transparent}
#bodyleft a:hover,#bodyleft a:active {text-decoration:underline;color:navy;background-color:transparent}	
		
.leftimg {
	float: left;
}

.rightimg {
	float: right;
}
------*/


.maroonfont
{
	color: #840000;
}

.redfont
{
    color: #cc0000;
}

.bluefont
{
	color: #0000FF;
}

.navyfont {
	color: #000080;
}

.blackfont
{
    color: #000000;
}

.greyfont
{
    color: #808080;
}

.greyfontlt
{
    color: #c0c0c0;
}

.greyfontdk
{
	color: #444444;
}

.purplefont
{
	color: #800080;
}

.greenfont
{
	color: #008000;
}

.whitefont
{
  color: #ffffff;

}


.headText
{
	font-size: 250%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
}

.headItalic
{
	font-size: 250%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
	font-style: italic
	
}

.headCaps
{
	font-size: 250%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
	font-variant: small-caps;
}


.subHead
{
	font-size: 175%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
}

.subHeadItalic
{
	font-size: 175%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
	font-style: italic
	
}

.subHeadCaps
{
	font-size: 175%;
	font-weight: bold;
	font-family: "Times New Roman", times, serif;
	font-variant: small-caps;
}


.medText  
{
	font-size: 125%; 
}

.medItalic
{
	font-size: 125%;
	font-style: italic; 
}

.medCaps
{
	font-size: 125%;
	font-variant: small-caps; 
}

.medBold
{
	font-size: 125%; 
	font-weight: bold;
}

.medUnderline
{
	font-size: 125%;
	text-decoration: underline;
}

.smalltext
{
	font-size: 100%; 
}

.smallItalic
{
	font-size: 100%;
	font-style: italic; 
}

.smallCaps
{
	font-size: 100%;
	font-variant: small-caps; 
}

.smallBold
{
	font-size: 100%; 
	font-weight: bold;
}

.smallUnderline
{
	font-size: 100%;
	text-decoration: underline;
}

.tinyText
{
	font: 75%; 
}

.tinyItalic
{
	font-size: 75%;
	font-style: italic; 
}

.tinyCaps
{
	font-size: 75%;
	font-variant: small-caps;  
}

.tinyBold
{
	font-size: 75%; 
	font-weight: bold; 
}

.tinyUnderline
{
	text-decoration: underline;
}

.samplecode {
	font-family: 'Courier New', Courier, monospace;
}

.comicline
{
   font-family: 'comic sans ms';
}

#copyright {
	font-size: 75%;
}

/*
	 #ffffcc - light yellow * 
   #fdf5e6 - light beige *
   #f0f8ff - light blue  -- lightest
   #cceeff - light blue -- darker
   #aad4ff - light blue  * -- darker still
   #f0fff0 - light green  *
   #f7e4aa - light  gold *
   #f7eac5 - light gold *
   #f7eccd - light gold *
   #f1f1f7 - light violet *
   #f5f4f7 - pale violet - almost gray *
   #a4c739 - android green
   #a6ca34 - android green
   #97c03c - android green
   #ac7b5a - gingerbread
   #37414A - charcoal
*/

.backyellow {
	background-color: #ffffee;
}
.backbeige {
	background-color: #fdf5e6;
}
.backbluelt {
	background-color: #f0f8ff;
}
.backbluelt2 {
	background-color: #cceeff;
}
.backbluelt3 {
	background-color: #aad4ff;
}
.backgreen {
	background-color: #f0fff0;
}
.backgreen2 {
	background-color: #a4c739;
}
.backgreen3 {
	background-color: #a6ca34;
}
.backgreen4 {
	background-color: #97c03c;
}
	
.backgold {
	background-color: #f7e4aa;
}
 


/* One of the best things about CSS is that you can position an object absolutely anywhere you want in the document. 
It's also possible (and often desirable) to position objects within a @. It's simple to do too. 
Simply assign the following CSS rule to the container:

 #container
 {
 position: relative
 }

Now any element within this container will be positioned relative to it. Say you had this HTML structure:

 <div id="container"><div id="navigation">...</div></div>

To position the navigation exactly 30px from the left and 5px from the top of the container box, you could use these CSS commands:

 #navigation
 {
 position: absolute;
 left: 30px;
 top: 5px
 }

Perfect! In this particular example, you could of course also use margin: 5px 0 0 30px, 
but there are some cases where it's preferable to use positioning.


*/

#prn { display: none; }



#container {
	position: relative;
	margin: 2px;
	padding: 10px;
	max-width: 900px;
}

#topleft {
	display: none;
}

#topcenter {
  position: relative;
	width: auto;
	top: 3px;
	min-width: 120px;
	height: 116px;
	padding: 9px;
	margin: 0px 10px 0px 3px; 
}


#topright {
	display: none;
}


#toprightwide {
		display: none;
}



#topspan {
	display: none;
}




#bodyleft {
	display: none;
}


#bodycenter  {
	position: relative;
	width: auto;
	min-width: 120px;
	max-width: 600px;  
	margin: 1px 10px 1px 3px;
  padding: 10px;
}

#bodyright {
	display: none;
}

#bodyrightwide {
	display: none;
}


#bodyPRN {
	position: relative;
	width: auto;
	min-width: 120px;
	max-width: 600px;
	margin: 15px 5px 1px 50px;
	border: 1px solid #ffffff;
  padding: 10px;

}

#centerspan  {
	position: relative;
	margin: 1px 5px 1px 180px;
	width: auto;
	max-width: 900px;
	min-width: 120px;
	padding: 15px;
}


#leftspan {
	postition: relative;
	margin: 1px 180px 1px 2px;
	width: auto;
	max-width: 700px;
	min-width: 180px
}

#leftspanwide {
	postition: relative;
	margin: 1px 280px 1px 2px;
	width: auto;
	max-width: 900px;
	min-width: 280px
}

#footleft {
	position: absolute;
	width: 160px;
	left: 3px;
	border: 1px solid #ffffff;
   	padding: 3px;
}

#footcenter {
	position: relative;
	width: auto;
	min-width: 120px;
	max-width: 600px;
	margin: 1px 5px 1px 3px; 
  padding: 7px;
}

#footcenter a {
	 color: #808080;
}

#footright {
	position: absolute;
	width: 160px;
	right: 10px;
	border: 1px solid #ffffff;
	padding: 3px;
}


#navbar {
	position: relative;
	width: auto;
	height: 30px;
	min-width: 160px;
	background-color: #840000;
	padding: 3px;
}

	/* Remove defaults   */
#navbar ul {
	margin: 0px;
	padding: 0px;
}

#navbar ul li {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left;
	list-style: none;
	margin-left: 15px;
  padding: 7px;
  color: #fff;
  background-color: #840000;  


}		
	
 /* Remove underlines from links unless hovered  */	
#navbar li a {
	color: #fff;
	text-decoration: none;
 }		
	
#navbar ul li a:hover {
  font-size: 16px;
  background-color: #000000;    
 /*  text-decoration: underline;   */

}
	
 /* Sub menus   */
#navbar li ul {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
	background-color: #fff;
}

#navbar li:hover ul {
	display: block;
	width: 160px;
}

#navbar li li {
	list-style: none;
	display: list-item;
} 	

#navbar li li a {
	color: #fff;
	text-decoration: none;
}

#navbar li li a:hover {
	text-decoration: underline;
}


#leftmenu ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}

#leftmenu ul li a {
	background-color: #ffc;
	border: 1px solid #000;
	color: #000084;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 10px;
	text-decoration: none;
}


#leftmenu ul li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#leftmenu ul li:last-child a {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#leftmenu ul li a:active, ul li a:hover {
	background-color:  #ffc;  /*  #ffd700;  */
	color: #840000;
}

/*------------------------------------------------------*/
/* Navtop and navlist  */
/*------------------------------------------------------*/

#navtop {
	display: none;
}

*------------------------------------------------------*/
/* Navside and sidelist  */

   /* <div>
		<ul  id="sidelist">
			<li><a href="blogedit.php">Test 1</a></li>
			<li><a href="">Artices</a></li>
			<li><a href="">Access</a></li>
			<li><a href="">Excel</a></li>
			<li><a href="">VBA</a></li>
			<li><a href="">XML</a></li>
			<li><a href="">JSON</a></li>
		</ul>
	  </div>   */
/*------------------------------------------------------*/

#sidelist {
	position: relative;
	 
}
 
ul#sidelist {
  display: inline;
  list-style: none;
}

ul#sidelist li {
  height: 30px;  
}

ul#sidelist li a {
    width: 132px;
    padding: 10px;
    display: block;  
    color: #0000ff;
    font-weight: bold;
    text-decoration: none;
    border:1px solid #000;
    background:  #ffcc99;    /*  #003663;  */
}

ul#sidelist li a:hover {
    background: #ffffcc;    /*  #004a80;   */
    color: #ff0000;
    font-weight:bold;
}

/*=======================================================*/


#clearbodyleft {
	position: absolute;
	width: 160px;
	top: 143px;
	left: 3px;
  background-color: #ffffff;
  padding : 3px;
}

#clearbodycenter  {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 1px 190px 1px 170px;
	background-color: #ffffff;
  padding: 10px;
}

#redblock {
	position: relative;
	color: white;
	background-color: red;
	border: 1px solid #333333;
	width: 125px;
	height: 125px;
	padding: 5px;
	margin-top: 2px;
}

#yellowblock {
	position: relative;
	color: navy;
	background-color: yellow;
	border: 1px solid #cc0000;
	width: 125px;
	height: 125px;
	padding: 5px; 
	margin: 2px;
}


.nudged {
	position: relative;
	top: 10px;
	left: 10px;
}
 
.flotrite  { 
	width:300px; 
	float:right; 
	margin:10px 0; 
	background-color: #e2ddbb;
	border: 1px solid #ccc;
	padding:10px;}
	 
.flotleft  { 
	width: 230px; 
	float: left; 
	margin: 10px 10px;
	background-color: #f0fff0;
	border: 1px solid #ccc;
	padding:10px;} 
 
 .flotleft ul {
 list-style: none;}

 .flotrite ul {
 list-style: none;} 
	
		
.leftimg {
	float: left;
}

.rightimg {
	float: right;
}


label
{
width: 150px;
float: left;
text-align: right;
margin-right: 0.25em;
display: block
}

label.sml
{
width: 100px;
float: left;
text-align: right;
margin-right: 0.05em;
display: block
}

label.right
{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 0.05em;
	display: block	
}

/*===============================
  INPUT - type = textboxes
 ================================*/

input.qty         /* 1 em    */  
{
	width: 60px;
	margin-left: 1em;
	color: #0000cc;
	border: 1px solid #999999;
}

input.acct       /* 2 em       */
{
	width: 60px;
	margin-left: 2em;
	color: #0000cc;
	border: 1px solid #999999
}

input.id         /* 2 em - pale yellow background-color  ?? */
{
	width: 60px;
	margin-left: 2em;
	color: #0000cc;
	background: #ffffcc;
	border: 1px solid #999999
}

input.tranid        /* pale yellow background-color  */
{
	width: 100px;
	margin-left: 2em;
	color: #0000cc;
	background: #ffffcc;
	border: 1px solid #000000
}

input.sml      
{
	width: 100px;
	margin-left: 2em;
	color: #0000cc;
	border: 1px solid #999999
}

input.log
{
	width: 150px;
	margin-left: 2em;
	color: #0000cc;
	border: 1px solid #999999
}

input.rgt            /* same as log - with right-alignment  */
{
	width: 150px;
	margin-left: 2em;
	color: #0000cc;
	text-align: right;
	border: 1px solid #999999
}

input.acc            /* 25em -- used in UserControls   */
{
	width: 150px;
	margin-left: 25em;
	color: #0000cc;
	border: 1px solid #000000
}

input.med
{
	width: 200px;
	margin-left: 2em;
	border: 1px solid #aaaaaa;	
}

input.txt
{
	width: 300px;
	margin-left: 2em;
	color: #0000cc;
	border: 1px solid #999999
}

input.lnkrgt        /* Same as txt with 13.3 em to place it right     */
{
	width: 300px;
	margin-left: 13.3em;
	border: 1px solid #999999 
} 

input.lrg
{
	width: 350px;
	margin-left: 2em;
 	border: 1px solid #999999 
}

input.xlrg
{
	width: 500px;
	margin-left: 2em;
	border: 1px solid #aaaaaa;
}



/*==========================
  SELECT BOXES IN A FORM
  ==========================*/

form select     /* all SELECT FORMS have these attributes   */
{
	margin-left: 2em;
	color: #0000cc;
	background: #ffffff;
	border: 1px solid #999999;
}

form select.med 
{
	width: 150px;
}

form select.medlrg 
{
	width: 200px;
}

/*===========================
  BUTTONS - INPUT SUBMIT
  no borders
  ==========================*/ 

input.btnsml             /*  1em        */
{
	width: 100px;
	margin-left: 2em;
}

input.btn            /*   13.3 em   */
{
	width: 150px;
	margin-left: 13.3em;
	padding: .2em 0;
} 

input.btnleft       /*    3em;     */
{
	width: 150px;
	margin-left: 3em;
	padding: .2em 0;
} 

input.btnlong      /*   13.3 em   */
{
	width: 300px;
	margin-left: 13.3em;
	padding: .2em 0;
}

input.lnk          /* 3 em      */
{
	width: 350px;
	margin-left: 3em;
	padding: .2em 0;
} 

/*=============================
  TEXT AREA
  ============================*/

textarea.med
{
	width: 150px;
	margin-left: 2em;
	padding: 5px;
	color: #0000cc;
  text-align: left;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: verdana, arial, sans-serif;
  font-size: small;

}

textarea.medtbl
{
	width: 150px;
	margin-left: 2em;
	padding: 5px;
	color: #0000cc;
  text-align: left;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: verdana, arial, sans-serif;
  font-size: small;
}


textarea.lrg
{
	width: 400px;
	height: 60px;
	margin-left: 2em;
	padding: 5px;
	color: #0000cc;
  text-align: left;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: verdana, arial, sans-serif;
  font-size: small;
}

textarea.big
{
	width: 500px;
	height: 220px;
	margin-left: 2em;
	padding: 5px;
	color: #0000cc;
  text-align: left;
	background: #ffffff; 
	border: 1px solid #999999;
	font-family: verdana, arial, sans-serif;
  font-size: small;
}

textarea.bigger
{
	width: 450px;
	height: 120px;
	margin-left: 2em;
	padding: 5px;
	color: #0000cc;
  text-align: left;
	background: #ffffff; 
	border: 1px solid #999999;
	font-family: verdana, arial, sans-serif;
  font-size: small;
} 

/*==================================
          TABLES
  =================================*/

table
{
	border-collapse: collapse;
}

table th          /* Red table header    */
{              
	border: 1px solid #ffffff;
	background-color: #840000;
	padding: 5px;
	color: #ffffff;
}

table th.blue      /* Blue table header    */
{
	border: 1px solid #ffffff;
	background-color: #000084;
	padding: 5px;
	color: #ffffff;
}

table td               /* white table cells      */ 
{
 	border: 1px solid #666666;
 	background-color: #ffffff;
	padding: 5px;
}	
	
table td.bk1            /* grey table cells      */
{
 	border: 1px solid #666666;
 	background-color: #eeeeee;
	padding: 5px;
}			

table td.bk2            /* pale yellow table cells      */
{
 	border: 1px solid #666666;
 	background-color: #ffffcc;
	padding: 5px;
}	

table td.bar           /* goldenrod table cells      */ 
{
 	background-color: #ff9900;
 	padding: 5px;
}		
	
/* input fields in a table cells    */
td input.sml
{
	width: 3em;
}

td input.med
{
	width: 6em;
}

td input.lrg
{
	width: 15em;
}

td input.xlrg
{
	width: 25em;	
}

 
/*=====================
  ATTRIBUTES 
 ======================*/
 
.width50
{
	width: 50px;
}

.width100
{
	width: 100px;
}

.width150
{
	width: 150px;
}

.width200
{	
	width: 200px;
}

.width250
{
	width: 250px;
}

.width300
{
	width: 300px;
}


.margin-left-1
{
	margin-left: 1em;
}

.margin-left-2
{
	margin-left: 2em;
}


input.pale
{
	background: #ffffcc;
}

input.white
{
	background: #ffffff;	
}




.lalign
{
	text-align: left;
}

.ralign
{
	text-align: right;
}

.rcenter
{
	text-align: center;
}

 
  
.errorMsg
{
	font-size: 115%;
	font-weight: bold;
	color: #cc0000;
}
  
#errorMsg
{
	font-size: 115%;
	font-weight: bold;
	color: #cc0000;

}

#errorMsg1
{
	font-size: 115%;
	font-weight: bold;
	color: #cc0000;

}
#lineMsg
{
	font-size: 75%;
	font-style: italic;  
 	color: #444444;
}


/*===================
      BOXES
 ====================*/
 
 .boxcontainer {
 	position: relative;
 	width: 278px;
 	height: 134px;
  border: 1px solid #ff0000;
 }
 
.adboxL {
 	position:relative;
	width: 120px;
	height: 120px;
	padding: 5px;
	float: left;
	 
}

.adboxR {
 	position: relative;
	width: 120px;
	height: 120px;
	padding: 5px;
	float: right;
	 
}

.menubox 
{
    width: 156px;
    padding: 3px;
    margin: 0;
}

.newsbox
{
	position: relative;
	top: 5px;
	margin: 0px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #ffcc99;
}

.newsboxL
{
	width: 400px;
	float: left;
	margin-left: 1em;
	padding: 5px;
 	border: 4px double #000084;
  background-color: #ffffff;
}

.newsboxL2
{
	width: 300px;
	float: left;
	margin-left: 1em;
	padding: 5px;
 	border: 4px double #000084;
  background-color: #ffffff;
}

.boxA  {
	position: relative;
	border: 1px solid #9b9b9b;
	background-color: #f8f8f8;
	max-width: 50em;
	padding: 5px;
}


.boxA1  {
	position: relative;
 	border: 4px double #000084;
	background-color: #ffffff;
/*	max-width: 50em;   */
	padding: 5px;
}



.boxA1.user { background-color: #fdf5e6; }
.boxA1.pale { background-color: #ffffee; }
.boxA1.gold { background-color: #ffffcc; }
.boxA1.cornsilk { background-color: #fff8dc; }
.boxA1.smoke { background-color: #f5f5f5; }
.boxA1.mint { background-color: #f5fffa; }
.boxA1.oldlace { background-color: #fdf5e6; }
.boxA1.aliceblue { background-color: #f0f8ff; }
.boxA1.antiquewhite { background-color: #faebd7; }
.boxA1.linen { background-color: #faf0e6; }
.boxA1.cream { background-color: #fff8dc; }


.boxA2  {
	position: relative;
 	border: 4px double #000084;
	background-color: #ffffff;
	padding: 10px;
	max-width: 50em;
	margin: 2px 25px 0px 25px;
}

.boxA3  {
	position: relative;
 	border: 4px double #000084;
	background-color: #ffffff;
	padding: 10px;
	max-width: 20em;
	margin: 2px 25px 0px 25px;
}

.boxA4  {
	position: relative;
	padding: 10px;
	max-width: 50em;
	margin: 2px 25px 0px 25px;
}	

.boxB  {
	position: relative;
	border: 1px solid #9b9b9b;
	max-width: 300px;
	padding: 3px;
}

aside {
	float: right;
	border: 1px solid #666666;
  background-color: #ffffff;
	max-width: 40em;
	padding: 5px;	
}

.boxC  {
	float: right;
	border: 4px double #000084;
  background-color: #ffffff;
	max-width: 300px;
	padding: 5px;
	margin-right: 400px;
}

.boxD  {
	float: right;
	border: 4px double #000084;
  background-color: #ffffff;
	max-width: 300px;
	padding: 15px;
	margin-right: 400px;
}

.boxD1
{
	position: relative;
  max-width: 50em;
  padding: 5px;  
}

.box3
{
	border: 1px solid #cc0000;
	background-color: #FFFFFF;
}

.box4
{
	border: 1px solid #999999;
	background-color: #ffcc99;
}

.box5
{
    border: 1px solid #666666;
    background-color: #ffffcc;
}

.box6
{
    border: 1px dotted #000000;
    background-color: #ffffff;
 
}

.box7
{
	border: 1px solid #999999;
	background-color: #FFCCFF;
}
.box8
{
	border: 1px solid #999999;
	background-color: #CCFFCC;
}

.box9
{
	border: 1px solid #999999;
	background-color: #CC0000;
}

.box10
{
	border: 1px solid #999999;
	background-color: #840000;
}

.box11
{
	border: 1px solid #cc0000;
	background-color: #ffffcc;
}

.box12
{
	border: 1px solid #840000;
	background-color: #888888;
}


.box13
{
	background-color: #66ff33;
	border: 1px solid #00ff00;
}

.boxclear
{
	border: 1px solid #808080;
}	

/* Set up a table-like display  */

.boxtab {
	display: table;
	border-collapse: collapse;
}

.boxhead {
	display: table-cell;
	width: 85px;
	height: 30px;
	padding: 10px;
	background-color: #4169e1;
	color: #ffffff;
	text-align: center;
	font-weight: bold;	
	border: 1px solid #000000;
}


.boxalt {
	display: table-cell;
	width: 85px;
	height: 75px;
	padding: 10px;
  text-align: right;
	background-color: #cceeff;
	border: 1px solid #000000;
}

.boxcell {
	display: table-cell;
	width: 85px;
	height: 75px;
	padding: 10px;
	font-weight: bold;	
  text-align: right;
	background-color: #ffffcc;
	border: 1px solid #000000;
}	

.boxtoday {
	display: table-cell;
	width: 85px;
	height: 75px;
	padding: 10px;
	font-weight: bold;	
  text-align: right;
	background-color: #ffd700;
	border: 1px solid #000000;
}	

.boxevent {
	display: table-cell;
	width: 85px;
	height: 75px;
	padding: 10px;
	font-weight: bold;	
  text-align: right;
	background-color: #98fb98;
	border: 1px solid #000000;
}	

.bar1
{
  margin-left: 0;
	color: #000080;
	background-color: #000080;
	width: 50%;
	height: 1px;
}


	
.highlighter {
	background-color: #ffff80;
}

.highlighter3 {background-color: #ffffe0;
}

.text400 {position: absolute;
	left: 400px;
}

.text350 {position: absolute;
	left: 350px;
}

.text300 {position: absolute;
	left: 300px;
}

.text250 {position: absolute;
	left: 250px;
}

.text200 {position: absolute;         
	left: 200px;                        
}  

.text175 {position: absolute;         
	left: 175px;                        
}  

.text150 {position: absolute;
	left: 150px;
}

.text125 {position: absolute;
	left: 125px;
}

.text115 {position: absolute;
	left: 100px;
}

.text110 {position: absolute;
	left: 100px;
}

.text100 {position: absolute;
	left: 100px;
}

.text75 {position: absolute;
	left: 75px;
}

.text50 {position: absolute;
	left: 50px;
}

.text40 {position: absolute;
	left: 40px;
}


.text25 {position: absolute;
	left: 25px;
}
 
.text15 {position: absolute;
	left: 15px;
}
   
.spacer5 {position: relative;
	left: 5px;
}

.spacer10 {position: relative;
	left: 10px;
}

.spacer15 {position: relative;
	left: 15px;
}

.spacer25 {position: relative;
	left: 25px;
}

.spacer45 {position: relative;
	left: 45px;
}

.spacer50 {position: relative;
	left: 50px;
}

.spacer75 {position: relative;
	left: 75px;
}

.spacer100 {position: relative;
	left: 100px;
}

.spacer125 {position: relative;
	left: 125px;
}

.spacer140 {position: relative;
	left: 140px;
}

.spacer150 {position: relative;
	left: 150px;
}

.spacer160 {position: relative;
	left: 160px;
}

.spacer200 {position: relative;
	left: 200px;
}

.spacer250 {position: relative;
	left: 250px;
}

.spacer275 {position: relative;
	left: 275px;
}

.spacer300 {position: relative;
	left: 300px;
}

.spacer350 {position: relative;
	left: 350px;
}

.spacer375 {position: relative;
	left: 375px;
}

.spacer400 {position: relative;
	left: 400px;
}

.spacer450 {position: relative;
	left: 450px;
}