/* Styled by TYPO3 Content Rendering Group - ben@netcreators.com 2007/ cleanup by emile@netcreators.com 2010 */
/* START new classes and  id's */

#calendar-event-backlink a {
	color:#666;
	font-size:0.9em;
	text-transform:uppercase;
	top:-24px;
	right:0px;
	position:absolute;
}

.cal-data { color:#999; font-size:11px; }
.cal-start-date .cal-data {
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0.3em;
	overflow:hidden;
	text-indent:-70px;
}

.cal-found { float:left; }
.cal-found p { font-size:11px; font-weight:bold; margin-bottom:0.6em; margin-right:15px; }
.cal-list { float:left; width:100%;}
.pagebrowser { float:left; }

.agenda-item { clear:both; display:block; float:left; width:100%; }
.agenda-item .cal-date {
	background:#694F38;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:15px;
	line-height:15px;
	margin:0px 15px 0px 0;
	padding:5px 8px 5px 15px;
	text-transform:uppercase;
	overflow:hidden;
	width:38px;
	text-align: right;
}
.agenda-item.Wijkwinkel .cal-date {background:#010066;}
.agenda-item.honderd_procent_mode .cal-date {background:#000;}
.agenda-item.Klarendal .cal-date {background:#FF6C00;}
.agenda-item.Docks .cal-date {background:#fef200; color:#000;}

#month-header { margin-bottom:6px; float: right; }
#month-header div { float:left; height: 29px;color:#fff;}
#month-header-month {
	font-weight:bold;
	text-transform:uppercase; 
	font-size: 15px; 
	height:24px !important;
	padding:5px 10px 0;
	background: #494252;
	text-align:center;
	width: 678px;
}
#month-header-next {float: right;}
#month-header-icons { float:right; text-align:right; }
#month-footer { margin-bottom:7px; width:100%; }

.month-weeknums {
	/*border-right: 1px solid #AAAAAA;*/
	border-left:0 !important;
	border-top: 0 !important;
	background: #000c16 url(../../img/calbase/month-weeknums.gif) no-repeat top center !important;
	padding:0 0 0 3px;
	width:19px;
	color:#bcb8c3;
}

.month-weekdays { border-bottom: 1px solid #AAA; background-color: #EFEFEF;}
.month-small th,.month-small td {
	padding: 2px;
	width: 22px;
	font-size: 10px;
	text-align: right;
}

.month-large {margin-bottom: 20px; clear:both;}
.month-large th,.month-large td { border: 1px solid #A1A5A9; }
.month-large .weekday { 
	background:url(../../img/calbase/weekday.gif) repeat-x top left; 
	height: 12px; 
	border-right: 1px solid #002640;
	border-left: 1px solid #1e4b6b;	
	border-top: 1px solid #1e4b6b;
	padding-left: 10px;
	color: #a0acb4;
	font-size: 10px;
}
.month-large .weeknum { width: 22px; }
.month-large .day {
	height: 100px;
	width: 100px;
	vertical-align: top;
	text-align: left;
	background: #c0c0c0;
	color: #939393;
}

.month-large .day div { text-align:right; padding-right:3px; }

/*For the time being calendar-nav remains a table - no proper alternatives came to my mind yet - suggestions?*/
#calendar-nav { width:100%; }
#calendar-nav td { vertical-align:top; }

/* END new classes and  id's */

.calborder { /*background: #081219;*/ }
.tbll { background:url(../typo3conf/ext/cal/template/img/shadow_l.gif) no-repeat top right; width:8px;}
.tblbot { background:url(../typo3conf/ext/cal/template/img/shadow_m.gif) repeat-x; width:100%;}
.tblr { background:url(../typo3conf/ext/cal/template/img/shadow_r.gif) no-repeat top left; width:8px;}

.rowOn, .rowOff, .rowToday {
	background-color:#CCFFCC;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.rowOff { background-color:#E1E8F1;}
.rowOn2, .rowOff2 { background-color:#CCFFCC; border-top:1px solid #FFFFFF;}
.rowOff2 { background-color: #E1E8F1; }
.rowToday { background-color: #CCFFFF; }

.eventbg_1 { background-color:#557CA3; padding:2px; }
.eventbg_2 { background-color:#53A062; padding:2px; }
.eventbg_3 { background-color:#E84F25; padding:2px; }
.eventbg_4 { background-color:#B257A2; padding:2px; }
.eventbg_5 { background-color:#D42020; padding:2px; }
.eventbg_6 { background-color:#B88F0B; padding:2px; }
.eventbg_7 { background-color:#73738C; padding:2px; }

#allday a {
	font-size: 9px;
	color:#FFFFFF;
	font-weight: 900;
	text-decoration: none;
}

.eventbg2_1 { background-color:#6699CC; border:1px solid #557CA3; }
.eventbg2_2 { background-color:#4FC464; border:1px solid #53A062; }
.eventbg2_3 { background-color:#FF6D3B; border:1px solid #E84F25; }
.eventbg2_4 { background-color:#EA62D4; border:1px solid #B257A2; }
.eventbg2_5 { background-color:#FF5E56; border:1px solid #D42020; }
.eventbg2_6 { background-color:#CCB21F; border:1px solid #B88F0B; }
.eventbg2_7 { background-color:#9292A1; border:1px solid #73738C; }

.dayborder, .dayborder2 { background-color:#FFFFFF; border-top:1px solid #A1A5A9;}
.dayborder2 { border-top:1px dashed #CCCCCC;}

.tx-cal-controller .title { 
	background:url(../../img/calbase/time_bg.gif) repeat-x top left; 
	margin:5px;
	text-align:center;
}
.tx-cal-controller .title h1 {
	font-size: 18px;
	color: #fff;
	margin: 0;
}

.monthBack { background-color:#A1A5A9; }
.monthSmallBasic { text-align:left; vertical-align:top; }
.monthMediumBasic {
	height: 20px;
	width: 20px;
	text-align: left;
	vertical-align: top;
}

.monthOff {background:url(../../img/calbase/monthOff.gif) repeat top left !important; background-color: #615b69;}
.monthOff, .monthOff a:link,.monthOff a:visited { color:#BBBBBB !important; }
.monthWeekend { background-color:#FFFFEF; }
.month-small th, .month-medium th, .month-large th { font-weight:normal; }
.month-small th a:link, .month-small th a:visited, .month-medium th a:link,
.month-medium th a:visited, .month-large th a:link, .month-large th a:visited{ font-weight:bold; color:#000000; }

.monthToday {
	background-color:#FF6C00 !important;
	color: #fff;
}

.monthToday a:link, .monthToday a:visited { color:#FFFFFF; }
.monthCorner { 
	background:url(../../img/calbase/weekday.gif) repeat-x left top !important;
	border:0 none !important;
}
.monthEventTop {
	background-image:url(../typo3conf/ext/cal/template/img/side_bg.gif);
	border-top:1px solid #A1A5A9;
}

.monthEventLine { border-right:1px dotted #A1A5A9; }
.medtitle {
	background-image:url(../../img/calbase/side_bg.gif);
	height:20px;
	margin-top:3px;
	font-weight:bold;
	text-transform: uppercase;
}
.medtitle a {padding-left: 5px;	text-decoration:none;}
#center .medtitle a:hover {color: #FF6C00;}

.yearreg, .yearoff, .yearoff {
	background-color: #FFFFFF;
	height: 30px;
	width: 30px;
	text-align: right;
	vertical-align: top;
	font-size: 9px;
}

.yearoff { background-color:#F2F2F2;}
.yearon { background-color:#F2F9FF;}
.yearmonth { background-color:#CCCCCC; color:#494252; }

.yearweek {
	background-color: #494252;
	color: #fff;
	width: 30px;
	font-size: 9px;
	font-weight: 900;
	text-align: center;
	height: 15px;
}

.eventborder {
	background-image: url(../typo3conf/ext/cal/template/img/day_title.gif);
	border: 1px #006699 solid;
}

.dateback { background-color:#EEEEEE; }
.weekborder { border-top:1px dashed #A1A5A9; border-right:1px solid #A1A5A9;}
.weekborder2 { border-right:1px solid #A1A5A9; }

.timeborder, .timeborder2 {
	border-right: 2px solid #A1A5A9;
	border-top: 1px dashed #A1A5A9;
	background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
}

.timeborder2 { border-top: 1px solid #A1A5A9;}

.tx-cal-controller .navback { padding:0;}
.tx-cal-controller .sideback { background-image:url(../typo3conf/ext/cal/template/img/side_bg.gif);}

a.psf:hover { color:#000099; text-decoration:underline; }
a.ps2:hover { color:#000099; }
a.ps3:hover { color:#000000; text-decoration:underline; }
a.ps:hover { color:#FFFFFF; text-decoration:underline; }

.legend_calendar {
	font-size: 9px;
	color: #000000;
	margin-top: 1em;
	margin-left: 1em;
}

.V9 { text-align:left !important; font-size:9px; color:#000000;}
.V9 ul { margin: 0 0 0 20px; padding: 0px; }
.V9 li { margin-bottom: 0px; padding-bottom: 0px; }
.V10W { font-size: 10px; color: #FFFFFF; text-decoration: none; }
.V9W { font-size: 9px; color: #FFFFFF; text-decoration: none; }
.V10WB { font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G { font-size: 9px; color: #666666; }
.V10 { font-size: 10px; color: #000000; }
.V9BOLD { font-size: 9px; font-weight: 900; }
.G10 { font-size: 11px; color: #0066FF; }
.G10B { font-size: 11px; color: #000000; }
.G10BOLD { font-size: 11px; font-weight: 900; }
.G10G { font-size: 11px; color: #A1A5A9; }
.V12 { font-size: 12px; color: #000000; }

.tx-cal-controller .eventfont { font-size: 11px; color: #FFFFFF; }
.tx-cal-controller .query_style { font-size: 11px; width: 156px; margin-bottom: 0; }
.tx-cal-controller .search_style { font-size: 12px; width: 134px; margin-bottom: 0; }
.tx-cal-controller .login_style { font-size: 11px; width: 80px; margin-bottom: 0; }
	
/* Pagebrowser */
.tx-cal-controller .pagebrowser span { padding: 0 2px; }

/*------------ Category style package: default (blue) - start ------------*/
.default_categoryheader { background-color: #557CA3; }

.V9G .default_categoryheader {
	background-color: transparent !important;
	color: #557CA3 !important;
}

.default_categoryheader_bullet { color: #557CA3; font-size: 13px; }
.default_categoryheader_legend_text { }
.default_categoryheader_allday { text-align: center; background-color: #6699CC; }

.default_categorybody {
	background-color: #6699CC;
	border: 1px solid #557CA3;
	color: #FFFFFF;
}
/*------------ Category style package: default (blue) - end ------------*/	
/*------------ Category style package: green - start ------------*/
.green_catheader, .green_catheader_allday { background-color: #53A062; }
.V9G .green_catheader {
	background-color: transparent !important;
	color: #53A062 !important;
}
.green_catheader_bullet { color: #4FC464; font-size: 13px; }
.green_catheader_bullet_text { }
.green_catheader_allday { text-align: center; background-color: #4FC464; }
.green_catbody {
	background-color: #4FC464;
	border: 1px solid #53A062;
	color: #FFFFFF;
}
/*------------ Category style package: green - end ------------*/
/*------------ Category style package: orange - start ------------*/
.orange_catheader, .orange_catheader_allday { background-color: #E84F25; }
.V9G .orange_catheader { background-color:transparent !important; color:#E84F25 !important;}
.orange_catheader_bullet { color:#FF6D3B; font-size:13px; }
.orange_catheader_allday { text-align:center; background-color:#FF6D3B; }
.orange_catbody { background-color:#FF6D3B; border:1px solid #E84F25; color:#FFFFFF;}
/*------------ Category style package: orange - end ------------*/
/*------------ Category style package: pink - start ------------*/
.pink_catheader, .pink_catheader_allday { background-color:#B257A2; }
.V9G .pink_catheader { background-color:transparent !important; color:#B257A2 !important;}
.pink_catheader_bullet { color: #EA62D4; font-size: 13px; }
.pink_catheader_allday { text-align: center; background-color: #EA62D4; }
.pink_catbody { background-color:#EA62D4; border:1px solid #B257A2; color:#FFFFFF;}
/*------------ Category style package: pink - end ------------*/
/*------------ Category style package: red - start ------------*/
.red_catheader, .red_catheader_allday { background-color: #D42020; }
.V9G .red_catheader { background-color:transparent !important; color:#D42020 !important;}
.red_catheader_bullet { color:#FF5E56; font-size:13px; }
.red_catheader_allday { text-align: center; background-color: #FF5E56; }
.red_catbody { background-color:#FF5E56; border:1px solid #D42020; color:#FFFFFF;}
/*------------ Category style package: red - end ------------*/
/*------------ Category style package: yellow - start ------------*/
.yellow_catheader, .yellow_catheader_allday { background-color: #B88F0B; }
.V9G .yellow_catheader { background-color:transparent !important; color: #B88F0B !important;}
.yellow_catheader_bullet { color:#CCB21F; font-size:13px; }
.yellow_catheader_allday { text-align:center; background-color:#CCB21F; }
.yellow_catbody { background-color:#CCB21F; border:1px solid #B88F0B; color:#FFFFFF;}
/*------------ Category style package: yellow - end ------------*/
/*------------ Category style package: grey - start ------------*/
.grey_catheader, .grey_catheader_allday { background-color:#73738C; }
.V9G .grey_catheader { background-color:transparent !important; color:#73738C !important;}
.grey_catheader_bullet { color:#9292A1; font-size: 13px; }
.grey_catheader_allday { text-align:center; background-color: #9292A1; }
.grey_catbody { background-color:#9292A1; border:1px solid #73738C; color:#FFFFFF;}
/*------------ Category style package: grey - end ------------*/

.refresh_calendar { margin-right: 5px; }

/*  Start of moving stuff from the template into this file */
.tx-cal-controller .weekview { margin: 0 auto; }
.tx-cal-controller .weekview .nextweek_arrow, .tx-cal-controller .weekview .previousweek_arrow {
	width: 16px;
	height: 20px;
	border: 0px;
	text-align: left;
}
.previsousweek_arrow { text-align: right; }

/*------------- free & busy styles ----------*/
.fnb_header { background-color: #444444; }
.fnb_body { background-color:#888888; border:1px solid #999999; color:#FFFFFF; }

/*------------- list styles ------------*/
.tx-cal-controller .treelevel0 { }
.tx-cal-controller .treelevel1 { margin-left:20px; }
.tx-cal-controller .treelevel2 { margin-left:30px; }
.tx-cal-controller label {
	display: block;
	float: left;
	margin-bottom: 0px;
	padding-right: 1em;
	text-align: right;
	width: 120px;
}
.tx-cal-controller fieldset div { clear: left; }
.tx-cal-controller .search-result { list-style: none; margin-left: 0px; padding-left: 0px; }
.tx-cal-controller .search-result li { padding-bottom: 1em; }
.tx_cal_controller img .mouse_pointer { cursor: pointer; }
#cal_general,#cal_location,#cal_organizer,#cal_freq,#cal_exception,#cal_files,#cal_notify { height: 210px; overflow: auto; padding: 8px; }
.x-form-label-top .x-form-item label { width: 70px ! important; }
.x-form-invalid, textarea.x-form-invalid { background: none ! important; }
#cal_event_description { margin-top: 10px; }
.tx-cal-controller .cal_required { color: #FF0000; }
.tx-cal-controller .constrain { color: #FF0000; font-weight: bold; }
#editorWrap1 textarea { display: block; }

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
#tx_cal_controller_create_element { width:540px; }

.basictab ul{
	margin: 4px;
	padding: 3px 0;
	margin-left: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid #808080;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.basictab li{ display:inline; margin:0; }
.basictab li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #808080;
	border-bottom: none;
	background-color: #6699CC;
	color: #FFFFFF;
}
.basictab li a:visited{ color: #2D2B2B; }
.basictab li a:hover, .basictab li a.current{ background-color: #557CA3; color: #FFFFFF; }
.tabcontainer{
	clear: left;
	width: 95%; /*width of 2nd level sub menus*/
	height: 1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}
.tabcontent{ display:none; }

#tx_cal_controller_create_element input { width: 6em; /* Desired width of input field */ }
#tx_cal_controller_create_element .treelevel0{ display: block; margin-left: 70px; }
#tx_cal_controller_create_element p { margin: 7px; }
#tx_cal_controller_create_element .notify, #tx_cal_controller_create_element .shared, #tx_cal_controller_create_element .exception { display: block; margin-left: 140px; }

#sc1 label { width:50px; }
#allday { width:10px; }
#category_tree { float:right; width:200px; }
#until, #by_day, #by_month, #by_monthday{ border-bottom:1px solid #E0F1E0; }
#until label, #by_day label, #by_monthday label, #by_month label{ margin-left:50px; }
#by_month label, #by_monthday label{ width:230px; }
#categoryEntries { height: 80px; overflow:auto; }
#month-footer-header, .month-small th { text-align:center; }

table.month-small, .month-large { border:1px solid #A1A5A9; border-collapse:collapse; width:100%; }
.month-large {border:0;}
.month-small a:link,.monthoff a:visited, .basictab li a:active { color:#000000; }

#calendar-nav td#previous, #calendar-nav td#next { width:175px; }
#calendar-nav td#list, #calendar-nav td#legend { width:188px; }
.monthCurrentWeek, .monthSelected, .monthSelectedWeek { background-color:#E0E0E0 !important; }
.tx-cal-controller .noborder { border:none; }
a.psf:active, a.ps2:active { color:#3366CC; }
a.ps3:active, a.ps3:link, a.ps3:visited { color:#000000; }

.tx-cal-controller .even, .tx-cal-controller .search_result li .even { background-color: #EEEEEE; }
.ics_link, #link-ics, #link-admin, .admin_link { width: 100%; text-align: center; }
.month-large .daylink, .tx-cal-controller .bold a:link, .tx-cal-controller .bold a:active, .tx-cal-controller .bold a:visited { font-weight: bold; }
a.psf:link, a.psf:visited, a.ps2:link, a.ps2:visited { color: #0066FF; }

.grey_catheader_text, .default_categoryheader_text, .green_catheader_text, .orange_catheader_text, .pink_catheader_text, .red_catheader_text, .yellow_catheader_text { color: #000000; font-size: 11px; margin-left: 3px; }
.grey_catheader_legend_bullet, .default_categoryheader_legend_bullet, .green_catheader_legend_bullet, .orange_catheader_legend_bullet, .pink_catheader_legend_bullet, .red_catheader_legend_bullet, .yellow_catheader_legend_bullet { margin-left: 3px; }
.green_catbody a:link, .orange_catbody a:link, .pink_catbody a:link, .red_catbody a:link, .yellow_catbody a:link, .grey_catbody a:link, a.ps:link, a.ps:visited, a.ps:active, .default_categorybody a:link { color: #FFFFFF; }

/* It's hard to believe, but here's some additional styling //////////////////////////////////*/
#center .eventDay a {
	color: #FF6C00;
	text-transform:uppercase;
	font-size:12px;
	background: url(../../img/calbase/eventday.gif) no-repeat left 2px;
	display:block;
	overflow:hidden;
	padding-left: 18px;
}
#center .monthToday.eventDay a {color: #fff;}
#center .monthOff.eventDay a {background: url(../../img/calbase/eventday-off.gif) no-repeat left 2px;}