/* Start of CMSMS style sheet 'OTPS_Main' */
/* Start of CMSMS style sheet 'OTPS_Main' */
/**
 * Images
 */
img.pikkukuva_vasemmalle { float: left; margin: 0 1em 1em 0; padding: 0; border: 0; }
img.pikkukuva_oikealle { float: right; margin: 1em 0 1em 1em; padding: 0; border: 0; }

/**
 * General styles
 */
.clearer { clear: both; height: 1px; }
p      { margin: 0 0 1.5em 0; }
p img  { border: solid #ccc 1px; padding: 5px; margin: .5em .8em; }
/* lists */
ul, ol { padding: 0 0 0 2em; margin: 0 0 1.5em 0; }
li     { margin: 0 0 5px 0; }
/* tables */
table    { border-spacing: 0; border-collapse: collapse; margin: 0 0 1.5em 0; width: 100%; border: 0; }
td       { border: 0; padding: 3px 10px; }
thead td { font-size: 1.1em; font-weight: bold; }
tbody td { }
tr.pariton_rivi { }
tr.pariton_rivi td { background: #eee; }

/**
 * Links
 */
a:link, a:visited { color: #4f7aa2; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

/**
 * Areas
 */
*          { margin: 0; padding: 0; }
body       { text-align: center; background: #272e34 url(uploads/layout/bg_top.png) top left repeat-x; color: #556; font-family: "trebuchet ms", tahoma, sans; font-size: 75%; }
#container { width: 1000px; margin: 0 auto; background: url(uploads/layout/bg_main.png) top center repeat-y; font-size: 1.2em; text-align: left; }
#top       { }
#header    { position: relative; background: url(uploads/layout/bg_header.jpg) top left no-repeat; height: 327px; text-align: left; }
#footer    { background: url(uploads/layout/bg_footer.jpg) top left no-repeat; height: 29px; }
#content   { width: 800px; padding: 7px 0 0 0; margin: 0 0 0 96px;/* overflow: hidden; _height: 1%;*/ }
#text      { line-height: 150%; width: 545px; float: left; padding: 0 }
#menu      { position: absolute; top: 93px; left: 70px; overflow: hidden; _height: 1%; }

/**
 * Bar
 */
#bar            { background: #272e34 top left repeat-y; width: 240px; float: right; color: #fff; }
#bar_top        { background: url(uploads/layout/bar_top.gif) top left no-repeat; height: 149px; }
#bar_content    { margin: -100px 0 0 0; padding: 0 0 2em 0; }
#bar_bottom     { background: url(uploads/layout/bar_bottom.gif) top left no-repeat; height: 40px; }
#bar ul         { list-style: none; padding: 0; margin: 0 15px; }
#bar ul ul      { margin: .5em 0 .5em 2.5em; list-style-type: disc; }
#bar ul li      { border-bottom: dotted #111 1px; margin: 0; }
#bar ul li li   { border-bottom: dotted #272e34 1px; /* <-- IE6 white-space bug */line-height: 100%; margin: 0 0 .5em 0; }
#bar ul li a    { display: block; padding: .3em; text-decoration: none; }
#bar ul li li a { padding: 0; }
#bar ul li a:link, #bar ul li a:visited { color: #fff; }
#bar ul li a:hover, #bar ul li a:active { color: #4f7aa2; }
#bar ul li.currentpage { color: #4f7aa2; padding: .3em; }
#bar ul li li.currentpage { padding: 0; }

/**
 * Headings
 */
h1,h2,h3,h4,h5,h6 { font-family: "trebuchet ms", geneva, arial, helvetica, sans-serif; }
h1      { position: absolute; right: 84px; top: 0; }
h1 a    { display: block; width: 340px; height: 51px; background: url(uploads/layout/otps.gif) top left no-repeat; text-indent: -9999px; }
h2      { color: #91aac7; font-size: 1.8em; font-weight: normal; margin: 1em 0 1.2em 0; font-family: georgia, garamond, serif; }
h3      { font-weight: normal; font-size: 1.4em; margin: 0 0 .8em 0; }
#bar h3 { font-size: 1em; text-transform: uppercase; margin: 1.5em 0 1em 15px; color: #4f7aa2; }
h4      { font-size: 1.2em; font-weight: normal; margin: 0 0 .7em 0; }

/**
 * Breadcrumbs
 */
#breadcrumbs { font-size: .9em; text-align: right; }

/**
 * News
 */
.newsHeader          { overflow: hidden; _height: 1%; margin: 0 0 .5em 0; }
.newsInfo            { margin: 0 0 0 65px; padding: 13px 0 0 0; }
.calendarMockup      { color: #fff; border: solid #ccc 1px; padding: 4px; text-align: center; font-size: 1.2em; float: left; }
.calendarMockupWrapper { padding: 10px 8px; background: #272e34; }
.calendarMockup span.dayOfMonth { display: block; }
.calendarMockup span.monthAbbr  { text-transform: uppercase; }
.NewsSummary         { margin: 0 0 2.5em 0; }
.NewsSummaryInfo     { color: #555;  }
.NewsSummaryLink     { border-bottom: solid #ccc 0px; font-size: 1.3em; padding: 0 0 3px 0; }
.NewsSummaryMorelink { margin: .5em 0 0 0; }

/**
 * Ajankohtaista & tulevat
 */
#etusivu_container             { }
#ajankohtaista                 { float: left; width: 48%; }
#tulevat                       { float: right; width: 48%; z-index: 10; }
ul#tulevat_tapahtumat,
ul.news                        { z-index: 25; list-style: none; margin: 0; padding: 0; }
ul#tulevat_tapahtumat li,
ul.news li                     { background: url(uploads/layout/page_edit.png) 0 30% no-repeat; padding: 0 0 0 25px; }
ul#tulevat_tapahtumat li       { background-image: url(uploads/layout/calendar.png); position: relative; }
ul#tulevat_tapahtumat li .info { opacity: .9; z-index: 100; position: absolute; width: 300px; border: solid #ccc 1px; padding: .5em; background: #eee; top: 5px; left: 5px; }

/**
 * Forms
 */
fieldset                          { padding: .5em 1em; margin: 0 0 1em 0; border: solid #ddd 1px; }
legend                            { text-transform: uppercase; padding: 0 .5em; font-size: 1em; }
.formbuilderform div              { margin: 0 0 .3em 0; overflow: hidden; _height: 1%; }
.formbuilderform div label        { width: 30%; float: left; }
.formbuilderform input            { color: #333; }
select,
textarea,
input[type=text]                  { font-family: inherit; font-size: 1em; color: #222; background: #f5f5f5; border: solid #ccc 1px; padding: 3px; }
.formbuilderform select,
.formbuilderform input[type=text] { width: 50%; }
select:focus,
input[type=text]:focus            { border: solid #888 1px; }
option                            { padding: 0 3px; }
input[type=submit]                { border-style: solid; border-width: 1px; border-color: #bbb #888 #888 #bbb; padding: 3px 10px; background: #ccc; }
input[type=submit]:hover          { border-color: #888 #bbb #bbb #888; }
input[type=checkbox]              { float: left; margin: .3em 1em 0 0; }

.formbuilderform .checkbox                    { margin: .8em 0; }
.formbuilderform .radiobuttongroup label,
.formbuilderform .jasentyyppi label           { float: none; margin: 0 0 .5em 0; display: block; width: auto; }
.formbuilderform .checkbox label              { width: auto; }
.formbuilderform .radiobuttongroup div label,
.formbuilderform .jasentyyppi div label       { display: inline; padding: 0 0 0 .5em; }
.radiobuttongroup div                         { float: left; margin: 0 1.5em 1em 0; }

/**
 * Seelarin varauslomake
 */
.seelarin_varauslomake select { width: 15%; }
.seelarin_varauslomake textarea { width: 60%; height: 100px; }
.seelarin_varauslomake .checkboxgroup label { width: 90%; }

/**
 * Laituri- ja telakointipaikkasopimus
 */
.laituri-ja-telakointipaikkasopimus form { margin: 0 0 2em 0; }

/**
 * Hallitus
 */
.hallitus p { overflow: hidden; _height: 1%; }
.hallitus p img { float: left; margin: 0 15px 0 0; }

/**
 * Error messages
 */
.error_message       { border-left: solid #ffb236 4px; margin: 0 0 1em 0; padding: 10px; background: #efa; }
.error_message ul    { list-style: none; margin: 0; padding: 0 0 0 40px; background: url(uploads/layout/error.png) top left no-repeat; }
.error_message ul li { margin: 0; }

/**
 * Vuosikalenteri
 */
.calendar_nav         { margin: 0 0 1em 0; overflow: hidden; _height: 1%; }
.calendar-prev        { float: left; }
.calendar-next        { float: right; }
.calendar_month       { margin: 0 0 2em 0;}
.calendar_event       { padding: .5em; overflow: hidden; _height: 1%; }
.calendar_date        { font-weight: bold; float: left; width: 100px; }
.calendar_event_content { margin: 0 0 0 100px; }
.calendar_event_title { }
.calendar_summary     { margin: 0 0 .5em 0; }
.calendar_toggle_details { cursor: pointer; text-decoration: underline; }
.calendar_details        { border-left: solid #ccc 4px; margin: 1em 0 0 1em; padding: 0 .5em; }
.calendar_list .odd {  }
.calendar_list .even { background: #eee; }

/**
 * Jasentiedotteet
 */
.jasentiedotteet ul    { list-style: none; margin: 0; padding: 0; overflow: hidden; _height: 1%; margin: 0 0 1em 0; }
.jasentiedotteet ul li { float: left; width: 29%; padding: 0 0 0 3%; margin: 0 1% .5em 0; background: url(uploads/layout/comment_edit.png) top left no-repeat; }

/**
 * Satama
 */
.satama ol    { overflow: hidden; _height: 1%; }
.satama ol li { float: left; width: 46%; margin: 0 2% .3em 0; }

/**
 * Links
 */
.linkit ul    { overflow: hidden; _height: 1%; }
.linkit ul li { float: left; width: 46%; margin: 0 2% .3em 0; }
/* End of 'OTPS_Main' */


/* End of 'OTPS_Main' */


/* End of 'OTPS_Main' */


/* End of 'OTPS_Main' */