/* $Id: main.css,v 1.20 2008/01/17 09:09:35 Ville Exp $ */


html,body {
	height: 100%;
}
td {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 12px;	
}
div.imagecontainer {
	padding: 0px;
	border: 1px solid #cccccc;
	margin-right:8px;
	margin-bottom:8px;
	float:left;
}
div.imagecontainer img {
	margin-right: 1px;
	margin-left: 1px;
	border: none;
}
div.image {
	float: left;
	text-align: left;
	margin: 2px;
}
div.image a img{
	height:150px;
}
div.description {
	margin: 5px;
	float: left;
}
.imageheader {
	font-weight: bold;
}
.imagedescription {
	font-weight: normal;
}
div.clear {
	clear: both;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #e8e8e8;
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
}
div.action{
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.action a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-right: 3px;
}
.action a:hover{
	text-decoration:underline;
}
.separator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #749552;
	margin-right: 5px;
	margin-left: 3px;
}
.help {
	background-image: url(images/help.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	padding-top: 25px;
}
.default {
	background-image: url(images/apply.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	padding-top: 25px;
}
.back {
	background-image: url(images/previous.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	padding-top: 25px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
a.startbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
	text-align:center;
	padding-top: 1px;
	margin-top: 0px;
	display: block;
}
div.program {
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	/*margin-right: 5px;
	margin-left: 8px;*/
	/*width: 98%;
	height: 100%;
	padding-left: 1%;
	padding-top: 5px;*/
}
div.popupbackground {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	z-index:10;
	background-color: #999999;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.popup{
	position:absolute;
	width:100%;
	height:100%;
	top: 50px;
	left: 50px;
	z-index:20;
}
div.items {
	width: 500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F5F5F5;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #F5F5F5;
	padding:5px;
	background-color: #E0DFE3;
}

a.webeditor_large,
a.news_large,
a.imagegallery_large,
a.applications_item {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 60px;
	display: block;
	float:left;
	background-position: center top;
	background-repeat: no-repeat;
}
a.webeditor_large{
	background-image: url(images/www.gif);
}
a.news_large{
	background-image: url(images/folder_documents.gif);
}
a.imagegallery_large{
	background-image: url(images/folder_images.gif);
}

input.cancel,
input.delete,
input.ok {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 15px;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding-left: 19px;
	background-repeat: no-repeat;
	background-position: 1pt center;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
}

input.cancel { 
	background-image: url(images/cancel_small.png);
}
input.delete { 
	background-image: url(images/delete_small.png);
}
input.ok { 
	background-image: url(images/apply_small.png);
}

table.files{
	margin: 0px;
	padding: 0px;
}

table.list th.sheader,
table.list td.sheader,
table.list td.header,
table.files th {
	text-align:left;
	background-color:#FFFFFF;
	border-bottom: 1px solid #e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-left: 5px;	
	cursor: default !important;
}
table.list th.vheader,
table.list td.vheader {
	text-align:right;
	background-color:#FFFFFF;
	border-right: 1px solid #e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	margin-left: 5px;
	cursor: default !important;
}
table.list td,
table.files td {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	cursor: pointer;
}
table.list th.sheader,
table.list td.sheader {
	background: url(images/list_bg.jpg) bottom left repeat-x;
	height: 18px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #E2E2E2;
}
table.list th.vheader,
table.list td.vheader {
	background: url(images/list_bg_vertical.jpg) top right repeat-y;
	border-right: 1px solid #ccc;
}
table.list th.vheader a,
table.list td.vheader a,
table.list th.sheader a,
table.list td.sheader a,
table.list td.header a {
	font-weight: bold;
	margin-left: 5px;
}
table.list th.sheader a:hover,
table.list td.sheader a:hover,
table.list th.vheader a:hover,
table.list td.vheader a:hover,
table.list td.header a:hover{
	text-decoration: underline;
}

td.big {
	border-bottom: 1px solid #cccccc;
	border-top: 2px solid #ffffff;
}

tr.big {
	background-image: url(images/bigrow_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

div.file{
	float: left;
	height: 110px;
	width: 75px;
	text-align:center;
	margin-left: 10px;
	margin-bottom: 10px;
}
div.file div.image{
	height: 78px;
	width: 73px;
	border: 1px dashed #CCCCCC;
	background-color:#FFFFFF;
}
div.file a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	size: 8px; text-decoration:none;
}
div.file a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	size: 8px; text-decoration:underline;
}



p {
	margin: 1px;
	margin-bottom: 5px;
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 11px;
}

p.note {
	margin: 1px;
	margin-bottom: 5px;
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 12px;

}

a {
	color: #333333;
	text-decoration: none;
}

div.application {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	position:absolute; top: 0px; left: 0px; bottom: 7px; right:7px;
	display:block;
	background-color:#F4F4F4;
}

.popuptitle,
.application .title {
	background-color: #CADBB6;
	background-repeat:repeat-x;
	background-position: bottom;
	/*height: 26px;*/
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
	font-size:12px;
	background-image:url(images/application_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.application .controls {
	display: block;
	width: 100%;
	background-color: #EFEFEF;
	clear:both;
	/*border-top: 1px solid #ffffff;
	border-left: 1px solid #999999;*/
	border-bottom: 1px solid #999999;
	background-image:url(images/app_controls_bg.jpg);
	background-repeat:repeat-y;
	background-position: left;
	/*margin-top: 1px;
	margin-left: 1px;
	margin-right: -1px;*/
}

.application .controls a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 9px;
	display: block;
	float:left;
}
.application .controls a:hover{
	/*padding-left: 8px;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #999999;*/
	background-color: #cccccc;
}

.application .menu{
	/*padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 5px;
	margin-right: 10px;*/
	border: 1px solid #cccccc;
	background-color: #f7f7f7;
	height: 100%;
	text-align:left;
}

.application .menu .title {
	background-image:url(images/application_mini_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	border: none;
}
.application .statusbar {
	border-top: 1px solid #c3c3c3;
	background-color: #dedede;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#333333;
}

.application .content {
	border: 1px solid #cccccc;
	position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
}



.fill_rest {
	position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
}

.application .content .title {
	background-image:url(images/application_mini_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	border: none;
}
/*
.application .content .heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 12px;
	padding-top: 12px;
}*/
/*
.window .styled_controls,
.application .content .controls {
	border-top: 2px solid #e7e7e7;
	border-bottom: 1px solid #999999;
	background-color: transparent;
}*/
.popup_layer .styled_controls a,
.popup_layer .inactive_styled_controls a,
div.contentwindow div.styled_controls a,
div.window div.inactive_styled_controls a,
div.window div.styled_controls a,
.application .content .controls a.selected,
.application .content .controls a {
	margin-left: 6px;
	margin-top: 1px;
	padding-left: 23px;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	float:left;
	color:#494949;
	background-color: transparent;
}
.popup_layer .styled_controls a:hover,
.popup_layer .inactive_styled_controls a:hover,
.contentwindow .styled_controls a:hover,
.window .styled_controls a:hover,
.application .content .controls a:hover{
	margin-left: 6px;
	margin-top: 1px;
	padding-left: 23px;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	float:left;
	color:#494949;
	background-color: none;
	border:none;	
	text-decoration:underline;
}
.popup_layer .styled_controls a.selected,
.popup_layer .inactive_styled_controls a.selected,
.contentwindow .styled_controls a.selected,
.window .styled_controls a.selected,
.application .content .controls a.selected {
	text-decoration:underline;
}

.contentwindow .styled_controls a[href="#"]:hover,
.window .styled_controls a[href="#"]:hover{
	text-decoration: none;
	background-color: transparent;
}

a.send_mail {
	background-image:url(images/mail_send.gif);
}

a.addfile {
	background-image:url(images/add_document_small.gif);
}

a.addfolder {
	background-image:url(images/add_folder_small.gif);
}

a.show {
	background-image:url(images/filelist_small.gif);
}

a.edit {
	background-image:url(images/edit_small.jpg);
}
a.edit[href="#"] {
	background-image:url(images/edit_small_inactive.jpg);
}
a.customers {
	background-image:url(images/customers.gif);
}
a.customers[href="#"] {
	background-image:url(images/customers_inactive.gif);
}
a.properties {
	background-image:url(images/configure_small.gif);
}
a.imageadd {
	background-image:url(images/imageadd.gif);
}
a.files {
	background-image:url(images/images.gif);
}
a.files[href="#"] {
	background-image:url(images/images_inactive.gif);
}
a.globaladd {
	background-image:url(images/global_add.gif);
}
a.globaladd[href="#"] {
	background-image:url(images/global_add_inactive.gif);
}
a.properties[href="#"] {
	background-image:url(images/configure_small_inactive.gif);
}
a.send_mail[href="#"] {
	background-image:url(images/mail_send_inactive.gif);
}

a.delete[href="#"] {
	background-image:url(images/delete_small_inactive.gif);
}
a.delete {
	background-image:url(images/delete_small.gif);
}

a.pdf_bil[href="#"] {
	background-image:url(images/pdf_small_inactive.gif);
}
a.pdf_bil {
	background-image:url(images/pdf_small.gif);
}

a.lock[href="#"] {
	background-image:url(images/lock_small_inactive.gif);
}
a.lock {
	background-image:url(images/lock_small.gif);
}
a.ok[href="#"] {
	background-image:url(images/apply_small_inactive.gif);
}
a.ok {
	background-image:url(images/apply_small.gif);
}
a.print {
	background-image:url(images/print.gif);
}
a.addwebpage {
	background-image:url(images/add_webpage_small.gif);
}
a.addwebpage:hover{
	border: none;
}
a.preview {
	background-image:url(images/preview_small.gif);
}
a.preview[href="#"] {
	background-image:url(images/preview_small_inactive.gif);
}

a.commonedit,
a.commonadd{
	color:#333333;
	margin-left: 6px;
	margin-top: 1px;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	border:none;	
	text-decoration: none;
}
a.commonadd{
	background-image:url(images/add.gif);
}
a.commonedit{
	background-image:url(images/edit.gif);
}

a.commonedit:hover,
a.commonadd:hover{
	text-decoration: underline;
}

div.contentwindow{
	border: 1px solid #cccccc;
	text-align:left;
	background-color:#FFFFFF;

}
div.window {
	border: 1px solid #cccccc;
	text-align:left;
}

div.window div.title{
	background-color: #CADBB6;
	background-repeat:repeat-x;
	background-position: bottom;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	display: block;
	font-size:9px;
	font-weight:bold;
	background-image:url(images/application_mini_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
}

div.contentwindow div.heading,
div.window div.heading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 33px;
	padding-top: 15px;
	padding-left: 20px;
	background-image: url(images/heading_bg.jpg);
	background-repeat:repeat-x;
	border-bottom: 2px solid #e7e7e7;
	background-color: transparent;
	overflow: hidden;
}

div.contentwindow div.styled_controls,
div.window div.styled_controls {
	border-bottom: 1px solid #999999;
	border-top: none;
	background-color: transparent;
	margin-left: 1px;
	margin-right: 1px;
	background-image:url(images/controls_bg.jpg);
}

div.contentwindow div.content,
div.window div.content{
	position:absolute;
	top: 75px; 
	left: 0px; 
	bottom: 0px; 
	right: 0px;
	background-color:#ffffff; 
	overflow: auto;
	border: none;
}




div.menu_elem {
	padding-left: 10px;
}
div.menu_elem a {
	display: block;
	padding-left: 17px;
	background-image: url(/application_manager/images/folder_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-top: 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}
div.menu_elem a:hover {
	display: block;
	color: #999999;
}
div.menu_elem div.menu_elem a {
	background-repeat: no-repeat;
	background-position: left top;
}

div.menu_elem div.menu_elem a.opengallery {
	background-image: url(/application_manager/images/folder_images.png);
}
div.menu_elem div.menu_elem a.closegallery {
	background-image: url(/application_manager/images/folder_imagesclose.png);
}
div.menu_elem div.menu_elem a.openwebpage {
	background-image: url(/application_manager/images/folder_html.jpg);
}
div.menu_elem div.menu_elem a.closewebpage {
	background-image: url(/application_manager/images/folder_htmlclose.jpg);
}
div.menu_elem div.menu_elem a.openfolder {
	background-image: url(/application_manager/images/folder_documents.png);
}
div.menu_elem div.menu_elem a.closefolder {
	background-image: url(/application_manager/images/folder_documentsclosed.png);
}

div.buttons {
	text-align:center;
	margin-top: 15px;
}

div.preview {
	border: 2px solid #999999;
}

div.mainviev{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
input.sourcebutton,
input.designbutton,
input.savebutton,
input.sourcebutton_selected,
input.designbutton_selected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #999999;
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 19px;
	padding-top:1px;
	padding-bottom:1px;
	background-color: #F1F1F1;
	float:left;
	margin-right:0px;
	margin-left:5px;
	margin-bottom: 0px;
}

a.sourcebutton,
a.designbutton{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #999999;
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 21px;
	padding-right: 3px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #F1F1F1;
	float:left;
	margin-right:0px;
	margin-bottom: 0px;
}

a.sourcebutton{
	background-image: url(images/button_source_image.gif);
	border-left: none;
}
a.designbutton{
	background-image: url(images/button_design_image.gif);
}
input.sourcebutton{
	margin-left: 0px;
	margin-right: 2px;
	border-left: none;
}
/*
input.save{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	background-repeat:no-repeat;
	height: 16px;
	width: 20px;
	padding-top:1px;
	padding-bottom:1px;
	background-color: #F1F1F1;
	margin: 0px;
	margin-right:2px;
	margin-left:2px;
	float:left;
}*/

input.savebutton{
	background-image: url(images/save_back.gif);
}

input.sourcebutton_selected,
input.designbutton_selected {
	background-color: #ffffff;
}
input.designbutton_selected,
input.designbutton{
	background-image: url(images/button_design_image.gif);
}
input.sourcebutton_selected,
input.sourcebutton{
	background-image: url(images/button_source_image.gif);
}
input.savebutton{
	background-image: url(images/save_back.gif);
}
input.title_edit {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
}

div.preview_name {
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
}
div.preview_header {
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;	
}
div.preview_description {
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
}
div.normal {
	font-family:"Microsoft Sans Serif", Arial, sans-serif;
	font-size: 10px;
}
label.loginlabel {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}
.select_error,
.select,
.textfield_error,
.textfield,
.loginfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.select_error,
.textfield_error {
	background-color: #fff5f5;
}
span.textfield { /* käytetään textfieldin tilalla readonly-tyyppisenä kenttänä */
	font-family: "courier new", monospace;
	font-size: 11px;
	color: #000000;
}
.loginbutton {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	border: 1px solid #CCCCCC;
}
fieldset legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
}
fieldset {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 10px;
	background-color: #FCFCFC;
}
div.transparent_layer {
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: silver;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}
table.propertylist td {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 11px;
}

/****************************
   CATEGORIES MENU
******************************/

div.categories {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 8px;
}

.categories .category_item{
	clear: both;
	padding-left: 13px;
	padding-bottom: 0px;
	border: none;
}
.category_item img{
	float: left;
	margin: 0px;
}
.category_item div{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1px;
}
.category_item .category_item{
	background-image: url(images/tree_line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	min-height: 19px;
	margin-bottom: 0px;
}
.categories .homebuttonselectable,
.categories .homebuttonselectableactive,
.categories .folderrootbutton,
.categories .folderrootbuttonactive,
.categories .folderbutton,
.categories .folderbuttonactive,
.categories .forumbutton,
.categories .forumbuttonactive,
.categories .homebutton,
.categories .homebuttonactive,
.categories .pagebutton,
.categories .pagebuttonactive,
.categories .pagebuttonextranet,
.categories .pagebuttonextranetactive,
.categories .namebuttonactive,
.categories .namebutton {
	font-size: 10px;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	text-decoration:none;
	color:#333333;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
} 
.categories .namebuttonactive{
	background-color:#CCCCCC;
	border: solid 1px #999999;
}
.categories .homebuttonselectableactive,
.categories .folderbuttonactive,
.categories .forumbuttonactive,
.categories .pagebuttonextranetactive,
.categories .pagebuttonactive{
	border: solid 1px #999999;
	background-color:#CCCCCC;
	padding-left: 17px;
}

.categories .homebuttonselectable,
.categories .homebuttonselectableactive,
.categories .folderbutton,
.categories .folderbuttonactive,
.categories .forumbutton,
.categories .forumbuttonactive,
.categories .folderrootbutton,
.categories .folderrootbuttonactive,
.categories .homebutton,
.categories .homebuttonactive,
.categories .pagebutton,
.categories .pagebuttonextranet,
.categories .pagebuttonextranetactive,
.categories .pagebuttonactive{
	padding-left: 18px;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(images/www_small.jpg);
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-right: 4px;
}
.categories a.homebuttonselectable:hover,
.categories a.pagebutton:hover,
.categories a.pagebuttonextranet:hover,
.categories a.forumbutton:hover{
	border: solid 1px #cccccc;
	background-color:#F0F0F0;
	padding-left: 17px;
	background-position: 1px center;
}

.categories .pagebuttonactive{
	background-image: url(images/www_small_hot.jpg);
}
.categories .forumbuttonactive{
	background-image: url(images/forum_small_hot.jpg);
}
.categories .pagebuttonextranet{
	background-image: url(images/www_lock_small.jpg);
}
.categories .pagebuttonextranetactive{
	background-image: url(images/www_lock_small_hot.jpg);
}
.categories .folderrootbutton,
.categories .folderbutton{
	background-image: url(images/folder_small.jpg);
}
.categories .folderbutton{
	background-image: url(images/forum_small.jpg);
}
.categories .folderrootbuttonactive,
.categories .folderbuttonactive{
	background-image: url(images/folder_small_hot.jpg);
}
.categories .homebuttonselectable,
.categories .homebuttonselectableactive,
.categories .homebutton,
.categories .homebuttonactive{
	background-image: url(images/folder_home.gif);
	margin-bottom: 10px;
}
.categories .folderrootbutton,
.categories .folderrootbuttonactive{
	margin-bottom: 10px;
}

.categories .category_item a.folderopenangle,
.categories .category_item a.foldercloseangle,
.categories .category_item a.folderclosebranch,
.categories .category_item a.folderopenbranch,
.categories .category_item a.folderangle,
.categories .category_item a.folderbranch {
	display:block;
	width: 15px;
	float:left;
	height: 19px;
	background-repeat:no-repeat;
	background-position: center;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.categories .category_item .folderopenbranch{
	background-image: url(images/tree_branch_opened.gif);
}
.categories .category_item .folderclosebranch{
	background-image: url(images/tree_branch_closed.gif);
}
.categories .category_item .folderopenangle{
	background-image: url(images/tree_angle_opened.gif);
}
.categories .category_item .foldercloseangle{
	background-image: url(images/tree_angle_closed.gif);
}
.categories .category_item .folderbranch{
	background-image: url(images/tree_branch.gif);
}
.categories .category_item .folderangle{
	background-image: url(images/tree_angle.gif);
} 
/* CATEGORIES MENU END */

/* FORUM MENU */


.forums .categories .pagebutton,
.forums .categories .pagebuttonextranet,
.forums .categories .pagebuttonextranetactive,
.forums .categories .pagebuttonactive{
	padding-left: 18px;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(images/forum_small.jpg);
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-right: 4px;
}

.forums .categories .pagebuttonactive{
	background-image: url(images/forum_small_hot.jpg);
}

.forums .categories .pagebuttonextranet{
	background-image: url(images/forum_small.jpg);
}
.forums .categories .pagebuttonextranetactive{
	background-image: url(images/forum_small_hot.jpg);
}

/** FORUMS MENU END **/



.tabbg{
	background-color: #DEDEDE;
	padding-top: 4px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
}
.tabbg_reverse{
	background-color: #CACACA;
	padding-top: 4px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
}
.tabbg_white{
	background-color: #ffffff;
	padding-top: 4px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
}
.tabbg .tabselected{
	margin-left: 3px;
	padding: 1px 5px 2px 5px;
	font-size: 10px;
	background-color:#F2F2F2;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	color:#000000;
}
.tabbg_reverse .tabselected_reverse{
	margin-left: 3px;
	padding: 1px 5px 2px 5px;
	font-size: 10px;
	background-color:#DEDEDE;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	color:#000000;
}
.tabbg_white .tab:focus,
.tabbg_white .tabselected{
	margin-left: 3px;
	padding: 1px 5px 2px 5px;
	font-size: 10px;
	background-color:#FFFFFF;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	color:#000000;
}

.tabbg_reverse .tab,
.tabbg .tab{
	padding: 1px 5px 2px 5px;
	margin-left: 3px;
	font-size: 10px;
	color: #333333;
}

.tabbg_reverse .tab{
	color: #000000;
}
.tabbg_white .tab{
	margin-left: 3px;
	padding: 1px 5px 1px 5px;
	font-size: 10px;
	background-color:#cccccc;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #000000;
}

/* sisältää TreeMenuControls-paneelin ja FolderNornix-puun */
.foldernornix_wrapper { }
/* sisältää treemenucontrols-divin */
.foldernornix_controls { }
/* sisältää foldernornix-puun */
.foldernornix_tree {
	width: 200px;
}

/* korjataan nornixin rootin leveys (oletuksena 9ex.. aiheutti wrappia) */
body div.foldernornix_wrapper div.foldernornix_tree a.root { width: inherit ! important; }

.treemenucontrols {
	background-color: #F2F2F2;
	border-bottom: 1px solid #999999;
	font-size: 10px;
	padding: 2px 0px 1px 4px;
}
.treemenucontrols a{
	padding-left: 4px;
}

.treemenucontrols a.add,
.treemenucontrols a.up,
.treemenucontrols a.down,
.treemenucontrols a.properties,
.treemenucontrols a.delete,
.treemenucontrols a.refresh{
	background-repeat:no-repeat;
	background-position: center center;
	display:block;
	float:left;
	width: 20px;
	height: 22px;
	margin-left: 4px;
}
.treemenucontrols a.add{
	background-image:url(images/tree_item_add.jpg);
}
.treemenucontrols a.up{
	background-image:url(images/tree_item_up.jpg);
}
.treemenucontrols a.down{
	background-image:url(images/tree_item_down.jpg);
	margin-left: 0px;
}
.treemenucontrols a.properties{
	background-image:url(images/tree_item_properties.jpg);
}
.treemenucontrols a.delete{
	background-image:url(images/tree_item_delete.jpg);
}
.treemenucontrols a.refresh{
	background-image:url(images/tree_item_refresh.jpg);
}
span.line{
	display:block;
	float:left;
	border-right: 1px solid #CCCCCC;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

form.treemenuedit {
	margin: 0px;
	padding: 0px;
}

#framecontainer iframe{
	height: 100%;
	width: 100%;
}
a.setting {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	size: 12px;
	font-weight:bold;
	display: block;
	padding: 5px 5px 5px 20px;
}
a.setting:hover{
	padding: 3px 3px 3px 18px;	
	margin: 1px;
	border: 1px solid #CCCCCC;
	background-color:#F5F5F5;
}

div.resize_container{
	background-image:url(images/expand_bg.jpg);
}
div.resize_container a img{
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
a.savelink{
 	float:left;
 	margin-left: 4px; 
	padding: 1px;
}
a.savelink:hover{
	background-color:#B6BDD2; 
	border: 1px solid #0A246A;
	padding: 0px;
}
.withmargin {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 4px;
	margin-top: 4px;
	
}

.content .withmargin {
	padding: 5px;
	margin: 10px;
}

.datebox {
	width: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

a.savebig,
a.saveasbig,
a.sendbig,
a.cancelbig {
	display: block;
	padding-top: 29px;
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
}

a.savebig{
	background-image: url(images/save_big.gif);
}

a.saveasbig{
	background-image: url(images/saveas_big.gif);
}

a.sendbig{
	background-image: url(images/send_mail.gif);
}

a.cancelbig{
	background-image: url(images/cancel_big.gif);
}
.warning {
	border: 1px solid #cccccc;
	background-color:#FFFFCC;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 5px;
}

div.labelwebpage {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/webpage_small.jpg);
	background-position: 10px top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin-top: 3px;
}
div.labelforum {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/forum_small.jpg);
	background-position: 10px top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin-top: 3px;
}
div.labelnews {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/news_small.jpg);
	background-position: 10px top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin-top: 3px;
}
div.labelsecured {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/secured_small.jpg);
	background-position: 10px top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin-top: 3px;
}
div.labelfile {
	padding-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/file_small.jpg);
	background-position: 20px top;
	background-repeat: no-repeat;
	padding-bottom: 4px;
	margin-top: 1px;
}
.customergroupclosed {
	font-weight: bold;
	background-image: url(images/folder_documentsclosed.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;	
}
.customergroupopen {
	font-weight: bold;
	background-image: url(images/folder_documents.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;	
}
div.resultpages {
	font-size: 10px;
	padding-left: 5px;
}
div.resultpages .file,
div.resultpages .text {
	display: block;
	float:left;
}
div.resultpages a {
	display: block;
	float:left;
	height: 12px;
	padding-bottom: 1px;
	border-left: 1px solid #F4F4F4;
	padding-left: 3px;
	padding-right: 3px;
	background-image:url(images/resultpage_bg.jpg);
	background-repeat:repeat-x;
	color:#333333;
	text-decoration: none;
}

div.resultpages a.selected {
	background-image: none;
	background-color: #B0B0B0;
	color:#FFFFFF;
}

.question {
	font-size: 120%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}

.question a{
	font-size: 80%;
	font-weight: normal;
	margin-left: 7px;
	margin-right: 7px;
}

.questionanswer label.file,
.questionanswer label.text,
.questionanswer label.textarea {
	display: block;
}

.questionanswer {
	padding-left: 5px;	
	padding-bottom: 5px;
}

.customereditfieldlabel,
.customerfieldlabel {
	width: 95px;
}
td.editfield_label {
	width: 95px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}
td.editfield_input {
	padding: 2px 0px 2px 0px;
	vertical-align: top;
}

/* laskutuksen tyylejä */
.deleteline,
.searchproduct {
	background-color: transparent;
	border: none;
	width: 18px;
	height: 18px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.deleteline {
	background-image: url(images/delete.gif);
}
	
.searchproduct {
	background-image: url(images/search_product.gif);

}
input.globaladd {
	background-color: transparent;
	border: none;
	height: 18px;
	background-position: bottom left;
	background-repeat: no-repeat;	
	background-image:url(images/global_add.gif);
	padding-left: 20px;
	font-size: 12px;
}
/* laskutuksen tyylit loppuu */

/* Sivuhaku */

.foldersearchresult {
	padding: 2px 0px 2px 0px;
	margin: 5px 0px 5px 0px;	
}

.control_refresh,
.button_refresh {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/refresh_small.png);
}
a.control_refresh,
a.button_refresh {
	padding-left: 25px;
	padding-bottom: 5px;
}
input.control_refresh,
input.button_refresh {
	background-color: #fff;
	padding-left: 20px;
	border: 0px solid #fff;
	cursor: pointer;
}


/** BEGIN filebank */

div.folderview_content { clear: both; }
div.folderview_content_thumbnails div.folderview_content { }
div.folderview_content_details div.folderview_content { }
div.folderview_parent_wrapper,
div.folderview_folder_wrapper,
div.folderview_file_wrapper {
	border: 3px solid #fff;
	float: left;
	margin: 5px;
	background: #fff;
}
div.folderview_parent_wrapper:hover,
div.folderview_folder_wrapper:hover,
div.folderview_file_wrapper:hover {
	border: 3px solid #ff9;
}
div.folderview_item_wrapper {
	border: 2px solid #ccc;
	width: 110px;
	height: 120px;
}
/* special case for parent when at root */
div.folderview_atroot div.folderview_parent_wrapper {
	border: 3px solid #fff;
	float: left;
	margin: 5px;
}
div.folderview_atroot div.folderview_parent_wrapper div.folderview_item_wrapper {
	border: 2px solid #fff;
}
div.folderview_atroot div.folderview_parent_wrapper:hover {
	border: 3px solid #fff;
}
/* special styles by item type */
div.folderview_parent_wrapper div.folderview_item_wrapper { }
div.folderview_folder_wrapper div.folderview_item_wrapper { }
div.folderview_file_wrapper div.folderview_item_wrapper { }
div.folderview_item_image {
	padding: 5px;
	text-align: center;
}
div.folderview_folder_wrapper div.folderview_item_image { }
div.folderview_file_wrapper div.folderview_item_image { }
div.folderview_item_image div {
	/* tämä on suoraan img:n ympärillä */
	width: 100px;
	height: 88px;
	margin: auto auto auto auto;
}
div.folderview_item_image img {
	max-height: 88px;
	border: 0px;
/*	width: 100%;*/
	width: 96px;
}
div.folderview_parent_wrapper div.folderview_item_info,
div.folderview_folder_wrapper div.folderview_item_info {
	text-align: center;
}
div.folderview_item_info { padding: 5px 0px 0px 3px; }
div.folderview_item_info a {
	font-family: arial;
	font-size: 8pt;
	display: block;
}
div.folderview_parent_wrapper div.folderview_item_info a {
	font-weight: bold;
	font-size: 10pt;
}
div.folderview_item_info a {
	color: #000;
}
/* checkboxit */
div.folderview_wrapper a.folderview_checkbox_disabled,
div.folderview_wrapper a.folderview_checkbox_checked,
div.folderview_wrapper a.folderview_checkbox_partial_checked,
div.folderview_wrapper a.folderview_checkbox_unchecked {
	display: block;
	width: 10px;
	height: 10px;
	color: #555;
	margin-left: 3px ! important;
	border: 1px solid #cccccc;
	font-size: 10px;
	font-family: Arial;
	text-align: center;
}
div.folderview_wrapper a.folderview_checkbox_disabled:hover,
div.folderview_wrapper a.folderview_checkbox_checked:hover,
div.folderview_wrapper a.folderview_checkbox_partial_checked:hover,
div.folderview_wrapper a.folderview_checkbox_unchecked:hover {
	text-decoration: none ! important;
	border: 1px solid #999999;
}
div.folderview_wrapper a.folderview_checkbox_partial_checked {
	background: #eee;
	color: #555;
}
div.folderview_wrapper a.folderview_checkbox_disabled {
	border: 1px solid #ddd;
	background: #eee;
}
span.folderview_item_check {
	display: block;
	padding-right: 4px;
	float: left;
}
.folderview_parent_wrapper span.folderview_checkbox_disabled,
.folderview_parent_wrapper span.folderview_checkbox_disabled img,
.folderview_folder_wrapper span.folderview_checkbox_disabled,
.folderview_folder_wrapper span.folderview_checkbox_disabled img {
	width: 14px;
	height: 14px;
	border: 0px solid #fff;
}

div.folderview_operations_panel {
	float: left;
}
div.folderview_layout_selector {
	padding-top: 5px;
	margin-right: 2px;
	float: right;
	clear: right;
	text-align: right;
}
div.folderview_messages {
	clear: both;
	margin: 1px;
	border-top: 1px solid #999;
}
.folderview_dnd_hover {
	background: #ff9;
}
.folderview_content_thumbnails .folderview_dnd_hover {
	background: #ff9;
	border: 3px solid #faa;
}
.folderview_messages .notice {
	border: 1px solid #ccc;
	background-color: #ffc;
	padding: 3px 5px 3px 5px;
}
.folderview_messages .warning {
	border: 1px solid #ccc;
	background-color: #fdd;
	padding: 3px 5px 3px 5px;
}
.layout_chooser {
	border: 1px solid #000;
	font-size: 8pt;
}

/* static widths for detailed view */
#folderview_details_th_check { width: 20px; }
#folderview_details_th_name { }
#folderview_details_th_type { width: 140px; }
#folderview_details_th_size { width: 60px; }
#folderview_details_th_created { width: 110px; }

div.fs_operation_buttons div.styled_controls { border: 0px solid #fff; }

.styled_controls a.control_add { background-image: url(images/control_add.png); }
.styled_controls a.control_zip { background-image: url(images/control_down.png); }
.styled_controls a.control_cut { background-image: url(images/control_cut.png); }
.styled_controls a.control_copy { background-image: url(images/control_copy.png); }
.styled_controls a.control_paste { background-image: url(images/control_paste.png); }
.styled_controls a.control_close { background-image: url(images/control_exit.png); }
.styled_controls a.control_delete { background-image: url(images/control_delete.png); }
.styled_controls a.control_refresh { background-image: url(images/control_refresh.png); }
.styled_controls a.control_folder_rights { background-image: url(images/control_rights.png); }
.styled_controls a.control_next { background-image: url(images/control_next.png); }
.styled_controls a.control_previous { background-image: url(images/control_previous.png); }

.styled_controls a.control_add[href="#"] { background-image: url(images/control_add_inactive.png); }
.styled_controls a.control_zip[href="#"] { background-image: url(images/control_down_inactive.png); }
.styled_controls a.control_cut[href="#"] { background-image: url(images/control_cut_inactive.png); }
.styled_controls a.control_copy[href="#"] { background-image: url(images/control_copy_inactive.png); }
.styled_controls a.control_paste[href="#"] { background-image: url(images/control_paste_inactive.png); }
.styled_controls a.control_delete[href="#"] { background-image: url(images/control_delete_inactive.png); }
.styled_controls a.control_refresh[href="#"] { background-image: url(images/control_refresh.png); }
.styled_controls a.control_folder_rights[href="#"] { background-image: url(images/control_rights_inactive.png); }
.styled_controls a.control_next[href="#"] { background-image: url(images/control_next_inactive.png); }
.styled_controls a.control_previous[href="#"] { background-image: url(images/control_previous_inactive.png); }

.styled_controls a[href="#"] { color: #ccc; cursor: default; }
.styled_controls a:hover[href="#"] { text-decoration: none; }

div.folder_rights_editor_wrapper,
div.fileadd_wrapper {
	margin: 30px auto 30px auto;
	width: 620px;
	border: 1px solid #cccccc;
	background: #fff;
}
div.folder_rights_editor_wrapper .title,
div.fileadd_wrapper .title {
	background-color: #CADBB6;
	background-repeat:repeat-x;
	background-position: bottom;
	/*height: 26px;*/
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	font-size:12px;
	background-image:url(images/application_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
div.fileadd_wrapper_content,
div.folder_rights_editor_content {
	padding: 10px;
}
div.folder_rights_editor_wrapper .styled_controls,
div.fileadd_wrapper .styled_controls {
	float: right;
	text-align: right;
}

/* piilotetaan rights editor-popupin nornixista bugittavat jutut */
div.folder_rights_editor_wrapper a.closeTree,
div.folder_rights_editor_wrapper a.openTree { display: none ! important; }
div.foldernornix_tree div#folders1 a.root {
	min-height: 20px ! important;
	margin-bottom: 2px ! important;
}

#customergroups br {
	display: none;
}
#customergroups input {
	display: inline;
	margin: 1px;
	padding: 0px;
}

.rights_none_label,
.rights_read_label,
.rights_write_label {
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	float: left;
	margin: 0px 2px 0px 0px;
	text-align: center;
}

.rights_none_label { background-color: #fff; }
.rights_read_label { background-color: #3c6; }
.rights_write_label { background-color: #f90; }

/* END filebank */


/** POPUPLAYER START **/
.popup_layer,
.transparent_attack {
/*	z-index: 2000;*/
	z-index: 5;
/*	position: absolute;*/
	position: fixed;
	overflow: auto;
/*	background-image: url(images/transparent_attack_white.png);*/
	background-image: url(images/transparent_attack_black.png);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.popup_layer_wrapper {
	height: 100%;
}
div.popup_layer div.popupapplication {
	margin: 30px auto 30px auto;
	width: 620px;
	border: 1px solid #cccccc;
	background: #fff;
}
div.popup_layer div.popupapplication div.title {
	background-color: #CADBB6;
	background-repeat:repeat-x;
	background-position: bottom;
	/*height: 26px;*/
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	font-size:12px;
	background-image:url(images/application_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
div.popup_layer div.popupapplication div.content {
/*	margin: 15px;*/
	padding: 10px;
}
.popup_layer div,
.transparent_attack div {
	text-align: left;
}
a.popupclose {
	margin-left: 6px;
	margin-top: 1px;
	padding-left: 23px;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	float:right;
	color:#494949;
	background-color: transparent;
	background-image: url(images/control_exit.png);
	display:block;
}
/** POPUPLAYER END **/

/* Alla olevat ovat kirjoitushetkellä käytössä vain .popupapplication sisällä
 * ..lisää .popupapplication parent-elementiksi määrityksille ongelmatapauksissa
 */
.search_wrapper {
}
.search_wrapper .contentwindow {
	height: 150px;
	overflow: auto;
}
.message_wrapper {
}
.editor_wrapper {
}
.editor_wrapper .controls_wrapper {
	margin: 5px;
	margin-left: 10px;
}
.controls_wrapper {
	margin-top: 10px;
}

/* BOOKINGS */
.bookings_settings {
	height: 550px;
	overflow: auto;
	padding: 5px;
}
.bookings_settings_resources .checkboxfield{
	max-height: 150px;
	overflow: auto;
	padding: 2px;
}

.bookings_results{
	max-height: 470px; 		
	min-height: 150px; 		
	border: 1px solid #cccccc;
	padding-top: 2px;
	text-align:left;
	background-color:#FFFFFF;
	overflow: auto;
}

.bookings_results .list td{
	vertical-align: top;
}

.bookings_namefield{
	width: 325px;
}
.bookings_descfield{
	width: 325px;
	height: 50px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.popupapplication .calendar {
	z-index: 50 ! important;
}


/** Annotaatiot adminin mainissa */

/* -- ajanvarausta -- */

.contentwindow .annotationview th.sheader,
.contentwindow .annotationview td.sheader {
	text-align:center;
	background-color:#FFFFFF;
	border-bottom: 1px solid #e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-image:url(images/list_bg.jpg);
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #E2E2E2;
	background-position: bottom;
	background-repeat: repeat-x;
}

.contentwindow .annotationview .sheader.vheader {
	text-align: right;
	background-color:#FFFFFF;
	border-bottom: 1px solid #e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-image:url(images/list_bg.jpg);
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #E2E2E2;
	background-position: bottom;
	background-repeat: repeat-x;
}
.contentwindow .annotationview th.vheader,
.contentwindow .annotationview td.vheader {
	background-image: none;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	margin: 1px;
	padding: 0px 8px 0px 0px;
	width: 80px;
	vertical-align: top;
}

.contentwindow .annotationview .houreven td {
	border-top: 2px solid #DADADA;
	border-right: 1px solid #E0E0E0;
}
.contentwindow .annotationview .hourodd td {
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.contentwindow .annotationview .houreven td.vheader {
	font-weight: bold;
} 

.contentwindow .annotationview td.timecell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
/*	border: 1px solid #eee;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.contentwindow .annotationview td.timecell:hover {
/*	border: 1px solid #aaa;*/
}
/*
.contentwindow .annotationview td.vheader {
	width: 80px;
}
.contentwindow .annotationview tr {
	border: none;
	margin: 0;
	padding: 0;
}*/
/*.contentwindow .annotationview td.timecell {
/*	border: 1px solid #eee;
	border-bottom: 1px solid #9d0;
	border-right: 1px solid #9d0;
	margin: 0;
	padding: 0 0 0 0;
	height: 50px;
}*/
/*.contentwindow .annotationview .vheader {
	height: 50px;
}*/
/*.contentwindow .annotationview td.timecell:hover {
/*	border: 1px solid #aaa;
}*/
.contentwindow .annotation_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
}
.contentwindow .annotation_link:hover {
	text-decoration: underline;
}
.contentwindow .annotation_slot_reservable {
	cursor: pointer;
	background-color: #66CC00;
	text-decoration: none;
	color: #333333;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 1px;
}
.contentwindow .annotation_slot_reserve {
	background: #fc0;
}

/** BOOKINGS INFOBOXIN TYYLIT ALKAA **/
.annotation_slot_reserve > div.info{
	width: 250px;
	padding: 2px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	position: absolute; 
	top: 98%;
/*	right: 50%;  siirretty boxin writeouttiin */
	opacity: 0.95;
	z-index: 10;
	display: none;
	text-align: left;
	cursor: default; 
}

.annotation_slot_reserve > div.info .service {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 3px; 
}
.annotation_slot_reserve > div.info .duration {
	display: block;
	font-size: 13px;
	padding-left: 3px;
	padding-top: 3px; 	
}
.annotation_slot_reserve > div.info .reserver {
	display: block;
	font-size: 12px;
	padding-left: 3px;
	padding-top: 5px; 
}
.annotation_slot_reserve > div.info .phone {
	display: block;
	font-size: 12px;
	padding-left: 3px;
	padding-top: 3px; 
	
}
.annotation_slot_reserve > div.info .email {
	display: block;
	font-size: 12px;
	padding-left: 3px;
	padding-top: 3px; 
	
}
.annotation_slot_reserve > div.info .detailcont {
	font-size: 12px;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px; 
}
.annotation_slot_reserve > div.info .details {
	display: block;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	opacity: 1;
}

.annotation_slot_reserve > div.info .phone b,
.annotation_slot_reserve > div.info .email b,
.annotation_slot_reserve > div.info .detailcont b,
.annotation_slot_reserve > div.info .details b,
.annotation_slot_reserve > div.info .reserver b {
	font-weight: normal;
}

.annotation_slot_reserve:hover > div.info {
	display: block;
}


/** BOOKINGS INFOBOXIN TYYLIT LOPPUU **/


.contentwindow .annotation_slot_freespace {
	color:#ddd;
}
.checkboxfield_splitter {
	font-size: 12px;
	font-weight: bold;
}

/** Annotaatiot adminin popupissa */
.bookerwizard_state_time .annotationview td.timecell {
	padding: 0;
	text-align: center;
}
.bookerwizard_state_time .annotationview td.timecell span,
.bookerwizard_state_time .annotationview td.timecell a {
	display: block;
	height: 18px;
}

.annotationview .houreven td {
	border-top: 2px solid #DADADA;
	border-right: 1px solid #E0E0E0;
}
.annotationview .hourodd td {
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.annotationview .houreven td.vheader {
	font-weight: bold;
} 
.booking_reservable {
	cursor: default;
	background-color: #66CC00;
	text-decoration: none;
	color: #005;
}
.booking_reservable:hover {
	text-decoration: none;
	color: #005;
}
.booking_reserving {
	cursor: pointer;
	background: #FFCC00;
	text-decoration: underline;
}
.booking_selected {
	background: #FFCC66;
	color: #000000;
}
.booking_reserved {
	background: #eee;
	color: #aaa;
}
.booking_search {
	padding-top: 5px;
	padding-left: 5px;
}
.booking_search .checkboxfield_legend {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11px;
}
.booking_search  .checkboxfield {
	margin-bottom: 10px;
}

.clearmargin fieldset{
	margin-left: 0;
	margin-right: 0;
}
select.locationselect,
select.serviceselect {
	max-width:480px; 
}
.settings .setting {
		padding-bottom: 5px;
		clear: both;
}
.settings label.text {
	width: 130px;	
	display: block;
	float: left;
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 12px;	
}
.settings input.text {
	width: 160px;
}