/**
 * Styles used by all mobile browsers.
 *
 */

div,ul,li,p,html,body, table, tr, td, th {
    border: 0;
    padding:0;
    margin: 0;
}
ul { padding-left: 2em; }

body {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    background: #F0F0F0;
    color: black;
}

img {
    border: 0;
}

.hiddenStructure,
#kss-spinner {
    display: none;
}

h1 {
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 15px;
}
.documentFirstHeading {
    margin-top: 15px;
}

h1 {
  font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
    color: #656565;
}

h2, h3, h4, h5, h6 {
    font-size: 1.1em;
}

h3 {
}

p {
    margin-bottom: 0.5em;
}

/* Makes easier to hit link lists */
li {
  margin-bottom: 0.5em;
}

.visualClear {
    clear: both;
}


/* no link underlinings */
a,
a:active,
a:visited,
.documentContent li a,
.documentContent li a:active,
.documentContent li a:visited,
.documentContent p a,
.documentContent p a:visited,
.documentContent p a:active {
    border: 0;
    text-decoration: none;
    color: #0068D1;
}

a:hover,
.documentContent li a:hover,
.documentContent p a:hover {
  text-decoration: underline;
}

/* Content styles */
.image-right, .image-left {
  border: none;
}

/* Make text area text more visible than normal grey */
input[type=text],input[type=password],textarea, select {
    width: 80%;
}

#margins {
    margin-left: auto;
    margin-right: auto;
        background: white;
}


/* 
 * Do not look stupid on desktop browsers.
 *
 * If screen width is too wide, clip displayable area to 800 px.
 */
@media screen and (min-device-width: 850px) {
        #margins {
           -webkit-box-shadow: 0 0 4px black;
            -moz-box-shadow: 0 0 4px black;
            box-shadow: 0 0 4px black;
            max-width: 800px;
        }
}




#content {
    padding: 1em;
    background: white;
    color: black;
}

#header {
    background: white;
    color: black;
    text-align: left;
    border-bottom: 3px solid #F0F0F0;
}

#header-image {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#logo img {
    display: inline;
    margin-left: 5px;
    margin-top: 5px;
}

#portal-breadcrumbs {
    margin-bottom: 1em;
}

.documentDescription, .discreet, .documentByLine {
    color: #999;
    font-size: 85%;
}

/* Forms */

.field {
    padding-bottom: 1em;
}

.formHelp {
    color: #666;
}

.fieldRequired {
    background: white url(++resource++gomobile.mobile/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: white;
}

.error .fieldRequired {
   color: #d00;
}

.legend,
label {
    font-weight: bold;
}

div.error {
    /* Class for error indication in forms */
    background-color: #fdc;
    border: 1px solid #d00;
    padding: 0.5em;
    margin: 0 0 1em 0;
    width: 95%;
}

/* Search */

.searchResults dt {
    padding-bottom: 1em;
}

.searchResults dt a {
    font-size: 120%;
    font-weight: bold;
}

/* Status messages */

dl.portalMessage {
    background-color: #ffffe3;
    border: 1px solid #996;
}
dl.portalMessage a {
    color: black;
    border: none;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996;
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em;
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;
}
dl.error dt {
    background-color: #d00;
}
dl.warning {
    border-color: #d80;
}
dl.warning dd {
    background-color: #fd7;
}
dl.error {
    border-color: #d80;
}
dl.error dd {
    background-color: #fd7;
}

/* Footer and batching controls */

#footer {
    text-align: center;
}

#footer,
.listingBar {
    background: #0068D1;
    color: #bbb;
    padding: 1em;
    padding-top: 10px;
    font-size: 80%;
}

.listingBar {
    margin-top: 1em;
}

#footer a,
#footer a:visited,
#footer a:active,
.listingBar a,
.listingBar a:visited,
.listingBar a:active  {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

#footer a:hover,
.listingBar a:hover {
    background-color: white;
    color:#0068D1;
    text-decoration: none;
    font-weight: bold;
}

#portal-globalnav { list-style: none; text-align:center; padding: 0; line-height: 250%; }
#portal-globalnav li { display: inline;  }
#portal-globalnav li a { padding: 0.5em; padding-right: 0.7em; }

#footer-links, #portal-breadcrumbs { text-align: center; }

#footer-text { text-align: center; }

/* Little fixes */

.button-links {
    list-style: none;
}

/* Hide unwanted tab */
li#portaltab-blog {
    display: none;
}


.product-list .tileFooter {
    padding-bottom: 10px;
    border-bottom: 1px solid #888;
}


.product-list .tileBody {
    float: left;
    max-width: 400px;
}

.product-list .tileHeadline {
    float: left;
}

.tileItem {
	border-bottom: 1px solid #aaa;
}

.data-entry {
    clear: both;
}


.product-list-entry .hillat img {
    margin:0;
    padding:0;
    width: 17px;
    height: 12px;
}

.info-box,
.reservation-text {
    margin: 5px 0 5px 0;
    padding: 5px;
    font-size: 120%;
    border: 1px solid #aaa;
}


#logo {
    margin: 5px;
    float: left;
}

#language-chooser {
    margin: 5px;
    float: right;
}

.product-list {
    padding-top: 10px;
}

.product-list-entry  {
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 1em;
}

.product-list-entry .tileHeadline {
    float: none;
}

div.thumb-image-wrapper {
    float: none;
    width: 70px;
    height: 70px;
}


.product-list-entry h2 {
    margin: 0;
}
#saariselkaWeekCalendar { text-align:center;}
#saariselkaWeekCalendar ul,
#saariselkaWeekCalendar li {
    list-style:none;
    text-transform:lowercase;
}

ul.day-events {
    padding: 0 0 1em 0;
    border-top: 1px dashed #aaa;
}
ul.day-events li { padding: 5px 0;}
.program-event { color: #0068D1; }
.calendar-event { color: #368F35; }
#weekcalendar-header { margin: 5px 0 15px 0; }
#week-calendar-legend { text-align:center; }
#week-calendar-legend .calendar-event { border-top: 1px dashed #aaa; margin-top: 5px;}
.dayname { text-transform:capitalize;}

.google-analytics {
	opacity: 0.01;
}

table.plain {
	border-collapse: collapse;
}

table.plain td {
	border: 1px solid #aaa;
}