﻿@media screen {

	body {
		margin:0px;
		padding:0px;
		background-color:#fff;
		background-image:url('../img/menubg.png');
		background-repeat:repeat-x;
		background-position:0px 160px;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		color:#333;
	}
	
	#calendar_body {
		background-image:none;
	}
	
	td {
		font-size:12px;
		color:#333;
	}
	
	h2 {
		font-size:18px;	
	}
	
	a {
		color:#09c;	
	}
	
	a:visited {
		color:#069;
	}
	
	#container {
		width:100%;
	}
	
	#minilogin {
		position:absolute;
		top:168px;
		right:16px;
		color:#333;
		font-size:11px;
	}
	
	#minilogin a {
		text-decoration:none;
		color:#333;
	}
	
	#minilogin a:hover {
		color:#000;	
	}
	
	#page_header {
		width:100%;
		height:160px;
		background-color:rgb(0,0,0);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
	}
	
	#header_table {
		width:100%;
		height:160px;
	}
	
	#page_header h1, #page_header h2 {
		display:none;	
	}
	
	#page_menu_header, #page_menu_header_spacer {
		display:none;	
	}
	
	#page_menu {
		padding:8px;
	}
	
	#page_menu img {
		display:none;
	}
	
	#page_menu a {
		text-decoration:none;
		color:#333;
	}
	
	#page_menu a:hover {
		color:#09c;
	}
	
	.page_menu_item {
		display:inline;
		padding-left:24px;
		text-align:center;
	}
	
	.page_menu_item_spacer {
		display:none;
	}
	
	#user_menu {
		font-size:11px;
		color:#fff;
		background-color:rgb(153,153,153);
		background-image:url('../img/usermenubg.png');
		background-repeat:repeat-x;
		background-color:#999;
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		padding-left:18px;
		padding-top:8px;
		padding-bottom:8px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:0px;
	}
	
	#user_menu a {
		text-decoration:none;
		color:#fff;	
	}
	
	#user_menu a:hover {
		color:#036;
	}
	
	#user_menu_title,
	#capability_menu_title {
		font-weight:bold;
		display:inline;
	}
	
	.user_menu_item {
		display:inline;
		padding-left:24px;	
	}
	
	#user_menu input {
		font-size:11px;
		border-width:0px;
		background-color:#fff;	
	}
	
	#user_menu_title_spacer,
	.user_menu_item_spacer,
	#capability_menu_title_spacer,
	.capability_menu_item_spacer {
		display:none;	
	}
	
	#capability_menu {
		font-size:11px;
		color:#fff;
		background-color:#fff;
		background-image:url('../img/capabilitymenubg.png');
		background-color:#999;
		margin-left:32px;
		margin-top:2px;
		margin-right:32px;
		padding-left:18px;
		padding-top:4px;
		padding-bottom:6px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:0px;
	}
	
	.capability_menu_item {
		display:inline;
		padding-left:56px;
	}
	
	#capability_menu a {
		text-decoration:none;
		color:#fff;	
	}
	
	#capability_menu a:hover {
		color:#036;
	}
	
	#page_main_box {
		margin-top:-2px;
		padding-bottom:40px;
		background-image:url('../img/pagebottom.png');
		background-repeat:repeat-x;
		background-position:bottom;
	}
	
	#page_content {
		width:800px; /*656px*/
		padding-top:64px;
		padding-left:32px;
		padding-right:32px;
		padding-bottom:64px;
		background-image:url('../img/fade.png');
		background-repeat:repeat-x;
		background-position:bottom;	
	}
	
	#page_content_calendar {
		width:656px;
		padding-top:8px;
		padding-left:32px;
		padding-right:32px;
		padding-bottom:64px;
		background-image:url('../img/fade.png');
		background-repeat:repeat-x;
		background-position:bottom;	
	}
	
	.category_level_1 {
		font-weight:bold;
		font-size:16px;
		padding-top:28px;
		padding-left:0px;
		padding-bottom:4px;
	}
	
	.category_level_2 {
		font-weight:bold;
		font-size:12px;
		padding-top:9px;
		padding-left:32px;
		padding-bottom:2px;
	}
	
	.category_level_3 {
		font-size:12px;
		padding-left:64px;
	}
	
	.input_text {
		padding:2px;
		border-style:solid;
		border-color:#ccc;
		border-width:1px;
		background-color:#fff;
		background-image:url('../img/inputtopfade.png');
		background-repeat:repeat-x;
		background-position:top;
	}
	
	.input_select {
		padding:1px;
		border-style:solid;
		border-color:#ccc;
		border-width:1px;
		background-color:transparent;
		background-image:url('../img/inputtopfade.png');
		background-repeat:repeat-x;
		background-position:top;
	}
	
	.input_button {
		padding:3px;
		border-style:solid;
		border-color:#ccc;
		border-width:1px;
		background-color:rgb(240,240,240);
		background-image:url('../img/buttonfade.png');
		background-repeat:repeat-x;
		background-position:top;
	}
	
	#search_form_table td,#login_form_table td {
		padding-bottom:8px;	
	}
	
	#search_form_words_input {
		width:320px;
		
	}
	
	#search_form_organization_select {
		width:320px;
		
	}
	
	#search_form_organization_select option {
		background-color:#fff;	
	}
	
	#organization_table {
		
	}
	
	.organization_table_logo {
		width:80px;	
	}
	
	.organization_table_name {

	}
	
	.organization_table_action {
		line-height:200%;
		font-size:10px;
	}
	
	.add_capability_table td {
		padding-top:4px;
		padding-right:12px;
		padding-bottom:4px;	
	}
	
	#capability_list_column_image {
		width:80px;
	}
	
	#capability_list_column_capability {
	}
	
	#capability_list_column_organization {
		width:160px;
	}
	
	.capability_list_name {
	}
	
	.capability_list_model {
		font-size:11px;
	}
	
	.capability_list_functions {
		font-size:11px;	
	}
	
	#add_capability_techinfo td {
		padding-top:3px;
		padding-right:8px;
		padding-bottom:3px;
	}
	
	#copyright {
		width:82px;
		height:32px;
		margin-top:-36px;
		margin-left:18px;
		background-image:url('../img/finnano.png');	
	}
	
	#copyright img {
		width:100%;
		height:100%;	
	}
	
	#copyright span {
		display:none;
	}
	
	#language_selector {
		width:720px;
		text-align:right;
		margin-top:-22px;
		padding-right:0px;
		font-size:11px;	
	}
	
	#language_selector_label {
		
	}
	
	.language_selector_active {
		padding-left:12px;
		padding-right:12px;
		font-weight:bold;
	}
	
	.language_selector_passive {
		padding-left:12px;
		padding-right:12px;
	}
	
	.language_selector_spacer {
	}
	
	#language_selector a {
		text-decoration:none;
		color:#333;
	}
	
	#language_selector a:hover {
		color:#09c;
	}
	
	.paragraph_header {
		width:100%;
		padding-top:8px;
		padding-bottom:6px;
		font-weight:bold;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:1px;
	}
	
	.paragraph_content {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;	
	}
	#capability_image_box {
		width:320px;
		height:240px;
		margin-right:8px;
	}
	
	#capability_basicdata td {
		padding-left:12px;
		padding-top:6px;
		padding-bottom:6px;
	}
	
	#capability_description,
	#capability_notifications,
	#capability_categories,
	#capability_references,
	#capability_attachments,
	#capability_techinfo {
		padding-top:32px;
	}
	
	.capability_basicdata_label {
		font-weight:bold;	
	}
	
	.capability_category_entry,
	.capability_reference_entry,
	.capability_attachment_entry {
		padding-top:6px;
		padding-bottom:6px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:1px;
	}
	
	.infotable {
		width:100%;
	}
	
	.infotable td {
		padding-left:8px;
		padding-top:6px;
		padding-bottom:6px;
		margin:0px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:1px;	
	}
	
	.infotable_header {
		font-weight:bold;
	}
	
	.infotable_subheader {
		font-size:11px;
		font-weight:bold;
		background-color:#efefef;
		background-image:url('../img/infotable_fade.png');
		padding-left:8px;
	}
	
	.extra_div {
		display:none;
	}
	
	.error_message {
		color:red;
		font-weight:bold;
	}
	
	.success_message {
		color:green;
		font-weight:bold;
	}
	
	.tinytext {
		font-size:9px;
	}
	
	

	
	
	
	#calendar_month_table {
		width:280px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:1px;
		border-left-width:1px;
		border-right-width:0px;
		border-bottom-width:0px;	
	}
	
	#calendar_month_table TD {
		padding:4px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:1px;
		border-bottom-width:1px;	
	}
	
	
	#calendar_month_table .calendar_title {
		text-align:center;
		font-size:15px;
	}
	
	#calendar_month_table .weekday {
		text-align:center;
		font-weight:bold;
	}
	
	#calendar_month_table .week {
		text-align:right;
		font-weight:bold;
	}
	
	#calendar_month_table .this_month_day {
		text-align:right;
		font-weight:bold;
	}
	
	#calendar_month_table .other_month_day {
		text-align:right;
		background-color:#eee;
		color:#999;
	}
	
	#calendar_month_table .active_week {
		background-color:#444;
	}
	
	#calendar_month_table .month_links {
		text-align:center;
		font-size:10px;
	}
	
	
	
	
	#calendar_week_table {
		width:100%;
		margin-top:32px;
		margin-bottom:32px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:1px;
		border-bottom-width:1px;	
	}
	
	#calendar_week_table TD {
		padding:0px;
		border-style:solid;
		border-color:#ccc;
		border-top-width:1px;
		border-left-width:1px;
		border-right-width:0px;
		border-bottom-width:0px;	
	}
	
	
	#calendar_week_table .calendar_title {
		text-align:center;
		font-size:15px;
	}
	
	#calendar_week_table .weekday {
		text-align:center;
		font-weight:bold;
		font-size:11px;
	}
	
	#calendar_week_table .time {
		text-align:right;
		font-weight:bold;
	}
	
	#calendar_week_table .free_hour {
		cursor:pointer;
		text-align:center;
	}
	
	#calendar_week_table .old_hour {
		text-align:center;
		background-color:#eee;
	}
	
	#calendar_week_table .reserved_hour_first {
		cursor:default;
		text-align:left;
		font-size:9px;
		background-color:#ffc;
		background-image:url('../img/reserved_bg.png');
		background-repeat:repeat-x;
		border-bottom-width:0px;
	}
	
	#calendar_week_table .reserved_hour {
		cursor:default;
		text-align:center;
		background-color:#ffc;
		border-top-width:0px;
	}
	
	
	.calendar_time_input {
		text-align:right;
		padding:1px;
		border-style:solid;
		border-color:#ccc;
		border-width:1px;
		background-color:#fff;
		background-image:url('../img/inputtopfade.png');
		background-repeat:repeat-x;
		background-position:top;
	}
	
}




@media print {

	body {
		margin:0cm;
		padding:0.45cm;
		font-family:serif;
	}
	
	#header_table,#minilogin,#page_menu,#user_menu,#language_selector,#capabilities_filters,.extra_div {
		display:none;	
	}
	
	#capability_basicdata td {
		padding-top:0.1cm;
		padding-left:0.5cm;
		padding-bottom:0.1cm;	
	}
	
	#capability_categories {
		padding-top:1.25cm;
		padding-bottom:1.25cm;	
	}
	
	#capability_description,#capability_notifications,#capability_techinfo,#capability_attachments,#capability_references {
		padding-bottom:1.25cm;	
	}
	
	#capability_techinfo table {
		border-style:solid;
		border-color:#000;
		border-top-width:1px;
		border-left-width:1px;
		border-right-width:0px;
		border-bottom-width:0px;	
	}
	
	#capability_techinfo td {
		padding:0.05cm;
		border-style:solid;
		border-color:#000;
		border-top-width:0px;
		border-left-width:0px;
		border-right-width:1px;
		border-bottom-width:1px;	
	}
	
	.paragraph_header {
		font-weight:bold;	
	}
		
}
