/* Editorin säädöt ----------------------------------------------------------------------- */
.mceContentBody{
	background: transparent none;
	background-color: transparent;
}
.dynamic_contentarea{
	border:1px dotted red;
}
.static_contentarea{
	border:1px dotted blue;
}
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #0c6c94 !important;
	text-decoration: none !important;
}



/* Tyylit -------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
}
a, a:link, a:visited, a:active {
	color:#0c6c94;
	text-decoration: none;
}
a:hover {
	color:#555555;
}
span.passive_vat{
	color:#777777;
}
.code{
	border:1px solid #c3c3c3;
	width:500px;
	overflow-x:auto;
	overflow-y:hidden;
	height:40px;
	background-color:#eeeeee;
	padding:5px;
}
a.sitemanagerlinks, a.sitemanagerlinks:link, a.sitemanagerlinks:active, a.sitemanagerlinks:visited, .sitemanagerlinks {
	color:#ad0000;
	text-decoration: none;
}
a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}
td, a.basic-text:link, a.basic-text:active, a.basic-text:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text{
	width:100%;
}
h1 {
	font-size: 16px;
	margin-bottom:5px;
	margin-top:0;
	color: #000000;
}
h1.logo{
	margin-left: 6px;
	font-size: 30px;
	font-family: 'futuraheavy';
	text-transform: uppercase;
	color: #ffffff;
}
h2 {
	font-size: 14px;
	color: #000000;
	margin-bottom:5px;
	margin-top:0;
}
h3 {
	font-size: 12px;
	color: #000000;
}
h4 {
	color: #458AD7;
}
h5 {
	color: #458AD7;
}
h6 {
	color: #458AD7;
}
.formfieldcontainer, .formfieldcontainer .text{
	font-size:10px;
}
.formfieldcontainer{
	margin-bottom:4px;
}
.selectedResource{
	color:black;
	background-color:white;
	border:1px solid #c3c3c3;
}
.unSelectedResource{
	border:1px solid #f3f2ef;
}
a.button, a.button:link, a.button:active, a.button:visited  {
	background-color:#eeeeee;
	border:1px solid #c3c3c3;
	width:auto;
	padding:1px;
	padding-right:5px;
	padding-bottom:2px;
	font-size:10px;
	white-space: nowrap;
	height:18px;
	color:#555555;
}
a.button:hover{
	background-color:#f5f5f5;
	border:1px solid #7a7a7a;
	color:black;
	text-decoration:none;
}
a.button img{
	border:0;
	height:16px;
	vertical-align:middle;
	margin-bottom:1px;
}
a.button-dark, a.button-dark:link, a.button-dark:active, a.button-dark:visited  {
	background-color:#996c4f;
	border:1px solid #555555;
	width:auto;
	padding:1px;
	padding-right:5px;
	padding-bottom:2px;
	display:block;
	width:100%;
	text-align:left;
	font-size:10px;
	white-space: nowrap;
	color:#eeeeee;
}
a.button-dark_a, a.button-dark_a:link, a.button-dark_a:active, a.button-dark_a:visited  {
	background-color:#431a09;
	border:1px solid #000000;
	width:auto;
	padding:1px;
	padding-right:5px;
	padding-bottom:2px;
	display:block;
	width:100%;
	text-align:left;
	font-size:10px;
	white-space: nowrap;
	color:#eeeeee;
}
a.button-dark:hover, a.button-dark_a:hover{
	background-color:#dbb69e;
	border:1px solid #c3c3c3;
	color:black;
}
a.button-dark img, a.button-dark_a img{
	border:0;
	vertical-align:middle;
	margin-bottom:1px;
}
#saapuminen, #lahto{
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:209px;
}
#saapuminen iframe, #lahto iframe{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}
div.message{
	margin:10px;
	padding:10px;
	border:1px solid #c3c3c3;
	background-color:#f5f5f5;
	color:#555555;
}
.passiveContent{
	border:1px solid #ab0000;
	padding:2px;
	background-color:#eab897;
}
.passiveContent p{
	margin-top:0;
}
.passiveContentText{
	font-weight:bold;
	color:#ab0000;
	margin-top:10px;
}
form{
	display:block;
	margin-top:0;
}
p{
	margin:4px 0 10px 0;
}
div.error_message{
	border:1px solid #555555;
	width:390px;
	padding:5px;
	margin:10px 0;
	color:#ab0000;
	background-color:#f5f5f5;
}
div.success_message{
	border:1px solid #555555;
	width:390px;
	padding:5px;
	margin:10px 0;
	color:#2e8c21;
	background-color:#f5f5f5;
}
fieldset{
	border:1px solid #aaaaaa;
	padding:7px;
	margin-bottom:7px;
	margin-top:0;
}
fieldset legend{
	font-weight:bold;
	color:#7c4a29;
}



/* Sivuston rakenne ------------------------------------------------------------------------ */

#user-info{
	height:18px; 
	color:white;
	padding-left:6px;
	padding-bottom:6px;
}
#pageWrapper{
	background:url(../img/bg_page.jpg) left top fixed;
}
#frames{
	width:820px;
	height:101%;
}
#top{
	height:88px;
}
#header_top{
	background: #f6f6f3 url(../img/header_bottom_shadow.jpg) left bottom no-repeat;
	height:210px;
	text-align:center;
	vertical-align:top;
	padding:8px;
}
#date{
	font-weight:bold;
	color:#f5f5f5;
	text-align:right;
	font-size:10px;
	padding-bottom:6px;
}
#date img{
	float:right;
	margin-right:6px;
}
#leftCol{
	background-color:#ffffff;
	vertical-align:top;
	padding:8px;
}
#leftCol_normal{
	background-color:#ffffff;
	vertical-align:top;
	/*padding:8px; */
}
#rightCol{
	width:202px;
	vertical-align:top;
	background:url(../img/bg_rightcol.gif) left repeat-y;
}
#menuholder{
	width:100%;
	height:100%;
}
#menu{
	height:50px;
	vertical-align:top;
	background-color: #f6f6f3;
	padding-top:8px;
	padding-right:8px;
}
#menu_bg{
	background:url(../img/bg_menu.jpg) left top repeat-y;
}
div.menu_admin{
	padding:10px;
	margin:0 10px 0 10px;
	color:#eeeeee;
	border:1px solid #c3c3c3;
	background:#7c4a29 url(../img/bg_admin_menu.gif) left top repeat-x;
}
div.menu_admin_tool{
	padding:10px;
	margin-bottom:4px;
	text-align:left;
	color:#eeeeee;
	background:#54240f url(../../../img/resource/resource_admin_menu.gif) left top repeat-x;
}
#quicksearchCol{
	background:url(../img/bg_rightcol.gif) left repeat-y;
	vertical-align:top;
	padding:10px 15px 10px 10px;
}
#quicksearchCol a:link, #quicksearchCol a:active, #quicksearchCol a:visited{
	display:block;
}
#menutable{
	width:100%;
}
a.menulink, a.menulink:visited, a.menulink:active{
	color:#eeeeee;
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	display:block;
	width:100%;
	margin-right:15px;
	background:url(../img/menu/menu_tag.gif) left 5px no-repeat;
	padding-left:15px;
}
a.menulink_a, a.menulink_a:link, a.menulink_a:visited, a.menulink_a:active, a.menulink_a:hover{
	color:orange;
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	display:block;
	width:100%;
	margin-right:15px;
	background:url(../img/menu/menu_tag_a.gif) left 5px no-repeat;
	padding-left:15px;
}
a.menulink:hover{
	color:#ffffff;
	background:url(../img/menu/menu_tag_h.gif) left 5px no-repeat;
}
a.menulink2, a.menulink2:link, a.menulink2:visited, a.menulink2:active, a.menulink2:hover{
	color:#eeeeee;
	font-size:11px;
	background:url(../img/menu/menu_tag.gif) 10px no-repeat;
	line-height:16px;
	display:block;
	width:100%;
	padding-left:25px;
}
a.menulink2:hover{
	color:#ffffff;
	background:url(../img/menu/menu_tag_h.gif) 10px no-repeat;
}
a.menulink2_a, a.menulink2_a:visited, a.menulink2_a:active{
	color:orange;
	font-size:11px;
	background:url(../img/menu/menu_tag_a.gif) 10px no-repeat;
	line-height:16px;
	display:block;
	width:100%;
	padding-left:25px;
}
#footer1{
	background-color:#ffffff;
	padding: 8px 8px 0 8px;
}
#footer1 div{
	background:#ffffff url(../img/dottedline2.gif) left top repeat-x;
	padding:10px;
	color:#c3c3c3;
	font-size:10px;
}
#footer1 a:link, #footer1 a:active, #footer1 a:visited{
	color:#c3c3c3;
}
#footer2{
	background:url(../img/bg_rightcol.gif) left repeat-y;
}



/* Resourcetyylit ------------------------------------------------------------------------ */

.resourceTitleContainer{
	height:100%;
	width:100%;
}
.resourceTitleContainer td{
	color:white;
	padding:10px;
}
.resourcePageBanner{
	margin-bottom:3px;
	width:100%;
	background-color:white;
	background-repeat:no-repeat;
	background-position:left;
	height:140px;
}
.bookingBanner img{
	height:44px;
	width:168px;
}
.resourceTitleHolder1{
	color:white;
	position:relative;
	z-index:1;
	text-align:right;
	right:17px;
	top:84px;
	line-height:14px;
	height:70px;
	display:block;
}
.resourceTitleHolder1 h1{
	color:white;
	font-size:24px;
	margin:0px;
	line-height:20px;
}
.resourceTitleHolder2{
	color:#333333;
	position:relative;
	z-index:0;
	text-align:right;
	right:15px;
	line-height:14px;
	top:15px;
	height:70px;
	display:block;
}
.resourceTitleHolder2 h1{
	color:#333333;
	font-size:24px;
	margin:0px;
	line-height:20px;
}
.resourceTitle2{
	color:#555555;
	font-size:24px;
	margin:0px;
	position:relative;
	left:2px;
	z-index:0;
	top:1px;
	line-height:20px;
}
h2.resourceTitle{
	color:white;
	font-size:22px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:15px;
	line-height:20px;
}
#resourceImageContainer{
	height:315px;
	background-repeat:no-repeat;
	background-position: left;
}
.resourceImageThumb{
	cursor:pointer;
}
div.resource_thumb_gallery_holder{
	margin-top:4px;
	height:70px;
}
div.resource_thumb_gallery{
	float:left;
	width:97px;
	height:70px;
}
#resource_menu{
	background:url(../img/resource/resource_menu.gif) left top repeat-x;
	height:34px;
	text-align:center;
	font-size:10px;
	color:white;
	margin-bottom:8px;
	margin-top:4px;
}
#resource_menu a, #resource_menu a:visited, #resource_menu a:active{
	color:#eeeeee;
	line-height:34px;
	text-transform:uppercase;
	font-size:10px;
}
#resource_menu a.selected, #resource_menu a.selected:visited, #resource_menu a.selected:active{
	color:orange;
	line-height:34px;
	text-transform:uppercase;
	font-size:10px;
}
#resource_menu a:hover{
	color:#ffffff;
}
img {
	behavior: url(js/iepngfix.htc);
}
.reservationstatus{
	background: url(../img/gray_dot.gif) left center repeat-x;
	margin:10px 0;
}
.reservationstatus .passive{
	padding:3px 5px;
	height:20px;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	color:#666666;
}
.reservationstatus a.visited{
	padding:3px 5px;
	height:20px;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	color:#666666;
}
.reservationstatus .active{
	padding:3px 5px;
	height:20px;
	border:1px solid #c3c3c3;
	background:url(../img/bg_selected_tab.gif) left top repeat-x;
	font-weight:bold;
	color:#ffffff;
}



/* Mokkisivun kuvan lapinakyvyys ------------------------------------------------------------- */

.opacityContainer{}
.opacityContainer a img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.opacityContainer a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}



/* Kalenteri --------------------------------------------------------------------------------- */

table.calendar{
	border-collapse:collapse;
	border-top:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	z-index:100;
}
table.calendar td{
	text-align:center;
	height:18px;
	line-height:18px;
	font-size: 11px;
}
table.calendar td.day_default, 
table.calendar td.day_thismonth, 
table.calendar td.day_today, 
table.calendar td.day_reserved, 
table.calendar td.day_maintenance, 
table.calendar td.day_history{
	width:24px;
	height:18px;
	line-height:18px;
}
table.calendar td.label{
	font-weight:bold;
	background-color:#f5f5f5;
	font-size: 11px;
}
table.calendar td.day_default, 
table.calendar td.day_default a, 
table.calendar td.day_default a:active, 
table.calendar td.day_default a:visited{
	font-weight:normal;
	color:#c4c4c4;
}
table.calendar td.day_today a, 
table.calendar td.day_today a:active, 
table.calendar td.day_today a:visited{
	font-weight:bold;
	color:#cf6300;
}
table.calendar td.day_thismonth a, 
table.calendar td.day_thismonth a:active, 
table.calendar td.day_thismonth a:visited{
	font-weight:normal;
	color:#424242;
}
table.calendar td.day_reserved{
	background:url(../img/calendar/day_reserved.gif) left top;
	color:#eeeeee;
}
table.calendar td.day_reserved a, 
table.calendar td.day_reserved a:active, 
table.calendar td.day_reserved a:visited{
	color:#eeeeee;
}
table.calendar td.day_maintenance{
	background:url(../img/calendar/day_reserved.gif) left top;
	color:#eeeeee;
}
table.calendar td.day_maintenance a, 
table.calendar td.day_maintenance a:active, 
table.calendar td.day_maintenance a:visited{
	color:#eeeeee;
}
table.calendar td.day_history, 
table.calendar td.day_history a, 
table.calendar td.day_history a:active, 
table.calendar td.day_history a:visited{
	background-color:#eeeeee;
	color:#555555;
}
table.calendar td.day_first_reserved{
	background: url(../img/calendar/day_reserved_start.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_first_reserved a, 
table.calendar td.day_first_reserved a:active, 
table.calendar td.day_first_reserved a:visited{
	color:#eeeeee;
}
table.calendar td.day_last_reserved{
	background: url(../img/calendar/day_reserved_end.gif) left top no-repeat;
	color:#555555;
}
table.calendar td.day_last_reserved a, 
table.calendar td.day_last_reserved a:active, 
table.calendar td.day_last_reserved a:visited{
	font-weight:normal;
	color:#555555;
}
table.calendar td.day_first_maintenance{
	background: url(../img/calendar/day_reserved_start.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_first_maintenance a, 
table.calendar td.day_first_maintenance a:active, 
table.calendar td.day_first_maintenance a:visited{
	color:#eeeeee;
}
table.calendar td.day_last_maintenance{
	background: url(../img/calendar/day_reserved_end.gif) left top no-repeat;
	color:#555555;
}
table.calendar td.day_maintenance_maintenance{
	background: url(../img/calendar/day_reserved_reserved.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_last_maintenance a, 
table.calendar td.day_last_maintenance a:active, 
table.calendar td.day_last_maintenance a:visited{
	font-weight:normal;
	color:#555555;
}
table.calendar td.day_maintenance_reserved{
	background: url(../img/calendar/day_reserved_reserved.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_reserved_maintenance{
	background: url(../img/calendar/day_reserved_reserved.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_reserved_reserved{
	background: url(../img/calendar/day_reserved_reserved.gif) left top no-repeat;
	color:#eeeeee;
}
table.calendar td.day_reserved_reserved a, 
table.calendar td.day_reserved_reserved a:active, 
table.calendar td.day_reserved_reserved a:visited{
	font-weight:normal;
	color:#eeeeee;
}
table.calendar td.day_maintenance_maintenance a, 
table.calendar td.day_maintenance_maintenance a:active, 
table.calendar td.day_maintenance_maintenance a:visited{
	font-weight:normal;
	color:#eeeeee;
}
table.calendar td.day_default, 
table.calendar td.day_thismonth, 
table.calendar td.day_history{}
table.calendar td.day_bufferzone{
	background-color:red;
}



/* Etusivu -------------------------------------------------------------------------- */

.latest, .latest:link, .latest:active, .latest:visited{
	display:block;
	height:132px;
	width:95px;
	overflow:hidden;
	float:left;
	margin:0 6px 6px 0;
	color:#555555;
	background-color:#f5f5f5;
	border:1px solid #e0e0e0;
}
/* Ylläolevien hackki ie vs ff */
html > body .latest, html > body .latest:link, html > body .latest:active, html > body .latest:visited{
	width: 93px;
} 
.latest:hover{
	background-color:white;
	color:#000000;
}
#latestBig1{
	width:297px;
	height:316px;
	margin-right:8px;
	background:url(../img/latest_bg_brown.jpg) left bottom no-repeat;
	float:left;
}
#latestBig2{
	width:297px;
	height:316px;
	background:url(../img/latest_bg_green.jpg) left bottom no-repeat;
	float:left;
}
a.white, a.white:link, a.white:active, a.white:visited{
	color:#ffffff;
}
#latestCol{
	padding-top:8px;
	padding-right:8px;
	/*width:306px; */
}
#contentCol{
	background:url(../img/content_left.gif) left repeat-y;
	width:297px;
}
#contentWrapper{
	width:297px;
	overflow-x:hidden;
}
#contentArea{
	padding:15px 20px;
}



/** Listat ja hoveroivat taulut --------------------------------------------------------------- */

table.list{
	width:400px;
	border-collapse:collapse;
}
table.list td{
	padding: 0 5px;
}
table.list th{
	background-color:#555555;
	padding: 2px 5px;
	text-align:left;
	color:#ffffff;
	font-size:11px;
}
table.list-nopadding{
	border-collapse:collapse;
}
table.list-nopadding td{
	padding: 1px;
}
table.list-nopadding th{
	background-color:#555555;
	padding: 4px 2px;
	text-align:left;
	color:#ffffff;
	font-size:11px;
	line-height:14px;
}
tr.highlight{
	background-color: #fad69e;
	cursor: pointer;
}
tr.highlight_default{
	background-color: #fad69e;
}



/* Tab-styles ------------------------------------------------------------------------- */

div.tab_panel{
	clear:both;
	border:1px solid #c3c3c3;
	padding:10px;
	background-color:#f9f9f9;
}
a.tab:link, a.tab:active, a.tab:visited{
	color:#aaaaaa;
	margin-right: 2px;
	margin-top:1px;
	float:left;
	padding: 3px 5px 2px 5px;
	border:1px solid #c3c3c3;
	border-bottom:0;
	background-color: #ffffff;
	position:relative;
	line-height:15px;
	font-size:10px;
}
a.tabSelected:link, a.tabSelected:active, a.tabSelected:visited{
	color:black;
	margin-right: 2px;
	float:left;
	padding: 3px 5px 2px 5px;
	border:1px solid #c3c3c3;
	border-bottom:0;
	background-color: #f9f9f9;
	position:relative;
	bottom:-1px;
	line-height:16px;
	font-size:11px;
}