html, body
{
height: 100%;
}
*
{ 
  font-family: Verdana, Arial, Serif !important;
  font-size: 10pt;
  }

a:link, a:visited
{
     color: #004C92;
     text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: none;
}
h1, h2, h3
{ 
  font-family: Verdana, Arial, Serif !important;
  margin: 0;
  }

body
{ 
  width: 1000px;
  margin: 10px auto 10px auto;
 }
 
img
{
border: 0px none;
}

.button 
{
border: 1px solid gray;
background: white;
margin: 5px 0 0 0;
}

.button:hover
{
border: 1px solid black;
}

.left
{
float: left;
}
.right
{
float: right;
}

.small
{
 font-size: 80%;
}

.notRendered
{
 display: none;
}
.notVisible
{
 visibility: hidden;
}

span.h2
{
  font-family: Verdana, Arial, Serif !important;
  margin: 0;
  font-size: 10pt;
  font-weight: bold;
}

#logo
{
    position: relative;
    top: 15px;
    left: 15px;
    border: 0px none;
}

#priceDiv
{
 margin: 50px 0 0 50px;
 font-size: 130%;
 float: left;
}

#languageFlags
{
    float: right;
}

#languageFlags img
{
border: 0px none;
margin: 10px;
}

#container
{
height: 90%;
}
#mainHeader
{ 
  display: none;
  }

div, span
{
margin: 0;
padding: 0;
}

.mainBulk
{ 
  border: 1px solid gray;
  }
 #upperBulk
{
  background-image: url("../img/visitkoli_ylapalkki_keski_638x250.jpg");
  background-repeat: no-repeat;
  height: 250px;
  width: 638px;
  float: left;
  border-right: 0px none;
  border-left: 0px none;
  cursor: pointer;
 }
#upperLeftBulk, #upperRightBulk
{
  width: 180px;
  height: 250px;
  background-repeat: no-repeat;
  border-bottom: 0px none;
  float: left;
}

#upperLeftBulk
{
  background-image: url("../img/visitkoli_ylapalkki_vasen_180x250.jpg");
  border-right: 0px none;
}

#upperRightBulk
{
  background-image: url("../img/visitkoli_ylapalkki_oikea_180x250.jpg");
  border-left: 0px none;
}
 
#leftBulk, #rightBulk
{ 
  width: 180px;
  height: 1150px;
  position: relative;
  top: -1px;
  border: 0px none;
  overflow: hidden;
  text-align: center;
  }
#leftBulk
{
  float: left;
  border-top: 0px none;
  border-right: 1px solid gray;
  border-left: 1px solid gray;  
}
#rightBulk
{
  float: right;
  border-top: 0px none;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

#contentContainer
{
clear: both;
height: 100%;
}

#top
{
width: 636px;
height: 34px;
background-color: #E4E4E4;
font-size: 12pt;
position: relative;
bottom: 1px;
}

#top a
{
    line-height: 25px;
}

#content, #top
{ 
  float: left;
  }
#content
{
height: 100%;
width: 606px;
margin: 15px;
margin-top: 0;
}

#bottomBulk
{ 
  width: 998px;
  text-align: center;
  background-color: #E4E4E4;
  position: relative;
  bottom: 10px;
}
 
 .contactTable
{
    width: 100%;
}
#contactTableLeft
{
   text-align: left;
}
#contactTableRight
{
   text-align: right;
}
.info td, .extraInfo td
{
    vertical-align: top;
    width: 30%;
}
.prices
 {
 border: 1px solid gray;
 border-collapse: collapse;
 width: 100%;
 }
.prices td
 {
 border: 1px solid gray;
 }
.prices td.header
 {
 font-weight: bold;
 }

#price-ContentPane dt, #price-ContentPane dd, #price-ContentPane div
{
float: left;
}

.dijitTextBox, .dijitComboBox, .dijitSpinner
{
width: 10em;
}

.tundra .dijitInputField input, .tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner
{
width: 175px;
}
#price .dijitButtonNode
{
margin: 5px 10px 0 -2px;
}



#reservation div
{
float: left;
margin: 4px 0 4px 0;
width: 200px;
height: 20px;
}
.value
{
font-weight: bold;
}
.label, .value 
{
float: left;
margin: 2px 0 2px 0;
width: 200px;
}

#reservation input, #reservation select
{
width: 200px;
}
#reservation input.varranty
{
width: 20px;
}
#reservation .errors
{
position: relative;
left: 200px;
bottom: 35px;
color: red;
}
.errors
{
color: red;
}

.banner
{
float: left;
margin: -1px 11px 10px 0;
}

.textBanner
{
float: left;
margin: 10px 11px 10px 0;
padding: 10px;
width: 90%;
text-align: left;
background-color: #D02E20;
color: white;
}

.indexBanner
{
text-align: justify;
background-color: #C8C8C8;
padding-bottom: 10px;
width: 636px;
position: relative;
right: 15px;
z-index: -1;
padding-bottom: 31px;
margin-top: -1px;
margin-bottom: 10px;
}
.indexBanner p, .indexBanner b
{
font-size: 90%;
}
.indexBanner p
{
padding: 20px 30px 0 30px;
margin: 0;
}

.calendarHeader
{
font-size: 14px;
font-weight: bold;
background-color: #E4E4E4;
}

.value
{
font-weight: bold;
}

#free_search
{
    width: 170px;
}
#images
{
    width: 570px;
    height: 100px;
    overflow: auto;
    white-space: nowrap;
}

.roomList li, .equipList li, .distList li
{
    position: relative;
    right: 25px;
}

.tundra .dijitTabPaneWrapper {
    border: none !important;
    }

.bannerLink {
    text-decoration: none;
    color: #004C92;
}
.bannerFrame {
    width: 290px; height: 155px; padding: 5px 0 0 0; border: 1px solid #004c92;
}
.bannerImage {
    float: left; width: 140px; padding: 0 0 0 5px;
    }
.bannerText {
    float: right; width: 120px; height: 150px; padding: 0 0 0 10px; overflow: hidden;
    }

.adminFieldset
{
    width: 900px;
}

.adminList
{
    border-collapse: collapse;
}
td.even
{
    background-color: #aaaaaa;
}
.adminList td
{
    padding: 3px;
    text-align: center;
}

.adminMenuLink
{
    border: 1px dashed gray;
    margin: 3px;
    padding: 3px;
}
a.listRemove
{
    color: red;
}