BODY {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	background-color: #FFFFFF;
	font-size: 8pt;
	color: black;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

TD{
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: black;
}

A {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: none;	
}
A:link		{color: black;		font-weight: bold;	text-decoration: none;}
A:visited	{color: black;		font-weight: bold;	text-decoration: none;}
A:active	{color: black;		font-weight: bold;	text-decoration: none;}
A:hover		{color: #4A0000;	font-weight: bold;	text-decoration: underline;}

P {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

FORM{
	margin:0px;
	padding:0px;
}


INPUT {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: black;

	padding: 1px;
}

TEXTAREA {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: black;

	padding: 1px;
}

SELECT	{
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: black;

}

SELECT.select_100px {
	width: 100px;
}

SELECT.select_100_pros  {   
	width: 100%;   
}

SELECT.userstate{
	font-size: 7pt;
}

OPTION.cat {
	 background-color: #666;
	 color: white;
}

option.areatree_0 {   
        color: #000000;   
}
    
option.areatree_1 {   
	color: #000000;
	padding-left: 10px;
} 

INPUT.painike {
	font-size: 8pt;
	font-weight: bold;
	color: white;
	border: 1px solid #606060;
	background-color: #5F758B;
}
INPUT.painike_kirjaudu {
	font-size: 7pt;
	font-weight: normal;
	color: #5F758B;
	border: 1px solid #606060;
	background-color: #D3D6DD;
}
INPUT.painike7pt{
	padding: 0px;
	font-size: 7pt;
	font-weight: bold;
	color: white;
	background-color: #5F758B;
	border: 1px solid #606060; 
	margin: 0px 5px 0px 3px;
}

INPUT.BIGBUTTON{
	padding: 0px;
	font-size: 14pt;
	font-weight: bold;
	color: white;
	background-color: red;
	border: 1px solid red; 
	margin: 0px 5px 0px 3px;
}

INPUT.button_cal {
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #5F758B;
	border-style: solid;
	border-width: 1px;
	border-left-color: #709492;
	border-right-color: #709492; 
	border-top-color: #709492;
	border-bottom-color: #709492;
	padding:0px;
}

INPUT.clock {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #E8E8E8;
	border: 1px solid #EAEAEA;
}

INPUT.ylapalkkilogin {
	background-color: #D3D6DD;
	border: 1px solid #99ADCA;
	font-size: 7pt;
	color: #000000;
}

INPUT.book	{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #003366;
}

INPUT.feedback {
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
}

.FIELDSET{
	margin-top: 0px;
	margin-left: 0px; 
	padding: 0px 5px 5px 5px; 
	border: 1px solid #709492;
}
DIV.fieldset_content{
	height: 20px;
	margin-top: 3px;
}

.LEGEND{
	font-size: 10pt;
	font-weight: bold;
	color: #4B6564; 
}

/* sivuston asetukset */
/* otsikko  */
td.sitesettings_topic{
	font-size: 8pt;
}
/* asetuksen nimi  */
td.sitesettings_name{
	padding-left: 10px;
	padding-right: 5px;
	font-size: 8pt;
}

/* TOOLTIPS */
TABLE.ttInfo_table{
	border: 1px solid black;
}
TD.ttInfo_title{
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	font-size: 8pt;
	font-weight:bold;
}
TD.ttInfo_content{
	background-color: #E8E8E8;
	color: black;
	padding: 2px;
	font-size: 8pt;
}

TABLE.ttError_table{
	border: 1px solid black;
}
TD.ttError_title{
	background-color: red;
	color: white;
	padding: 2px;
	font-size: 8pt;
	font-weight:bold;
}
TD.ttError_content{
	background-color: white;
	color: black;
	padding: 2px;
	font-size: 8pt;
}

/* varausten tooltip  */
DIV.ttB{
	width: 300px;
	border: 1px solid black;
}
DIV.ttB_t{
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	font-size: 8pt;
	font-weight:bold;
	cursor: default;
	border-bottom: 1px solid #000000;
}

DIV.ttB_c{
	background-color: #FFFFFF;
	color: black;
	padding: 4px;
	font-size: 8pt;
	cursor: default;
}
DIV.ttBtime{
	background-color: #FFFFFF;
}


/* ilmoitukset */
TD.msg{
	background-color: #D3D6DD;
	border: 1px dotted black;
	font-size: 8pt;
	font-weight: bold;
}
TD.status_success{
	padding: 5px;
	background-color: #D3D6DD;
	border: 1px dotted black;
	font-size: 8pt;
	font-weight: bold;
}

/* yleinen virheilmoitus */
TD.errormsg{
	background-color: #FFFFFF;
	border: 1px dotted #D60000;
	font-size: 8pt;
	font-weight: bold;
}
TD.status_failed{
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px dotted #D60000;
	font-size: 8pt;
	font-weight: bold;
}

/* sivun toimintopainikkeiden linkki (selaa/lisää/muokkaa) */
A.cmd {
	font-size: 8pt;
	text-decoration: none;
}

/* valitun toimintopainikkeen linkki */
A.cmd_active {
	font-size: 8pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
/* toimintopainikkeen tausta */
TD.cmd {
	border: 1px solid black;
	padding: 2px;
}

/* valitun toimintopainikkeen tausta */
TD.cmd_active {
	background-color: #5F758B;
	border: 1px solid black;
	padding: 2px;
}

/* päävalikko ja ylläpidon valikko */
TD.menu	{
	font-size: 8pt;
	background-color: #3F6596;
	border: 1px solid black;
}

A.menu	{
	font-size: 8pt;
	color: black;		font-weight:bold;	text-decoration: none;
}
A.menu:active		{color: black;		font-weight:bold;	text-decoration: none;}
A.menu:visited		{color: black;		font-weight:bold;	text-decoration: none;}
A.menu:hover		{color: #333366;	font-weight:bold;	text-decoration: none;}

/* aktiivinen valikko */
A.menu_hover {
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
A.menu_hover:hover	{color: #333333; font-weight: bold; text-decoration: none;}

/* kohdekategoriat valikossa */
A.menu_nobullets	{
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
A.menu_nobullets:hover	{color: #333366; font-weight: bold; text-decoration: none;}


/* BASIC MENU (not DOM-menu) */
/* 1st level */
TD.menu_level_0{
	height: 20px;
	background-image: none;
	padding-left: 3px;
	padding-top: 1px;
}
a.menu_level_0{
	font-size: 8pt;
}
a.menu_level_0:link    { color: black; font-weight: bolder; text-decoration: none; }
a.menu_level_0:visited { color: black; font-weight: bolder; text-decoration: none; }
a.menu_level_0:hover   { color: #333366; font-weight: bolder; text-decoration: none; }

TD.menu_level_0_hover{
	height: 20px;
	padding-left: 3px;
	padding-top: 1px;
	background-color: #FAFAFA;
}

TD.menu_level_0_selected{
	height: 20px;
	background-image: none;
	padding-left: 3px;
	padding-top: 1px;
	background-color: #FAFAFA;
}
a.menu_level_0_selected{
	font-size: 8pt;
}
a.menu_level_0_selected:link    { color: #324342; font-weight: bolder; text-decoration: none; }
a.menu_level_0_selected:visited { color: #324342; font-weight: bolder; text-decoration: none; }
a.menu_level_0_selected:hover   { color: #333366; font-weight: bolder; text-decoration: none; }

TD.menu_level_0_selected_hover	{
	height: 20px;
	background-image: none;
	color: #000000;
	padding-left: 3px;
	padding-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbfbf;
	background-color: #FAFAFA;
}


/* 2nd level */
TD.menu_level_1{
	height: 20px;
	background-image: none;
	padding-left: 15px;
}
a.menu_level_1{
	font-size: 8pt;
}
a.menu_level_1:link    { color: black; font-weight: normal; text-decoration: none; }
a.menu_level_1:visited { color: black; font-weight: normal; text-decoration: none; }
a.menu_level_1:hover   { color: #333366; font-weight: normal; text-decoration: none; }

TD.menu_level_1_hover{
	height: 20px;
	background-image: none;
	padding-left: 15px;
	background-color: #FAFAFA;
}

TD.menu_level_1_selected{
	height: 20px;
	background-image: none;
	padding-left: 15px;
	background-color: #FAFAFA;
}
a.menu_level_1_selected{
	font-size: 8pt;
}
a.menu_level_1_selected:link    { color: #324342; font-weight: normal; text-decoration: none; }
a.menu_level_1_selected:visited { color: #324342; font-weight: normal; text-decoration: none; }
a.menu_level_1_selected:hover   { color: #333366; font-weight: normal; text-decoration: none; }

TD.menu_level_1_selected_hover{
	height: 20px;
	background-image: none;
	padding-left: 15px;
	background-color: #FAFAFA;
}


/* 3rd level */
TD.menu_level_2{
	height: 20px;
	background-image: none;
	padding-left: 25px;
}
a.menu_level_2{
	font-size: 8pt;
}
a.menu_level_2:link    { color: black; font-weight: normal; text-decoration: none; }
a.menu_level_2:visited { color: black; font-weight: normal; text-decoration: none; }
a.menu_level_2:hover   { color: #333366; font-weight: normal; text-decoration: none; }

TD.menu_level_2_hover	{
	height: 20px;
	background-image: none;
	padding-left: 25px;
}

TD.menu_level_2_selected	{
	height: 20px;
	background-image: none;
	padding-left: 25px;
}
a.menu_level_2_selected{
	font-size: 8pt;
}
a.menu_level_2_selected:link    { color: #324342; font-weight: normal; text-decoration: none; }
a.menu_level_2_selected:visited { color: #324342; font-weight: normal; text-decoration: none; }
a.menu_level_2_selected:hover   { color: #333366; font-weight: normal; text-decoration: none; }

TD.menu_level_2_selected_hover{
	height: 20px;
	background-image: none;
	padding-left: 25px;
}

/* for bottombar menu */
SPAN.menu_bottombar{
	padding-left: 2px;
	padding-right: 8px;
	padding-top: 1px;
}
a.menu_bottombar{
	font-size: 8pt;
}
a.menu_bottombar:link    { color: #EEEEEE; font-weight: bolder; text-decoration: none; }
a.menu_bottombar:visited { color: #EEEEEE; font-weight: bolder; text-decoration: none; }
a.menu_bottombar:hover   { color: #EEEEEE; font-weight: bolder; text-decoration: underline; }

SPAN.menu_bottombar_hover{
	padding-left: 2px;
	padding-right: 8px;
	padding-top: 1px;
}

SPAN.menu_bottombar_selected{
	padding-left: 2px;
	padding-right: 8px;
	padding-top: 1px;
}
a.menu_bottombar_selected{
	font-size: 8pt;
}
a.menu_bottombar_selected:link    { color: #324342; font-weight: bolder; text-decoration: none; }
a.menu_bottombar_selected:visited { color: #324342; font-weight: bolder; text-decoration: none; }
a.menu_bottombar_selected:hover   { color: #333366; font-weight: bolder; text-decoration: none; }

SPAN.menu_bottombar_selected_hover{
	color: #000000;
	padding-left: 3px;
	padding-right: 8px;
	padding-top: 1px;
}

A.toolbar_link {
	font-size: 8pt;
}
A.toolbar_link:link			{color: black;	font-weight: bold; text-decoration: none;}
A.toolbar_link:visited		{color: black;	font-weight: bold; text-decoration: none;}
A.toolbar_link:active		{color: black;	font-weight: bold; text-decoration: none;}
A.toolbar_link:hover		{color: #4A0000; font-weight: bold; text-decoration: underline;}


.sisalto{
	padding: 20px;
	border-left: 1px solid #bfbfbf;
}
#sisalto_box{
	/*
	background-color: #FBFBFB;
	border: 1px solid #bfbfbf;
	*/
}

/* login taulu*/
TABLE.logintaulu {
	font-size: 8pt;
	border: 1px solid black;
}
/* sivujen otsikko */
TABLE.pageheading {
	font-size: 8pt;
	font-weight: bolder;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}
TD.pageheading {
	font-size: 8pt;
	font-weight: bolder;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}

TABLE.books	{
	/*background-color: #CADDE3;
	border: 1px solid #444444;*/
	font-size: 8pt;
	font-weight: bolder;
}
/* lomakkeiden otsikkotekstit */
TD.heading {
	font-size: 8pt;
	font-weight: bold;
	color: black;
}

/*varaus sivun yläosan laatikot*/
TD.bookingtop {
	background-color: #CADDE3;
	border: 1px solid black;
}

/*varaus sivun alaosa*/
TD.bookingbottom {
	background-color: #FFFFFF;
	border: 1px solid black;
}


TD.ylapalkkilogin{
	font-size: 8pt;
	color: #FFFFFF;
}
.ylapalkki{
	color: #FFFFFF;
}

.ylapalkki a, .ylapalkki a:visited, .ylapalkki a:active {
	color: #EEEEEE;
}

/* Kohdekortin taustasolu */
TD.resourcecard	{
	font-size: 8pt;
	border: 1px solid #444444;
	background-color: #FAFAFA;
}

/* Kohdekortin kuvien tausta */
TD.picturenumber {
	font-size: 8pt;
}

/* Kohdekortin valitun kuvan tausta */
TD.picturenumber_selected {
	font-size: 8pt;
	font-weight: bolder;
	border: 1px solid #003333;
	background-color: #EFEFEF;
}


/* navigaation sivunumero */
TD.pagenumber{
	font-size: 8pt;
}

/* navigaation valitun sivunumeron tausta */
TD.pagenumber_selected	{
	border: 1px solid #003333;
	background-color: #EFEFEF;
	font-size: 8pt;
	font-weight: bolder;
}

/* selaa-listauksen otsikko */
TD.listtitle {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #709492;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}

/* selaa-listauksen ensimmäinen solu */
TD.listtitle_begin {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-color: #709492;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}

/* selaa-listauksen viimeinen solu */
TD.listtitle_end {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background-color: #709492;
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}

.invoice_rows td.listtitle {
	color: black;
	height: 19px;
}

/* listausnäkymän pariton rivi */
TD.sisalto1	{
	/*background-color: #EFEFEF;*/
	font-size: 8pt;
	color: black;
}

/* listausnäkymän parillinen rivi */
TD.sisalto2	{
	background-color: #EFEFEF;
	font-size: 8pt;
	color: black;
}


/* sivun toimintopainikkeiden linkki (selaa/lisää/muokkaa) */
A.cmd {
	font-size: 8pt;
}
A.cmd:link		{color: black; font-weight:bold; text-decoration: none;}
A.cmd:active	{color: black; font-weight:bold; text-decoration: none;}
A.cmd:visited	{color: black; font-weight:bold; text-decoration: none;}
A.cmd:hover		{color: black; font-weight:bold; text-decoration: underline;}

/* valitun toimintopainikkeen linkki */
A.cmd_active {
	font-size: 8pt;
}
A.cmd_active:link		{color: white; font-weight:bold; text-decoration: none;}
A.cmd_active:active		{color: white; font-weight:bold; text-decoration: none;}
A.cmd_active:visited	{color: white; font-weight:bold; text-decoration: none;}
A.cmd_active:hover		{color: white; font-weight:bold; text-decoration: underline;}



/* haun virheilmoitusteksti */
TD.nodatamsg {
	font-size: 8pt;
	font-weight: bold;
	color: black;
}

/* Kohteen kuvan tausta */
TD.picturebg	{
	border: 0px solid #444444;
}
/* Kohteen kuvan tausta */
TD.calpicturebg	{
	border: 1px solid #444444;
}
/* tuoteotsikko */
.calresourceheading	{
	font-size: 8pt;
	border-color: #444444;
	background-color: #CADDE3;
}

/* tuoteotsikko */
.resourceheading	{
	font-size: 10pt;
	padding: 3px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../../images/pro_demo/pageheading_bg.jpg);
	background-repeat: repeat-x;
	background-color: #DADFE4;
}

/* valintaikkunan otsikko */
.picker_window_title{
	padding: 3px;
	font-size: 11pt; 
	font-weight: bold;
	color: #000000;
}


/* pikkukalenteri otsikko (kk) */
.small_cal_topic{
	font-size: 11px;
}
a.small_cal_topic{
	color: #FFFFFF;
}
/* pikkukalenteri, ei nykyisen kuun päivä */
TD.small_cal_day_disabled { 
	background-color: #D3D3D3; 
}
A.small_cal_day_disabled {
	font-size: 8pt;
}
A.small_cal_day_disabled:link		{color: #A9A9A9; font-weight:normal; text-decoration: none;}
A.small_cal_day_disabled:active		{color: #A9A9A9; font-weight:normal; text-decoration: none;}
A.small_cal_day_disabled:visited	{color: #A9A9A9; font-weight:normal; text-decoration: none;}
A.small_cal_day_disabled:hover		{color: #A9A9A9; font-weight:normal; text-decoration: none;}

/* pikkukalenteri normaali*/
TD.small_cal_day_enabled { 
	background-color: white;  
	font-size: 8pt;
}
A.small_cal_day_enabled {
	font-size: 8pt;
}
A.small_cal_day_enabled:link		{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_day_enabled:active		{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_day_enabled:visited		{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_day_enabled:hover		{color: black; font-weight:normal; text-decoration: none;}

/* pikkukalenteri valittuna oleva päivä */
TD.small_cal_day_selected { 
	background-color: #99ADCA;  
}
A.small_cal_day_selected { 
	font-size: 8pt;
	color: #FFFFFF;
}
A.small_cal_day_selected:link		{color: #FFFFFF; font-weight:normal; text-decoration: none;}
A.small_cal_day_selected:active		{color: #FFFFFF; font-weight:normal; text-decoration: none;}
A.small_cal_day_selected:visited	{color: #FFFFFF; font-weight:normal; text-decoration: none;}
A.small_cal_day_selected:hover		{color: #FFFFFF; font-weight:normal; text-decoration: none;}

/* pikkukalenteri tänään-päivä */
TD.small_cal_today { 
	background-color: #EECF96;
}
A.small_cal_today {
	font-size: 8pt;
}
A.small_cal_today:link		{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_today:active	{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_today:visited	{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_today:hover		{color: black; font-weight:normal; text-decoration: none;}

/* pikkukalenterin viikonpäivät (otsikot) ja viikot(linkit,vasen laita) */
TD.small_cal_week { 
	background-color: #EFEFEF;
	font-size: 8pt;
	color: black;
}
A.small_cal_week {
	font-size: 8pt;
}
A.small_cal_week:link		{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_week:active	{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_week:visited	{color: black; font-weight:normal; text-decoration: none;}
A.small_cal_week:hover		{color: black; font-weight:normal; text-decoration: none;}



.ots { 
	background-color: #EFEFEF;
	color: black;
	width: 10px;
}
.ots2 { 
	background-color: #DADFE4;
	color: black;
}
.ots_tanaan{
	background-color: #EECF96;
}

.kk { 
	background-color: #99ADCA; 
}


.varattu { 
	background-color: #96C4DA;
 	color: black; 
}
/* kuukausikalenteri päivä sis. varauksia*/
.month_cal_day_has_bookings { 
	background-color: #96C4DA;
 	font-size:8pt;
	color: black;
	height: 50px;
	width: 80px;
}
.varattupun { 
	background-color: #E9967A;
 	color: black;
	cursor: pointer;
}
.varattupun_pre { 
	background-color: #E9967A;
 	color: black;
	cursor: pointer;
	border: 1px dotted black;
}
.varattukel { 
	background-color: #F0E68C;
 	color: black; 
	cursor: pointer;
}
.varattukel_pre { 
	background-color: #F0E68C;
 	color: black; 
	cursor: pointer;
	border: 1px dotted black;
}

.varattu_invoiced { 
	background-color: #0E09D7;
 	color: black; 
	cursor: pointer;
}

.varattu_paid { 
	background-color: #28FE12;
 	color: black; 
	cursor: pointer;
}

.calendar_pointer{
 	color: black; 
	cursor: pointer;
}

.isokk { 
	background-color: #CADDE3; 
	height: 50px;
	width: 80px;
}

.isovier { 
	background-color: #D3D3D3; 
	color: #A9A9A9; 
	height: 50px;
	width: 80px;
}

.isovarattu { background-color: #96C4DA;
 	color: black; 
 	height: 120px;
 	width: 80px;
}

.iso_tanaan{
	background-color: #EECF96;
}

.weekkk { 
	background-color: #CADDE3; 
	width: 120px;
}
.weekvarattu { 
	background-color: #96C4DA;
 	color: black; 
 	width: 120px;
}
.weekvier { 
	background-color: #D3D3D3; 
	color: #A9A9A9; 
	width: 120px;
}
.weekots { 
	background-color: #EFEFEF;
	color: black;
	width: 120px;
 }

.week_tanaan{
	background-color: #EECF96;
}


/* varaustyypin pallukka */
DIV.btb{
	float: left;
	width: 7px;
	height: 7px;
	margin: 2px 5px 0px 0px;
	border: 1px solid black; 
	font-size: 1px;
	line-height: 0;
}


table.cal {

}

table.cal td {
	background-color: #CADDE3;
}

/* kalenterin otsikkosolu (ylapalkki + vasen laita) */
table.cal .title {
	background-color: #EFEFEF;
}
/* nykyisen päivän tausta eri värillä*/
table.cal .title_today {
	background-color: #99ADCA;
}
/* kalenterin kelloaika korostus */
table.cal .selected {
	background-color: #e8e8e8;
}
/* kalenterin solu jossa varaus */
table.cal .booking{
	width: 120px;
	background-color: #96C4DA;
	cursor: pointer;
	vertical-align: top;
}
/* kalenterin solu jossa ALUSTAVA varaus */
table.cal .booking_pre{
	width: 120px;
	background-color: #96C4DA;
	cursor: pointer;
	vertical-align: top;
	border: 1px dotted black;
}
/* kalenterin tyhjäsolu */
table.cal .empty{
	width: 120px;
	background-color: #CADDE3;
	cursor: pointer;
}


table.month_cal {

}
table.month_cal td {
	background-color: #CADDE3;
}
table.month_cal .title {
	background-color: #EFEFEF;
}
table.month_cal .disabled { 
	background-color: #D3D3D3; 
	color: #A9A9A9; 
	height: 50px;
	width: 80px;
	cursor: pointer;
}
table.month_cal .enabled { 
	background-color: #CADDE3;
 	color: black; 
 	height: 50px;
 	width: 80px;
	cursor: pointer;
}
table.month_cal .today { 
	background-color: #99ADCA;
	 color: #FFFFFF; 
 	height: 50px;
 	width: 80px;
	cursor: pointer;
}

table.month_cal .today a{ 
	 color: #FFFFFF; 
}


/* VARAUSTILANNE */
TABLE.boolist .ots a, TABLE.boolist .ots2 a, TABLE.boolist .ots_tanaan a { 
	display: inline;
	width: 0%;
}
TABLE.boolist td{
	text-align: center;
}
TABLE.boolist td a {
	display:block;
	width:95%;
}

TABLE.boolist .r1 {
	/*background-color: #EFEFEF;*/
	font-size: 8pt;
	color: black;
}
TABLE.boolist .r1p {
	cursor: pointer;
}
TABLE.boolist .r2 {
	background-color: #EFEFEF;
	font-size: 8pt;
	color: black;
}
TABLE.boolist .r2p {
	cursor: pointer;
}
/* varauslistan kohteenkategoria*/
TABLE.boolist .cat { 
	background-color: #CFD3DF;
	color: black;
	text-align: left;
}
TABLE.boolist .cat a {
	display: inline;
	width: 0%;
}
/* varauslistan kohde */
TABLE.boolist .res { 
	text-align: left;
	width: 19%;
	white-space: nowrap;
}
TABLE.boolist .res a {
	display: inline;
}
/* varauslistan tänään-päivä*/
TABLE.boolist .wd { 
	background-color: #EECF96;
	color: black;
	font-size: 8pt;
}
/* varauslistan otsikko vkloppu*/
TABLE.boolist .we { 
	background-color: #b0c4de;
	color: black;
}
/* varauslistan otsikko vkpaivä*/
TABLE.boolist .today { 
	background-color: #EECF96;
}
/* alustava varaus */
TABLE.boolist td.pre{
	border: 1px dotted black;
	cursor: pointer;
}

/* MEMO */
TABLE.memo .topbar	{
	font-size: 8pt;
	font-weight: bold;
	background-color: #EFEFEF;
	color: black;
	border-bottom: 1px solid #003366;
}
TABLE.memo .memomenu{
	font-size: 8pt;
	background-color: #CADDE3;
	color: black;
}
TABLE.memo .r1	{
	font-size: 8pt;
	background-color: #8BDFD7;
	color: black;
}
TABLE.memo .r2	{
	font-size: 8pt;
	background-color: #5F758B;
	color: black;
}


DIV.my_boo_date{
	margin-top: 15px;
	font-size: 9pt;
	font-weight: bold;
}
table.my_boo {
	width: 400px;
	margin: 8px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.my_boo th {
	width: 100px;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #8BDFD7;
	font-size: 8pt;
}
table.my_boo th.time {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #8BDFD7;
	font-size: 8pt;
}
table.my_boo td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
}

tr.no_highlight{
}

tr.highlight{
	background-color: #FFFFFF;
}

td.highlight{
	background-color: #FFFFFF;
}

a.sublink{
	display:block;
	width:100%;
}

DIV.layer_item{
        padding: 2px 8px 2px 8px;
        background-color: #EEEEEE;
        font-size: 8pt;
        color: black;
}
DIV.layer_item_hover{
        padding: 2px 8px 2px 8px;
        background-color: #CCCCCC;
        font-size: 8pt;
        color: #0C6DBA;
}

#divProductLayerContainer {
        position:relative;
        width: 233px;
}
#divProductLayer  {
        display:none;
        position:absolute;
        z-index:10;
        width: 233px;
        padding: 8px 0px 8px 0px;
        border: 1px #CCCCCC solid;
        border-top: none;
        background-color: #EEEEEE;
}
#txtProductSearch {
        width: 100px;
        margin-top: 2px;
        background-color: #EEEEEE;
        border: 1px #CCCCCC solid;
        font-weight: bold;
        color: #5F5F5F;
}

#divCustomerLayerContainer {
        position:relative;
        width: 233px;
}
#divCustomerLayer  {
        display:none;
        position:absolute;
        z-index:10;
        width: 439px;
        padding: 8px 0px 8px 0px;
        border: 1px #CCCCCC solid;
        border-top: none;
        background-color: #EEEEEE;
}
#txtCustomerSearch {
        width: 100px;
        margin-top: 2px;
        background-color: #EEEEEE;
        border: 1px #CCCCCC solid;
        font-weight: bold;
        color: #5F5F5F;
}

#divResourceUserLayerContainer_1, #divResourceUserLayerContainer_2, #divResourceUserLayerContainer_3 {
        position:relative;
        width: 233px;
}
#divResourceUserLayer_1, #divResourceUserLayer_2, #divResourceUserLayer_3  {
        display:none;
        position:absolute;
        z-index:10;
        width: 439px;
        padding: 8px 0px 8px 0px;
        border: 1px #CCCCCC solid;
        border-top: none;
        background-color: #EEEEEE;
}
#txtResourceUserSearch_1, #txtResourceUserSearch_2, #txtResourceUserSearch_3 {
        width: 100px;
        margin-top: 2px;
        background-color: #EEEEEE;
        border: 1px #CCCCCC solid;
        font-weight: bold;
        color: #5F5F5F;
}

/* Laskurivit */
table.invoice_rows {
	width: 100%;
	border: 1px solid #5F758B;
	border-collapse: collapse;
}
table.invoice_rows td {
	border: 1px solid #5F758B;
}
table.invoice_rows th {
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	background-color: #5F758B;
	color: #EFEFEF;
	border: 0px;
}
table.invoice_rows tr {
	background-color: #FFFFFF;
}
table.invoice_rows tr:hover {
	background-color: #EFEFEF;
}
tr.invoice_summary td {
	border-top: 2px solid #5F758B;
}

/* Varustetasot */
table.services input.pieni {
        width: 20px;
        height: 18px;
        text-align: center;
		border-collapse: collapse;
}
table.services input.keski {
        width: 100px;
        height: 18px;
        text-align: left;
}
table.services th{
        text-align: left;
        background-color: #d4d0c8;
        border-bottom: 1px solid #bcb184;
}
table.services td.separator {
        font-size: 8pt;
		border: 1px solid #E9E4C7;
}
table.services th {
        font-size: 8pt;
}
.servicescroll {
		width: 600px;
        height: 180px;
        overflow: auto;
        /*border: 1px solid #bcb184;*/
}
table.varustetaso {
		border: 1px solid #ADADAD;
        border-collapse: collapse;
}
table.varustetaso th {
	border: 1px solid #444444;
	font-size: 8pt;
	font-weight: bolder;
	text-align: left;
	margin: 0px;
	padding: 2px;
	background-image: url('../../images/pro_demo/pageheading_bg.jpg');
	background-repeat: repeat-x;	
	background-color: #DADFE4;
}
table.varustetaso td {
        font-size: 10px;
        font-weight: normal;
		border: 1px solid #ADADAD;
}
table.varustetaso td.heading {
	font-weight: bold;
}

.infofield_heading {
	font-weight: bold;
}

.infofield_content {
}

#divResourceSelectLayerContainer {
        position:relative;
        width: 400px;
		height: 400px;
}
#divResourceSelectLayer  {
        display:none;
        position:absolute;
        z-index:10;
        width: 233px;
        padding: 8px 0px 8px 0px;
        border: 1px #CCCCCC solid;
        border-top: none;
        background-color: #EEEEEE;
}

/* Kausihinnasto pääkategoria*/
.pricelist_topcat {
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

.pricelist_cat {
	font-style: italic;
}

.pricelist_cat {
	font-style: italic;
}

.pricelist_price {
}

.pricelist_price_input {
	width: 40px;
}

.pricelist_header {
	font-weight: bold;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.pricelist_resource {
	font-weight: bold;
}

.pricelist_row1 {
}

.pricelist_row2 {
	background-color: #ADCAD3;
}
table.seasons_restrictions td{
	font-weight: bold;
}