/**
 * Stylesheet for print media
 * Based on: default.css
 */


/* Set the font for all common elements, with a serif face, 11pt (pt is prefered here) size and black color, which is best suitable for print media */
body {
font: normal 10pt/14pt arial;
color: black;
background: transparent; }


/* Set the background color white */
html, body { background: white; }

h1, h2, h3, h4, h5, h6 { font-size: 13pt; }

/* display definition lists as tables (dt: dd) */
dl dt, dl dd { margin: 0; padding: 0; }
dl dt { clear: both; float: left; width: 25%; }
dl dd { float: left; width: 75%; }


/* Hide all obsolete elements */
.hide, .nodisplay, .noprint, #header, #mainnav, #breadcrumbs, #globalnav, #bannercolumn, .navbox, .submit, #props, #footer, #side, #sidecolumn { display: none; }

#footer-payoff { font: bold 11pt "Trebuchet MS", Helvetica, sans-serif; padding: 5px 5px 5px 15px; border-top: 10px solid #060a78; }

/* Format all visible elements to no-floating, border-margin-paddingless and transparent */
#body, #main, #container, #content, #semicolumn, .block {
float: none !important;
border: 0 !important;
width: auto;
margin: 0 !important; padding: 0 !important; }

input, textarea, .printinput { width: 100%; border: 0; border-bottom: 1px dotted black; font-family: verdana, monospace; }
.radio, .checkbox { width: auto; border: 0; }

.basicform { position: relative; font-size: 9pt; }
.basicform dl dt { font-weight: bold; line-height: 1; }
.basicform dl dd, .basicform dl dd * { margin: 0; padding: 0; }
.basicform dl dd input { vertical-align: middle; }

#damaged-parts-top { position: relative; width: 337px; height: 217px; margin-bottom: 3em; }
    #damaged-parts-top img { position: absolute; top: 0; left: 0; }
    #damaged-parts-top .checkbox { position: absolute; }
    #damaged-parts-top label { display: none; }
    #damaged-parts-top .option-1 { top: 0; left: 0; }
    #damaged-parts-top .option-2 { top: 0; left: 48%; }
    #damaged-parts-top .option-3 { top: 0; right: 0; }
    #damaged-parts-top .option-4 { top: 45%; left: 0; }
    #damaged-parts-top .option-5 { top: 45%; right: 0; }
    #damaged-parts-top .option-6 { bottom: 0; left: 0; }
    #damaged-parts-top .option-7 { bottom: 0; left: 48%; }
    #damaged-parts-top .option-8 { bottom: 0; right: 0; }

#damaged-parts-side { position: relative; width: 337px; height: 160px; }
    #damaged-parts-side img { position: absolute; top: 30px; left: 0; }
    #damaged-parts-side .checkbox { }
    #damaged-parts-side div { position: absolute; height: 24px; }
        #damaged-parts-side .checkbox { float: left; margin: 5px 0 0 15px;  }
        #damaged-parts-side label { display: block; float: left; padding: 4px 10px 5px 5px; font-weight: bold; }

.cardetails { float: left; margin-left: 1em; }
    .cardetails dt, .cardetails dd { float: none; }
    .cardetails dt { font-weight: bold; }

#disclaimer { clear: both; }

/* Format links, obviously links cannot be clicked, but we do want them to be noticable */
a:link, a:visited {
color: #003384;
background: transparent;
font-weight: bold;
border: 0; text-decoration: none; }

    /* Display the URL's for links, so they are useful when printed */
    #content a:link:after, #content a:visited:after {
    content: " (http://www.hybridelease.nl/" attr(href) ")";
    font-style: italic;
    font-size: 80%;
    font-family: monospace; }

    /* External links have their own prefix, just display the href attribute here. */
    a[href^="[a-z]+://"]:after, a[href^="mailto:"]:after, a[rel="external"]:after { content: " (" attr(href) ")"; }

    /* Rooted URL's, ie: /home/, should have the current URL as prefix */
    #content a[href^="/"]:after { content: " (http://www.hybridelease.nl" attr(href) ")"; }