/* *** Global Properties *** */

@font-face 
{
    font-family: 'OpenSans-Regular';
    src: url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Regular.woff2') format('woff2'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Regular.woff')  format('woff'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Regular.ttf')   format('truetype');
    font-display: swap;
}

@font-face 
{
    font-family: 'OpenSans-SemiBoldItalic';
    src: url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBoldItalic.woff')  format('woff'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBoldItalic.ttf')   format('truetype');
    font-display: swap;
}

@font-face 
{
    font-family: 'OpenSans-SemiBold';
    src: url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBold.woff2') format('woff2'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBold.woff')  format('woff'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-SemiBold.ttf')   format('truetype');
    font-display: swap;
}

@font-face 
{
    font-family: 'OpenSans-Bold';
    src: url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Bold.woff2') format('woff2'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Bold.woff')  format('woff'),
         url('https://topyacht.net.au/results/shared/font/OpenSans/OpenSans-Bold.ttf')   format('truetype');
    font-display: swap;
}


body 
{
    font-family: 'OpenSans-Regular', Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
    color: #4a4a4a;
}

#headerImage 
{
/* Changed from 100% 25-June-2020 SN */
    max-width       : 35%;
    max-height      : 200px;

}

#footerImage 
{
/* Added  18-Jan-2024 SN */
    max-width       : 20%;
    max-height      : 150px;

}


/* *** Hyper Link Properties *** */

a
{
    color             : #0000ff;
    text-decoration   : underline;
}

a:hover 
{
    color             : #ff0000;
    cursor            : -webkit-pointer; 
    cursor            : pointer;   
}

a:active 
{
    cursor            : -webkit-pointer; 
    cursor            : pointer;   
}


/* ======================================================                           */
/*                                                                                  */
/* These are the .css statements for the links in the heading of Seties Score page  */
/*                                                                                  */

a.race_link
{
    color             : #ffffff;
    background-color  : #333333;
    text-decoration   : underline;
    font-weight       : normal;
}

a.race_link:hover 
{
    color             : #ff0000;
    background-color  : #333333;
    font-weight       : normal;
    cursor            : pointer;
}

/*                                                                                  */   
/* ======================================================                           */


/*                                                                                                          */
/* Warning Warning Warning Warning Warning Warning Warning Warning                                          */
/*                                                                                                          */
/* Don't get the spelling of center and centre confused. It could lead to several hours of trouble-shooting */
/*                                                                                                          */

/* Table Properties */
table.centre_results_table, table.centre_report_table, table.centre_series_table 
{
    display: inline-block;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: auto;
    empty-cells: show;
    border-color: #ffffff;
    text-align: left;
}

table.centre_index_table 
{
    display: inline-block;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    empty-cells: show;
    border-color: #ffffff;
    text-align: center;
}

.type2 
{
    color: #2e4760;
    background: #e0e0e0;
}

.type3 
{
    color: #000000;
    background: #fbfcfe;
    background-color: rgba(53, 109, 173, 0.02);
}

.type4 
{
    color: #000000;
    background: #ebf1f7;
    background-color: rgba(53, 109, 173, 0.1);
}

.centre_report_table tr:hover td 
{
    background-color: #d6e2ef;
    background-color: rgba(53, 109, 173, 0.2);
}

.centre_results_table tr:hover td 
{
    background-color: #d6e2ef;
    background-color: rgba(53, 109, 173, 0.2);
}

.centre_index_table tr:hover td 
{
    background-color: #d6e2ef;
    background-color: rgba(53, 109, 173, 0.2);
}

.centre_series_table tr:hover td 
{
    background-color: #d6e2ef;
    background-color: rgba(53, 109, 173, 0.2);
}

td.type_x 
{
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

td.centre_align 
{
    text-align: center;
}

td.left_align 
{
    text-align: left;
}

/* Header - Footer image ... The image width is limited to 60 px
   The hight auto scales by the browser to maintain aspect ratio... */

.centre_image 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
}

.linkfile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 90%;
}

/* Meanings of TLA's (three leter Acronyms) used in scoring 
   Limiter to 1000 px before it wraps around */

p.message {
    color: #4a90e2;
    margin: auto;
    max-width: 1000px
}

/* Text Styles */

.boldText 
{
    font-family: 'OpenSans-Bold';
}

.boldTextBlue 
{
    font-family: 'OpenSans-Bold';
    background-color: #ffffff;
    color: #4a90e2;
    text-align: center;
}

.blueText 
{
    color: #4a90e2;
}

.boxblueleft
{

}


/* Table heading properties */

.caption 
{
    font-family: 'OpenSans-SemiBoldItalic', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4a90e2;
    padding-bottom: 4px;
}

.heading1 
{
    font-family: 'OpenSans-SemiBold', Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-variant: normal;
    color: #4a90e2;
    text-align: center;
}

/* Print This Page button properties */

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #4CAF50;
    color: #ffffff;
}

/*   *** Race Notes Box Setup ***  */

table.note_box {
    border: 1px;
    margin: auto;
    border-style: solid;
    border-color: #0000ff;
    border-collapse: collapse;
    width: 40%;
}

td.note_text {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    white-space: pre;
    line-height: 1.5;
}

/*   *** Site Index Box Setup ***  */

table.site_index {
    border: 1px;
    margin: auto;
    border-style: solid;
    border-color: #0000ff;
    border-collapse: collapse;
    width: auto;
}

td.site_file {
    white-space: nowrap;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 40px; /* was 50 Rod */
    text-align: left;
}

/* Site Index picking list */

ul {
    list-style-position: inside;
    list-style-type: square;
    list-style-image: url("https://topyacht.net.au/results/shared/pfeil.png");
    vertical-align: middle;
    text-align: left;
    color: #ff0000;
    padding-right: 4px;
}

li.hdr
{
    font-family: 'OpenSans-Bold';
    list-style-type:none;
    list-style-image: none;
    color: #ff0000;
    font-size: 15px;
    text-decoration: underline;
    padding-top: 10px;
    padding-bottom: 0px;
}


/* Font Size selection for screen or printer */
.txtsize 
{
    font-size: 12px;
}

.imgdisplay {
    display: block;
}

/* image styles */
@media print {
    .txtsize 
    {
        font-size: 10px;
    }

    .imgdisplay 
    {
        display: none;
    }
    
    .closeButton 
    {
        display : none;
    }
    
    .type1 
    {
        background: #ffffff;
        color: #000000;
    }
    
    body
    {
        color: #000000;
    }
    
    boldTextBlue 
    {
        color: #000000;
    }

}

@media screen {
    /**
     * Tables
     */
    table.centre_results_table {
        /* min-width          : 50%; */
        max-width: 100%;
        overflow-x: auto;
        display: inline-block;
    }

    table.centre_index_table, table.centre_report_table, table.centre_series_table {
        max-width: 96%;
        /* min-width          : 50%; */
        overflow-x: auto;
        display: inline-block;
    }
    .closeButton {
         display : none;
    }
    .type1, .type1:hover {
        background: #333333;
        color: #FFFFFF;
        background-color: rgba(0, 0, 0, 0.8);
    }
    

}

@media only screen and (max-width: 1024px) {
    .closeButton {
        display: inline-block;
    }
    .imgdisplay {
        display: none;
    }
    .type1, .type1:hover {
        background: #333333;
        color: #FFFFFF;
        background-color: rgba(0, 0, 0, 0.8);
    }



}

button.btn 
{
    font-family: 'OpenSans-Bold';
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #4a90e2;
}

caption {
    max-width: 100vw;
}
/**
 * Share Buttons
 */
ul.share-buttons{
    list-style: none;
    padding: 0;
    text-align: center;
}

ul.share-buttons li{
    display: inline;
}

ul.share-buttons .sr-only {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

ul.share-buttons img{
    width: 24px;
}