/* nn4_fonts.css */


/*simple styles for simple browsers. primarily nn4. make darn sure everything in here is overridden in the real css*/

/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
	font-family: 'Lucida Grande', Verdana, Arial, helvetica, Sans-Serif;
	}
		
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
	
/*typography*/
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	/*hover doesn't work in nn4*/
	}
h1 {
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	}
h4 {
	font-size: 80%;
	font-weight: bold;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 80%;
	line-height: 120%;
	}
p {
	font-size: 80%;
	line-height: 100%;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}

/* ==== real_fonts.css */
/* http://www.thenoodleincident.com/tutorials/typography/template.html */

body {
	font-family: 'Lucida Grande', Verdana, Arial, helvetica, Sans-Serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	}
	
#side {font-size:0.9em}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1 p {
	line-height: 1.3em;
	}
.narrow2{
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0.2em 0em 0.5em 0em;
	}
p.small {
	font-size: 0.9em;
}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* ==== apsc.css */

/* ************************* */
/* *** main layout boxes *** */
/* ************************* */

/* http://woss.name/category/geekery/ruby-and-rails/ */

#header {height:230px;border-bottom: 4px solid #999;background: #EBF4FA;color:#000099;
	margin-left:-15px;margin-right:-15px;margin-bottom:7px;}
body {background: #FFFFFF;margin: 0px  15px 3px 15px;padding:0px;}

#menu 				{margin: 0px;}
#main 				{margin: 0px;padding: 20px 10px 10px 10px;clear:both;}

#content 			{margin: 0px;padding-top:5px;}

#login_stuff 		{padding-right:10px;color: #b41}

#main {
	background: #FFFFFF;
	border: 1px solid #666; 
	border-top : none;
}

.logoImage {position : absolute;top : 0px;left : 0px;}
.headerImage {position : absolute;top : 15px;left : 0px;}


/* ************ */
/* *** menu *** */
/* ************ */
#menu {
	border-bottom : 1px solid #666;
	padding-bottom : 19px;
	padding-left : 10px;
	padding-right : 10px;
}
#menu ul, #menu li	{display : inline;list-style-type : none;margin : 0;padding : 0;}
#menu a:link, #menu a:visited	{
	background : #EEE;			/* background of unselected menu */
	border : 1px solid #666;
	color : #666;
	float : left;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{background : #999;border-bottom : 1px solid #fff;color : #000;}
#menu a:hover	{color : rgb(34, 119, 221);}
	
body.section_1 #menu li#nav-1 a, 
body.section_2 #menu li#nav-2 a,
body.section_3 #menu li#nav-3 a,
body.section_4 #menu li#nav-4 a,
body.section_5 #menu li#nav-5 a,
body.section_6 #menu li#nav-6 a,
body.section_7 #menu li#nav-7 a,
body.section_8 #menu li#nav-8 a,
body.section_9 #menu li#nav-9 a {background : #FFF;border-bottom : 1px solid #fff;color : rgb(34, 119, 221);}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4, 
#menu #subnav-5, 
#menu #subnav-6, 
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9 {display : none;width:90%;}

/* positioning of sub-menu */
body.section_1 #menu ul#subnav-1, 
body.section_2 #menu ul#subnav-2,
body.section_3 #menu ul#subnav-3,
body.section_4 #menu ul#subnav-4, 
body.section_5 #menu ul#subnav-5, 
body.section_6 #menu ul#subnav-6, 
body.section_7 #menu ul#subnav-7,
body.section_8 #menu ul#subnav-8,
body.section_9 #menu ul#subnav-9 {display : inline;position : absolute;top : 265px;left : 15px;}

body.section_1 #menu ul#subnav-1 a, 
body.section_2 #menu ul#subnav-2 a,
body.section_3 #menu ul#subnav-3 a,
body.section_4 #menu ul#subnav-4 a, 
body.section_5 #menu ul#subnav-5 a, 
body.section_6 #menu ul#subnav-6 a, 
body.section_7 #menu ul#subnav-7 a, 
body.section_8 #menu ul#subnav-8 a 
body.section_9 #menu ul#subnav-9 a {
	background : #FFF;
	border : none;
	border-left : 1px solid #666;
	color : #999;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}


#menu ul a:hover {color : rgb(34, 119, 221) !important;}




body.sub_section_1 #menu li li.sub_nav-1 a, 
body.sub_section_2 #menu li li.sub_nav-2 a,
body.sub_section_3 #menu li li.sub_nav-3 a,
body.sub_section_4 #menu li li.sub_nav-4 a,
body.sub_section_5 #menu li li.sub_nav-5 a,
body.sub_section_6 #menu li li.sub_nav-6 a,
body.sub_section_7 #menu li li.sub_nav-7 a,
body.sub_section_8 #menu li li.sub_nav-8 a,
body.sub_section_9 #menu li li.sub_nav-9 a {
	background :#FFF; color :rgb(34, 119, 221) !important; font-weight:bold;}




/* *********************** */
/* *** body base style *** */
/* *********************** */
/* ************************** */
/* *** default typography *** */
/* ************************** */

h1 {color:#555;}
h2 {color:#555;}
h3 {color:#555;}
h4 {color:#555;}
h5 {color:#555;}
h6 {color:#555;}
p  {color:#666;}
.demoted {color:#AAA;}

p a {color:rgb(34, 119, 221);}
p a:link {color:rgb(34, 119, 221);}
p a:visited {color:rgb(34, 119, 221);}
p a:hover {color:rgb(34, 119, 221);}
p a:active {color:rgb(34, 119, 221);}

h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #555;
	}

p.booking_link {
	font-weight: bold;
}

p.booking_link a, p.booking_link a:visited {
	color: #b41;
}

h1, h1 a, h1 a:hover, h1 a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited,
p.booking_link, p.booking_link a, p.booking_link a:hover, p.booking_link a:visited {
	text-decoration: none;
	}

#footer p {margin:0;padding:0;font-size:0.9em;}


	
#content a:hover, #content a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

#breadcrumb {margin-top:0px;margin-bottom:0px;padding:0;}
#breadcrumb p {margin:0px;padding:0px;}

.revision_differences del {background-color: #FFAAAD;}
.revision_differences ins {background-color: #ADFFAD;}

strong, b {font-weight: bold;}

ul, ol {margin: 0em 0em 1em 3.0em;padding:0em 0em 0em 0em;color:#666;}
ul a, ol a {color:rgb(34, 119, 221);}        
ul a:link, ol a:link {color:rgb(34, 119, 221);}        
ul a:visited, ol a:visited {color:rgb(34, 119, 221);}        
ul a:hover, ol a:hover {color:rgb(34, 119, 221);}        
ul a:active, ol a:active {color:rgb(34, 119, 221);}  

ul ul {margin-left:1.0em;}
pre {
	width: 80%;
	font-family: monospace;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #035BA3;
	background-color: #f0f0f0;
	color: #024174;
}

.pretendLink {text-decoration:underline;}

hr {
	display: block;
	height: 1px;
	margin: 2px 0px;
	padding: 0;
	background-color: #666;
	border: 0;
}
.byline {float:right;margin-right:5px}
.spacer {clear: both;}

/* ****************** */
/* *** news items *** */
/* ****************** */

.entry + .entry {
	margin-top: 2em;
}
.entry-head {
	margin-top: 10px;
}
.entry-head h2 {
	margin: 0px;
}
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('/images/site_decor/time.gif') left center no-repeat;
}
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('/images/site_decor/tag_blue.gif') left center no-repeat;
	}
.entry-meta { /* Time and category for blog entries */
	display: block;
	margin-top: 1px;
	color: #999;
	font-size: 0.9em;
}
small .entry-meta {
	line-height: 1.5em;
}
.entry-content {
	line-height: 1.8em;
	text-align: justify;
	color: #444;
}


.important-content p {
	color: #b41;
}
.important-content {
	color: #b41;
}



.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
}

/* ************** */
/* *** iamges *** */
/* ************** */

img {float: left;background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
img.showOnRight {float: right;background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
.logoImage {border:none;margin:0px;padding:0px;}

.verticalImageBar {float:right;margin: 5px 2px 4px 0px;border: 1px solid #61A5FF;padding:2px;}
.verticalImageBar div {clear:left;margin:0px;}
.verticalImageBar img {margin:1px;}

/* *********************** */
/* *** image galleries *** */
/* *********************** */

div.figure {
  	float: left;
  	margin: 5px 15px 0px 2px;
  	padding: 2px;
	border-bottom: 1px solid #a9a9a9;
}
div.figure p {
  	text-align: center;
  	text-indent: 0;
	margin: 0px;
}
div.figure p img {
  	float: none;
	margin: 0px;
}


div.imageAndCaption {width:140px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;float:left;}
div.imageAndCaption p {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a img {float: none;}



.imageGallery {margin-left: 5px;}
.imageGalleryItem {float: left;text-align: center;width:140px; height:250px;margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;}



/* ****************** */
/* *** pagination *** */
/* ****************** */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


/* ************** */
/* *** tables *** */
/* ************** */

table {margin: 1.0em 0em 0.5em 0em;border-collapse:collapse;color:#666;}
th {padding:2px 3px;border: 1px solid #444;color:#444;font-weight:bold;vertical-align:bottom;background-color:#CCC;}
th img {border-style: none;margin:0px;background:transparent;float:none;position:relative;top:3px;}
.chosen {color:#DD6633;}
.chosen a {color:#DD6633;}
.chosen a:link {color:#DD6633;}
.chosen a:visited {color:#DD6633;}
.chosen a:hover {color:#DD6633;}
.chosen a:active {color:#DD6633;}
td a {color:rgb(34, 119, 221);}
td a:link {color:rgb(34, 119, 221);}
td a:visited {color:rgb(34, 119, 221);}
td a:hover {color:rgb(34, 119, 221);}
td a:active {color:rgb(34, 119, 221);}
th a {color:#024174;}
th a:link {color:#024174;}
th a:visited {color:#024174;}
th a:hover {color:#024174;}
th a:active {color:#024174;}
th p {margin:0px;}
td {padding:2px 3px;border: 1px solid #666;}
td p {margin:0px;}
td h2 {margin:0.3em 0.2em 0.2em 0em;font-weight:bold;}
td img {border:none;margin:0px;background:transparent;}

table.no_borders th {border:0px;}      
table.no_borders td {border:0px;} 

table.sideways th {text-align:right;vertical-align:top;}     

.tableNotes {margin: 0.5em 0em 0em 2em;}
.tableNotes p {margin: 0em 0em 0em 0em;}

table.control_bar {
	border : 2px solid #005B97;
	border-collapse: collapse;
}
table.control_bar th {
	border-left: 2px solid #005B97;
	border-right: 1px solid #005B97;
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-weight : normal;
	vertical-align: middle;
}
table.control_bar td {
	padding: 0.2em 0.5em 0.2em 1em;
}
table.control_bar p {
	margin: 0px;
}

table .list-line-odd {
	background:#DDD;
}

/* ************************** */
/* *** navigation on news *** */
/* ***   archive page     *** */
/* ************************** */
.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}



form {
	margin: 10px 0px  5px  0px;
}

form.minimal {
	margin: 0px;
	border: none;
}

form label {
  	min-width: 15em;
  	float: left;
  	text-align: right;
  	margin-right: 0.5em;
  	display: block;
	font-weight: bold;
  	color: #024174;
}

form .submit {
  margin-left: 17em;
  margin-bottom: 10px;
}

form img {
	display: inline;
	float: none;
}

form.inline_form label {float: none; display:inline;}

input {
  	color: #024174;
}

textarea {
  	color: #024174;
}
table.form_table th {width:15em;border:0px;text-align:right;vertical-align:middle;background-color: transparent;}      
table.form_table td {border:0px;} 


#notice {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #035BA3;
  	background-color: #f0f0f0;
  	color: #024174;
}

#booking_error {
  	width: 400px;
  	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

#error {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message {
  	margin: 0.5em auto 1em auto;
	padding: 5px;
	text-align: left;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 5px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

.service_message p {
  color: #B21A2F;
  margin-top: 0.6em;
  margin-bottom: 0;
  padding: 0px;
}

#dev_notice {
	position:absolute;
	top: 15px; 
	left: 290px;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
	font: bold sans-serif;
  	color: #B21A2F;
}

.fieldWithErrors {
  padding: 0px;
  background-color: #EF3F3F;
  display: table;
}

#errorExplanation {
  	border: 2px solid #B21A2F;
  	background-color: #f0f0f0;
	margin: 5px 10px 20px 0px;
  	padding: 7px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

#errorExplanation p {
  color: #B21A2F;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

/* ==== style.css */

/* 
 Main Calendar
*/

.calendar {
  margin-left:10px;
  margin-bottom:1.5em;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.9em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
}

.otherMonth, .day, .day_with_event, .slot_with_event, .slot_free {
  padding: 0.7em 1em;
  border-right: 1px solid #444;

}
.day_with_event, .slot_with_event {
  border-right: 1px solid white;
}

.slot_with_event, .slot_free, .slot_with_booking {
  	height:1.5em;
	padding-top:0;
	padding-bottom:0;
}

.otherMonth {
  color: #eeeeee !important;
}
.weekend {
  background-color: #eeeeee;
}

.weekendDay, .bankHoliday {
	color: #d10a21;
}

.day, .day_with_event, .slot_with_event .slot_free {
  border-bottom: 1px solid #444;
}

.day_with_event {
  	background-color: #ff8000;
 	padding: 0;
	padding-left: 0.3em;
}

.slot_free a, .slot_free a:visited, .slot_free a:hover,
.day_with_event a, .day_with_event a:visited, .day_with_event a:hover,
.slot_with_event a, .slot_with_event a:visited, .slot_with_event a:hover {
  color: black;
  text-decoration: none;
  padding: 1em;
}
.day_with_event a:hover, .slot_with_event a:hover , .slot_free a:hover {
  color: white;
  background-color: black;
}

.slot_with_event {
  background-color: #d10a21;
}

/* ==== datablocks_engine .css */

.dateBocksMessage {

clear: both;

}



.dateBocksMessage div {

font-size: 0.75em;

}



.dateBocksMessage div.error {

color: red;

}



.dateBocks input.error {

background-color: pink;

}



.dateBocks ul {

list-style: none;

padding: 0 5px 0 0;

margin: 0;

}



.dateBocks ul li {

display: inline;

}



.dateBocks ul a {

padding: 5px;

display: block;

float: left;

}



.dateBocks input {

width: 100px;

}

/* ==== calendar_blue.css */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(/images/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* end */