/* CSS for main content ---------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#content
{
  color: #ffffff;
/*  line-height: 13px;
*/
  text-align: left;
  width: 100%;
/*  padding-left: 12px; */
  font-size: 110%;
}

#content img.right,
.frontpage img.right
{
  float: right;
  padding: 2px;
  background: #FFF;
  border-style: solid;
  border-width: 2px;
  border-color:  #2a4b9a;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

body.luosto #content img.right,
body.luosto .frontpage img.right
{
  border-color: #5f279d;
}

.frontpage img.right
{
  float: left;
  margin: 6px 10px 20px 0px;
}

span.content-text
{
  margin-left: 15px;
  display: block;
  text-align: left;
}

#content ul
{
  padding-left: 12px;
}

a,
td a:link
{
  text-decoration: none;
}

/* Site-specific link colors */
a,
a:link,
a:visited
{
	color: #c5b2d3;	/* logo 35% */
}

body.luosto a,
body.luosto a:link,
body.luosto a:visited
{
	color: #c2d4e5;	/* logo 25% */
}

div.click a,
body.luosto div.click a,
#navi li.active li a,
#navi li.active a:hover,
#navi li.active li a:hover
{
	color: #ffffff;
  /* color: #2f5ea8; */
}

/*

body.luosto a,
body.luosto a:link,
body.luosto a:link,
body.luosto #navi li.active li a,
body.luosto #navi li.active a:hover,
body.luosto #navi li.active li a:hover
{
  color: #573689;
}
*/
a:link,
#navi li.active li a
{
  background: none;
}

a:hover,
a:visited:hover,
td a:hover,
td a:visited:hover
{
  text-decoration: underline;
}

/* Headers -------------------------------------------- */
h1,
span.frontpage-content span.title
{
    margin: 0px;
    font-family: Times, serif;
    font-size: 200%;
/*    text-transform: uppercase; */
    font-weight: bold;
    font-style: italic;
    
}

#meta h1,
span.content-text span.title
{
  line-height: 1em;
}

span.content-text span.title
{
  display: block;
}

h1,
h2,
.title
{
/*  color: #2f5ea8; */
	color: #ffffff;
  text-align: left;
}

body.luosto h1,
body.luosto h2,
body.luosto .title
{
  color: #ffffff;
}

h2
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 120%;
/*  text-transform: uppercase; */
}

h2.pyha
{
  background-image: url('/site-static/attachments/title-element-long-pyha.gif');
  line-height: 32px;
  padding-left: 40px;
  font-size: 110%;
	color: #000000;
}

h2.luosto
{
  	background-image: url('/site-static/attachments/title-element-long-luosto.gif');
  	line-height: 32px;
  	padding-left: 40px;
	color: #000000;
}

h3
{
  font-family: Tahoma, Arial;
  font-size: 100%;
  margin-bottom: 0px;
  text-transform: uppercase;
}

h4
{
  font-family: Tahoma, Arial;
  font-size: 100%;
}


h5
{
  font-family: Tahoma, Arial;
  font-size: 100%;
}

img
{
  border: none;
}

table,
th,
tr,
td,
tbody,
thead
{
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

/* Frontpage content ---------------------------------- */
img.frontpage
{
  float: left;
  padding: 2px;
  margin-top: 5px;
  background: #FFF;
}

span.frontpage
{
  display: block;
  margin-left: 160px;
  margin-right: 170px;
  text-align: justify;
}

span.frontpage h1
{
  margin-top: 0px;
  padding-top: 0px;
}

body.frontpage span.frontpage-content div.frontpage span.text
{
    margin-left: 0;
    padding-left: 0;
    font-size: 110%;    
}

/* Events - obsolete ? -------------------------------- */
h3.events
{
  background-color: #cacabe;
  padding: 6px 12px 4px;
  color: #000;
  border-bottom: solid 2px #b2b2a6;
  margin-left: 12px;
}

h1.summary
{
  margin-left: 12px;
}

span.event-title
{
  display: block;
  background-color: #F1F1Fa;
  border-style: solid none;
  border-width: 1px;
  border-color: #CCC;
  margin-left: 12px;
  margin-top: 12px;
  padding: 3px 0px;
  font-size: 120%;
  font-weight: bold;
}

span.event-element
{
  display: block;
  margin-left: 12px;
  margin-top: 6px;
  margin-bottom: 12px;
}

span.event-element dt
{
  font-weight: bold;
  display: block;
/*  border-bottom: dotted 1px; */
  margin-top: 15px;
  margin-right: 4px;
}

span.event-element dd
{
  margin-left: 20px;
}

span.event-link,
span.link
{
  display: block;
  text-align: right;
}

span.location
{
  display: block;
  margin-top: 6px;
}

/* Opening hours -------------------------------------- */
span.exception
{
  color: #800;
  text-transform: uppercase;
}

/* Photo gallery -------------------------------------- */
#photos
{
  background-color: #FFF;
  margin: 20px;
  padding: 20px;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
}

div.photo-gallery
{
  display: block;
  float: left;
  padding-top: 6px;
  margin: 12px;
  height: 160px;
  text-align: center;
  overflow: hidden;
  background-image: url('/site-static/attachments/foldertab.gif');
  background-repeat: no-repeat;
}

div.photo-gallery img
{
  padding: 4px;
  background-color: #FFF;
  border: solid 1px #000;
  -moz-border-radius: 4px;
}

div.photo-gallery img:hover
{
  background-color: #DDD;
}

/* Cottages ------------------------------------------- */
span.cottage-text
{
  display: block;
  margin-bottom: 10px;
}

div.cottage-pics
{
  float: left;
  width: 140px;
  padding: 0px;
  margin: 0px;
}

div.cottage-pics div.img
{
  background-color: #FFF;
  border-style: solid;
  border-width: 4px;
  border-color: #00499d;
  display: block;
  margin: 0px 0px 12px;
  width: 100px;
  padding: 2px;
  text-align: center;
}

div.cottage-pics div.img img
{
  padding: 0px;
  margin: 0px auto;
  display: block;
}


body.luosto div.cottage-pics div.img
{
  color: #4c207d;
}

table.cottage
{
    float: left;
    width: 300px;
    background-color: #f1f1fa;
    color: #000;
    text-align: left;
}

table.cottage td.text
{
  padding: 0px 12px;
}

form.cottage
{
  margin-top: 6px;
}

form.cottage label,
form.cottage input,
form.cottage select
{
  display: block;
  margin-bottom: 6px;
}

form.cottage select
{
  width: 212px;
}

form.cottage label.float
{
  float: left;
  margin-right: 12px;
}

form.cottage .float select
{
  width: 100px;
}

form.cottage input
{
  clear: both;
}

div.cottage-search
{
  float: left;
  clear: left;
  margin-right: 20px;
}

div.cottage-search label.radio,
div.cottage-search label.radio span
{
  float: left;
}

div.cottage-search label.radio span
{
  padding-left: 5px;
  padding-right: 10px;
}

div.cottage-search label.radio input
{
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;  
}

div.cottage-search label.break
{
  clear: both;
}

/* Cottage search results ----------------------------- */
div.results
{
  	float: left;
  	clear: right;
  	background-color: #f1f1ef;
  	width: 220px;
  	border-bottom: solid 2px #cacabe;
	color: #000000;
}

div.results ul
{
  	margin: 6px 12px;
	color: #000000;
}

div.results a
{
	color: #000000;
}

div.results h2
{
	color: #000000;
}

.info h2,
.info h3
{
  padding: 6px 12px;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
}

.info h2
{
  background-color: #c8c8bc;
  border-bottom: solid 2px #afafa3;
  color: #000;
  margin-bottom: 3px;
}

.info dl
{
  padding: 0px;
  margin: 0px;
}

.info dt
{
  float: left;
  font-weight: bold;
  padding-left: 12px;
}

.info dd
{
  padding: 0px 12px;
  margin-left: 120px;
}

.info h3
{
  margin: 6px 0px 0px;
  padding: 0px 12px;
  font-weight: bold;
  letter-spacing: 1px;
}

/* Event listing -------------------------------------- */
ul.eventlist
{
  margin-left: 0px;
  padding-left: 0px;
}
li.vevent
{
  margin-left: 0px;
  list-style: none;
  margin-bottom: 15px;
}

li.vevent div.event-title
{
  line-height: 34px;
  height: 34px;
  font-weight: bold;
  font-size: 100%;
  text-transform: uppercase;
  line-height: 34px;
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 35px;
  width: 285px;
  overflow: hidden;
  background-image: url('/site-static/attachments/title-element-pyha.gif');
  background-repeat: no-repeat;
  text-align: left;
	color: #000000;
}

li.pyha div.event-title a
{
  color: #00499d !important;
}

li.luosto div.event-title a
{
  color: #4c207d !important;
}

li.luosto div.event-title
{
  background-image: url('/site-static/attachments/title-element-luosto.gif');
}

li.luosto div.event-title a
{
  color: #000000;
}
li.vevent abbr
{
  border-bottom: none;
  cursor: normal;
  text-align: left;
}
li.vevent span.description
{
  display: block;
}

/* Event search --------------------------------------- */
form.events
{
  margin-top: 10px;
  display: block;
}

form.events label
{
  margin-bottom: 6px;
  display: block;
  float: left;
  padding-left: 10px;
  font-weight: bold;
}

form.events select
{
  display: block;
  font-size: 90%;
}


form.events select.category
{
  clear: both;
}

input.event-submit
{
  display: block;
  clear: both;
  margin-left: 10px;
  font-size: 90%;
}

div.break
{
  clear: both;
}

span.event-search-index
{
  display: block;
  clear: left;
  font-weight: bold;
  font-size: 120%;
  margin-left: 10px;
}

.sub-element ul.eventlist ul li
{
  padding: 0px;
  margin: 0px;
}

.sub-element ul.eventlist ul li
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-weight: normal;
}

.sub-element ul.eventlist ul
{
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

/* Opening hours -------------------------------------- */
span.opening-hours
{
  display: block;
  font-weight: bold;
  margin-top: 6px;
}

.opening-hours ul
{
  padding-left: 6px !important;
}

span.description
{
  padding-left: 40px;
}

.sub-element-content ul.eventlist
{
  padding: 0px;
  margin: 0px;
}

/* Feedback form -------------------------------------- */
form.feedback label
{
  display: block;
/*  line-height: 12px; */
  clear: left;
  margin-bottom: 3px; 
}

form h2
{
/*  color: #2f5ea8; */
	color: #ffffff;
  	padding: 6px 12px 3px 0px;
  	clear: both;
}

body.luosto form h2
{
	color: #ffffff;
/*  color: #3e1776; */
  	padding: 6px 12px 3px 0px;
  	clear: both;
}

form.feedback input.radio
{
  width: 11px;
  height: 12px;
  margin-left: 50px;
}

form.feedback input.feedback,
form.feedback textarea.feedback
{
  display: block;
  float: left;
  margin-top: 6px;
  width: 350px;
}

form.feedback textarea
{
  height: 100px;
}

form.feedback span.label
{
  display: block;
  float: left;
  width: 50px;
/*  line-height: 20px; */
  padding-top: 3px;
  font-weight: bold;
}

.title
{
  font-weight: bold;
}

#content .title
{
/*  border-bottom: dashed 1px #888; */
}

#content span.text
{
    margin-left: 0;
    padding-left: 0;
}

span.product
{
  display: block;
}

table.product
{
	color: #000000;
  	width: 300px;
  	background-color: #f1f1fa; 
}

table.product td a,
table.product td a:visited,
table.product td a:hover,
table.product td a:active,
table.product td a:link
{
	color: #000000;
}

table.product td
{
	padding: 2px 4px;
}

table.products td a,
table.products td a:visited,
table.products td a:hover,
table.products td a:active,
table.products td a:link
{
	color: #000000;
}

	
table.product h2
{
  clear: both;
  margin-top: 12px;
}

table.product dt
{
  clear: left;
}

.odd
{
  background: #F1F1FA;
}

table.product
{
  width: 100%;
}

table.products td
{
  	padding-left: 6px;
	color: #000000;
}

h2.product-title
{
  background-image: url('/site-static/attachments/background-header-blank.gif');
  background-position: top right;
  background-repeat: no-repeat;
  line-height: 26px;
  padding-left: 12px;
  border-left: solid 1px #cbcbcb;
  color: #333333;
}

body.luosto h2.product-title
{
  color: #333333;
}

span.label,
form.request-form input
{
  clear: left;
  display: block;
}

form label
{
  display: block;
  clear: both;
  
}

span.label
{
  margin-top: 12px;
}

form .broker
{
  display: block;
}

form input.form-radio,
form input.broker,
form input.checkbox
{
  clear: left;
  float: left;
  margin-right: 12px;
  margin-top: 0px;
}

form.request-form select
{
  width: 160px;
}

form.request-form label
{
  clear: both;
}

td.bottom
{
  vertical-align: bottom !important;
}

/* Reservation status --------------------------------- */
table.reservations-table
{
  border-collapse: collapse;
  empty-cells: show;
  margin-bottom: 12px;
}

table.reservations-table td,
table.reservations-table th
{
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background-repeat: repeat-y;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.reservations-table td.reservations
{
  width: 30px;
}

td.reservations span.hide
{
  display: none;
}

table.reservations-table .description
{
  text-align: right;
  padding-right: 3px;
}

table.reservations-table th
{
  text-align: center;
}

table.reservations-table td.reservations
{
  width: 32px;
}

td.status-0
{
  background-color: #53b653 !important;
}

td.status-1
{
  background-color: #53b653 !important;
}

td.status-2
{
  background-color: #53b653 !important;
  background-image: url('/site-static/attachments/reservations-weekend-limited.gif');
  background-position: top right;
  background-repeat: repeat !important;
}

td.status-3
{
  background-color: #53b653 !important;
  background-image: url('/site-static/attachments/reservations-weekend-full.gif');
  background-position: top right;
}

td.status-4
{
  background-color: #53b653 !important;
  background-image: url('/site-static/attachments/reservations-weekend-full.gif');
  background-repeat: repeat !important;
}

table.reservations-table span.reservations
{
  display: block;
  font-weight: normal !important;
}


table.reservations-table span.company
{
  display: block;
  width: 140px;
}

div.sub-element span.sub-element-content
{
  display: block;
  padding-left: 12px;
}

#content form.search
{
  display: block;
  margin-top: 12px;
  float: left;
}

form.search input.query
{
  width: 200px;
}

form.search table
{
  width: 200px;
  display: block;
}

form.search td
{
  width: 100px;
}

form.search span.search-title
{
  display: block;
  font-weight: bold;
  margin-top: 6px;
}

form.search input.submit
{
  display: block;
}

#search-results
{
  margin-left: 220px;
  margin-top: -28px;
}

.side form.search,
.side form.search table
{
  width: 150px;
}

.side form.search input
{
  margin: 0px;
  padding: 0px;
  width: 10px;
}

.side form.search input.query
{
  width: 160px;
  margin-top: 2px;
  display: block;
}

.side form.search input.submit
{
  background-image: url('/site-static/attachments/search-arrow.gif');
  background-repeat: no-repeat;
  background-position: top right;
  margin-top: 10px;
  width: 73px;
  height: 17px;
  padding-right: 20px;
  font-size: 10px;
  border: none;
  font-weight: bold;
  color: #666666;
}

.side form.search table,
.side form.search tbody,
.side form.search tr,
.side form.search td
{
  text-align: left !important;
  border: none;
}

.side form.search td
{
  width: 75px;
}

.side form.search label
{
  height: 12px;
}

blockquote
{
  display: block;
  padding: 0px 0px;
  margin: 0px 6px 6px 16px;
  text-align: justify;
}

#content .badge
{
  display: none;
}

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

#weather-mainpage
{
  width: 500px;
}

#weather-mainpage td
{
  vertical-align: bottom;
}

#weather-mainpage td.value
{
  padding: 0px 40px 0px 20px;
}

div.sub-element ul.company-links
{
  padding: 0px 6px;
  margin: 0px 6px 6px;
}

table.contact-information
{
  width: 100%;
  border-bottom: solid 1px #000000;
	color: #333333;
}

table.contact-information a
{
	color: #000000;	
}

table.contact-information th
{
	color: #ffffff;
}

table.contact-information td,
table.contact-information th
{
  font-size: 110%;
  padding: 2px 0px;
}

table.contact-information tr
{
  border-top: solid 1px #000000;
}

table.contact-information th.address
{
  width: 180px;
}

div.event-title-div
{
  padding-left: 12px;
}

div.sub-element ul.sales-list
{
  padding: 0px 6px 6px;
  margin: 0px;
  list-style-type: none;
}

div.sub-element ul.sales-list li
{
  background-image: url('/site-static/attachments/sales-icon-pyha.gif');
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 18px;
  margin-top: 6px;
}

body.luosto div.sub-element ul.sales-list li
{
  background-image: url('/site-static/attachments/sales-icon-luosto.gif');
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div.sub-element ul.sales-list span
{
  display: block;
  text-align: right;
  padding-bottom: 6px;
}

table.opening-hours
{
  	width: 540px !important;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #000000;
  	margin-bottom: 3em;
	color: #000000;
}

table.opening-hours a
{
	color: #333333;
}

table.opening-hours tr
{
  border-top: solid 1px #000000;
  background-color: #f1f1fa;
}

table.opening-hours tr.first
{
  background-color: #ffffff;
}

table.opening-hours th,
table.opening-hours td
{
  padding: 1px;
  text-align: center;
  border-style: none solid;
  border-width: 1px;
  border-collapse: collapse;
  font-size: 90%;
}

table.opening-hours td.company-name
{
  font-weight: bold;
  text-align: left;
  border-style: none;
  padding-top: 1.2em;
  padding-left: 0.3em;
  font-size: 110%;
}

table.opening-hours th
{
  background-color: #ffffff;
  text-transform: uppercase;
}

table.opening-hours td.null
{
}

table.opening-hours td.clock
{
}

table.opening-hours td.agreed
{
  background-color: #ffff88
}

table.opening-hours td.closed
{
  background-color: #ffaaaa;
}

dl.sales dt
{
  background-image: url('http://www.pyha.fi/site-static/attachments/sales-icon-pyha.gif');
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 20px;
}

body.luosto dl.sales dt
{
  background-image: url('http://www.pyha.fi/site-static/attachments/sales-icon-luosto.gif');
}

dl.sales dd
{
  margin-left: 0px;
  padding-left: 20px;
  padding-bottom: 20px;
}

div.mnogosearch
{
  clear: both;
}

div.mnogosearch dt,
body.luosto div.mnogosearch dt.pyha
{
  background-image: url('/site-static/attachments/title-element-long-pyha.gif');
  line-height: 34px;
  padding-left: 44px;
  margin: 5px 0;
}

body.luosto div.mnogosearch dt,
body.pyha div.mnogosearch dt.luosto
{
  background-image: url('/site-static/attachments/title-element-long-luosto.gif');
}

div.mnogosearch span.title
{
  border: none !important;
}

div.mnogosearch dd
{
  margin-left: 44px;
}

div.mnogosearch span.highlight
{
  padding: 0 3px;
  font-weight: bold;
}

div.mnogosearch span.link
{
  text-align: left;
  margin-top: 1em;
}

div.mnogosearch span.last-modified
{
  display: none;
}

div.results-footer
{
  display: none;
}

div.mnogosearch-show-page
{
  clear: both;
  text-align: center;
  font-weight: bold;
  margin: 0 0 0.5em;
}

div.search-info
{
  float: left;
  clear: none;
  margin: 12px 1em;
}



div#siteinfo ul.midcom_toolbar li a
{
	color: #000;
}

span.bigcolortitle 
{
	color: #333333;
}