/* Bellona_booking.html stylesheet */


.bluebutton	{
				background: transparent url(/jpeg/icons/button_blue.png) repeat-x;
				padding: 0.5%;
				width: 10%;
				text-align: center;
				vertical-align: middle;
				
				
				}



/* ...........................................Vertical Column layout for calenders BEGIN........................*/						
#column_a	{
				width: 45%;
				margin: 0 1.5%;
				padding:0;
				float: left;
				/*border: 0.1em dotted #000;*/
				
				
				
				}
#column_b	{
				
				width: 45%;
				margin: 0 1.5%;
				padding: 0;
				float: right;
				/*border: 0.1em dotted #000;*/
						
				}
/* ...........................................Vertical Column layout for calenders END........................*/

/* ...........................................Calender Layout .............................................*/
				
#content table	{
						border: 0.1em solid #000000;
						background-color: #235FEB;
						text-align: center;
						width: 100%;
						margin: 2% auto;
						margin-bottom: 5%;
						padding: 0;
						
						}


#content table td	{
						/*border-left: 0.15em solid #999999;
						border-top: 0.15em solid #000;
						border-right: 0.15em solid #000;*/
						
						
						
						}

/* ............... SPACER TO ALIGN CALENDER MONTHS WHEN ONE COLUMN HAS AN UNEVEN NUMBER OF ROWS CAUSING MISALIGNMENT. ----------*/

.cal_spacer	{
				
				height: 1.9em;
				
				}
					

				
						
/* ........................................... H3 Heading  *replaces CAPTION*................................................... */

#column_a h1	{
		 			
		 			text-align: center;
					vertical-align: middle;
					font-size: 1.4em;
					font-weight: bold;
					background-color: #74A5ED;
					color:#A85400;
					border: 0.1em #000000 ridge;
					margin: 0;
					
						 }


#column_b h1	{
		 			
		 			text-align: center;
					vertical-align: middle;
					font-size: 1.4em;
					font-weight: bold;
					background-color: #74A5ED;
					color:#A85400;
					border: 0.1em #000000 ridge;
					margin: 0;
						 }
						 


/* ...........................................Calender Layout END.............................................*/



/* ......Booking class selector, changes color for activated days on calender ......................................*/

.booked	{	
			background: transparent url(/jpeg/icons/booked.gif) no-repeat right center;
			background-color:#cc3300;
			
			}
.changeover	{
				background: transparent url(/jpeg/icons/changeover.gif) no-repeat right center;
				background-color:#cc3300;
				
				}
.reserved	{
				background: transparent url(/jpeg/icons/reserved.gif) no-repeat right center;
				background-color: #66CCFF;
				
				}
				
				
				
/*................................Booking Class Selector END..........................................................*/

/* Colour Key */
#key	{
			
			line-height: 200%;
			list-style: none inside;
			padding: 0;
			margin: 0;
			
			
			
			}

/* background-color for #key stops the background-color from booking class selectors written above changing color key background */			
#key li	{
			display: inline;
			padding: 2% 8% 2% 0;
			margin: 4%;
			font-size: 1.2em;
			color: #333333;
			background-color: #FFFFFF;
			
			}
			
.booked2	{
				background: transparent url(/jpeg/icons/booked2.gif) no-repeat right center;
					}
					
.changeover2	{
				background: transparent url(/jpeg/icons/changeover2.gif) no-repeat right center;
				
				
				}
.reserved2	{
				background: transparent url(/jpeg/icons/reserved2.gif) no-repeat right center;
				
				
				}