@charset "utf-8";
/* CSS Document */

/* default styles for extension "tx_cal_controller" */
/*------------ GENERAL ------------*/
.tx-cal-controller .error {
	border: 3px solid red;
	padding: 10px;
}

.tx-cal-controller .view-header {
	text-align: center !important;
}

.tx-cal-controller .header-buttons div {
	background-image:url(../../../../../fileadmin/templates/calendar/img/calendar-icon_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 40px;
	height: 30px;
	text-align: center;
	float:right;
}

.tx-cal-controller .header-buttons div a{
	line-height:34px;
	font-size: xx-small;
	border-bottom:none;
}

.tx-cal-controller .previous-button,
.tx-cal-controller .next-button {
	margin-bottom: 2px;
}

.tx-cal-controller .previous-button {
	float:left;
	vertical-align:top;
}

.tx-cal-controller .next-button {
	float:right;
}

.tx-cal-controller .previous-button a,
.tx-cal-controller .next-button a {
	padding:2px 0 0;
	border:none;
}

.tx-cal-controller .timeborder {
	border-bottom:1px solid #fff;
	padding-right:2px;
}

.tx-cal-controller .ics_link {
	width:100%;
	text-align:center;
}

.default_catheader_allday a,
.default_catheader_allday a:hover {
		border:none;
}

.vevent abbr {
	font-weight:normal;
	float:left;
}

.vevent .summary { }

.dialogue-container .dayWrapper {
	background-color:#D9D9D9;
	padding-left:5px;
	margin-top:10px;
}

.dialogue-container .monthWrapper {
	margin-top:10px;
}

.dialogue-content .vevent {
	background-color:#FFF;
}

.dialogue-content .vevent .summary {
	padding-left:60px;
}

.tx-cal-controller .ics_link a {
	padding-left: 25px;
	background-image: url(../../../../../fileadmin/templates/calendar/img/calendar-share.png);
	background-repeat: no-repeat;
	font-size:small;
}

.tx-cal-controller h3 {
	margin:0;
}

#calendar-event-backlink {
	padding: 0 0 10px 10px;
}

.startdate label, 
.enddate label,
.starttime label, 
.endtime label {
	text-align: left;
    width: 60px;
}

.ics {
	padding-top:15px;
}

#event_start_day,
#event_end_day {
    float: left;
    margin-right: 10px;
    width: 80px;
	height: 20px;
}


/*------------ MONTH ------------*/

.tx-cal-controller .month-weeknums {
	background-color:#DCF0FA;
}

.tx-cal-controller .month-large .month-weeknums {
	width: 2em;
}

.tx-cal-controller .month-weekdays {
	border-bottom:1px solid #AAAAAA;
	background-color:#EFEFEF;
}

.tx-cal-controller .month-small a:link,
.tx-cal-controller .monthoff a:visited {
	color: #000000;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-small td {
	padding: 2px;
	width: 22px;
	font-size: 10px;
	text-align: right;
}

.tx-cal-controller .month-small,
.tx-cal-controller .month-medium,
.tx-cal-controller .month-large {
	border-collapse: collapse;
}

.tx-cal-controller .month-small td,
.tx-cal-controller .month-medium td,
.tx-cal-controller .month-large td {
	border:1px solid #FFF;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-medium th,
.tx-cal-controller .month-large th {
	background-color: #DCD6BE;
	text-align: center;
	font-weight: normal;
	font-size: small;
	border-bottom: 1px solid #FFF;
}
			

.tx-cal-controller .month-large .weeknum {
	width: 22px;
}

.tx-cal-controller .month-large .daylink {
	font-weight: bold;
}

.tx-cal-controller .month-large .day {
	height: 4em;
	vertical-align: top;
	text-align: left;
	padding: 0 5px 5px;
}

.tx-cal-controller .month-large .day div.vevent,
.tx-cal-controller .month-large .day div.vtodo {
	overflow:hidden;
	white-space:nowrap;
}
		
.tx-cal-controller .month-large .dayNum,
.tx-cal-controller .month-medium .dayNum {
	border-bottom: none;
	background-color: #D9D9D9;
	text-align: right;
	font-size:xx-small;
	line-height:12px;
}

.tx-cal-controller .month-large .days td {
	border-top: none;
}

.tx-cal-controller .month-large .alldays td {
	border-top: none;
	border-bottom: none;
	vertical-align: top;
}
	
.tx-cal-controller .monthWeekend {
	background-color: #FFFFEF;
}

.tx-cal-controller .monthCurrentWeek {
}

.tx-cal-controller .month-small th a:link,
.tx-cal-controller .month-small th a:visited,
.tx-cal-controller .month-medium th a:link,
.tx-cal-controller .month-medium th a:visited,
.tx-cal-controller .month-large th a:link,
.tx-cal-controller .month-large th a:visited {
	font-weight: bold;
	color: #000000;
}

.tx-cal-controller .monthView .currentDay {
	background:#FFF7D7 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;
}

.tx-cal-controller .weekday0,
.tx-cal-controller .weekday6 {
	background-color: #F8F9F8;
}

.tx-cal-controller .month-medium {
	margin: 10px auto;
	border-collapse:collapse;
	border-spacing:0px;
	width: 80%;
}

.tx-cal-controller .month-medium th,
.tx-cal-controller .month-medium td {
	height: 2em;
	width: 5%;
	text-align: center;
	vertical-align: middle;
}

.tx-cal-controller .month-medium td {
	border:1px solid #A1A5A9;
}

#month-footer {
	text-align: center;
	margin-top: 10px;
}

/*------------ YEAR ------------*/

.tx-cal-controller .yearview h1 {
	text-align: center;
}

.tx-cal-controller .year-table,
.tx-cal-controller .month-large {
	clear: both;
	width: 100%;
	background-color:#FFFFFF;
	table-layout: fixed;
}

.tx-cal-controller .year-table .year-month {
	vertical-align: top;
	text-align: center;
}

.tx-cal-controller .year-table .year-month + .year-month + .year-month{
	padding-right: 0px;
}

/*------------ SIDEBAR ------------*/
		
.tx-cal-controller .sidebar {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	float:left;
	padding:5px;
	margin-left:5px;
}

.tx-cal-controller .month-sidebar h4 {
	border-top:3px solid #CCCCCC;
	margin-top:5px;
	padding-top:6px;
}

.tx-cal-controller .sidebar h4:first-child {
	border: none; 
	margin-top:0px;
	line-height:1.8em;
	padding-top:0px;
}

.tx-cal-controller .sidebar .button {
	padding: 1px 4px;
	background:#EEEEEE none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin-left: 3px;
	vertical-align: sub;
	float:right;
}

.tx-cal-controller .sidebar .category-submit{
	margin-left:11em;
}

/*------------ SEARCHBOX ------------*/
		
.tx-cal-controller .search-box {
	background: transparent url(../../../../../fileadmin/templates/calendar/img/bg_searchInput.gif) no-repeat scroll 0 0;
	border: 0 none;
	border-right:1px solid #6C6761;
	color:#515151;
	padding:1px 0 5px 20px;
	width:110px;
}

.dialogue-content .calSearch select {
    width: auto;
}

/*------------ EVENT ------------*/

.tx-cal-controller .vevent {
	cursor:default;
    padding: 5px;
	-moz-user-select:none;
}

.tx-cal-controller .vevent .freq {
	vertical-align: text-bottom;
}

.tx-cal-controller .vevent dt {
	margin-top:-1px;
	font:bold 80%/normal Verdana,sans-serif;
	white-space:nowrap;
	overflow:hidden;
	padding:0 0 1px 0;
	text-align:left;
}

.tx-cal-controller .vevent dl {
	margin:0;
	padding:0 0 1px 0;
	border-left:1px solid;
	border-right:1px solid;
	overflow:hidden;
}

.tx-cal-controller .vevent dd {
	margin:0;
	overflow:hidden;
	padding:0 1px;
	font:100%/1.3em Verdana,sans-serif;
	text-align:left;
	word-wrap:break-word;
}

.tx-cal-controller .gridcontainertop .vevent {
	width: 100%;
}

.tx-cal-controller .weekview .vevent,
.tx-cal-controller .dayview .vevent {
	-moz-border-radius:3px;
	position:absolute;
}

.tx-cal-controller .weekview .allday .vevent,
.tx-cal-controller .dayview .allday .vevent {
	position: relative;
}

.tx-cal-controller .month-large .vevent,
.tx-cal-controller .weekview .wk-allday .vevent,
.tx-cal-controller .dayview .wk-allday .vevent {
	position: inherit;
}

.tx-cal-controller .month-large .vevent {
	line-height: normal;
	margin: 0;
	text-align: left;
	padding: 1px;
}

.tx-cal-controller .month-large div.vevent a:link span.popup,
.tx-cal-controller .month-large div.vevent a:visited span.popup,
.tx-cal-controller .month-medium span.popup {
	display: none;
}

.tx-cal-controller .month-large div.vevent a:hover span.popup,
.tx-cal-controller .month-medium .dayNum:hover span.popup {
	position: absolute;
	margin:15px 0px 0px 20px;
	background-color: beige;
	max-width:220;
	border: 1px solid #C0C0C0;
	font: normal 10px/12px verdana;
	color: #000;
	text-align:left;
	display: block;
}

/*------------ TODO ------------*/

.tx-cal-controller .vtodo {
	cursor:default;
	color:#fff;
	-moz-user-select:none;
}

.tx-cal-controller .vtodo .freq {
	vertical-align: text-bottom;
}

.tx-cal-controller .vtodo dt {
	margin-top:-1px;
	font:bold 80%/normal Verdana,sans-serif;
	white-space:nowrap;
	overflow:hidden;
	padding:0 0 1px 0;
	text-align:left;
}

.tx-cal-controller .vtodo dl {
	margin:0;
	padding:0 0 1px 0;
	border-left:1px solid;
	border-right:1px solid;
	overflow:hidden;
}

.tx-cal-controller .vtodo dd {
	margin:0;
	overflow:hidden;
	padding:0 1px;
	font:100%/1.3em Verdana,sans-serif;
	text-align:left;
	word-wrap:break-word;
}

.tx-cal-controller .gridcontainertop .vtodo {
	width: 100%;
}

.tx-cal-controller .weekview .vtodo,
.tx-cal-controller .dayview .vtodo {
	-moz-border-radius:3px;
	position:absolute;
}

.tx-cal-controller .weekview .allday .vtodo,
.tx-cal-controller .dayview .allday .vtodo {
	position: relative;
}

.tx-cal-controller .month-large .vtodo,
.tx-cal-controller .weekview .wk-allday .vtodo,
.tx-cal-controller .dayview .wk-allday .vtodo {
	position: inherit;
}

.tx-cal-controller .month-large .vtodo {
	line-height: normal;
	margin: 1px;
	text-align: left;
}

.tx-cal-controller .month-large div.vtodo a:link span.popup,
.tx-cal-controller .month-large div.vtodo a:visited span.popup,
.tx-cal-controller .month-medium span.popup {
	display: none;
}

.tx-cal-controller .month-large div.vtodo a:hover span.popup,
.tx-cal-controller .month-medium .dayNum:hover span.popup {
	position: absolute;
	margin:15px 0px 0px 20px;
	background-color: beige;
	max-width:220;
	border: 1px solid #C0C0C0;
	font: normal 10px/12px verdana;
	color: #000;
	text-align:left;
	display: block;
}

/*---------------- DAY & WEEK VIEW ------------------*/
.tx-cal-controller .dayview,
.tx-cal-controller .weekview {
	clear: both;
}

.tx-cal-controller .gridcontainer {
	background:#DCD6BE;
	position:relative;
	-webkit-user-select:none;
	-khtml-user-select:none;
	overflow-y: visible;
}

.tx-cal-controller .gridcontainertop {
	table-layout:fixed;
	width:100%;
	overflow:hidden;
	font-size:11px;
	line-height:14px;
	margin:0;
}

.tx-cal-controller .gridcontainertop .allday {
	table-layout:fixed;
	width:100%;
}

.tx-cal-controller .gridcontainertop td {
	height:20px;
	vertical-align:top;
	background-color: #FFFFFF;
}

.tx-cal-controller .gridcontainertop .daynames th {
	text-align: center;
	background-color:#DCD6BE;
	border-right: 1px solid #FFFFFF;
}

.tx-cal-controller .gridcontainertop .daynames th.dummy {
	width: 8px;
	background-color:#DCD6BE;
	border-right: 1px solid #FFFFFF;
}

.tx-cal-controller .gridcontainertop .daynames td {
	width: 40px;
	background-color:#DCD6BE;
}

.tx-cal-controller .scrolltime {
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	border-top:1px solid #666;
	border-left:0 none;
	border-bottom:1px solid #666;
	padding:0;
	font-size:11px;
	line-height:normal;
	height:370px;
	margin:0;
}

.tx-cal-controller .scrolltime .timetable {
	table-layout:fixed;
	width:100%;
}

.tx-cal-controller .scrolltime .timetable .width {
	width: 40px;
}

.tx-cal-controller .scrolltime .timetable .wrapper {
	position:relative;
	margin-left:1px;
	top:3px;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours {
	position:absolute;
	width:100%;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours .cell {
	height:42px;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours .cell .line {
	border-bottom: 1px dotted #ddd;
	border-top:1px solid #ddd;
	font-size:1px;
	height:20px;
	margin-bottom:20px;
}

.tx-cal-controller .scrolltime .timetable .times {
	background-color:#DCD6BE;
	padding:1px 0 0 0;
	text-align:right;
	vertical-align:top;
}

.tx-cal-controller .scrolltime .timetable .times div {
	height: 42px;
}

.tx-cal-controller .scrolltime .timetable .times div.timeborder {
	height: 41px;
}

.tx-cal-controller .scrolltime .timetable .event-column {
	border-left:1px solid #ddd;
	vertical-align:top;
}

.tx-cal-controller .scrolltime .timetable .event-column .wrapper {
	position:relative;
	cursor:default;
	position:relative;
	margin-right:10px;
}

/*------------ GENERAL Category styles ------------*/

.tx-cal-controller div.default_catheader dl,
.tx-cal-controller div.default_catheader_allday,
.tx-cal-controller div.yellow_catheader dl,
.tx-cal-controller div.yellow_catheader_allday,
.tx-cal-controller div.orange_catheader dl,
.tx-cal-controller div.orange_catheader_allday,
.tx-cal-controller div.red_catheader dl,
.tx-cal-controller div.red_catheader_allday,
.tx-cal-controller div.pink_catheader dl,
.tx-cal-controller div.pink_catheader_allday,
.tx-cal-controller div.blue_catheader dl,
.tx-cal-controller div.blue_catheader_allday,
.tx-cal-controller div.green_catheader dl,
.tx-cal-controller div.green_catheader_allday,
.tx-cal-controller div.brown_catheader dl,
.tx-cal-controller div.brown_catheader_allday,
.tx-cal-controller div.grey_catheader dl,
.tx-cal-controller div.grey_catheader_allday,
.tx-cal-controller div.fnb_header dl,
.tx-cal-controller div.fnb_header_allday {
	-moz-border-radius:3px;
}

.tx-cal-controller div.default_catheader dt,
.tx-cal-controller div.yellow_catheader dt,
.tx-cal-controller div.orange_catheader dt,
.tx-cal-controller div.red_catheader dt,
.tx-cal-controller div.pink_catheader dt,
.tx-cal-controller div.blue_catheader dt,
.tx-cal-controller div.green_catheader dt,
.tx-cal-controller div.brown_catheader dt,
.tx-cal-controller div.grey_catheader dt,
.tx-cal-controller div.fnb_header dt {
	font-size:xx-small;
}

.tx-cal-controller div.default_catheader dd,
.tx-cal-controller div.yellow_catheader dd,
.tx-cal-controller div.orange_catheader dd,
.tx-cal-controller div.red_catheader dd,
.tx-cal-controller div.pink_catheader dd,
.tx-cal-controller div.blue_catheader dd,
.tx-cal-controller div.green_catheader dd,
.tx-cal-controller div.brown_catheader dd,
.tx-cal-controller div.grey_catheader dd,
.tx-cal-controller div.fnb_header {
	white-space: nowrap;
}

.tx-cal-controller .alldays .vevent .default_catheader_text,
.tx-cal-controller .alldays .vevent .blue_catheader_text,
.tx-cal-controller .alldays .vtodo .default_catheader_text,
.tx-cal-controller .alldays .vtodo .blue_catheader_text,
.tx-cal-controller .alldays .vevent .yellow_catheader_text,
.tx-cal-controller .alldays .vtodo .yellow_catheader_text,
.tx-cal-controller .alldays .vevent .orange_catheader_text,
.tx-cal-controller .alldays .vtodo .orange_catheader_text,
.tx-cal-controller .alldays .vevent .red_catheader_text,
.tx-cal-controller .alldays .vtodo .red_catheader_text,
.tx-cal-controller .alldays .vevent .pink_catheader_text,
.tx-cal-controller .alldays .vtodo .pink_catheader_text,
.tx-cal-controller .alldays .vevent .green_catheader_text,
.tx-cal-controller .alldays .vtodo .green_catheader_text,
.tx-cal-controller .alldays .vevent .brown_catheader_text,
.tx-cal-controller .alldays .vtodo .brown_catheader_text,
.tx-cal-controller .alldays .vevent .grey_catheader_text,
.tx-cal-controller .alldays .vtodo .grey_catheader_text,
.tx-cal-controller .alldays .vevent .fnb_header_text,
.tx-cal-controller .alldays .vtodo .fnb_header_text{
	color:#000;
}

/* available colors: yellow, orange, red, pink, blue (default), green, brown, grey


/*------------ BLUE (DEFAULT) ------------*/

.tx-cal-controller div.default_catheader dl,
.tx-cal-controller div.default_catheader_allday,
.tx-cal-controller div.blue_catheader dl,
.tx-cal-controller div.blue_catheader_allday {
	border: 1px solid #FF6100;
	background-color: #FFB080;
	color: #000;
}

.tx-cal-controller .default_catheader_allday a .summary,
.tx-cal-controller .default_catheader_allday a:visited .summary,
.tx-cal-controller .default_catheader dd a,
.tx-cal-controller .default_catheader dd a:visited,
.tx-cal-controller .blue_catheader_allday a .summary,
.tx-cal-controller .blue_catheader_allday a:visited .summary,
.tx-cal-controller .blue_catheader dd a,
.tx-cal-controller .blue_catheader dd a:visited {
	color: #000;
}

.default_catheader_allday a .summary:hover {
	color:#FFF;
}

.tx-cal-controller .vevent .default_catheader_text,
.tx-cal-controller .vevent .blue_catheader_text,
.tx-cal-controller .vtodo .default_catheader_text,
.tx-cal-controller .vtodo .blue_catheader_text{
	color: #58748f;
}

.tx-cal-controller .vevent .default_catheader_text:hover {
	color:#ff6100;
}

.tx-cal-controller div.default_catheader dt,
.tx-cal-controller div.blue_catheader dt { }		
				
/*------------ GREEN ------------*/

.tx-cal-controller div.green_catheader dl,
.tx-cal-controller div.green_catheader_allday {
	border: 1px solid #0D7813;
	background-color: #4CB052;
	color: #FFFFFF;
}

.tx-cal-controller .green_catheader_allday a .summary,
.tx-cal-controller .green_catheader_allday a:visited .summary,
.tx-cal-controller .green_catheader dd a,
.tx-cal-controller .green_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .green_catheader_text,
.tx-cal-controller .vevent .green_catheader_text a {
	color: #4CB052;
}

.tx-cal-controller .vtodo .green_catheader_text,
.tx-cal-controller .vtodo .green_catheader_text a {
	color: #4CB052;
}

.tx-cal-controller div.green_catheader dt {
	background-color: #0D7813;
}

/*------------ ORANGE ------------*/

.tx-cal-controller div.orange_catheader dl,
.tx-cal-controller div.orange_catheader_allday {
	border: 1px solid #BE6D00;
	background-color: #F2A640;
	color: #FFFFFF;
}

.tx-cal-controller .orange_catheader_allday a .summary,
.tx-cal-controller .orange_catheader_allday a:visited .summary,
.tx-cal-controller .orange_catheader dd a,
.tx-cal-controller .orange_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .orange_catheader_text,
.tx-cal-controller .vevent .orange_catheader_text a{
	color: #F2A640;
}

.tx-cal-controller .vtodo .orange_catheader_text,
.tx-cal-controller .vtodo .orange_catheader_text a{
	color: #F2A640;
}

.tx-cal-controller div.orange_catheader dt {
	background-color: #BE6D00;
}

/*------------ PINK ------------*/
		
.tx-cal-controller div.pink_catheader dl,
.tx-cal-controller div.pink_catheader_allday {
	border: 1px solid #B1365F;
	background-color: #E67399;
	color: #FFFFFF;
}

.tx-cal-controller .pink_catheader_allday a .summary,
.tx-cal-controller .pink_catheader_allday a:visited .summary,
.tx-cal-controller .pink_catheader dd a,
.tx-cal-controller .pink_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .pink_catheader_text,
.tx-cal-controller .vevent .pink_catheader_text a{
	color: #E67399;
}

.tx-cal-controller .vtodo .pink_catheader_text,
.tx-cal-controller .vtodo .pink_catheader_text a{
	color: #E67399;
}

.tx-cal-controller div.pink_catheader dt {
	background-color: #B1365F;
}

/*------------ RED ------------*/

.tx-cal-controller div.red_catheader dl,
.tx-cal-controller div.red_catheader_allday {
	border: 1px solid #A32929;
	background-color: #D96666;
	color: #FFFFFF;
}

.tx-cal-controller .red_catheader_allday a .summary,
.tx-cal-controller .red_catheader_allday a:visited .summary,
.tx-cal-controller .red_catheader dd a,
.tx-cal-controller .red_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .red_catheader_text,
.tx-cal-controller .vevent .red_catheader_text a{
	color: #D96666;
}

.tx-cal-controller .vtodo .red_catheader_text,
.tx-cal-controller .vtodo .red_catheader_text a{
	color: #D96666;
}

.tx-cal-controller div.red_catheader dt {
	background-color: #A32929;
}
		
/*------------ YELLOW ------------*/

.tx-cal-controller div.yellow_catheader dl,
.tx-cal-controller div.yellow_catheader_allday {
	border: 1px solid #AB8B00;
	background-color: #E0C240;
	color: #FFFFFF;
}

.tx-cal-controller .yellow_catheader_allday a .summary,
.tx-cal-controller .yellow_catheader_allday a:visited .summary,
.tx-cal-controller .yellow_catheader dd a,
.tx-cal-controller .yellow_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .yellow_catheader_text,
.tx-cal-controller .vevent .yellow_catheader_text a{
	color: #E0C240;
}

.tx-cal-controller .vtodo .yellow_catheader_text,
.tx-cal-controller .vtodo .yellow_catheader_text a{
	color: #E0C240;
}

.tx-cal-controller div.yellow_catheader dt {
	background-color: #AB8B00;
}
		
/*------------ GREY ------------*/

.tx-cal-controller div.grey_catheader dl,
.tx-cal-controller div.grey_catheader_allday {
	border: 1px solid #4E5D6C;
	background-color: #8997A5;
	color: #FFFFFF;
}

.tx-cal-controller .grey_catheader_allday a .summary,
.tx-cal-controller .grey_catheader_allday a:visited .summary,
.tx-cal-controller .grey_catheader dd a,
.tx-cal-controller .grey_catheader dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .grey_catheader_text,
.tx-cal-controller .vevent .grey_catheader_text a{
	color: #8997A5;
}

.tx-cal-controller .vtodo .grey_catheader_text,
.tx-cal-controller .vtodo .grey_catheader_text a{
	color: #8997A5;
}

.tx-cal-controller div.grey_catheader dt {
	background-color: #4E5D6C;
}

/*------------- free & busy styles ----------*/

.tx-cal-controller div.fnb_header dl,
.tx-cal-controller div.fnb_header_allday {
	border: 1px solid #4E5D6C;
	background-color: #8997A5;
	color: #FFFFFF;
}

.tx-cal-controller .fnb_header_allday a .summary,
.tx-cal-controller .fnb_header_allday a:visited .summary,
.tx-cal-controller .fnb_header dd a,
.tx-cal-controller .fnb_header dd a:visited {
	color: #FFFFFF !important;
}

.tx-cal-controller .vevent .fnb_header_text,
.tx-cal-controller .vevent .fnb_header_text a{
	color: #8997A5;
}

.tx-cal-controller .vtodo .fnb_header_text,
.tx-cal-controller .vtodo .fnb_header_text a{
	color: #8997A5;
}

.tx-cal-controller div.fnb_header dt {
	background-color: #4E5D6C;
}
		
/*------------ color style package end ------------*/

/*--- TODO: to be checked from here on to the end!! ---*/
/*------------- list styles ------------*/

.tx-cal-controller .even { }

.tx-cal-controller .list-view .vevent,
.tx-cal-controller .list-view .vtodo {
	color: #000000;
}

.vevent .dtstart-container,
.tx-cal-controller .list-view .vtodo .dtstart-container { }

.tx-cal-controller .list-view .vevent .summary,
.tx-cal-controller .list-view .vtodo .summary {
}

.tx-cal-controller .found, .tx-cal-controller .pagebrowser {
	text-align: center;
	line-height: 1em;
}
		
/*------------- fe-editing styles ------------*/		
		
.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-edit-event .tabcontent label {
	display: inline-block;
	vertical-align:top;
	width: 6em;
}

.tx-cal-controller .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*/
}

.tx-cal-controller .basictab li {
	display: inline;
	margin: 0;
}

.tx-cal-controller .basictab li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #6699CC;
	color: #FFFFFF;
}

.tx-cal-controller .basictab li a:visited {
	color: #2d2b2b;
}

.tx-cal-controller .basictab li a:hover,
.tx-cal-controller .basictab li a.current {
	background-color: #557CA3;
	color: #FFFFFF;
}

.tx-cal-controller .basictab li a:active {
	color: #000000;
}

.tx-cal-controller .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.*/
}

.tx-cal-controller .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;
}
		
#allday {
	width:10px;
}

#until label,
#by_day label,
#by_monthday label,
#by_month label {
	margin-left: 50px;
}

#by_month label,
#by_monthday label {
	width: 230px;
}

.tx-cal-controller .reminderOffset {
	width: 2em !important;
}