 /*
	Sunday background color: 
*/

#calendar{
	font-family: Arial, Verdana, Tahoma;	
	font-size: 14px;
	background-color:#ffffff;	
}

/* --- FORM ELEMENTS & :HOVER, :FOCUS ---------------------- */
[disabled], [disabled]:hover { 
	color:#939393; 
	background-color:#f1f2f3;
	border:1px solid #d7d7d7;
}

INPUT[type=checkbox],
INPUT[type=checkbox]:hover 	{ border:0px; }
INPUT[type=radio],
INPUT[type=radio]:hover 	{ border:0px; }

INPUT 					{ border:1px solid #d7d7d7; background-color: #ffffff; max-width: 100%;}
INPUT:hover             { border:1px solid #98dfbc; background-color: #fefefe; }
INPUT:focus             { border:1px solid #c7c7c7; background-color: #FFFFe7; }
INPUT:focus:hover       { border:1px solid #98dfbc; background-color: #FFFFe7; }
INPUT.btn_radio			{ border:0px; }

TEXTAREA                { border:1px solid #d7d7d7; background-color: #ffffff; }
TEXTAREA:hover          { border:1px solid #98dfbc; background-color: #fefefe;}
TEXTAREA:focus          { border:1px solid #c7c7c7; background-color: #FFFFe7; }
TEXTAREA:focus:hover    { border:1px solid #98dfbc; background-color: #FFFFe7;}

SELECT                	{ border:1px solid #d7d7d7; background-color: #ffffff; max-width: 100%;}
SELECT:hover          	{ border:1px solid #98dfbc; background-color: #fefefe; }
SELECT:focus          	{ border:1px solid #c7c7c7; background-color: #FFFFf9; }
SELECT:focus:hover      { border:1px solid #98dfbc; background-color: #FFFFf9; }
select#sel_event_name {
	width: 227px;
}

/* --- LINKS ----------------- */
a                 				{ color:#015c6d; text-decoration:none; }
a:link            				{ color:#015c6d; text-decoration:none; }
a:hover           				{ color:#015c6d; text-decoration:underline; }
a:visited         				{ color:#008282; text-decoration:none; }
a:visited:hover   				{ color:#007272; text-decoration:underline; }

a.print	IMG 					{ margin-right:5px; margin-bottom:-2px; }

.move 							{ cursor:move; }
.msg_error                      { color:#a20000; font-weight:bold; }
.msg_success                    { color:#00a200; font-weight:bold; }

.message_box_success    		{ background-image:url(images/calendar/sign_sussess.gif);   background-repeat:no-repeat; background-position:7px; text-align:left; vertical-align:middle; display:block; font-size:12px; width:99%; margin:6px 0px 0px 0px; padding:12px 0px 12px 5px; color: #000000; background-color:#f1fff1; border:1px solid #3ac13a; }
.message_box_error  			{ background-image:url(images/calendar/sign_error.gif);     background-repeat:no-repeat; background-position:7px; text-align:left; vertical-align:middle; display:block; font-size:12px; width:99%; margin:6px 0px 0px 0px; padding:12px 0px 12px 0px; color: #000000; background-color:#fff1f1; border:1px solid #c13a3a; }
.message_box_important       	{ background-image:url(images/calendar/sign_important.gif); background-repeat:no-repeat; background-position:7px; text-align:left; vertical-align:middle; display:block; font-size:12px; width:99%; margin:6px 0px 0px 0px; padding:12px 0px 12px 5px; color: #000000; background-color:#fffff1; border:1px solid #c1c13a; }
.message_content                { margin:0 30px; } 

.bold							{ font-weight:bold; }

.cal_fieldset					{ width:97%; padding-top:9px; margin-top:9px 0px 0px 0px; }
.cal_legend						{ padding:0px 2px 0px 2px; text-align:left; font-size:13px; }
.fieldset_content				{ width:98; margin:15px 3px 10px 3px; }

#calendar_header  				{ width:99%; }
#calendar_header .caption_left 	{ width:33%; text-align:left; }
#calendar_header .caption_left a { margin-right: 20px; }
#calendar_header .caption_right { text-align:right; }
#calendar_header .caption_center{ text-align:center; }
#calendar_header .caption 		{ width:34%; font-size: 16px; font-weight:bold; text-align:center; }
#calendar_header .types_changer { width:33%; font-size: 12px; font-weight:normal; text-align:right; }

/* MONTHLY LIST VIEW CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .lv_lcolumn 			{ padding-left:7px; vertical-align:top; text-align:left; }
#calendar .lv_rcolumn 			{ text-align:left; }
#calendar .lv_separator 		{ text-align:left; margin-left:3px; width:100px; height:3px; border-bottom:1px dotted #cccccc; }

/* MONTHLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td,
#calendar .td_empty,
#calendar .td_actday,
#calendar .td_selday,
#calendar .td_sunday{
	width:14%;
	text-align: left;
	vertical-align: middle;
	padding:3px; 
	padding-left:5px;
	padding-top:5px;

}

#calendar .month  			{ width:98%; align:left; border:1px solid #cccccc; margin:8px; border-collapse:collapse; }
#calendar .tr_days   		{ height:32px; background-color:#015c6d; /*background-image: url(images/main_menu/menu_abitur_bg.png); background-repeat: repeat-x;*/ }
#calendar .tr				{ }
#calendar .td 				{ border:1px solid #ddd; color:#555; background-color:#ffffff; vertical-align: middle; position: relative;}
#calendar .td_wn		    { border:1px solid #ddd; color:#555; background-color:#ebfcff; width:4%; text-align:center; vertical-align:middle; padding-top:5px; font-weight:bold; }
#calendar .td_empty 		{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; vertical-align: middle; }
#calendar .td_actday 		{ background-color:#ffffcc; border:1px solid #ddd; color:#007272; font-weight:bold; vertical-align: middle; position: relative;}
#calendar .td_selday 		{ background-color:#ffffef; border:1px solid #ddd; color:#555; font-weight:bold; }
#calendar .td_sunday 		{ background-color:#e1eae1; border:1px solid #ddd; color:#555; font-weight:bold; }
#calendar .th 				{ height:24px; text-align:center; align:left; font-weight:bold; padding-top:3px; padding-bottom:3px; padding:5px; color:#fff; }
#calendar .th_wn		    { height:24px; text-align:center; align:left; font-weight:bold; padding-top:3px; padding-bottom:3px; padding:5px; color:#fff; }
#calendar .events_list_tooltip { font-size:11px; font-weight:normal; cursor:help; }
#calendar .events_list_inline  { 
	font-size:11px; 
	font-weight:normal; 
	text-align:left; 
	margin-top: 10px; 
	display: none;
	position: absolute;
	min-width: 190%;
	max-width: 350px;
	min-height: 50px;
	padding: 10px;
	top: 90%;
	left: 0%;
	background-color: #f1f2f3;
	z-index: 1000;
} 

#calendar #red .events_list_inline  { 
	background-color: #ffdddd;
} 

#calendar #blue .events_list_inline  { 
	background-color: #d4e1f1
} 

#calendar span.event_descr      { 
	cursor:help;
	margin: 0px 0px 0px 0px;
    padding: 3px 0px;
    font-size: 14px;
    display: list-item;
    list-style-type: disc;
    list-style: aqua;
    list-style-position: inside;
} 


/* SMALL MONTHLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_small,
#calendar .td_small_empty,
#calendar .td_small_actday,
#calendar .td_small_selday{
	width:13%;
	text-align: right;
	vertical-align: middle;
	padding:1px; 
	padding-right:3px;
}

#calendar .year_container   { width:98%; align:center; margin:8px; /*border:1px solid #ccc;*/ border-collapse:collapse; }
#calendar .month_small	    { width:96%; align:center; border:1px solid #cccccc; margin-top:5px; border-collapse:collapse; }
#calendar .tr_small_days    { background-color:#338392; /*background-image: url(images/calendar/header_bg.png); background-repeat: repeat-x; */}
#calendar .tr_small         { }
#calendar .td_small         { border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_small_empty 	{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_small_wn 	    { border:1px solid #ddd; color:#555; background-color:#ebfcff; width:9%; text-align:center;}
#calendar .td_small_actday  { border:1px solid #ddd; color:#007272; background-color:#fdf9ca; font-weight:bold; }
#calendar .td_small_selday  { background-color:#ffffef; border:1px; color:#555; font-weight:bold; }
#calendar .th_small         { text-align:center; align:center; font-weight:normal; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }
#calendar .th_small_wn      { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }

/* WEEKLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_w,
#calendar .td_sunday_w,
#calendar .td_actday_w{
	width:14%;
	text-align: right;
	vertical-align: top;
	padding:1px; 
	padding-left:3px;
	padding-top:3px;
}
#calendar .td_actday_w 		{ background-color:#ffffee; border:1px solid #ddd; color:#555; font-weight:bold; }
#calendar .td_header        { background-color:#ebfcff; padding-left:3px; text-align:left; text-align: center;}
#calendar .td_w 			{ border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_sunday_w 		{ background-color:#d9f2e8; border:1px solid #ddd; color:#444; font-weight:bold; }

/* DAILY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .day  			{ width:98%; border:1px solid #ccc; padding:0px; border-collapse:collapse; }
#calendar .day_navigation  	{ width:98%; border:1px solid #ccc; padding:0px; margin-top:3px;  margin-bottom:8px; border-collapse:collapse; }
#calendar .td_acthour_d_h   { background-color:#ffffcc; border:1px solid #ccc; padding:5px; padding-right:3px; text-align:right; }
#calendar .td_acthour_d     { background-color:#ffffcc; border:1px solid #ccc; padding:5px; padding-left:5px; text-align:left; }
#calendar .td_d_h           { background-color:#f1f2f3; border:1px solid #ccc; padding:5px; padding-right:3px; text-align:right; width:54px; }
#calendar .td_d             { background-color:#ffffff; border:1px solid #ccc; padding:5px; padding-left:5px; text-align:left; }

/* NAVIGATION BAR */
#calendar .table_navbar   	{ 
    width: 100%;
    height: 40px;
    border: 0px solid #ccc;
}
#calendar .year_container .table_navbar   	{ 
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding: 0px;
    margin-top: 3px;
    margin-bottom: 8px;
    border-collapse: collapse; 
}

#calendar .tr_navbar   		{ width:34%; background-color:#ffffff; height:30px; text-align:center; }
#calendar .tr_navbar_left 	{ width:33%; background-color:#ffffff; height:30px; padding-left:7px; text-align:left; }
#calendar .tr_navbar_right 	{ width:33%; background-color:#ffffff; height:30px; padding-right:7px; text-align:right; }

#calendar .class_form       { padding:0px; margin:0px; }
#calendar .form_select      { font-size:14px; }
#calendar .form_button      { font-size:14px; padding:0px 4px 1px 4px; margin:0px; border:1px solid #007272; border-top:1px solid #009292; border-left:1px solid #009292; background-color:#016577; color:#ffffff; }
#calendar .form_cancel_link { color: #a60000; font-weight:bold; text-decoration:underline; }
#calendar .form_cancel_link:hover { text-decoration:none; }   

/* EVENT FORM CONTAINER */
/** ------------------------------------------------------------------------ **/
#divAddEvent				{ border:1px solid #bcbcbc; background-color:#ffffff; position:absolute; left:200px; top:100px; width:370px; height:257px; display:none; }
#divAddEvent table 			{ width:368px; border:0px; align:center; }
#divAddEvent .header    	{ width:100%; background-color:#008282; color:#ffffff; }
#divAddEvent .header a  	{ color:#ffffff; }

.debug_sql					{ font-family: Arial, Verdana, Tahoma; font-size: 12px; color:#000086; }
.debug_error				{ font-family: Arial, Verdana, Tahoma; font-size: 12px; color:#860000; }
.debug_post					{ font-family: Arial, Verdana, Tahoma; font-size: 12px; color:#008600; }
.debug_get					{ font-family: Arial, Verdana, Tahoma; font-size: 12px; color:#008600; }
.debug_info					{ font-family: Arial, Verdana, Tahoma; font-size: 12px; color:#222222; margin:10px auto; text-align:left; padding-left:20px; }

/* EVENT WRAPPER */
/** ------------------------------------------------------------------------ **/
.event_wrapper				{ display:block;height:14px; }
.event_wrapper IMG			{ visibility:hidden; position:relative;left:83px;cursor:pointer; }
.event_wrapper:hover		{ }
.event_wrapper:hover IMG	{ visibility: visible; }
.event_wrapper LABEL		{ margin-left:-7px; }


#calendar table tr td#blue a, #calendar table tr td#blue{
	color: #0078ff;
} 

#calendar table tr td#red a, #calendar table tr td#red{
	color: #AF0000;
} 

.month_date {
	display: block;
	font-size: 34px;
	text-align: center;
}

span.month_count_events{
	display: block;
	font-size: 12px;
	text-align: center;
	color: #acacac;
	position: absolute;
	bottom: 5px;
	width: 100%;
	max-width: 100%;
	left: 0px;
}