/*
 *	Spatz und Wal - by SynergiX - based on Zen Wireframe v1.0
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005-2007 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/3.0/
 */


/*******************/
/* Template Layout */
/*******************/
a img {border: none}
body { margin:0; padding:0; font-family:Arial, helvetica; text-align:left; font-size:12px; color:#555; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }

#container { font-family: Arial, helvetica; background: url(../images/spatz-und-wal-logo2.jpg) no-repeat right bottom; top:8px; width:950px; text-align:left; position:relative; margin:0 auto; border-color: #ccc; border-width: 1px; /* turn on for visual spacing aid or style */
}

#header { font-family: Arial, helvetica; clear:both; z-index: 10; text-align:left; background: url(../images/s-w-logo.jpg) no-repeat left 0; width:auto; height:138px; }

#masthead{ background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:auto; height:132px; margin:2px; border-bottom: 1px solid black; border-top-color: #ddd; border-top-width: 0; border-right-color: #ddd; border-right-width: 0; border-left-color: #ddd; border-left-width: 0; /* turn on for visual spacing aid or style */
}

#left-content { font-family: Arial, helvetica; text-align: left; float:left; width:175px; min-height: 800px; max-height: 900px; margin-left: 2px; margin-bottom:10px; border-right: 1px solid black; border-top-color: #ddd; border-top-width: 0; border-bottom-color: #ddd; border-bottom-width: 0; border-left-color: #ddd; border-left-width: 0; /* turn on for visual spacing aid or style */
}

#left-wrapper { font-family: Arial, helvetica; margin-top:22px; }

#left-wrapper H1,
#left-wrapper H2,
#left-wrapper H3,
#left-wrapper H4,
#left-wrapper H5,
#left-wrapper H6,
#left-wrapper p { font-family: Arial, helvetica; padding:2px 6px; }

#wrapper {
float:right;
width:766px;
margin-right: 2px;
margin-bottom:4px;
}
#main-content3col { float:left; width:568px; min-height: 800px; padding:2px 8px; border-color: #ddd black; border-width: 1px; /* turn on for visual spacing aid or style */
}

#right-content-home { float:right; width:300px; margin-right: 2px; margin-bottom:4px; border-color: #ddd; border-width: 0; /* turn on for visual spacing aid or style */
}
#right-content-home H1,
#right-content-home H2,
#right-content-home H3,
#right-content-home H4,
#right-content-home H5,
#right-content-home H6,
#right-content-home p { font-family: Arial, helvetica; width: 175px; padding:2px 6px; }
#right-content { font-family: Arial, helvetica; float:right; width:175px; height: auto; min-height: 600px; max-height: 900px; margin-left: 3px; padding-top: 22px; padding-left: 2px; border-left: 1px solid black; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; /* turn on for visual spacing aid or style */
}
#right-content H1,
#right-content H2,
#right-content H3,
#right-content H4,
#right-content H5,
#right-content H6,
#right-content p { font-family: Arial, helvetica; width: 175px; padding:2px 6px; }
#footer{ clear:both; position:relative; width:568px; height:30px; margin:2px; left: 188px; border-top: 1px solid black; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; /* turn on for visual spacing aid or style */
}

#footertext {
text-align:center;
margin-top:10px;
font-size:10px;
font-weight: bold;
color: #555;
}

.footerlink a {
font-size:10px;
font-weight: bold;
color: #555;
}

.footerlink a:hover {
color: #333;
}

#footer2 {
clear:both;
position:relative;
padding:10px;
}


/********************************/
/* Form elements */
/*******************************/

#login { font-family: Arial, helvetica; padding:0; margin:-129px 0 0; z-index: 1000; position:relative; float:right; text-align:right; width:210px; }

#login input { font-family: Arial, helvetica; vertical-align: middle; }

#login input.username,
#login input.password { width:64px; color:#555; font-size:11px; font-family: Arial, helvetica; padding:2px; margin-left:2px; background: #fff; border:solid 1px #ccc; }

.loginbutton,
.logoutbutton { font-family: Arial, helvetica; padding-right:6px; border:0; }

.logoutbutton { font-family: Arial, helvetica; margin:2px 0; }

.logoutuser { padding:0; margin:0; color:#555; font-family: Arial, helvetica; }

#search { font-family: Arial, helvetica; z-index: 1000; text-align:left; width:177px; display:block; padding-left:3px; }

#search input { font-family: Arial, helvetica; vertical-align: middle; }

#search input.searchfield { width:136px; color:#555; font-size:11px; font-family: Arial, helvetica; padding:2px; margin-left:4px; border:solid 1px #ccc; }

#search input.searchimage { font-family: Arial, helvetica; border:0; }

#breadcrumb { font-family: Arial, helvetica; margin-bottom:10px; }

/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav-header,
.vertnav-header a { padding:2px 6px; font-size:16px; font-weight: bold; color:#444; /*dark grey*/
/*background: url(../images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background color*/
font-family: Arial, helvetica; background-color:#ddd; border-top: 2px solid #eee;  /*silver*/
border-bottom: 2px solid #fff;  /*white*/
}

.vertnav1 a { margin: 0; width:165px; display:block; padding:5px; font-size:12px; text-decoration:none; background: url(../images/menu_dot.gif) repeat-x 50% bottom; color:#777; font-family: Arial, helvetica; /*grey*/
}
.vertnav1 a:hover { background: url(../images/menu_dot.gif) repeat-x 50% bottom; color:#444; /*dark grey*/
font-family: Arial, helvetica; text-decoration:none; }

.vertnav1-act a,
.vertnav1-act a:hover  { margin: 0; width:165px; display:block; padding:5px; font-size:12px; font-weight: bold; text-decoration:none; background: url(../images/menu_dot.gif) repeat-x 50% bottom; color:#444; font-family: Arial, helvetica; /*dark grey*/
}

.vertnav2 a { margin: 0; width:152px; display:block; padding: 5px 5px 5px 18px; font-size:12px; text-decoration:none; background: url(../images/nav-arrow.gif) no-repeat 10px 8px; color:#777; font-family: Arial, helvetica; /*grey*/
}
.vertnav2 a:hover { background: url(../images/nav-arrow.gif) no-repeat 10px 8px; color:#444; /*dark grey*/
font-family: Arial, helvetica; text-decoration:none; }

.vertnav2-act a,
.vertnav2-act a:hover  { margin: 0; width:152px; display:block; padding: 5px 5px 5px 18px; font-size:12px; font-weight: bold; text-decoration:none; background: url(../images/nav-arrow-act.gif) no-repeat 10px 8px; color:#444; font-family: Arial, helvetica; /*dark grey*/
}

.vertnav3 a { margin: 0; width:137px; display:block; padding: 5px 5px 5px 30px; font-size:12px; text-decoration:none; background: url(../images/vbullet.gif) no-repeat 20px 9px; color:#777; font-family: Arial, helvetica; /*grey*/
}
.vertnav3 a:hover { background: url(../images/vbullet-act.gif) no-repeat 20px 9px; color:#333; /*dark grey*/
font-family: Arial, helvetica; text-decoration:none; }

.vertnav3-act a,
.vertnav3-act a:hover  { margin: 0; width:137px; display:block; padding: 5px 5px 5px 30px; font-size:12px; font-weight: bold; text-decoration:none; background: url(../images/vbullet-act.gif) no-repeat 20px 9px; color:#333; font-family: Arial, helvetica; /*dark grey*/
}

.vertnav4 a { margin: 0; display:block; padding: 5px 5px 5px 45px; font-size:12px; text-decoration:none; width:125px; color:#777; font-family: Arial, helvetica; /*grey*/
}
.vertnav4 a:hover { background-color:#eee;  /*silver*/
color:#333; /*dark grey*/
font-family: Arial, helvetica; text-decoration:none; }

.vertnav4-act a,
.vertnav4-act a:hover { margin: 0; display:block; padding: 5px 5px 5px 45px; font-size:12px; text-decoration:none; width:125px; background-color:#eee;  /*silver*/
color:#333; font-family: Arial, helvetica; /*dark grey*/
}

/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:Arial, helvetica; }
A { color:black; font-family: Arial, helvetica; text-decoration:none; }
A:hover { color:black; font-family: Arial, helvetica; text-decoration:underline; }
FORM { font-family: Arial, helvetica; margin:0; }
P, TD, UL, OL { font-size:12px; line-height:1.5em; color:#555; font-family: Arial, helvetica; text-align: justify; }
INPUT, TEXTAREA, SELECT textarea { font-family:Arial, helvetica; color:#333; border: solid 1px black; font-size:12px; }
ul { font-family: Arial, helvetica; margin-left:8px; padding-left:0; border-color: lime; border-width: 2px; list-style-position: inside; }

/* Frames, spacing, link-to-top */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { height: 1%; background-color:silver;
/*background: url(../images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image*/
color:black; font-family: Arial, helvetica; padding:2px 6px; border-bottom:2px solid #fff; }

DIV.csc-frame-frame1 { font-family: Arial, helvetica; background-color: #eee; border-color: #ccc #ccc #fff; border-style: solid; border-width: 0 0 12px; }

DIV.csc-frame-frame1 p { color:#333; font-family: Arial, helvetica; }

DIV.csc-frame-frame2 { padding:0 0 4px; background: url(../images/menu_dot.gif) repeat-x 50% bottom; margin-bottom:14px; margin-top:3px; font-size:12px; font-family: Arial, helvetica; }

/* Headers, plain */ 
H1 { font-size:15px; color:#b40023; font-family: Arial, helvetica; font-weight:bold; }
H2 { font-size:15px; color:#b40023; font-family: Arial, helvetica; font-weight:bold; }
H3 { font-size:15px; color:#b40023; font-family: Arial, helvetica; font-weight:bold; }
H4 { font-size:15px; color:#b40023; font-family: Arial, helvetica; font-weight:bold; }
H5 { font-size:15px; color:#b40023; font-family: Arial, helvetica; font-weight:bold; }
H1, H2, H3, H4, H5, H6 { font-family: Arial, helvetica; margin:0; padding:0; }

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { font-family: Arial, helvetica; margin-top:0; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #b40023; font-family: Arial, helvetica; text-decoration:none; }
H2 A { color:#b40023; font-family: Arial, helvetica; }
H3 A { color:#b40023; font-family: Arial, helvetica; }
H4 A { color:#b40023; font-family: Arial, helvetica; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { color: #b40023; font-family: Arial, helvetica; text-decoration:underline; }

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:12px; font-family: Arial, helvetica; border-color: purple; border-width: 1px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:12px; font-family: Arial, helvetica; border-color: purple; border-width: 1px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:12px; font-family: Arial, helvetica; border-color: purple; border-width: 1px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; font-family: Arial, helvetica; }

/*  */ 
/* Kalender CSS */ 
/*  */ 
plugin.tx_cal_controller {
	_CSS_DEFAULT_STYLE (
		/* Styled by TYPO3 Content Rendering Group - ben@netcreators.com 2007 */
		/* START new classes and  id's */
		#month-header {
			width: 100%;
			margin-bottom: 7px;
			}

		#month-header-prevnext {
			float: left;
			}

		#month-header-icons {
			float: right;
			text-align: right;
			}
			
		#month-header-icons IMG, #month-header-prevnext IMG , #month-footer IMG{
			border: 0px solid;
			}

		#month-footer {
			width: 735px;
			margin-bottom: 7px;
			}
			
		#month-footer-header {
			text-align: center;
			}

		table.month-small {
			border: 1px solid #A1A5A9;
			border-collapse: collapse;
			}
		.month-weeknums {
			border-right:1px solid #AAAAAA;
			background-color:#EFEFEF;
		}
		
		.month-weekdays {
			border-bottom:1px solid #AAAAAA;
			background-color:#EFEFEF;
		}
		.month-small a:link,.monthoff a:visited {
			color: #000000;
		}
		
		.month-small th,
		.month-small td {
			padding: 2px;
			width: 22px;
			font-size: 10px;
			text-align: right;
		}
		
		.month-small th{
			text-align: center;
		}
			
		.month-large {
			border: 1px solid #A1A5A9;	
			border-collapse: collapse;
			}

		.month-large th,
		.month-large td {
			border: 1px solid #A1A5A9;
			}

		.month-large .weekday {
			background-color: #EEE;
			height: 12px;
			}

		.month-large .weeknum {
			background-color: #A1A5A9;
			width: 22px;
		}

		.month-large .day {
			height: 100px;
			width: 100px;
			vertical-align: top;
			text-align: left;
		}
		
		.month-large .daylink {
			font-weight: bold;
		}

		.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 {

			}

		#calendar-nav td {
			vertical-align: top;
			}

		#calendar-nav td#previous {
			width: 175px;
			}

		#calendar-nav td#list { color: lime; width: 188px; }

		#calendar-nav td#legend {
			width: 188px;
			}

		#calendar-nav td#next {
			width: 175px;
			}

		#link-ics,
		#link-admin {
			width: 100%;
			text-align: center;
			}

		/* END new classes and  id's */
		
		.calborder {
			background-color: #fff;
			border: 1px solid #A1A5A9;
			}
		
		.tbll {
			background: url(../typo3conf/ext/cal/template/img/shadow_l.gif) no-repeat;
			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;
			width: 8px
			}
		
		.rowOn {
			background-color: #cfc;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.rowOn2 {
			background-color: #cfc;
			border-top: 1px solid #fff;
			}
		
		.rowOff {
			background-color: #E1E8F1;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.rowOff2 {
			background-color: #E1E8F1;
			border-top: 1px solid #fff;
			}
		
		.rowToday {
			background-color: #cff;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.tx-cal-controller .padd {
			/*XXXpadding: 2px;*/
			}
		
		.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: #fff;
			font-weight: 900;
			text-decoration: none;
			}
		
		#allday a:hover {
			text-decoration: underline;
			}
		
		.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 {
			background-color: #fff;
			border-top: 1px solid #A1A5A9;
			}
		
		.dayborder2 {
			background-color: #fff;
			border-top: 1px dashed #ccc;
			}
		
		.tx-cal-controller .title {
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			padding: 5px;
			}
		
		.tx-cal-controller .title h1 {
			font-family: Helvetica,sans-serif;
			font-size: 18px;
			color: #000;
			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, .monthOff a:link,.monthOff a:visited {
			color: #BBBBBB ! important;
		}
		
		.monthWeekend {
			background-color: #FFFFEF;
		}
		
		.monthCurrentWeek {
			background-color: #F2F9FF;
		}
		
		.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:#99AABB none repeat scroll 0% !important;
			border-color:#556677 rgb(170, 187, 204) rgb(170, 187, 204) rgb(85, 102, 119) !important;
			border-style:solid !important;
			border-width:1px !important;
		}
		
		.monthToday a:link, .monthToday a:visited {
			color:#FFFFFF;
		}
			
		.monthCorner {
			border-bottom: 1px solid #AAAAAA;
		}
			
		.monthSelected, .monthSelectedWeek {
			background-color: #F2F9FF;
		}
		
		.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(../typo3conf/ext/cal/template/img/side_bg.gif);
			height: 20px;
			margin-top: 3px;
			font-weight: 900;
			}
		
		.yearreg {
			background-color: #fff;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearoff {
			background-color: #F2F2F2;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearon {
			background-color: #F2F9FF;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearmonth {
			background-color: #ccc;
			}
		
		.yearweek {
			background-color: #eee;
			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: #eee;
			}
		
		.weekborder {
			border-top: 1px dashed #A1A5A9;
			border-right: 1px solid #A1A5A9;
			}
		
		.weekborder2 {
			border-right: 1px solid #A1A5A9;
			}
		
		.timeborder {
			border-right: 2px solid #A1A5A9;
			border-top: 1px dashed #A1A5A9;
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
		
		.timeborder2 {
			border-right: 2px solid #A1A5A9;
			border-top: 1px solid #A1A5A9;
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
		
		.tx-cal-controller .navback {
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
			
		.tx-cal-controller .navback img{
			border:none;
			}
		
		.tx-cal-controller .sideback {
			background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);
			}
		
		a.psf {
			text-decoration: none;
			}
		
		a.psf:link {
			color: #0066FF;
			}
		
		a.psf:visited {
			color: #0066FF;
			}
		
		a.psf:active {
			color: #3366CC;
			}
		
		a.psf:hover {
			color: #000099;
			text-decoration: underline;
			}
		
		a.ps2 {
			text-decoration: underline;
			}
		
		a.ps2:link {
			color: #0066FF;
			}
		
		a.ps2:visited {
			color: #0066FF;
			}
		
		a.ps2:active {
			color: #3366CC;
			}
		
		a.ps2:hover {
			color: #000099;
			}
		
		a.ps3 {
			text-decoration: none;
			}
		
		a.ps3:link {
			color: #000;
			}
		
		a.ps3:visited {
			color: #000;
			}
		
		a.ps3:active {
			color: #000;
			}
		
		a.ps3:hover {
			color: #000;
			text-decoration: underline;
			}
		
		a.ps {
			text-decoration: none;
			}
		
		a.ps:link {
			color: #fff;
			}
		
		a.ps:visited {
			color: #fff;
			}
		
		a.ps:active {
			color: #fff;
			}
		
		a.ps:hover {
			color: #fff;
			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-bottom: 0px;
			padding-bottom: 0px;
			margin-left: 20px;
			padding-left: 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;
				}
			
		.tx-cal-controller .bold a:link {
			font-weight: bold;
			}
		
		.tx-cal-controller .bold a:active {
			font-weight: bold;
			}
		
		.tx-cal-controller .bold a:visited {
			font-weight: bold;
			}

		/* Pagebrowser */
		.tx-cal-controller .pagebrowser span {
			padding: 0 2px;
			}

		/*------------ Category style package: default (blue) - start ------------*/
		
		.default_categoryheader,
		.default_catheader {
			background-color: #557CA3;
			}
		
		.V9G .default_categoryheader,
		.V9G .deafult_catheader {
			background-color: transparent !important;
			color: #557CA3 !important;
		}
		
		.default_categoryheader_bullet,
		.default_catheader_bullet {
			color: #557CA3;
			font-size: 13px;
			}
		
		.default_categoryheader_text,
		.default_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.default_categoryheader_legend_bullet,
		.default_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.default_categoryheader_legend_text,
		.default_catheader_legend_text {
			}
		
		.default_categoryheader_allday,
		.default_catheader_allday {
			text-align: center;
			background-color: #6699CC;
			}
		
		.default_categorybody,
		.default_catbody {
			background-color: #6699CC;
			border: 1px solid #557CA3;
			color: #fff;
			}
		
		.default_categorybody a:link,
		.default_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.green_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.green_catheader_bullet_text {
			}
		
		.green_catheader_allday {
			text-align: center;
			background-color: #4FC464;
			}
		
		.green_catbody {
			background-color: #4FC464;
			border: 1px solid #53A062;
			color: #fff;
			}
		
		.green_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.orange_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.orange_catheader_bullet_text {
			}
		
		.orange_catheader_allday {
			text-align: center;
			background-color: #FF6D3B;
			}
		
		.orange_catbody {
			background-color: #FF6D3B;
			border: 1px solid #E84F25;
			color: #fff;
			}
		
		.orange_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.pink_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.pink_catheader_bullet_text {
			}
		
		.pink_catheader_allday {
			text-align: center;
			background-color: #EA62D4;
			}
		
		.pink_catbody {
			background-color: #EA62D4;
			border: 1px solid #B257A2;
			color: #fff;
			}
		
		.pink_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.red_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.red_catheader_bullet_text {
			}
		
		.red_catheader_allday {
			text-align: center;
			background-color: #FF5E56;
			}
		
		.red_catbody {
			background-color: #FF5E56;
			border: 1px solid #D42020;
			color: #fff;
			}
		
		.red_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text{
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.yellow_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.yellow_catheader_bullet_text {

			}
		
		.yellow_catheader_allday {
			text-align: center;
			background-color: #CCB21F;
			}
		
		.yellow_catbody {
			background-color: #CCB21F;
			border: 1px solid #B88F0B;
			color: #fff;
			}
		
		.yellow_catbody a:link {
			color: #fff;
			}
		
		/*------------ 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_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.grey_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.grey_catheader_bullet_text {
			}
		
		.grey_catheader_allday {
			text-align: center;
			background-color: #9292A1;
			}
		
		.grey_catbody {
			background-color: #9292A1;
			border: 1px solid #73738C;
			color: #fff;
			}
		
		.grey_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: grey - end ------------*/
		
		.tx-cal-controller .bold {
			/*font-weight: bold;*/
			}
		
		.refresh_calendar {
			margin-right: 5px;
			}
		
		/*  Start of moving stuff from the templat 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: #fff;
			}

		/*------------- list styles ------------*/
		.tx-cal-controller .even {
			background-color: red;
		}
		
		
		.tx-cal-controller .treelevel0 { background-color: red; }
		
		.tx-cal-controller .treelevel1 { background-color: red; margin-left:20px; }
		
		.tx-cal-controller .treelevel2 { background-color: red; margin-left:30px; }
	
		.tx-cal-controller label { background-color: red; display:block; float:left; margin-bottom: 0; padding-right:1em; text-align:right; width:120px; }
		.tx-cal-controller fieldset div { background-color: red; clear:left; }
		.tx-cal-controller .noborder { background-color: red; border-style: none; }
		
		.tx-cal-controller .search-result { background-color: red; list-style: none; margin-left: 0; padding-left: 0; }
		
		.tx-cal-controller .search-result li { background-color: red; padding-bottom: 1em; }
		
		.tx-cal-controller .search_result li .even {
			background-color: red;
		}
		
		.tx_cal_controller img .mouse_pointer { background-color: red; 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;
		}
		
		.admin_link {
			width:100%;
			text-align:center;
		}
		
		.ics_link {
			width:100%;
			text-align:center;
		}
		
		.tx-cal-controller .cal_required {
			color: red;
		}
		
		.tx-cal-controller .constrain {
			color: red;
			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 gray;
			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 gray;
			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;
		}
		
		.basictab li a:active{
			color: #000000;
		}
		
		.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[type="text"]:not([size]) { 
			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 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;
		}
	)
}

