@charset "utf-8";
/*
FileName /css/main.css
Used by everything for Small World

 Checks
--------
ToDo 2/low  what checks are necessary

 Version control
-----------------
2013-06-19 ac   Changes (BWD) inspired by Bulletproof Web Design by Dan Cederholm
2013-05-25 ac   Minor changes
                Attempts to integrate verekia.com/initializr/responsive-template... abandoned
                Design originally by Free CSS Templates  freecsstemplates.org  Released for free under a Creative Commons Attribution 2.5 License

 Contents
----------
ToDo 4/high  define and sort!!!

*/

.printonly {display: none;}
.printonly-inline {display: none;}
.noprint {}

body {
    /* I don't like this font!!!  font-family : "Helvetic Neue", Helvetic, "Trebuchet MS", sans-serif; */
    font-size: medium;
    color : #7a7a7a; /* grey */
    margin: 0 5%;   /* left & right only */
    width: 90%;
}
h1, h2, h3, h4, h5, h6 {
    color : #6a6a6a;
}
/*---
h1 { font-size : 1.5em; font-weight: bold; }
h2 { font-size : 1.4em; }
h3 { font-size : 1.3em; }
h4 { font-size : 1.2em; }
h5 { font-size : 1.1em; }
*/

.provisional {
    background-color: #d3d3d3;
    color: black;
}
a:link {
    color: #333399;
    text-decoration: none;
}
a:visited, .link {
    color: #cc99ff;
    text-decoration: none;
}
a:hover, .link:hover {
    background-color: #333399;  /* blue */
    color : #fff;   /* white text */
    text-decoration : none;
}
a:active {
    text-decoration: underline;
}

/*============
   Structural 
  ============*/

/* "Mechanics"1 - (left) navigation etc, inc. top logo */
#mech1 {
    float : left;
    width : 12em;
    margin: 0;
    position: fixed;
    min-height: 190px;
}
#mech1 #logo {
    padding-bottom: 0.5em;
}
#mech1 #logo a {
    /* turn off effect */
    color : #fff;
    text-decoration : none;
}
#mech1 #logo a:hover {
    /* turn off effect */
    background-color: #fff;
}
#mech1 #sideMenu {
}

#sideMenu ul {
    list-style:none;
    list-style-type: none;
    padding: 0;
}

#menu { 
    height: 4em;
    margin-left: 12.5em;   /* see mech1 width */
    margin-top:  1em;
    padding-top: 1em;
    position: relative;
}
#menu ul {
    list-style: none;
    position: absolute;
    margin-left: 1em;
    top: 1em;
    padding: 0;
}
#menu li {
    display: inline;
    border-left : 1px dotted #848484;
    padding-left : 0.4em;
}
#menu li.first {
    border-left : 0;
    padding-left : 0;
    margin-right: 0.1em;
}
#menu li a {
    text-decoration : none;
    color : #6a6a6a;    /* light grey*/
    font-weight : bold;
    padding : 0.4em;
    margin-right : 0.4em;
    font-size : 1.4em;  /* was 0.9 */
}
#menu li a:hover {
    color : #fff;   /* white text */
}
#menu #googlesearch {
    float: right;
    width: 15em;    /* needed by rubbish IE! */
    margin-top: -1.2em; /* push it above the menu items */
}

#offset-wrapper {
    background: url("/img/a3.gif") repeat-x scroll;
    padding-top : 0.5em;
    margin-left: 12.5em;    /* see leftnav width */
}

#content {
    margin : 0 0 0 0.5em;	/* 15 is the position of border to the main page's content */
    padding : 1em;
    border-left : 1px dotted #cacaca;
}
#content p {
    margin-bottom : 1.0em;  /* was 1.5em */
    line-height : 1.2em;    /* was 1.6em */
}
#content h1{font-size:1.5em}
#content h2{font-size:1.3em}
#content h3{font-size:1.1em}
#content h2, h3, h4, h5, h6 {border-bottom : 1px dotted #cacaca;}
#content ul {
    margin-top: 0;
    /* margin-bottom : 1.5em; */
    padding-left : 1em;
    line-height : 1.6em;
}
#content blockquote {
    border-left : 0.8em solid #cacaca;
    padding : 0.5em 0 0.5em 1.0em;
    margin-bottom : 1.5em;
    line-height : 1.6em;
}
#content blockquote p {
    display : inline;
}
#content table {
    border : #cacaca dotted 1px;
    padding : 0.5em;
    margin-bottom : 1.5em;
}
#content table th {
    text-align : left;
    font-weight : bold;
    padding : 0.5em;
}
#content table td {
    padding : 0.5em;
}
#content table tr.rowA {
    background-color : #f5f5f5;
    color : inherit;
}
#content table tr.rowB {
    background-color : #fdfdfd;
    color : inherit;
}
/* for forms */
#content table th.form {
    vertical-align:text-top;
}
#content table td.form {
    vertical-align:text-top;
}
/* for fees */
#content table tr.row0 {
    border-top: solid green 1.5pt;
    border-left: solid green 1.0pt;
    border-bottom: solid green 1.5pt;
    border-right: none;
    /* padding: 0cm 1.5pt 0cm 1.5pt; */
    page-break-inside:avoid;
    font-size : 1.1em;
    padding-bottom : 0.2em;
    margin-bottom : 0.2em;
    border-bottom : 1px dotted #cacaca;
}
#content table tr.row1 {
    background-color : #DAEEF3;   /* FFCC00 */
    page-break-inside : avoid;
    color : inherit;
    line-height : 1em;    /* added 2012-09-27 */
    /* padding : 0.2em;    /* added 2012-09-27 */
    /* margin-bottom : 0.1em;    /* added 2012-09-27 */
    /* padding-bottom : 0;  */
    /* margin-bottom : 0;   */
}
#content table tr.row2 {
    background-color : #F2DBDB; /* FFFFDD */
    page-break-inside : avoid;
    color : inherit;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table tr.row3 {
    background-color : #fbd4b4;   /* FFCC00  DAEEF3 */
    page-break-inside : avoid;
    color : inherit;
    line-height : 1em;    /* added 2012-09-27 */
    /* padding : 0.2em;    /* added 2012-09-27 */
    /* margin-bottom : 0.1em;    /* added 2012-09-27 */
    /* padding-bottom : 0;  */
    /* margin-bottom : 0;   */
}
#content table tr.row4 {
    background-color : #D6F5D6; /* FFFFDD F2DBDB */
    page-break-inside : avoid;
    color : inherit;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table tr.row11 {
    color : inherit;
    background-color : #BFD1E7;   /* 95B3D7   C2F0C2  FFCC00  DAEEF3 */
    page-break-inside : avoid;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table tr.row22 {
    color : inherit;
    background-color : #C9E6EE; /* A5D5E2  FFFFD0  FFFFDD F2DBDB */
    page-break-inside : avoid;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table tr.row2-1 {
    color : inherit;
    background-color : #ffffcc;   /* 95B3D7   C2F0C2  FFCC00  DAEEF3 */
    page-break-inside : avoid;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table tr.row2-2 {
    color : inherit;
    background-color : #DDDDDD; /* A5D5E2  FFFFD0  FFFFDD F2DBDB */
    page-break-inside : avoid;
    line-height : 1em;    /* added 2012-09-27 */
}
#content table td.rows {
    padding : 0.25em;
}
#content table tr.rowspace {
    background-color : #fff;
    page-break-inside : avoid;
    color : inherit;
    padding : 0.5em;
}

/* Added 2016-12-06 */
.tiny {
    font-size : xx-small;
}

/* Add 2013-01-01 for no padded tables - typically office use */
.tight {
    padding : 0;
    margin-bottom : 0;    
}
#content table td.tight {
    padding: 0;
    border: 1px dotted #cacaca;
}
#content table th.tight {
    padding: 0;
    border: 1px dotted #cacaca;
}
    
#footer {
    clear: both;
    margin-top : 1.0em;
    border-top : 1px dotted #cacaca;
    padding : 1.5em;
    font-size : 0.9em;
    text-align : center;
    margin-left: 12.5em;   /* see mech1 width */
}

figure img {max-width: 100%} /* BWD */
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}
img.right {float:right; margin-left:1cm;}
img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
span.l-item {font-size: 8pt;}
span.l-current{font-size: 9pt; color:#000000; font-weight:bold;}
.right {float: right; margin-left: 1cm;}

/* Indented list e.g.
    1.  Text
        More text
*/
p.indented-list {
    margin-left: 36.0pt; 
    /*<!--mso-list: l3 level1 lfo5;--> */
    text-align:left; 
    text-indent:-15.0pt;
}
p.caption {
    text-align: left;
    font-size: 0.7em;
    margin-top: -2em;
    margin-bottom: 0;
    margin-left: 10pt;
    color : #fff;   /* white text */
    text-decoration: blink;
}
.indented {
    margin-left: 20.0pt; 
    text-align:left; 
  
}

/*
used in script.js
ToDo 1/low  review
*/
    img.faviconimg {
	    border:0;
	    width:16px;
	    height:16px;
	    padding:0 4px;
    }

/* from //askthecssguy.com/articles/showing-hyperlink-cues-with-/css/ with thanks
    & Iconize 0.5   //pooliestudios.com/projects/iconize/

    all attributes stated explicitly to avoid affecting background-color */

    a[href$='.pdf'] { 
        padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pdf.gif);
    }
    a[rel='pdf'] { 
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pdf.gif);
    }
    a[rel*='pdf'] { 
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pdf.gif);
    }

    /* all A tags whose REL attribute contains the value pdf, separated from other values with a space */
    a[rel~='pdf'] { 
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pdf.gif);
    }

    /* all A tags whose HREF attribute starts with mailto: */
    a[href^="mailto:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url("/img/icon_mailto.gif");
    }

    /* all A tags whose CLASS attribute is popup */
    a[class ="popup"] {
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_popup.gif);
    }

    a[href$='.doc'], a[href$='.rtf'] {
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_doc.gif);
    }

    a[href$='.xls'] { 
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_xls.gif);
    }
    a[rel ~='external'] {
	    padding-right: 18px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_external.gif);
    }

    /* websites (pictures and movies) */
    a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_film.gif);
    }

    a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pic.gif);
    }

    /* extensions */

    a[href$='.txt'] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_txt.gif);
    }

    a[href$='.rss'], a[href$='.atom'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_feed.gif);
    }

    a[href$='.opml'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_opml.gif);
    }

    a[href$='.phps'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_phps.gif);
    }

    a[href$='.phps'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_phps.gif);
    }

    a[href$='.torrent'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_torrent.gif);
    }

    a[href$='.vcard'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_vcard.gif);
    }

    a[href$='.exe'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_exe.gif);
    }

    a[href$='.dmg'], a[href$='.app'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_dmg.gif);
    }

    a[href$='.pps'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pps.gif);
    }

    a[href$='.xpi'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_plugin.gif);
    }

    a[href$='.fla'], a[href$='.swf'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_flash.gif);
    }

    a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_archive.gif);
    }

    a[href$='.ical'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_ical.gif);
    }

    a[href$='.css'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_css.gif);
    }

    a[href$='.ttf'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_ttf.gif);
    }

    /* a[href$='.jpg'],  */
    a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_pic.gif);
    }

    a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_film.gif);
    }

    a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_music.gif);
    }

    /* messenger */
    a[href ^="aim:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_aim.gif);
    }

    a[href ^="msnim:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_msn.gif);
    }

    a[href ^="xmpp:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_jabber.gif);
    }

    a[href *="icq.com"] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_icq.gif);
    }

    a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_yim.gif);
    }

    a[href ^="callto:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_call.gif);
    }

    a[href ^="skype:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_skype.gif);
    }

    a[href ^="gg:"] {
	    padding: 5px 20px 5px 0;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(/img/icon_gadugadu.gif);
    }

    /* use this class to make sure that images won't get iconized */

    .imageLink {
	    padding-right: 0 !important;
	    background: none !important;
    }

/*******************************************************************************************************************
= Alternative media
*/

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 1140px) {}

/*******************************************************************************************************************
= Print media
*/

@media print {
    .printonly {display: inherit;}
    .printonly-inline {display: inline-block;}
    .noprint {display: none;}
    .printonly-pagebreak { page-break-before: always; }
    .printonly-avoidPageBreak { page-break-inside: avoid; }
    .printAlways { display:  inline-block; }
    .nav { display: none; }

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    body {
        font-family : "Times New Roman", Times, serif;  /* 2013-01-04 verdana, arial, sans-serif; */
	    color: black !important;
        font-size : 12pt;
	    background-color: white !important;
        width: 95%;
	    margin: 0;
	    padding: 0;
        margin-left: auto; margin-right: auto;
    }

    /*============
       Structural 
      ============*/

    /* "Mechanics"1 - (left) navigation etc, inc. top logo */
    #mech1 {
        float: right;
    /* from main.css
        width : 12em;
        margin: 0;
    */
        position: relative;
    }
    #mech1 #logo {
        margin-left: 10px;
        padding-left: 10px;
    }
    #mech1 #sideMenu {
        display: none;
    }
    #google_translate_element {
        display:  none;
    }

    #menu {
        display: none;
    }

    #offset-wrapper {
        background: none;
        padding-top : 0;
        margin-left: 0;
        margin : 0;
    /*
        float : none;
        width : 100%;
    */
    }
    #content	{
        float: none;
	    width: auto;
	    border: 0;
	    padding: 0;
	    margin: 0;
        /* extra ? */
        padding-top : 0.5em;
        background: none;
        border-left: none;
    }

    p.caption {
        display: none;
    }

    #footer {
        margin-top : 0.5em;
        padding : 0;
        font-size : 0.8em;
        margin-left: 0;
    }

    /* end Structural */

    a, a:link, a:visited{
        text-decoration: underline;
    }
    #content a[href]:after {
	    content: " (" attr(href) ") ";
	    font-size: 9pt;
	    font-weight: normal;
	    text-decoration: underline;
    }
    #content a[href^="/"]:after {
	    content: " (SmallWorldMontessori.co.uk" attr(href) ") ";
   	    font-size: 9pt;
	    font-weight: normal;
	    text-decoration: underline;
    }
    #content a[href^="#"]:after {
        content: "";
   	    font-size: 9pt;
	    font-weight: normal;
	    text-decoration: underline;
    }
    #content a.noprinturl:link:after, a.noprinturl:visited:after {
        text-decoration: underline;
        content: "";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }
/*
    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
*/
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}