@media screen
{
  html 
  { 
  min-height: 100%; 
  margin-bottom: 0.01cm;
  }
  
  body
  {
  font-family:sans-serif;
  color:#000000;
  font-size:75%;
  line-height:140%;
  text-align:center;
  background-color:#A0ACAB;
  margin:0;
  }
  
  table
  {
  border-collapse:collapse;
  margin:0;
  padding:0;
  }
  
  td
  {
  margin:0;
  padding:0;
  vertical-align:top;
  }

  td.ceCell
  {
  padding:2px;
  vertical-align:top;
  }
  
  h1,  h2,  h3, h4, h5, h6
  {
  margin-top:0;
  margin-bottom:14px;
  color:#005B7B;
  }
  
  p
  {
  margin-top:0;
  margin-bottom:10px;
  }
  
  div.core
  {
  width:917px;
  margin-left:auto;
  margin-right:auto;
  background-color:#ffffff;
  }
  
  div.coreTop
  {
  height:86px;
  background-color:#184180;
  color:#ffffff;
  background-image:url(/fi/gfx/opsessori_top.jpg);
  background-repeat:no-repeat;
  padding-top:4px;
  }
  
  div.coreBottom
  {
  margin-left:auto;
  margin-right:auto;
  color:#005B7B;
  font-size:90%;
  padding-top:6px;
  width:927px;
  height:30px;
  background-color:#A0ACAB;
  background-image:url(/fi/gfx/bottom_frame_back.gif);
  background-repeat:repeat-x;
  }
  
  span.copyright
  {
  padding:0px 4px 0px 14px;
  color:#005B7B;
  font-size:90%;
  }
  
  td.coreNavi
  {
  padding:10px 10px 10px 12px;
  width:240px;
  }
  
  td.coreInfo
  {
  padding:10px 10px 10px 10px;
  }
  
  td.coreNews
  {
  padding:10px 11px 10px 20px;
  width:200px;
  }
  
  div.coreMainNavi
  {
  margin-bottom:1px;
  height:23px;
  white-space:nowrap;
  }
  
  .naviLinks
  {
  padding-top:3px;
  float:left; 
  width:861px;
  height:20px;
  background-color:#005B7B;
  
  }
  
  span.mainNavi
  {
  padding:0px 0px 0px 10px;
  }
  
  div.userName
  {
  padding:0px 20px 0px 0px;
  color:#005B7B;
  font-size:90%;
  }
  
  div.dateTime
  {
  padding:0px 20px 0px 0px;
  color:#005B7B;
  font-size:90%;
  }
  
  div.orgGrpInfo
  {
  padding:25px 20px 0px 0px;
  color:#0283B1;
  font-size:130%;
  }
  
  a.mainNavi
  {
  color:#ffffff;
  text-decoration:none;
  padding:3px 3px 3px 3px;
  font-size:12px;
  }
  
  a.mainNavi:hover
  {
  color:#005B7B;
  text-decoration:none;
  background-color:#ffffff;
  padding:3px 1px 3px 1px;
  font-size:12px;
  border:2px solid #ffffff;
  }
  
  a
  {
  color:#184180;
  text-decoration:underline;
  }
  
  a:hover
  {
  color:#000000;
  text-decoration:underline;
  }
  
  a.orgsNavi
  {
  color:#5674A2;
  text-decoration:none;
  }
  
  a.orgsNavi:hover
  {
  color:#042C68;
  text-decoration:underline;
  }
  
  a.actionLink
  {
  color:#184180;
  font-weight:bold;
  text-decoration:none;
  }
  
  a.actionLink:hover
  {
  color:#000000;
  font-weight:bold;
  text-decoration:underline;
  }

  a.wizardLink
  {
  color:#184180;
  text-decoration:none;
  font-weight:bold;
  }
  
  .toolInfo
  {
  margin-bottom:20px;
  display:none;
  
  }
  
  img
  {
  margin:0;
  padding:0;
  border:0;
  }
  
  .orgsTitle
  {
  padding:0px 4px 0px 10px;
  background-color:#005B7B;
  color:#ffffff;
  }
  
  .orgsTitleMargin
  {
  margin-top:20px;
  }
  
  .organizationName
  {
  }
  
  .commentsTitle
  {
  padding-top:3px;
  color:#ffffff;
  background-color:#005B7B;
  padding:0px 4px 0px 10px;
  margin-right:12px;
  }
  
  /* EVENTS + NEWS */
  
  
  .newsBlock
  {
  margin-bottom:0px;
  border-left:1px solid #005B7B;
  border-right:1px solid #005B7B;
  border-bottom:1px solid #005B7B;
  padding:10px 10px 10px 10px;
  line-height:120%;
  font-size:90%;
  }
  
  .eventsBlock
  {
  margin-bottom10px;
  padding:10px 10px 10px 10px;
  line-height:120%;
  border:1px solid #005B7B;
  font-size:90%;
  }
  
  .newsHeader
  {
  margin-bottom:4px;
  
  }
  
  .eventsHeader
  {
  margin-bottom:4px;
  }
  
  .headerLink
  {
  text-decoration:none;
  color:#000000;
  }
  
  .newsDate
  {
  margin-top:8px;
  font-style:italic;
  }
  
  .eventsDate
  {
  margin-top:8px;
  font-style:italic;
  }
  
  .newsTitle
  {
  padding-top:3px;
  color:#ffffff;
  letter-spacing:1px;
  font-size:12px;
  float:left; 
  width:172px; 
  height:20px; 
  background-color:#005B7B;
  }
  
  .eventsTitle
  {
  padding-top:3px;
  color:#ffffff;
  letter-spacing:1px;
  font-size:12px;
  float:left; 
  width:172px; 
  height:20px; 
  background-color:#005B7B;
  }
  
  .newsCore
  {
  margin-bottom:20px;
  }
  
  /* WEBFORM STYLES */
  
  input.field
  {
  background-color:#FFFFFF;
  border:1px inset #005B7B;
  display:inline;
  font-size:9pt;
  }
  
  input.textField
  {
  background-color:#FAF9F9;
  border:1px dashed #CECCCC;
  font-size:9pt;
  padding:3px;
  text-decoration:none;
  }
  
  input.fieldError
  {
  border:1px dashed #CECCCC;
  font-size:9pt;
  padding:3px;
  text-decoration:none;
  }
  
  textarea.memoField
  {
  background-color:#FAF9F9;
  border:1px dashed #CECCCC;
  font-size:9pt;
  padding:3px;
  font-family:arial;
  text-decoration:none;
  }
  
  div.webformCaption
  {
  margin-top:5px;
  text-decoration:none;
  font-weight:bold;
  }
  
  input.button
  {
  background-color:#005B7B;
  border:0;
  text-align:center;
  color:#FFFFFF;
  display:inline;
  font-size:8pt;
  border:1px outset #73A1E8;
  margin-top:10px;
  }
  
  /* FORUM STYLES */
  
  a.messageTree
  {
  color:#463102;
  text-decoration:none;
  }
  
  a.messageTree:hover
  {
  color:#463102;
  text-decoration:underline;
  }
  
  td.title
  {
  background-color:#005B7B;
  color:#FFFFFF;
  font-weight:bold;
  height:22px;
  padding-left:0.25cm;
  padding-right:0.25cm;
  vertical-align:middle;
  white-space:nowrap;
  }
  
  td.subtitle
  {
  background-color:#f6f6f6;
  font-weight:bold;
  padding-top:0.1cm;
  padding-left:0.25cm;
  padding-right:0.25cm;
  padding-bottom:0.1cm;
  white-space:nowrap;
  }
  
  td.subtitleForum
  {
  background-color:#f1f1f1;
  border-bottom:1px solid #184180;
  border-top:1px solid #184180;
  font-weight:bold;
  padding-top:0.1cm;
  padding-left:0.25cm;
  padding-right:0.25cm;
  padding-bottom:0.1cm;
  white-space:nowrap;
  }
  
  .darkBackground
  {
  background-color:#f2f2f2;
  }
  
  /* CALENDAR STYLES */
  
  .header
  {
  background-color:#005B7B;
  color:#FFFFFF;
  font-weight:bold;
  height:22px;
  padding-left:0.25cm;
  padding-right:0.25cm;
  vertical-align:middle;
  white-space:nowrap;
  }
  
  td.calendar
  {
  border:1px solid #184180;
  margin:0px;
  padding:0px;
  text-align:center;
  vertical-align:middle;
  height:35px;
  width:35px;
  }
  
  td.calendarHeader
  {
  background-color:#73A1E8;
  border:1px solid #184180;
  padding-top:0.1cm;
  padding-bottom:0.1cm;
  text-align:center;
  vertical-align:middle;
  color:#ffffff;
  }
  
  a.calendarWeekLink
  {
  color:#ffffff;
  font-weight:bold;
  }
  
  a.calendarWeekLink:hover
  {
  color:#184180;
  font-weight:bold;
  }
  
  td.calendarTitle
  {
  background-color:#73A1E8;
  }
  
  td.calendarNotCurMonth
  {
  background-color:#e2e2e2;
  }
  
  td.calendarSelected
  {
  border:3px solid #184180;
  text-align:center;
  vertical-align:middle;
  }
  
  td.calendarPrivateEvents
  {
  background:url(/fi/gfx/eventprivate.gif) no-repeat;
  }
  
  td.calendarPublicEvents
  {
  background:url(/fi/gfx/eventpublic.gif) no-repeat;
  }
  
  td.weekCalendarPublic
  {
  background-color:#0000ff;
  }
  
  td.weekCalendarPrivate
  {
  background-color:#ff0000;
  }
  
  /* FILES STYLES */
  
  span.actionLinkDisabled
  {
  color:#A0A0A0;
  font-weight:bold;
  white-space:nowrap;
  }
  
  .hTitle
  {
  font-weight:bold;
  margin-right:8px;
  }
  
  .vTitle
  {
  font-weight:bold;
  }
  
  /* COMMENTS STYLES */
  
  div.comments
  {
  
  padding-top:10px;
  }
  
  /* GENERAL STYLES*/
  
  form
  {
  padding:0;
  margin:0;
  }
  
  .left
  {
  text-align:left;
  }
  
  .right
  {
  text-align:right;
  }
  
  .center
  {
  text-align:center;
  }
  
  .bottom
  {
  vertical-align:text-bottom;
  }
  
  .top
  {
  vertical-align:top;
  }
  
  .middle
  {
  vertical-align:middle;
  }
  
  img
  {
  border:0;
  }
  
  .content
  {
  padding-top:0.1cm;
  padding-left:0.25cm;
  padding-bottom:0.1cm;
  padding-right:0.25cm;
  }
  
  .bold
  {
  font-weight:bold;
  }
  
  .maxWidth
  {
  width:100%;
  }
  
  .noWrap
  {
  white-space:nowrap;
  }
  
  .borderTop
  {
  border-top:1px solid #184180;
  }
  
  .borderLeft
  {
  border-left:1px solid #184180;
  }
  
  .borderBottom
  {
  border-bottom:1px solid #184180;
  }
  
  .borderBottomDashed
  {
  border-bottom:1px dashed #184180;
  }
  
  .borderRight
  {
  border-right:1px solid #184180;
  }
  
  .border
  {
  border:1px solid #184180;
  }
  
  span.selectedResource
  {
  background:#000080;
  border:1px solid #667c65;
  color:#ffffff;
  padding-left:2px;
  padding-right:1px;
  }
  
  .compositeTOC
  {
  padding-bottom:10px;
  }
  
  .compositeDocHeader
  {
  height:20px;
  font-size:12pt;
  font-weight:bold;
  margin-top:12px;
  margin-bottom:4px;
  }
  
  .compositeTOCHeader
  {
  padding:2px;
  }
  
  .compositeTOCHeaderLink
  {
  text-decoration:none;
  }
  
  .additiveDoc1st
  {
  margin-top:20px;
  padding:10px 0px 10px 0px;
  border-top:1px dashed #666666;
  }
  
  .additiveDoc2nd
  {
  padding:10px 0px 10px 0px;
  border-top:1px dashed #666666;
  }
  
  .printContent
  {
  width:624px; 
  margin-left:auto; 
  margin-right:auto; 
  background-color:#ffffff; 
  padding:0.25cm; 
  border:1px dashed #d2d2d2;"
  }

  .printButton
  {
  margin-left:auto;
  width:auto;
  background-color:#F2F2F2;
  padding:0px 3px 0px 3px;
  margin-bottom:10px;
  width:68px;
  color:#184180;
  border:1px solid #E6E6E6;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  }

  .printButton:hover
  {
  margin-left:auto;
  width:auto;
  background-color:#184180;
  padding:0px 3px 0px 3px;
  margin-bottom:10px;
  width:68px;
  color:#ffffff;
  border:1px solid #3E639B;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  } 

  /* LATEST MESSAGE */

  .commentWrapper, .descWrapper
  {
  padding:6px 10px 6px 10px;
  margin-top:2px;
  margin-bottom:10px;
  border:1px dashed #d2d2d2;
  color:#666666;
  }

  .opsTitleLatestMessage
  { 
  text-decoration:none;
  }

  .commentTitleLatestMessage
  {
  font-size:90%;
  }

  .commentContentLatestMessage
  {
  font-size:90%;
  }

  .updatedOpsRss
  {
  float:right;
  width:16px;
  height:16px;
  margin-right:2px;
  }

  .updatedOpsHeader
  {
  margin-right:30px;
  }

  .editIcon
  {
  float:right;
  margin-right:4px;
  }

}

@media print
{
  html 
  { 
  min-height: 100%; 
  margin-bottom: 0.01cm;
  }
  
  body
  {
  font-family:Times New Roman;
  color:#000000;
  font-size:10pt;
  text-align:left;
  background-color:#ffffff;
  margin:0;
  }

  td.ceCell
  {
  padding:2px;
  vertical-align:top;
  }

  .printButton
  {
  display:none;
  }
  
  .printContent
  {
  background-color:#ffffff; 
  width:auto;
  }
}