/*-----------------------------------------------------------------------------

CONCERTAGENDA SLIDEOUTS
Date: April 8, 2008
Author: Pim Derks
For: BliXem Internet

-----------------------------------------------------------------------------*/

.centerContentGoogle { /* centers the content in .innerContainer */ 
	padding:0px;
	overflow:auto;
	width:960px;
}

#calendarOuterContainer, 
#googleMapOuterContainer,
#googleMapControl, 
#map, 
#calendarDates, 
#calendarDates a, 
.pullDown, .columnMovers {
	display:none; 
}

/* Pulldown handles */ 

.pullDown { /* places the pulldownhandles on the right side of the screen, above the following divs */ 
	font-size:0.8em;
	text-transform:lowercase;
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:1600;
}

.pullDownHandle {
	cursor:pointer;
	height:24px;
	padding:4px 0px 0px 29px;
	position:absolute;	
	right:0;
	background:transparent url(/images/pulldown.gif) no-repeat 0px 4px;
}

.pullDownHandleCalendar {
	width:60px;
	right:90px;
}

.pullDownHandleGoogleMap {
	width:50px;
}

.pullDownHandle span {
	float:right;
	display:block;
	height:20px;
	padding:0px 15px 0px 0px;
	text-decoration:none;
	background:transparent url(/images/pulldown-right.gif) no-repeat bottom right;
}

/* Fold-out Calendar */ 

div#calendarContainer {
	background:#d0d0ce url(/images/kalender-bg.jpg) repeat-x;
	border-top:5px solid #FFFFFF;
}

div#calendarContent {
	padding:15px 15px 0px 15px; /* no bottom padding for dashed background */ 
	height:115px;
}

div#calenderNavLeft {
	width:60px;
	margin:20px 0px 0px 0px;
	float:left;
	}

div#calenderNavRight {
	width:60px;
	float:right;
	margin:20px 0px 0px 0px;
	}

div#calendarDates {
	width:780px;
	height:100px;
	overflow:hidden;
	float:left;
	background:transparent url(/images/calendar-bottom-bg.gif) repeat-x 0px 110px;
	padding:0px 0px 15px 0px;
	margin:0px 25px 0px 25px;
	position:relative;
}
	
div#calendarDates ul {
	position:absolute;
	width:4000px;
}

div#calendarDates li {
	display:inline;
}

div#calendarDates li a {
	color:#FFFFFF;
	font-size:0.7em;
	height:89px;
	width:81px;
	background:#FFFFFF url(/images/calendar-blocks-bg.jpg) no-repeat left;
	margin:0px 10px 0px 0px;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	text-decoration:none;
	text-align:center;
	padding:2px 10px 0px 10px;
	float:left;
	border-bottom:0px;
	}

div#calendarDates li a:hover {
	background-position:right;
	border-left:1px solid #c7c7c7;
	border-right:0;
	width:82px;
}

div#calendarDates li a:hover .day,  
div#calendarDates a:hover .dayname, 
div#calendarDates a:hover .month{
	position:relative;
	margin:0px 0px 0px -1px;
}

div#calendarDates li a .day {
	display:block;
	font-weight:bold;
	font-size:5.5em;
	padding:20px 0px 12px 0px;
}

div#calendarDates li a .month {
	color:#656565;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
}

.slider {
    position:absolute;
	height:8px;
    bottom:0;
	left:0;
	width:100%;
}

.handle {
    position:absolute;
    cursor:e-resize;
    z-index:100;
	height:8px;
    width:13px;
	padding:0;
	margin:0;
}

/* buttons for calendar nav */  

a.buttonLeft, 
a.buttonRight, 
a.buttonLink {
	border:0px;
	color:#000;
}

a.buttonLeft {
	background:transparent url(/images/button-left-left.gif) no-repeat top left;
	padding:0px 0px 0px 19px;
	margin:0px 0px 5px 0px;
	font-size:9px;
	line-height:14px;
	cursor:pointer;
	display:block;
	float:right;
}

a.buttonLeft span {
	padding:4px 5px 4px 5px;
	background:transparent url(/images/button-left-right.gif) no-repeat top right; 
	display:block;
}

a.buttonRight {
	background:transparent url(/images/button-right-left.gif) no-repeat top left;
	padding:0px 0px 0px 7px;
	margin:0px 0px 5px 0px;
	font-size:9px;
	line-height:14px;
	cursor:pointer;
	display:block;
	float:left;
}

a.buttonRight span {
	padding:4px 19px 4px 5px;
	background:transparent url(/images/button-right-right.gif) no-repeat top right; 
	display:block;
}

a.buttonLink {
	font-size:9px;
	background:transparent url(/images/button-right-left.gif) no-repeat top left;
	display:block;
	height:22px;
	padding:0px 0px 0px 11px;
}

/* Google Maps */ 

div#googleMapContainer {
	background:#e3e2de url(/images/kalender-bg.jpg) repeat-x bottom;
	border-top:5px solid #FFFFFF;
}

#googleMapContent { height:300px; }

#googleMapControl {
	float:left;
	width:160px; 
	overflow:hidden;
	position:relative;
	height:270px;
	padding:15px 0px 15px 0px;
}

div#map {
	overflow:hidden;
	width:705px;
	height:300px;
	float:right;
	border-right:5px solid #FFF;
	border-left:5px solid #FFF;
}

div#map a {
	background:transparent;
	border:0px;
	color:#000;
}

.sliderGoogleContainer {
	background:transparent url(/images/slider-google-bg.gif) no-repeat;
	width:140px;
	height:23px;
	padding:7px 10px 0px 8px;
}

.sliderGoogle {
    position:absolute;
	width:124px;
	height:8px;
}

.handleGoogle {
    position:absolute;
    cursor:e-resize;
    z-index:100;
	height:8px;
    width:13px;
	padding:0;
	margin:5px 0px 0px 0px;
	background:#00FF00;
}

.sliderInfo { margin:0px 0px 5px 0px; }

div#calendarDates:after {
	clear:both; 
	content:"."; 
	display:block;
	height:0;
	visibility:hidden;
}

#updateMap { /* button */ 
	margin:10px 0px 0px 0px;
}