/* 
    Document   : print
    Created on : 12.11.2008, 15:03:48
    Author     : mileht
    Description:
        STM Tasa-arvo print version.

    INDEX
    1. Hide unwanted elements
    2. Paragraph and cell styles
    3. Link styles
    4. Tables
*/

/* 1. Hide unwanted elements */
    html, body{height: 100%;}
    body{/*font-size: 76%;*/ font-size:10pt; margin: 0; padding: 0; font-family: Arial,sans-serif;}

    div { float:none!important; clear:both; }
    /*#top{display: block; }*/
    #banner { border:0; display:inline; width:70%; margin:0 ; padding:0; }
    h1#logo{ background-image: none; display:none;}
    h1#logo a span, #quote { display: none; }
    #quote h2 { font-size:1.1em; display:none;}
    #print-logo { float:left; width:7cm; height:2.67cm; display: block; margin-bottom: 1cm; }
    body.en #print-logo, body.sv #print-logo { width:7.72cm; }
    
    #wrapper {width: 100%; display: block; margin: 0; padding: 0; font-size:1em;}
    #top { height:auto; width: 90%; display: block; margin: 0; padding:0 0 0 5%;}
    .clear-content { width:100%; }
    #site { width:100%;display:inline; margin:1cm 0 0 0; padding: 0; border:0; }
    #logo-wrapper, .navigoPopup, #support, #search, #top-navi, #left, #footer, #breadcrumb, .portlet-topper,.lfr-dock {display:none !important; visibility:hidden; }
    #middle { position:static; height:auto; width: 90%; margin:0; padding:0 0 0 5%; }
    #middle{ overflow: visible; display: inline; }
    #right{ display: none; }
    .inner { margin:0; padding:0; }
    
    .ie#top { height:auto; width:auto; }
    .ie #banner { height:auto; width:auto; }
    .ie h1#logo { height:auto; width:auto; }
    

    div, body, h1, h2, h3, h4, h5, table, tr, td, form, input, ul, li, ol, a, span{background-image: none !important; background: none !important; float: none;}
    ul, ol, table { margin-bottom:10px; }
    .spacer{clear: both; height: 0px; overflow: hidden; line-height: 0;}
    .lfr-portlet-column, .portlet-boundary{display: inline;}
    .nav-menu, #top-search{display: none;}
    .n5actions .edit, .n5actions .metadataInspector, .n5actions .view{display: none;}

/* 2. Paragraph and cell styles */
    .leftAlign{text-align:left;}
    .rightAlign{text-align:right;}
    .centered{text-align:center;}
    .justified{text-align:justify;}
    .h{display:none;}    
    p{line-height: 1.6em;}
    strong{color: #111;}
    .u4-image-caption{font-size: 0.8em; color: #666; margin: 0; padding: 0; margin-left: 0.5em;}

    h1,h2,h3,h4,h5{color: #111;}
    h1{ font-size: 1.9em; font-weight: normal; letter-spacing: 0.1em;}
    h2 { font-size: 1.8em; font-weight: normal; letter-spacing: 0.1em;}
    h3 { font-size: 1.4em; font-weight: normal;}
    h4 { font-size: 1.2em; font-weight: bold;}
    h5 { font-size: 1.1em; font-weight: bold;}

/* 3. Link styles */
    a{color: #000; text-decoration: none;}
    a:hover{color: #000; text-decoration: none;}    
    .portlet-borderless-bar, .portlet-topper, .infoBar{display: none;}

/* 4. Tables */
    #siteBody table {border-collapse: collapse;}
    #siteBody table td {vertical-align: top; padding: 0.3em;}
    .u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
    .u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #000 ;}
    .u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#D3D3D3;}
    .u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
    .u4-table-complete-header td {background:gray; font-weight: bold;}