/* adjust calendar colours, other than border colours */
	
	.avl,
	#calmsg,
	td.m11, td.m12, td.m13, td.m14, td.m15, td.m16, td.m17, 
	td.m21, td.m22, td.m23, td.m24, td.m25, td.m26, td.m27,
	td.rc {
		color: #066;
	}

	#topcal td, #botcal td, td.rc, td.shim {
		background-color: #066;
	}
	#topcal td, #botcal td {
		color: #fff;
	}
	#topcal td.m {
		color: #066;
		background-color: #6c9;
		/* border: 1px solid #6c9; */
	}
	#topcal td.mh, #topcal td.rc {
		color: #066;
		background-color: #066;
		/* border: 1px solid #066; */
	}
	#wkbar td {
		color: #066;
		background-color: #6c9;
	}
	td.mh1, td.mh2 {
		background-color: #6c9;
	}

	td.m1, td.m1hol, td.m10, td.m11, td.m12, td.m13, td.m14, td.m15, td.m16, td.m17 {
		background-color: #c0ffdd;
	}

	td.m2, td.m2hol, td.m20, td.m21, td.m22, td.m23, td.m24, td.m25, td.m26, td.m27 {
		background-color: #b0eecc;
	}

	#viewcal {
	/*/*/
	margin: 1px;
	scrollbar-arrow-color: #066;
	scrollbar-base-color: #6c9;
	/* */
	layer-background-color: #066;
	background-color: #fff;
	}			
	.avl,
	#calmsg {
		background-color: #fff;
	}
	
	td.m1, td.m10, td.m1hol,  
	td.m2, td.m20,td.m2hol {
		color: #bbb;
	}
	
	td.blank {
		background-color: #bbb;
	}

	td.mh1, td.mh2, #updatebtn {
		color: #066;
	}

	/* calendar borders and border colours */

	table.bevel, table#topcal, table#botcal {
		border : 1px solid;
		border-color : #ccc #999 #999 #ccc;
	}
	 
	td.blank, td.mh1, td.mh2 {
		border : 1px solid;
		border-color : #ccc #999 #999 #ccc;
	}

	td.m1, td.m1hol, td.m10, td.m11, td.m12, td.m13, td.m14, td.m15, td.m16, td.m17, 
	td.m2, td.m2hol, td.m20, td.m21, td.m22, td.m23, td.m24, td.m25, td.m26, td.m27 {
		border : 1px solid;
		border-color : #eee #ccc #ccc #eee;
	}


	/* text */

	#viewcal, #caldates td, #topcal td, #ad {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}

	
	#topcal td, #caldates td, #botcal td, #calmsg, td.m {
		text-align: center;
	}
	
	.avl, #updatebtn, #topcal td, td.m,
	td.m11, td.m12, td.m13, td.m14, td.m15, td.m16, td.m17, td.m21, td.m22, td.m23, td.m24, td.m25, td.m26, td.m27,
	td.mh1, td.mh2, td.mh  {
		font-weight: bold;
	}

	#lup {
		font-size: 10px;
		color : #fff;
		font-weight: bold;
	}
	
	#calmsg {
		font-size : 10px;
	}

	/* div, table, cell heights and widths, images, margins, padding */
	
	#viewcal {
		width: 190px;
	} 
   
	#caldates {
		width: 100%; /* height: 264px; */
	}
	
	#topcal table, #botcal table, table#topcal, table#botcal {
		width : 100%;
	}

	td.m1, td.m10, td.m11, td.m12, td.m13, td.m14, td.m15, td.m16, td.m17, 
	td.m2, td.m20, td.m21, td.m22, td.m23, td.m24, td.m25, td.m26, td.m27 {
		background-repeat : no-repeat;
		width : 26px;
		height : 25px;
		/*/*/ vertical-align: top;
		line-height: 22px; /* */
	}
	
	td.m {
		width : 26px;
	}
	
	
	td.mh1, td.mh2 {
		width : 43px;
	}
	
	td.mh {
		width : 43px;
	}
	
	#topcal td.mh {
		height : 17px;
	
	}

	 
	td.rc {
		width : 15px;
	}
	#caldates td.rc {
		width : 16px;
	}
	

	td.m1, td.m2 {
		background-image : none;
	}

	td.m10, td.m20 {
		background-image : url(/images/gc30.gif);
	}
	td.m11, td.m21 {
		background-image : url(/images/gc31.gif);
	}
	td.m12, td.m22 {
		background-image : url(/images/gc32.gif);
	}
	td.m13, td.m23 {
		background-image : url(/images/gc33.gif);
	}
	td.m14, td.m24 {
		background-image : url(/images/gc34.gif);
	}
	td.m15, td.m25 {
		background-image : url(/images/gc35.gif);
	}
	td.m16, td.m26 {
		background-image : url(/images/gc36.gif);
	}
	td.m17, td.m27 {
		background-image : url(/images/gc37.gif);
	}
	#ad {
		margin: 2px; 
		color: #fff;
	}
	
	#lup {
		margin : 2px 0px 5px 0px;
	}
	
		
	#caldates a	{
		display : block;
        color: #066; 
		/*/*/ margin: 0;
		padding : 0 0 1px 0; /* */
		text-decoration:none;
		}
		
	#caldates a:hover, #caldates a.sel	{
        color: #fff; 
        background-color : #66cc99;
	}
	
	#legend {
	border-color : #066;
	layer-background-color: #066;
	background-color: #FFFFFF;
	border : 1px solid #066;
	
	}

	#legend td  {
		/* padding: 2px 2px 2px 0px; */
		text-align: center;
	}
		
	#legend td.alabel {
		text-align : left;
	}

	#legend table {
		background-color: #fff;
		margin-bottom: 5px;
		width: 100%
	}

	
	#legend table.titlebar {
		margin: 0px;
		width: 100%
	}
	
	#legend th {
		color: #fff;
		background-color: #066;
		text-align: center;
	}
	#legend p {
		font-size: 10px;
	}
	#calLinks {
	/*/*/ line-height: normal; /* */
		text-align: center;
		margin: 5px 0px 0px;
	}
	#calLinks a:link, #calLinks a:visited {
		font-size: 10px;
		color: #066;
		/* 
		display: block;
		padding: 2px;
		margin: 0 auto;
		border: 1px solid #fff; 
		
		*/
	}
	#calLinks a:hover, #calLinks a:hover {
		color: #fff;
		background-color: #066;
		border: 1px solid #066;
		text-decoration: none;
	}
	#legend a:link, #legend a:visited {
		font-size: 10px;
		color: #066;
	}
	#legend a:hover, #legend a:hover {
		color: #fff;
		background-color: #066;
		text-decoration: none;
	}
	
	.small {
		font-size: 10px;
	}
	
	#botcal a:link, #botcal a:visited {
		color: #9fc;
	}
	#botcal a:hover {
		color: #cff;
	}