/* CSS Document calendar.css */

/* calendar */
#calendar_tbl
{
	background-color:#CCCCCC;
	width: 100%;
}
#calendararea
{
	background-color: #FFFFFF;
	text-align: left; 
	height: 20px;
}
#nav_left
{
	text-align: left;
	width: 25%;
}
#nav_center
{
	text-align: center; 
	font-weight: bold;
	width: 50%;
}
#nav_right
{
	text-align: right;
	width: 25%;
}
#eventdate
{
	width: 72px;

}
#weektitle
{
	text-align: right;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-right: 2px;
	width: 9%;
}
#weekno
{
	text-align: right;
	border-right: 1px solid #999999; 
	padding-right: 4px;
	width: 9%;
}
#weekdaytitle
{
	text-align: right; 
	border-bottom: 1px solid #999999; 
	padding-right: 2px;
}
.eventday_grey
{
	color: #666666;
	padding-right: 8px;
	width: 13%;
	text-align: right;
	height: 19px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}
.eventday_grey a
{
	color: #666666;
	padding-right: 8px;
	width: 13%;
	text-align: right;
	height: 19px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.day_grey
{
	color: #666666;
	padding-right: 8px;
	width: 13%;
	text-align: right;
	height: 19px;
	border: 1px solid #FFFFFF;
	font-weight: normal;
}
.day_grey a
{
	text-decoration: none;
	color: #000;
}
.eventday
{
	color: #000000;
	padding-right: 8px;
	width: 13%;
	text-align: right;
	height: 19px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}
.eventday a
{
	color: #000000;
	text-decoration: none;
}
.day
{
	color: #000000;
	padding-right: 8px;
	width: 13%;
	text-align: right;
	height: 19px;
	border: 1px solid #FFFFFF;
}
.day a
{
	color: #000000;
	text-decoration: none;
}
.day:hover, .eventday:hover, .day_grey:hover, .eventday_grey:hover
{
	border: 1px dotted #666666; 
	background-color: #EFEFEF;
	cursor: default;
	cursor: hand;
}
#events th
{
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
#delete, #edit
{
	color: #0000FF;
	cursor: default;
	cursor: hand;
	text-decoration: underline;
}
.dayselected
{
	border: 1px dotted #666666; 
	background-color: #cccccc;
	cursor: default;
	cursor: hand;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
}
.dayselected a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.dayselected:hover
{
	border: 1px dotted #666666; 
	background-color: #EFEFEF;
	cursor: default;
	cursor: hand;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
}
#editevent
{
	position: absloute;
	left: 15px;
	top: 120px;
	display: inline;
	background-color: #FFFFFF;
	margin: 0px;
}
#new_event_tbl
{
	background-color: #339900;
}
#new_event_tbl th
{
	color: #ffffff;
}
#list_header
{
	border-bottom: 1px solid #CCCCCC;
}
#create_event_btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 140px;
	position: absolute;
	left: 415px;
	top: 406px;
}
#close_btn
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 120px;
	position: absolute;
	left: 563px;
	top: 406px;
}
#continue_btn
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 120px;
	position: absolute;
	left: 563px;
	top: 406px;
}

#cancel_btn
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 120px;
	position: absolute;
	left: 415px;
	top: 406px;
}
#event_start, #event_stop
{
	width: 40px;
}
/*************** Properties ****************/
#create_event_category
{
	width: 120px;
}

#mainpage, #subpage, #together, #start, #stop, #userdefined
{
	width: 20px;
	margin-top: 1px;
	margin-right: 1px;
}

#save_props_btn, #save_categories_btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 140px;
	position: absolute;
	left: 415px;
	top: 406px;
	display: none;
}

#props_field
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 170px;	
}

.props_fields
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 178px;	
}

option.props_fields
{
	font-family: inherit;
	font-size: inherit;
	width: 178px;
}

#props_add_btn, #props_edit_btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 80px;
}
#props_delete_btn, #up_sort_btn, #down_sort_btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 80px;
	display: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

/**************** MISC ************************************/
#progress
{
 	display: inline;
	position: absolute;
	margin-top: 60px;
	margin-left: 672px;
}
#logo 
{
	position: absolute;
	height: 77px;
	display: block;
}
#eventdialog
{
	position: absolute;
	top: 98px;
}

/*Størrelse og typografi for kalenderen. Selve tabellen står til 100% uansett. */
#mini_calendar { width:153px; font-size: 12px; font-family:inherit; position: relative; left: 5px; }

#mini_calendar a, 
#mini_calendar a:visited { text-decoration: none; font-weight:bold; color:#333;  }
#mini_calendar a:hover, 
#mini_calendar a:active { text-decoration:none; font-weight:bold; color: #fff; background-color:#333;}

/* Width * 7 = #calendar width. Dvs. 25*7 = 175px */
#mini_calendar td { padding:2px; text-align:center; }

/* TR days og TR divide kontrollerer det visuelle for annenhver rad */
#mini_calendar tr.days { color:white; background-color:#333333; }
/* Vidden settes for å få like bredder på alle celler */
#mini_calendar tr.divide { color:white; background-color: #BBBF9C; }

#mini_calendar td.mini_calendar_eventday a
{
	display: block;
	color: #fff;
	background-color: #000;
	padding: 0px 1px 0px 1px;
}
/******************************* Event-stiler ****************/
#calendar_area
{
	border: 1px solid #BBBF9C;
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	margin: 4px;
}

#calendar_caption
{
	font-weight: bold;
	background-color: #BBBF9C;
	color: #000;
	padding: 2px 2px 2px; 0px;
}

#calendar_today {
	padding-bottom: 2px;
	border-bottom: 1px solid #BBBF9C;
}

.calendar_today_date 
{
	font-size: 16px;
	font-weight: bold;
	background-color: #BBBF9C;
	padding: 10px;
}

.calendar_today_category
{
	background-color: #BBBF9C;
	padding: 0 0 10px 10px;
	font-weight: bold;

}

.calendar_contents
{
	margin: 10px;
}

.calendar_opt_fields
{
	margin: 10px;
}

.calendar_opt_fieldlabel
{
	float: left;
	padding-right: 4px;
	font-weight: bold;
}

.calendar_opt_value
{
	padding-right: 4px;
}

#calendar_activities {
margin-top: 20px;
}

#calendar_activities:before {
content: "Kommende aktiviteter";
margin-left: 20px;
font-size: 18px;
border-bottom: 1px solid black;
width: 590px;
display: block;

}

#calendar_activities td
{
padding-left: 20px;
width: 590px;
}

.calendar_activity {
border-bottom: 1px solid #ccc;
padding: 10px 0;
width: 590px;
}

.calendar_date{
color: #666;
float: left;
margin-right: 4px;
}

.calendar_category{
color: #666;
float: left;
}

.calendar_category:before{
content: " | Gruppe: "
}

.calendar_contents {
margin: 0;
padding: 0;
clear: left;
font-size: 12px;
}

#calendar_today .calendar_contents {
padding: 10px;
}