@media all
{
  /* Globals */

  * {
    font-family         : arial, sans-serif;
    font-size           : 14px;
    margin              : 0px;
    padding             : 0px;
  }

  body {
    background          : #FFFFFF;
    color               : #000000;
    margin              : 0 4px;
    padding             : 0;
    text-align          : center;
  }
  
  a {
    background-color    : inherit;
    color               : #000000;
    text-decoration     : none;
  }

  a:hover {
    background-color    : inherit;
    color               : #82B8D1;
    text-decoration     : none;
  }

  h1 {
    display             : block;
    font-size           : 2em;
    margin              : .67em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  h2 {
    display             : block;
    font-size           : 1.5em;
    margin              : .83em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  h3 {
    display             : block;
    font-size           : 1.17em;
    font-weight         : bold;
    margin              : 1em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  h4 {
    display             : block;
    font-size           : 1.0em;
    font-weight         : bolder;
    margin              : 1.33em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  h5 {
    display             : block;
    font-size           : .83em;
    line-height         : 1.17em;
    margin              : 1.67em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  h6 {
    display             : block;
    font-size           : .67em;
    margin              : 2.33em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }
  
  img {
    border              : none;
    margin              : 0px;
    padding             : 0px;
  }
  
  input {
    -moz-box-sizing     : border-box;
  }
  
  textarea {
    -moz-box-sizing     : border-box;
  }
  
  fieldset {
    border: none;
  }
  
  /* Classes */

  fieldset.listConfirmArea {
    font-weight         : bold;
    border              : solid 3px #EC0000;
    background-color    : #EFEFEF;
    color               : #000000;
    display             : block;
    text-align          : center;
    width               : 100%;
    z-index             : 1;
    padding             : 5px;
    filter              : alpha(opacity=90);
    -moz-opacity        : .90;
    opacity             : .90;
  }

  fieldset.listConfirmArea legend {
    margin-left         : 6px;
    padding             : 0px 0px 0px 0px;
  }

  fieldset.listConfirmArea .button {
    width               : 75px;
    margin              : 10px 0 10px 0;
  }

  fieldset.messageArea {
    font-weight         : bold;
    border              : solid 3px #000000;
    background-color    : #F5F5F5;
    color               : #000000;
    display             : block;
    text-align          : center;
    width               : 100%;
    z-index             : 1;
    padding             : 5px;
    filter              : alpha(opacity=90);
    -moz-opacity        : .90;
    opacity             : .90;
  }

  fieldset.messageArea legend {
    margin-left         : 6px;
    padding             : 0px 0px 0px 2px;
  }

  .errorMessage, #errorMessage {
    color               : #EC0000;
    border-color        : #EC0000;
    font-weight         : bold;
    padding             : 0px 0px 10px 0px;
    /* text-decoration     : blink; */
  }
  
  .infoMessage, #infoMessage {
    color               : #EC0000;
    border-color        : #EC0000;
    font-weight         : bold;
    margin              : 0px;
    padding             : 0px 0px 10px 0px;
  }
  
  .questionMessage, #questionMessage {
    color               : #E68405;
    border-color        : #E68405;
    font-weight         : bold;
    margin              : 0px;
    padding             : 0px 0px 10px 0px;
  }

  .okMessage, #okMessage {
    color               : #3F9916;
    border-color        : #3F9916;
    font-weight         : bold;
    margin              : 0px;
    padding             : 0px 0px 10px 0px;
  }

  .messageArea[style] {
    height              : auto;
  }

  .buttonRow {
    text-align          : right;
    padding             : 4px 0 0 2px;
  }

  input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 0;
    width               : auto;
  }

  .formTable_C1 {
    border              : none;
    margin              : auto;
    text-align          : left;
  }

  .formTable_C1 caption {
    margin-bottom       : 10px;
    position            : relative;
    font-size           : 20px;
    background-color    : #ffffff;
    color               : black;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .formTable_C1 input.checkBoxGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .formTable_C1 input {
    margin              : 5px;
    padding             : 10px;
    width               : 250px;
    font-size           : 14pt;
    border-radius       : 5px;
  }
  
  .formTable_C1 input.radioGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }
  


  .formTable_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    border-radius       : 5px;
    color               : #000000;
    margin              : 4px 5px 8px 0;
    width               : auto;
  }
  
  .formTable_C1 select, .formTable_C1 select option {
    margin              : 2px;
    margin-left         : 5px;
    padding             : 2px;
    width               : 250px;
    font-size           : 16pt;
  }

  .formTable_C1 textarea {
    margin              : 2px;
    padding             : 0;
    width               : 250px;
  }

  .formTable_C1 td {
    width               : 250px;
  }

  .formTable_C1 th {
    padding             : 15px;
    padding-left	: 7px;
    vertical-align      : top;
    font-size           : 12pt;
  }

  .formTable_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .formTableTdEverySecond {
    background-color    : #E9EAEA;
  }

  .formTable {
    width: 100%;
    margin-right        : 0; 
    margin-left         : auto;
  }

  .formTable .reportForm_C1 {
    width: 100%;
  }

  .formTabArea {
    margin-right        : 0; 
    margin-left         : auto;
  }

  .formTabArea table {
    border-right        : 1px solid #82B8D1;
    border-top          : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .formTabArea a {
    background-color    : #FFFFFF;
    border-left         : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .formTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .checkboxEverySecond {
    background-color    : #E9EAEA;
    padding-right       : 5px;
  }

  
  .requiredChar
  {
    color: #F00;
    font-weight: bold;
  }  
  
  .listArea {
    text-align          : right;
  }

  .listArea input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 0 8px 0;
    width               : auto;
    font-size		: 16px;
  }
  
  .listTable {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    text-align          : left;
    width               : 100%;
    page-break-after		: always;
  }
  
  .listTable caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .listTable th {
    background-color    : #A2D8F1;
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 .5em;
    text-align          : left;
  }



  .listTable tr td{
    border-bottom:1pt solid lightgray;
  }
 

  .listTable th.action {
    text-align          : center;
    width               : 80px;
  }
  
  .listTable td {
    padding             : 0 .5em;
  }
  
  .listTable td.action {
    padding-top         : 3px;
    text-align          : center;
  }

  .listTable td.gray {
    background-color    : #E9EAEA;
    color               : inherit;
  }

  .listTable td.grayAction {
    background-color    : #E9EAEA;
    color               : inherit;
    padding-top         : 3px;
    text-align          : center;
  }

  
  .lista {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    text-align          : left;
    width               : 100%;
    page-break-after            : always;
  }
  
  .lista caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .lista th {
    background-color    : #A2D8F1;
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .lista th.action {
    text-align          : center;
    width               : 80px;
  }
  
  .lista td {
    padding             : 0.5em;
  }
  
  .lista td.action {
    padding-top         : 3px;
    text-align          : center;
  }

  .lista tr:nth-child(even) td {
    background-color    : #E9EAEA;
    color               : inherit;
  }

  .lista td.grayAction {
    background-color    : #E9EAEA;
    color               : inherit;
    padding-top         : 3px;
    text-align          : center;
  }

  .frm_tuc_connections .change_list_tuc_id {
    width: 200px; 
    margin-bottom: 20px;
  }

  .frm_tuc_connections .datepicker {
    width: 125px; 
    padding: 5px;
  }

  .frm_tuc_connections button[type="submit"] {
    padding: 5px; 
    color: white; 
    background: #2d80bd; 
    margin-top: 10px; 
    float: right;
  }

  .lista .edit_btn {
    padding: 5px; 
    color: white; 
    background: #2d80bd;
  }
  
  #esimiesForm div.selecti{
    float: left;
    width: 35%;
    min-width: 100px;
  }
  
  #esimiesForm div.selecti select{
    width: 100%;
    height: 30em;
  }
  
  #esimiesForm select[name=site],#esimiesForm input[value=Valitse]{
    float: left;
  }
  
  #esimiesForm input[name=select],#esimiesForm input[name=deselect]{
    padding: 1em;
    margin: 1em 0.5em 0 0.5em;
  }
  
  #esimiesForm div.painikkeet{
    float: left;
  }
  
  .listTableApprove {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    text-align          : left;
    width               : 100%;
  }

  .listTableApprove caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .listTableApprove th {
    background-color    : #A2D8F1;
    color               : #000000;
    font-weight         : bold;
    line-height         : 1em;
    padding             : .2em .5em;
    text-align          : center;
  }

  .listTableApprove td {
    padding             : 0 .5em;
    text-align          : center;
  }

  .listTableApprove td.gray {
    background-color    : #E9EAEA;
    color               : inherit;
  }

  .hourbankList {
    margin              : 0 auto;
    width               : 564px;
  }

  .hourbankReportForm_C1 {
    text-align          : right;
    width               : 100%;
  }

  .salaryList {
    margin              : 0 auto;
    text-align          : center;
    width               : 400px;
  }

  .contractListArea {
    position            : absolute;
    top                 : 262px;
    left                : 5%;
    
    border              : none;
    color               : #000000;
    font-weight         : normal;
    line-height         : 1.2em;
    padding             : 0;
    text-align          : left;
    width               : 44%;
  }
  
  .contractListTabArea {
    position            : absolute;
    top                 : 242px;
    left                : 5%;

    display             : block;
    padding             : 0;
    text-align          : right;
    width               : 44%;
  }

  .contractListTabArea table {
    border-top          : 1px solid #82B8D1;
    border-left         : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .contractListTabArea a {
    background-color    : #FFFFFF;
    border-right        : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : center;
  }

  .contractListTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : center;
  }
  .contractList {
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 100%;
  }

  .contractList caption {
    background-color    : #82B8D1;
    border              : none;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 0.5em;
    text-align          : left;
  }

  .contractList td {
    padding             : 0 .5em;
  }

  .contractList td.gray {
    background-color    : #E9EAEA;
    color               : inherit;
  }

  .weekreportListTable {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    text-align          : left;
    width               : 100%;
  }
  
  .weekreportListTable caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 0.5em;
    text-align          : left;
  }

  .weekreportListTable th {
    background-color    : #A2D8F1;
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .weekreportListTable th.action {
    text-align          : center;
    width               : 80px;
  }
  
  .weekreportListTable td {
    padding             : 0 .5em;
  }
  
  .weekreportListTable td.action {
    padding-top         : 3px;
    text-align          : center;
  }

  .weekreportListTable td.gray {
    background-color    : #E9EAEA;
    color               : inherit;
  }

  .weekreportListTable td.grayAction {
    background-color    : #E9EAEA;
    color               : inherit;
    padding-top         : 3px;
    text-align          : center;
  }

  .mainBannerTable {
    height              : 60px;
    text-align          : left;
    width               : 100%;
  }

  .mainBannerLeft {
    width               : 234px;
  }
  
  .mainBannerRight {
    padding:  0 3px 4px 0;
    text-align: right;
    vertical-align: bottom;
  }

  .mainBannerRight .bold {
    font-weight: bold;
  }

  .mainContent {
    margin              : 30px auto;
    width               : 80%;
  }
  
  .mainLayout {
    background-color    : #FFFFFF;
    color               : inherit;
    height              : 100%;
    text-align          : center;
    width               : 100%;
  
  }

  .mainMenuTable {
    text-align          : left;
    width               : 100%;
  }
  
  .menuItem_L1 {
    background-color    : #82B8D1;
    border-bottom       : #FFFFFF solid 2px;
    border-right        : #FFFFFF solid 1px;
    color               : #FFFFFF;
    font-size           : 3.0em;
    font-weight         : bold;
    line-height         : 1.5em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }

  .menuItem_L1 a {
    background-color    : inherit;
    color               : #FFFFFF;
    text-decoration     : none;
    white-space         : nowrap;
    font-size           : 3.0em;

  }

  .menuItem_L1 a:hover {
    background-color    : inherit;
    color               : #000000;
  }

  .menuItem_L1_Selected {
    background-color    : #FFFFFF;
    border-bottom       : #FFFFFF solid 2px;
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.5em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }

  .menuItem_L1_Selected a {
    background-color    : inherit;
    color               : #000000;
    text-decoration     : none;
    white-space         : nowrap;
  }

  .menuItem_L1_Selected a:hover {
    background-color    : inherit;
    color               : #82B8D1;
  }

  .menuItem_L1_Spacer {
    background-color    : #82B8D1;
    border-bottom       : #FFFFFF solid 2px;
    border-right        : #FFFFFF solid 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.5em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }
  
  .menuItem_L1_Spacer[class] {
      width               : 99%;
  }
  
  .menuItem_L2 {
    background-color    : #A2D8F1;
    border-bottom       : #FFFFFF solid 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }

  .menuItem_L2 a {
    background-color    : inherit;
    color               : #FFFFFF;
    text-decoration     : none;
    white-space         : nowrap;
  }

  .menuItem_L2 a:hover {
    background-color    : inherit;
    color               : #000000;
  }

  .menuItem_L2_Selected {
    background-color    : #A2D8F1;
    border-bottom       : #FFFFFF solid 1px;
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }
  
  .menuItem_L2_Selected a {
    background-color    : inherit;
    color               : #000000;
    text-decoration     : none;
    white-space         : nowrap;
  }

  .menuItem_L2_Selected a:hover {
    background-color    : inherit;
    color               : #000000;
  }  
  
  .menuItem_L3 {
    background-color    : #D0D0D6;
    border-bottom       : #FFFFFF solid 1px;     
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }

  .menuItem_L3 a {
    background-color    : inherit;
    color               : #FFFFFF;
    text-decoration     : none;
    white-space         : nowrap;
  }

  .menuItem_L3 a:hover {
    background-color    : inherit;
    color               : #000000;
  }

  .menuItem_L3_Selected {
    background-color    : #D0D0D6;
    border-bottom       : #FFFFFF solid 1px; 
    color               : #000000;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 1.5em;
    white-space         : nowrap;
  }
    
  .menuItem_L3_Selected a {
    background-color    : inherit;
    color               : #000000;
    text-decoration     : none;
    white-space         : nowrap;
  }  
  
  .menuItem_L3_Selected a:hover {
    background-color    : inherit;
    color               : #000000;
  }    
    
  .menuItem_Logout {
    background-color    : #82B8D1;
    border-bottom       : #FFFFFF solid 2px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.5em;
    padding             : 0 1.5em;
    text-align          : right;
    white-space         : nowrap;
  }

  .menuItem_Logout a {
    background-color    : inherit;
    color               : #FFFFFF;
    text-decoration     : none;
    white-space         : nowrap;    
  }
  
  .menuItem_Logout a:hover {
    background-color    : inherit;
    color               : #000000;
  }  

  .projectForm_C1 {
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 100%;
    margin-bottom       : 4px;
  }

  .projectForm_C1 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .projectForm_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 250px;
  }

  .projectForm_C1 input.checkBoxGroupItem {
    margin              : 3px 2px 5px 2px;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .projectForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .projectForm_C1 select {
    margin              : 2px;
    padding             : 0;
    width               : 250px;
  }

  .projectForm_C1 textarea {
    height              : 120px;
    margin              : 2px;
    padding             : 0;
    overflow            : -moz-scrollbars-vertical;
    width               : 250px;
  }

  .projectForm_C1 td {
    width               : 250px;
  }

  .projectForm_C1 th {
    padding             : 0 40px 0 4px;
    vertical-align      : top;
  }

  .projectForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .projectForm_C1 th.textRow {

    text-align          : left;
    padding             : 4px 4px;
  }

  .projectForm_C2 {
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 100%;
  }

  .projectForm_C2 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .projectForm_C2 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 100px;
  }

  .projectForm_C2 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .projectForm_C2 select {
    margin              : 2px;
    padding             : 0;
    width               : 100px;
  }

  .projectForm_C2 textarea {
    height              : 120px;
    margin              : 2px;
    padding             : 0;
    overflow            : -moz-scrollbars-vertical;
    width               : 100px;
  }

  .projectForm_C2 td {
    width               : 100px;
  }

  .projectForm_C2 th {
    padding             : 0 0 0 4px;
    vertical-align      : center;
  }

  .projectForm_C2 th.buttonRow {

    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .projectForm_C2 th.textRow {

    text-align          : left;
    padding             : 8px 0 0 4px;
  }

  .stampEditorView .stampSpecialForm_C1 {
    text-align          : left;
    width               : 100%;
  }

  .stampEditorView .stampSpecialForm_C1 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .stampEditorView .stampSpecialForm_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 200px;
  }

  .stampEditorView .stampSpecialForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .stampEditorView .stampSpecialForm_C1 select {
    margin              : 2px;
    padding             : 0;
    width               : 200px;
  }

  .stampEditorView .stampSpecialForm_C1 td {
    background-color    : #FFFFFF;
    width               : 200px;
    text-align          : right;
  }

  .stampEditorView .stampSpecialForm_C1 th {
    padding             : 0 0 0 4px;
    min-width           : 200px;
    text-align          : left;
    vertical-align      : center;
  }

  .stampEditorView .stampSpecialForm_C1 th.buttonRow {
    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .stampEditorView .stampSpecialForm_C1 th.textRow {
    text-align          : left;
    padding             : 8px 0 0 4px;
  }
  
  .projectDeleteForm_C1 {
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 100%;
  }

  .projectDeleteForm_C1 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .projectDeleteForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .projectDeleteForm_C1 th {
    padding             : 0 8px 0 8px;
    vertical-align      : top;
  }

 .projectDeleteForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 0 0 4px;
  }
  
  .projectPadPositioner {
    height              : 480px;
    margin              : 0px;
    overflow            : auto;
    padding             : 0px;
    position            : absolute;
    right               : 10%;
    width               : 440px;
    top                 : 242px;   
  }

  .projectPadPositioner[id] {
    position            : fixed;
  }

  .projectPad {
    background-color    : #FFFFFF;
    width               : 100%;
  }

  .projectPadTabArea {
    background-color    : #FFFFFF;  
    text-align          : right;
    width               : 100%;
  }

  .projectPadTabArea table {
    border-top          : 1px solid #82B8D1;
    border-left         : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .projectPadTabArea a {
    background-color    : #FFFFFF;
    border-top          : 1px solid #82B8D1;
    border-right        : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .projectPadTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .projectTreeArea {
    border              : 1px solid #82B8D1;
    padding             : 4px;
    width               : 44%;
  }

  .projectTreeBranch {
    line-height         : 1.5em;
    margin-left         : 17px;
    position            : relative;
  }
  
  .projectTreeBranch img {
    height              : 9px;
    margin-right        : 8px;
    width               : 9px;
  }

  .projectTreeBranch span {
    position            : absolute;
    left                : -14px;
  }

  .projectTreeTabArea {
    display             : block;
    padding             : 0 0 0 10px;
    text-align          : right;
    width               : 44%;
  }

  .projectTreeTabArea table {
    border              : 1px solid #82B8D1;
    margin-left         : auto;
  }
  
  .projectTreeTabArea a {
    background-color    : #FFFFFF;
    border-top          : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }
  
  .projectTreeTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .projectTreeTitle {
    background-color    : #82B8D1;
    border              : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 1.8em;
    padding             : 0 4px 0 4px;
    text-align          : left;
    width               : 44%;
  }

  .userGroupForm_C1 {
    border              : 1px solid #82B8D1;
    margin              : auto;
    text-align          : left;
  }

  .userGroupForm_C1 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    margin              : auto;
    padding             : 0 2px 0 8px;
    text-align          : left;
  }

  .userGroupForm_C1 input {
    margin              : 4px 8px 4px 0;
    padding             : 0 4px 0 4px;
    width               : 250px;
  }

  .userGroupForm_C1 input.radioGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .userGroupForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .userGroupForm_C1 td {
    width               : 250px;
  }

  .userGroupForm_C1 th {
    padding             : 4px 40px 4px 8px;
    vertical-align      : middle;
  }

  .userGroupForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 4px 8px 4px 4px;
  }
  
  .resourceRightColumn {
    background-color    : #FFFFFF;
    color               : inherit;
    position            : absolute;
    right               : 10%;
    top                 : 242px;
    width               : 40%;
  }
  
  .resourceRightColumn[class] {
    width               : 32%;
  }

  .resourceRightColumnTitle {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .resourceLeftColumn {
    position            : absolute;
    top                 : 242px;
    left                : 10%;
    width               : 40%;
  }
  
  .resourceLeftColumn[class] {
    width               : 32%;
  }

  .resourceLeftColumnTitle {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .resourceCenterColumn {
    background-color    : #FFFFFF;
    color               : inherit;
    padding             : 4px;
    position            : absolute;
    text-align          : center;
    top                 : 210px;
    left                : 42%;
    width               : 20%;
  }

  .resourceCenterColumn[class] {
    left                : 40%;
  }

  .resourceForm_C1 {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    padding             : 4px 0 0 0;
    text-align          : left;
    width               : 100%;
  }

  .resourceForm_C1 caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .resourceForm_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
  }

  .resourceForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .resourceForm_C1 td {
    text-align          : right;
    padding             : 0 4px 0 0;
  }

  .resourceForm_C1 th {
    padding             : 0 200px 0 4px;
    vertical-align      : top;
  }

 .resourceForm_C1 th.buttonRow {
    text-align          : right;
    padding             : 20px 4px 0 4px;
  }
  
  .stampEditorList {
    background-color    : #FFFFFF;
    color               : inherit;
    min-height          : 480px;
    position            : absolute;
    right               : 10%;
    top                 : 220px;
    width               : 32%;
  }

  .stampEditorList div.borderedArea {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 1px 1px;
    padding-bottom      : 0.2em;
  }

  .stampEditorList div.buttonArea {
    padding-top         : 1.0em;
    text-align          : right;
  }

  .stampEditorList div.title {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .stampEditorList table
  {
    width               : 99%;
  }

  .stampEditorList th {
    line-height         : 1.8em;
  }

  .stampEditorList td.colorCell {
    border-color        : #FFFFFF;
    border-style        : solid;
    border-width        : 1px 2px;
    width               : 15px;
  }

  .stampEditorList td input {
    margin              : 1px 0;
    text-align          : center;
  }

  .stampEditorView {
    width               : 420px;
  }
  
  .stampEditorView caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    /* line-height         : 3.0em; */
    line-height         : 2.0em;
    padding             : 0 .5em;
    text-align          : center;
  }

  
  .stampEditorView table {
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
  }

  .stampEditorView table th {
    font-weight         : bold;
    text-align          : center;
  }

  .stampEditorView table td {
    background-color    : #E0E0E0;
    color               : inherit;
  }

  .stampEditorView .title {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : center;
  }

  .employeeReportForm_C1 {
    text-align          : right;
    width               : 100%;
  }

  .statusListForm {
    padding-bottom      : 20px;
  }

  .employeeStatusListTab {
    position            : relative;
    margin-left         : auto;
    margin-right        : 0;
    height              : 15px;
    width               : 100%;
  }

  .employeeStatusList {
    background-color    : #82B8D1;
    text-align          : center;
    position            : absolute;
    right               : 0;
    border-top          : 1px solid black;
    border-left         : 1px solid black;
    border-right        : 1px solid black;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    width               : 150px;
  }

  .employeeStatusList a {
    background-color    : inherit;
    color               : white;
    text-decoration     : none;
  }

  .approveContent {
    position            : absolute;
    left                : 5%;
    width               : 65%;
  }
  
  .approveContent h1 {
    display             : block;
    font-size           : 1.5em;
    margin              : .67em 0;
    page-break-after    : avoid;
    page-break-inside   : avoid;
    unicode-bidi        : embed;
  }

  .approveWeek {
    width               : 100%;
    margin-bottom       : 1em;
    z-index             : 1;
  }
  
  .approveEmployees {
    position            : absolute;
    width               : 200px;
    left                : 75%;
    margin-top          : 4em;
  }
  
  .approveEmployeesUnaccepted {
    width               : 100%;
    z-index             : 2;
  }

  .approveEmployeesAccepted {
    width               : 100%;
    margin-top          : 1em;
    z-index             : 3;
  }
  
  .reportArea {
    margin-left         : auto;
    margin-right        : auto;
    text-align          : center;
    width               : 80%;
    /* height              : 100%; */
  }
  
  .reportOptions {
    position            : absolute;
    left                : 30%;
    width               : 40%;
  }
  
  .reportProjectTree {
    left                : 25%;
    border              : 1px solid #82B8D1;
    padding             : 4px 4px 10px 4px;
    margin-bottom       : 1em;
  }

  .reportProjectTreeTabArea {
    display             : block;
    padding             : 0 0 0 10px;
    text-align          : right;
  }

  .reportProjectTreeTabArea table {
    border              : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .reportProjectTreeTabArea a {
    background-color    : #FFFFFF;
    border-top          : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .reportProjectTreeTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .reportProjectTreeTitle {
    background-color    : #82B8D1;
    border              : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 1.8em;
    padding             : 0 4px 0 4px;
    text-align          : left;
  }

  .reportForm_C1 {
    border-color        : #82B8D1;
    border-style        : solid;
    border-width        : 0 1px 1px 1px;
    padding             : 4px 0 0 0;
    text-align          : left;
    width               : 450px;
  }

  .reportForm_C1 caption {
    background-color    : #82B8D1;
    border-color        : #82B8D1;
    border-style        : solid;
    border-width        : 1px 1px 0 1px;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 .5em;
    text-align          : left;
  }

  .reportForm_C1 input {
    margin              : 0;
    padding             : 0;
  }

  .reportForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
  }

  .reportForm_C1 td {
    text-align          : left;
    padding             : 0;
    width               : 20%;
  }

  .reportForm_C1 th {
    font-weight         : normal;
    padding             : 0 0 0 4px;
    width               : 80%;
  }

  .reportForm_C1 th.buttonRow {
    text-align          : right;
    font-weight         : normal;
    padding             : 20px 4px 0 4px;
  }

  .employeeArea {
    border              : 1px solid #82B8D1;
    min-height          : 450px;
    width               : 640px;
  }

  

  .employeeTableTabArea, .tableTabArea {
    display             : block;
    margin              : auto;
    text-align          : right;
  }

  .employeeTableTabArea, .tableTabArea table {
    border-right        : 1px solid #82B8D1;
    border-top          : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .employeeTableTabArea, .tableTabArea a {
    background-color    : #FFFFFF;
    border-left         : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
    font-size		: 16px;
  }
  
  .employeeTableTabArea, .tableTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .employeeInnerArea {
    margin              : 30px 70px;
    width               : 100%;
  }

  .employeeInnerArea[class] {
    margin              : 30px 70px;
    width               : 80%;
  }

  .tucArea {
    border              : 1px solid #82B8D1;
    min-height          : 450px;
    width               : 640px;
  }

  .tucTableTabArea {
    display             : block;
    margin              : auto;
    text-align          : right;
  }

  .tucTableTabArea table {
    border-right        : 1px solid #82B8D1;
    border-top          : 1px solid #82B8D1;
    margin-left         : auto;
  }

  .tucTableTabArea a {
    background-color    : #FFFFFF;
    border-left         : 1px solid #82B8D1;
    color               : #82B8D1;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }
  
  .tucTableTabArea a.selected {
    background-color    : #82B8D1;
    border-top          : 1px solid #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    padding             : 0px 6px 0 6px;
    text-align          : left;
  }

  .tucInnerArea {
    margin              : 30px 70px;
    width               : 100%;
  }

  .tucInnerArea[class] {
    margin              : 30px 70px;
    width               : 80%;
  }

  .tucTable_C1 {
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 500px;
  }

  .tucTable_C1 caption {
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    margin              : 4px 0 0 0;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .tucTable_C1 input.checkBoxGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .tucTable_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 250px;
  }

  .tucTable_C1 input.radioGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .tucTable_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .tucTable_C1 select {
    margin              : 2px;
    padding             : 0;
    width               : 250px;
  }

  .tucTable_C1 textarea {
    margin              : 2px;
    padding             : 0;
    width               : 250px;
  }

  .tucTable_C1 td {
    width               : 254px;
  }

  .tucTable_C1 th {
    padding             : 0 4px 0 4px;
    vertical-align      : top;
  }

  .tucTable_C1 th.buttonRow {
    font-weight         : normal;
    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .tucTable_C1 pre
  {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }
  
  .contractLeft
  {
    position            : absolute;
    top                 : 147px;
    width               : 20%;
    left                : 10%;
  }
  
  .contractRight
  {
    position            : absolute;
    right               : 10%;
    top                 : 147px;
    width               : 40%;
  }

  /* Fixes IE bug */
  .messagingForms {
    margin-left         : 0;
    width               : 100%;
    text-align          : left
  }
  
  #messageForm {
    position            : relative;
  }

  .messageForm_C1 {
    position            : absolute;
    top                 : 0px;
    right               : 0px;
    width               : 50%;
    border              : 1px solid #82B8D1;
    text-align          : left;
  }

  .messageForm_C1 caption {
    position            : relative;
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .messageForm_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 300px;
  }

  .messageForm_C1 input.radioGroupItem {
    margin              : 3px 0 5px 0;
    text-align          : left;
    vertical-align      : middle;
    width               : 25px;
  }

  .messageForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .messageForm_C1 textarea {
    margin              : 2px;
    padding             : 0;
    width               : 300px;
  }

  .messageForm_C1 td {
    padding             : 4px;
    width               : 300px;
  }

  .messageForm_C1 th {
    padding             : 4px 40px 4px 4px;
    vertical-align      : top;
  }

  .messageForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 4px 0 2px;
  }
  
  .receiversForm_C1 {
    position            : relative;
    left                : 0px;
    top                 : 0px;
    border              : 1px solid #82B8D1;
    text-align          : left;
    width               : 40%;
  }

  .receiversForm_C1 caption {
    position            : relative;
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .receiversForm_C1 input {
    margin              : 2px;
    padding             : 0 4px 0 4px;
    width               : 50px;
  }

  .receiversForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }

  .receiversForm_C1 td {
    padding             : 4px 0;
  }

  .receiversForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 4px 0 2px;
  }
  
  .billingForm_C1 {
    border              : 1px solid #82B8D1;
    margin              : auto;
    text-align          : left;
  }

  .billingForm_C1 caption {
    position            : relative;
    background-color    : #82B8D1;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 2.0em;
    margin              : auto;
    padding             : 0 2px 0 4px;
    text-align          : left;
  }

  .billingForm_C1 input.button {
    background-color    : #FFFFFF;
    border-color        : #999999;
    border-width        : 1px;
    border-style        : outset;
    color               : #000000;
    margin              : 4px 2px 8px 0;
    width               : auto;
  }
  
  .billingForm_C1 select {
    margin              : 2px;
    padding             : 0;
    width               : 400px;
  }

  .billingForm_C1 td {
    width               : 400px;
  }

  .billingForm_C1 th {
    padding             : 0 40px 0 4px;
    vertical-align      : top;
  }

  .billingForm_C1 th.buttonRow {

    text-align          : right;
    padding             : 0 0 0 2px;
  }

  .employeeFilterForm_C1 {
    margin              : auto;
    text-align          : right;
    width               : 100%;
  }

  .employeeFilterForm_C1 select {
    margin              : 0 0 8px;
    min-width           : 100px;
    padding             : 0;
  }

  .employeeFilterForm_C1 th {
    padding             : 0 12px 8px 4px;
    text-align          : right;
    vertical-align      : center;
    width               : 99%;
    font-size 		: 14px;
  }
  .employeeFilterForm_C1 select, .employeeFilterForm_C1 option {
    font-size		: 16px;
  }


}

@media print
{
  /* Do not display */
  
  .mainBannerTable {
    display             : none;
  }
  
  .mainMenuTable {
    display             : none;
  }

  .approveEmployeesAccepted {
    display             : none;
  }

  .approveEmployeesUnaccepted {
    display             : none;
  }
  
  *.button {
    display             : none;
  }
  
  /* Display without width etc. limitations */

  .mainContent {
    position            : relative;
    width               : 100%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }

  .listTable * {
    /*font-size           : 7px;  */
    @page { size: landscape; }
  }

  .listTable a {
    font-size:          : 14px;
  }
    
  .reportArea {
    position            : relative;
    width               : 90%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }
  
  .approveContent {
    position            : relative;
    width               : 90%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }

  .approveWeek {
    position            : relative;
    width               : 90%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }
  
  .listTableApprove {
    position            : relative;
    width               : 90%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }
  
  .employeeStatusList {
    position            : relative;
    width               : 90%;
    page-break-after    : auto;
    page-break-inside   : auto;
  }
  
  .weekreportListTable {
    border              : none;
    text-align          : left;
    width               : 100%;
  }
    
  .weekreportListTable caption {
    background-color    : #82B8D1;
    border-color        : #000000;
    border-style        : solid;
    border-width        : 0 0 1px 0;
    color               : #FFFFFF;
    font-size           : 110%;
    font-weight         : bold;
    line-height         : 3.0em;
    padding             : 0 0.5em;
    text-align          : left;
  }

}

.longList {



}

.longList tbody tr:nth-child(even) {
     background-color: #ffffff;
  }
  
.longList tbody tr:nth-child(odd) {
     background-color: #E9EAEA;
  }
  
.taulukko{
  
  width: 100%;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 1px 1px;
  margin: 0;
  padding: 0;
  
}

.taulukko caption {
 
  background-color: #82B8D1;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  padding: 1em 0.5em;
  margin: 0;
  
  border-style: solid;
  border-color: #000000;
  border-width: 1px 1px 0 1px;
  
}

.taulukko thead {
 
  background-color: #A2D8F1;
  padding: 0;
  border: none;
  margin: 0;
  
}

.taulukko thead tr{
 
  background-color: #A2D8F1;
  padding: 0;
  border: none;
  margin: 0;
  
}

.taulukko thead tr th{
 
  background-color: #A2D8F1;
  padding: 0.5em;
  border: none;
  margin: 0;
  text-align: left;
  
}

.taulukko thead tr th:hover {

  color: #88B6CB;
  
}

.taulukko tbody tr td{
 
  text-align: left;
  padding: 0.5em;
  
}

.taulukko tbody tr td:nth-child( odd ){
 
  text-align: left;
  padding: 0.5em;
  
}

.taulukko tbody tr:nth-child( even ){
 
  text-align: left;
  padding: 0.5em;
  background-color: #E9EAEA;
  
}

.searchBox{
 
  width: 50%;
  min-width: 400px;
  margin: 1em auto;
  border: solid #A2D8F1 1px;
  text-align: right;
  display: none;
  
}

.searchBox .caption{
  
  background-color: #82B8D1;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  padding: 1em 0.5em;
  margin: 0;
  
}

.searchBox label{
 
  display: block;
  text-align: left;
  margin: 0.5em;
  
}

.searchBox .labelText{
 
  width: 30%;
  float: left;
  
}

.searchBox input,select{
 
  width: 70%;
  
}

.searchBox input[value="Tyhjennä"] {
 
  max-width: 100px;
  background-color: #ffffff;
  margin: 0.5em;
  
}


/* ohitus  */

.BannerBreadCrumb {
    
    padding-left: 30px;
    color: #444444;
    
  }
  
  .BannerBreadCrumb > a {
    text-decoration: underline;
    color: #444444;
  }

  .mainMenuTable {
    background-color: #ffffff;
  }

  .menuItem_L1, .menuItem_L1_Spacer, .menuItem_Logout {
    background-color: #2d80bd;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  
  .menuItem_L1 > a {
    font-size: 20px;
    font-weight: normal;
    padding-left: 10px;
  }
  
  .menuItem_L1 > a:hover {
    color: #a3d0f1;
  }
  
  .menuItem_L1_Selected {
    background-color: #ebebeb;
  }
  
  .menuItem_L1_Selected > a {
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
  }
  
  .menuItem_L1_Selected > a:hover {
    color: #2d80bd;
  }
  
  .menuItem_L2 {
    background-color: #ebebeb;
  }
  
  .menuItem_L2 > a {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    line-height: 30px;
  }
  
  .menuItem_L2_Selected {
    background-color: #ffffff;
  }
  
  .menuItem_L2_Selected > a {
    font-size: 18px;
  }
  
  
  
  .menuItem_Logout > a {
    font-size: 20px;
    font-weight: normal;
  }
  
  
  .listTable {
    
    border: 1px solid #ebebeb;
  }

  .listTable th a, .listTable th.action {
	font-size: 16px;
  }

  .listTable td a, .listTable td .action, .listTable td {
	font-size: 14px;
  } 
  .listTable > caption {
  
    font-size: 16px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #000000;
    
  }
  
  tr {
    border-bottom: 1px solid black;
  }
  
  .grayed {
    backgroud-color: #ebebeb;
  }
  
  .button {
    padding: 4px;
  }

   .tesEditor{

    margin: 0 auto 1em auto;
    border: solid #82B8D1 1px;
    width: 30%;
/*     height: 10%; */
    min-height: 100px;
    padding: 1px 1em 1em 0.5em;
    min-width: 200px;
    text-align: left;

  }
  .tesEditor div{

    float: left;
    padding: 1em;

  }
  .tesEditor input[ type='submit' ] {

    background-color: #ffffff;
    color: #000000;
    border: solid #000000 1px;
    padding: 1px;
/*     display: block; */
    clear: left;
    width: 100%;
    margin-bottom: 1em;
/*     min-width: 30px; */

  }
  .tesEditor input[ name='delete' ] {

    background-color: #bb0000;
    color: #ffffff;
    margin: 0 auto;

  }
  .tesEditor div label{

    display: block;
    text-align: left;

  }

  .onnistui{

    background-color: #F6F6F6;
    border: solid #52A32D 2px;
    width: 30%;
    min-width: 300px;
    padding: 1em;
    margin: 0 auto;
    color: #52A32D;
    font-weight: bold;

  }

  .show_error{

    background-color: #F6F6F6;
    border: solid red 2px;
    width: 30%;
    min-width: 300px;
    padding: 1em;
    margin: 0 auto;
    color: red;
    font-weight: bold;

  }

 .formCaption{

    margin: 0 auto 0 auto;
    border-style: solid;
    border-color: #82B8D1;
    border-width: 1px 1px 0 1px;
    background-color: #82B8D1;
    color: #ffffff;
    font-weight: bold;
    width: 30%;
    padding: 1px 1em 1px 0.5em;
    min-width: 200px;
    text-align: left;

  }


.stamp_legend {
    text-align: left; 
    width: 300px; 
    border-collapse: collapse;
    margin-top: 60px; 
    margin-bottom: 10px;
}

.stamp_legend th {
    background: #82b8d1;
}

.stamp_legend th,
.stamp_legend td {
    border: 1px solid black;
    padding: 3px;
}

#changeSite {
    width: 35%; 
    float: left; 
    min-width: 100px;
}

#submitSupFrm {
    margin-top: 20px; 
    padding: 8px 15px 8px 15px; 
    background: #2d80bd; 
    color: white;
}

    #esimiesForm #btnAllRight, 
    #esimiesForm #btnAllLeft, 
    #esimiesForm #btnLeft, 
    #esimiesForm #btnRight {
        width: 35px;
        height: 35px;
        margin: 5px 20px 0 20px;
    }

.mainContent p.login_text {
    font-weight: bold; 
    font-size: 18px;
}

a.wta_haka_link {
    text-decoration: none;
    color: black!important;
    font-size: 16px;
}

.wta_haka_link span {
    border: none;
    padding: 0.6em;
    font-size: 1em;
    text-shadow: 0px 1px 1px white;
    width: 18em;
    border-radius: 0px;
    background-image: linear-gradient(#ffffff,#cccccc);
    box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
    font-weight: none;
}

.filterDiv {
  text-align: left;
  margin-bottom: 15px;
}

.filterDiv input.filterInput {
  margin-right: 10px;
  padding: 5px;
  border-style: outset;
  border-radius: 3px;
}

.filterDiv button {
  margin-right: 5px;
  padding: 5px;
  border-width: 1px;
  border-style: outset;
  border-radius: 3px;
}

.filterDiv button.filterSubmitButton {
  background-color: #2d80bd;
  border-color: #a2d8f1;
  color: white;
}

.filterDiv button.filterCancelButton {
  background-color: white;
  border-color: #999999;
}

.paginationRow td { padding: 5px 15px; }
.paginationRow span { cursor: pointer; margin: 0px 2px; padding: 2px 5px; background-color: #0080FF; color: white; border-radius: 2px; }
.paginationRow span.active { background-color: #0040FF; }

}