/* ---[ colors/sizes/buttons ]------------------------------- */
.red {color:#FF0000;}
.black {color:black;}
.green {color:#608967;}
.blue_lt, .blue_lt a {color: #3399CC;}
.blue_ltr {color: #83BEE0;}
.blue_dark {color: #6094B2;}
.dk_grey {color:#333333;}
.lt_grey {color:#888;}
.ltr_grey {color:#858585;}
.orange {color: #FF9900;}
.ochre {color:#e39039}
.named, .reviewer {color: #92A0AF;}

/* ---[ colors/sizes/buttons ]------------------------------- */
.background1 {background:#eee}
.background2 {background:#fff}
.background3 {background:#fcc}
.background4 {background:#bbf}
.nudgeleft {margin-left: -100px;}
.leftnudge {padding-left: 5px;}
.spaced {letter-spacing: 0.1em;}
.spaced2 {letter-spacing: 0.05em;}
#bignudge {margin: 0 0 0 30px;}

.small {font-size: 75%;}
#smallfont {width:300px; overflow:hidden;}
#button .small {font-size:85%;}
.smaller {font-size: 90%;}
.evensmaller {font-size: 0.85em;}

.downsized {font-size: 85%;}
img.imgright {float:right;}
img.imgleft {float:left; clear: both;}

/**Other styles**/
.selected {text-decoration:underline!important;font-weight:bold;}
.bigger {font-size:larger!important;}
.current {background:lightgrey;font-weight:bold;}
.normalborder {padding-left:0px;border-left: 0px solid red;}
.avaiable {color:green;}
.unavaiable {background:black; color:white;}
.invisible {display:none;}
.con_name {color : #333333; font-size : xx-large;}
.date {text-align:center; font-weight:bold; font-size:24px;}


/** Reservation styles **/

.ok {background-color:#AAFFAA;}
.waitlist {background-color:#ffb799;}
.uncertain {background-color:#FFFFAA;}
.full {background-color:#FF4c4c;}

.box {
border: 1px solid #222288;
  padding: 2px;
  font-size: 11px;
}

table.grid  {
	border:1px red !important;
	border-collapse: collapse;
	border-spacing: 0px;
	table-layout:fixed;

}

@media print
  {
  #nav2 {display:none;}
  }

@media print
  {
  .noprint {display:none;}
  }


#slots td.opengrid {
	border-top:1px dashed #979797;
	border-right:1px solid black;
}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
.tooltip {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; left:10px;}
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute;  border:1px solid #cccccc; background:#ffffff; color:#222288;}
@media print
  {a.tooltip[href]:after {
    display:none;
  }
}


.firstpage  {
top:0px;
margin-left: 0px;
padding: 5px 7px;
border: 1px solid #aaa;
} 
.firstpage span {
top:30px;
}
a.firstpage:hover {
background:#182e7a;
}

.shadowbox {
margin-top: 10px;
border: 1px solid black;
}

div.calendarEntryWrapNormal{
	display:block;
	overflow: visible;
	/* margin-bottom:25px;	--> this is done via a spacer gif as firefox will not respond to this line */ 
	clear:both;
}


/*
-----------------------------------------------------------
                the site changelog: 
-----------------------------------------------------------
*/
.calPage, .calPageSmall {
	color: #BDBDBD; 
	float:left;  
	font-size: 10px; 
	text-shadow: #fff 1px 1px 1px; 
	display: block; 
	background: url(img/date1.gif) 0 0 no-repeat;
	text-align: center; 
	text-transform: uppercase; 
	line-height: 1; 
	margin-top: 0; 
	width: 35px; 
	padding-top: 5px; 
	top: 20px; 
	left: -40px;
}
.calPage .day, .calPageSmall .daySmall {
	display: block; 
	font-weight: bold; 
	font-size: 20px; 
	text-indent: -3px; 
	letter-spacing: -2px; 
	color: #bcbcbc;
	text-shadow: #bbb 2px 2px 0; 
	background: url(img/date2.gif) bottom left no-repeat; 
	padding-bottom: 5px;
}
.date, .calPage, .callPageSmall, .dateSmall {
	/* the 3-letter month */
	margin-bottom: 1em; 
	font-size: 9pt; 
	color: #8D8D8D;
	font-weight:bold;
}
/* small version */
.calPageSmall{
	/* the 3-letter month small*/
	font-size:9px;
	color: #A8A8A8;
	width: 26px; 
	background: url(img/date1_small.gif) 0 0 no-repeat;
}
.calPageSmall .daySmall{
	font-size:15px;
	background: url(img/date2_small.gif) bottom left no-repeat;

}
.dateSmall{

}
div.siteChangelogEntry{
	
	display:block;
	margin-bottom:8px;	
	margin-top:8px;
	width:100%;
	clear:both !important;	
}
.siteChangelogEntryText, .siteChangelogEntryTextFrontPage{
	/* float may be left out */
	float:right;
	width:450px;
	height:auto;
	margin-left:40px;
	padding-top:3px;
	padding-bottom:1px !important; /* in order for the blue links underline (a border) to be displayed */
	word-wrap: break-word;
}
.siteChangelogEntryTextFrontPage{
	width:325px;
	margin-left:35px;

}
/* ---------------------- end site changelog ------------------- */

img.dateSeparator{
	vertical-align:text-bottom;
	float:left;
}

.calendarEntryEvent{
	float:left;
	width:355px;
	
}

.calendarEntrySeparator{
	float:left;
	width:16px;
	
}


.calendarEntryPlace{
	float:right;
	width:100px;
	text-align:left;
	margin-left:20px;
	font-weight: normal; 
	font-size: 8pt;
	color: #9F9F9F;
}

.calendarEntryLogo{
	float:right;
	width:200px;
	text-align:right;
	
}

.deadlineWrapper{
	margin-left:16px;
	margin-top:3px;
	margin-bottom:0px;
	font-size:8pt;
	color: #9F9F9F;
}