/* 
** -----------------------------------------------------------------------------
** Filename:    railwatch.css
**
** Title:       Cascading Style Sheet for the Railwatch website.
**
** Description: This CSS is used on Railwatch website pages. It needs certain
**              features such as displaying the Railwatch covers in three columns
**              on the BackTrack page.
**
**              The Snippets pages can use the Tiki-Like CSS formatting e.g. floatright.
**
**              This CSS file is held in the '/css/' directory.
**
**              Do NOT use '//' comments in a CSS file - they are not supported.
**              If a CSS definition appears not to work look for bad comments!
**
** Author:      Jerry Alderson, Billing Specialists Ltd.
**
** Create Date: 3rd December 2017.
**
** Last Change: 22nd June 2020.
** -----------------------------------------------------------------------------
*/

/*=== Bootstrap  ===*/

.btn-text-must-be-white {
    color: white !important;
}

/*=== Page Border ===*/

td.pageborder {
    height: 81px;
    text-align: center;
    background-color: white;
    padding: 0.5cm;
}

/*=== Bespoke Style ===*/

.Railwatch {
    font-family: Trebuchet MS, Trebuchet MS, Arial, Helvetica, sans-serif;
}

.highlighted-text-box {
    border-color:#ff3366;
    border-size: 1px; /* this allows you to adjust the thickness */
    border-style: solid;
    padding: 5px;
}

.highlight {
    color: red;
    font-style: bold;
    font-style: italic;
}

.note {
    text-align: center;
    font-style: italic;
}

/*=== Overwriting Standard Style ===*/

/* Anchors */

a:link {
    color: #090;
    text-decoration: underline;
}

a:visited {
    color: #060;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

/*=== Splitting list of values into columns ===*/

div.five-column-list {
    /* Chrome, Safari, Opera */
    -webkit-columns: 100px 5;
    /* Firefox */
    -moz-columns: 100px 5;
    /* Common */
    columns: 100px 5;
}

p.column {
    /* Chrome, Safari, Opera */
    -webkit-column-break-inside: avoid;
    /* Firefox */
    page-break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
}

/*=== Railwatch Covers ===*/

img.rw-cover {
    width: 150px;
    height: 212px;
    border: 0;
}

/* End of file. */