/* KOPIOFOORUMI CSS */

/* TABLE & PAGE */
/* Page content. Normally page content is defined by a page component. Header is main header for page. Second header can be used as subtitle, like news headline. Page content might contain tables, which typically has different styles for even and odd rows. */

a:link { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #0004B0; font-weight: bold; text-decoration: none }
a:visited { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #0004B0; font-weight: bold; text-decoration: none }
a:active { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #1567FF; font-weight: bold; text-decoration: none }
a:hover { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #1567FF; font-weight: bold; text-decoration: none }

a.login:link { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #0004B0; font-weight: bold; text-decoration: none }
a.login:visited { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #0004B0; font-weight: bold; text-decoration: none }
a.login:active { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #1567FF; font-weight: bold; text-decoration: none }
a.login:hover { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #1567FF; font-weight: bold; text-decoration: none }

h3{font-size:13px;}
h2{font-size:13px;}
h1{font-size:14px;}

body.pageMain { margin-top:0px;margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration: none; text-align:justify; background-color: #ffffff}
body.mainPage { margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration: none; text-align:justify; background-color: #ffffff}
.pageTitle { vertical-align: middle; border: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 24pt; font-weight: normal; color: #00009B; line-height:100%; text-decoration: none; font-style: normal}
.pageHeader {border: 0; font-family: Arial,Verdana,Helvetica,Sans-Serif;; font-size: 10pt; font-weight: bold; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.pageIngres {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.pageDate {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.pageItalic {font-family: Arial,Verdana,Helvetica,Sans-Serif;font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.pageText {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.pageTableheader {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003399; line-height:100%; text-decoration: none; font-style: normal}
.pageTableRow {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10px; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal; background-color: #F4F4FF}
.pageTableRow2 {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal; background-color: #F4F4FF}

/* LIST */
/* List can be used as part of the page content. For example, news page has list of news headlines on the side. List can also be used to show up some search results. Header is the main header for list (first row), rest of the table rows will be defined by row/row2. Header2 could be used as news headline or persons name on personnel search results. */

.list { border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.listHeader {border: 0; font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.listHeader2 {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.listHeaderLine { background-color: #000000}
.listSeparatorLine { background-color: #A5A5A5}
.listIngres {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.listDate {font-family: font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.listRow {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 8pt; background-color: #EEF4FF;} 
.listRow2 {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 8pt; background-color: #FFFFFF;} 
a.listLink:link { color: #8888FF; font-weight: bold !important; text-decoration: none }
a.listLink:visited { color: #8888FF; font-weight: bold !important; text-decoration: none }
a.listLink:active { color: #6060FF; font-weight: bold !important; text-decoration: none }
a.listLink:hover { color: #6060FF; font-weight: bold !important; text-decoration: none }

/* MENU */
/* Menu is the main menu that is normally located in top or in the left side of the page. Main menu has links to main level pages. Menu can be either simple linklist or tree structure. In tree structure the submenu selections appearance can be defined different by subUnselected and subSelected. */

body.menuBody {  font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size:
10pt; font-style: normal; line-height: normal; font-weight: normal;
color: #000000; text-decoration: none; text-align:justify;
background-color: #404B94}
table.menu {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal;margin-left: 2px}

.menuColor {
  background-color: #404B94
}


td.menuUnselected {font-family: Arial,Verdana,Helvetica,Sans-Serif;
font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal;
padding: 0px 0px 12px 0px}
td.menuSelected {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.menuSubUnselected {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.menuSubSelected {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
a.menu:hover {  font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: #FFFFCC!important; line-height:110%; text-decoration: none; font-style: normal}
a.menu:active {  font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF!important; text-decoration: none; line-height:110%}
a.menu:link {  font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; line-height:110%; font-weight: bold; color: #FFFFFF; text-decoration: none; font-style: normal}
a.menu:visited {  font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; line-height:110%; font-weight: bold; color: #FFFFFF; text-decoration: none}
.listSeparatorLine {}


/* SUBMENU */
/* Submenu is normally used when main menu is located on top of the page. Behavior is identical to menu. */

.submenu {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.submenuSubUnselected {font-family:
Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.submenuSubSelected {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.submenuSubUnselected {font-family:
Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
td.submenuSubSelected {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}


/* INFOBOX */

.infobox {font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:
10pt; font-weight: normal; color: #000000; line-height:100%;
text-decoration: none; font-style: normal;}
.infoboxHeader {border: 0; font-family:
Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: #000000; line-height:100%; text-decoration: none; font-style: normal; height: 25px}
.infoboxHeader2 {border: 0; font-family:
Arial,Verdana,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: #333366; line-height:100%; text-decoration: none; font-style: normal}
.infoboxHeaderLine { background-color: #000000}
.infoboxSeparatorLine { background-color: #A5A5A5}
.infoboxFooter {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF; font-weight: bold}
.infoboxRow {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; background-color: #EEF4FF;}
.infoboxRow2 {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF;}
.infoboxRowBig {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; letter-spacing: 1; background-color: #EEF4FF;}
.infoboxRow_1 a {font-weight:normal;color:blue;}

.infoboxRow_pending a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_pending {border:1px solid #d7d1d1; background:#f0f0f0;white-space:normal;}
.infoboxRow_production a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_production {border:1px solid #d7d1d1; background:#ffff6d;}
.infoboxRow_completed a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_completed {border:1px solid #d7d1d1; background:#b2ff59;}
.infoboxRow_sent a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_sent {border:1px solid #d7d1d1; background:#b2ff59;}

/**
 * status 0:new
 * status 10: unfinished
 * status 50: cancelled
 * status 70: sent
 * status 75: processing
 * status 76: ready
 * status 78: delivered
 */
.infoboxRow_10 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_10 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_10 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_10 {border:1px solid #d7d1d1; background:#f0f0f0;white-space:normal;font-size: 8pt;}
.infoboxRow_50 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_50 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_50 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:black;}
.infoboxRow_50 {border:1px solid #d7d1d1; background:#f0f0f0;white-space:normal;font-size: 8pt;}
.infoboxRow_75 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_75 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_75 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_75 {border:1px solid #d7d1d1; background:#ffff6d;font-size: 8pt;}
.infoboxRow_70 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_70 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_70 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_70 {border:1px solid #d7d1d1; background:#ffff6d;font-size: 8pt;}
.infoboxRow_76 a,.infoboxRow_78 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_76 a:link,.infoboxRow_78 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_76 a:hover,.infoboxRow_78 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_76,.infoboxRow_78 {border:1px solid #d7d1d1; background:#b2ff59;font-size: 8pt;}
.infoboxRow_78 a,.infoboxRow_78 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_78 a:link,.infoboxRow_78 a:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_78 a:hover,.infoboxRow_78 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color:black;}
.infoboxRow_78,.infoboxRow_78 {border:1px solid #d7d1d1; background:#b2ff59;font-size: 8pt;}



/* FORM */
/* Form means an common edit table, for example to add user or change user data. Edit table is usually build up dynamically from data field headers and values. If values are not correct, there will be some errors. Form elements should always be defined to have white background. */

.form {  font-family: Arial,Verdana,Helvetica,Sans-Serif;; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.formHeader {border: 0; font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.formHeader2 {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.formHeaderLine { background-color: #000000}
.formSeparatorLine { background-color: #A5A5A5}
.formFooter {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal;}
.formRow {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10pt; background-color: #EEF4FF;}
.formRow2 {border: 0; font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10pt; background-color: #EEF4FF;}
.formElement {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
.formError {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: #ff0000; line-height:100%; text-decoration: none; font-style: normal}


/* BUTTON */
/* Buttons can be used to have more attention and visual look than normal links. Button is normally a small table that has three cells. First has some image (like arrow), second has text and third is there just to balance the text location. */

.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
a.buttonText: link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
a.buttonText: visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
a.buttonText: active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}
a.buttonText: hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; line-height:100%; text-decoration: none; font-style: normal}


/* REPORT */
.report {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #000000; 
  line-height:100%; 
  text-decoration: none; 
  font-style: normal;
  white-space: nowrap;
}

th.report {
  height: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold; 
  color: #000000; 
  background-color: #eeccaa;
  line-height:100%; 
  text-decoration: none; 
  font-style: normal;
  white-space: nowrap;
  horizontal-align: left;
}

td.reportrow {
  height: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #000000; 
  background-color: #f0f0ff;
  font-style: normal;
  white-space: nowrap;
  border-bottom: 0px solid #000088;
}

td.reportrow_small {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: normal; 
  color: #000000; 
  background-color: #f0f0ff;
  font-style: normal;
  white-space: nowrap;
  border-bottom: 0px solid #000088;
}



/* KOPIOFOORUMI CSS LOPPU */