/* ------------FONTS-----------------------------------  */

@font-face {
	font-family:'Basictext';
	src: url('./blogger-sans-light.woff2');
}


/* ------------General Definitions-----------------------------------  */
BODY	{
	background: linear-gradient( to right, #2A2A2F 60%, #111111 );

    font-family: 'Basictext', verdana, helvetica, sans-serif;
	font-size: 16pt;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
        margin: 0;
        padding: 0;
        border: 0;
    overflow-x:hidden;

	}


H2 {
    clear:both;
    margin-left:25px;
    user-select:none;
}

#TOPBAR {
    background: #111111;
    height:100px;
    box-sizing: border-box; 
    display:block;
    padding:none;
    overflow:hidden;
    white-space:nowrap;
}

#MAP , #MAP2 {
    background: linear-gradient( to right, #2A2A2F 60%, #111111 );
    width:100vw;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
    overflow-x:auto;
    overflow-y:hidden;
    text-align: center;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

.MENUBLOCK {
    width:100vw;
    padding:0;
    margin:auto;
    justify-content: center;
    align-content: center; 
    background: linear-gradient( to right, #2A2A2F 60%, #111111 );
    box-sizing: border-box;
}



.MENUBOXITEM , .MENUBOXITEMFOURHOLDER, .MENUBOXITEMQUARTER , .MENUBOXITEMTALL , .STOPBOXITEM , .MINIMENUBOXITEM , .MIDIMENUBOXITEM {
    width: calc(min(464px , calc(100vw - 20px)));
    height:280px;
    background:#55555B;
    padding:10px;
    margin:10px;
    font-weight:normal;
    overflow:hidden;
    text-align: left;
    display: inline-block;
    user-select: none;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
}

.MINIMENUBOXITEM , .MIDIMENUBOXITEM {
    text-align: center;
	font-size: 13pt;    
    white-space:nowrap;
    padding:3px;
    padding-top:5px;
    margin:1px;
    margin-bottom:4px;
    float:left;
    border:none;
    border-top: 4px solid #AA5500;
    height:32px;    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;    
}

.MIDIMENUBOXITEM {
    width:162px;
}

.MINIMENUBOXITEM {
    width:80px;
}

.MENUBOXITEM_THIS {
        min-width: calc(min(464px , calc(100vw - 20px)));
        border-top:8px solid #FF5F1F;
        height:auto;
        min-height:200px;
}    

.MENUBOXITEM_THIS .MENUBOXTEXT {
        font-size:14pt;
}


.highlight {
    background:#996600;
}

@media only screen and (max-width: 1000px) {
  .MIDIMENUBOXITEM {
       width:102px;
    }
    .MINIMENUBOXITEM {
        width:50px;
    }
}

@media only screen and (max-width: 700px) {
  .MIDIMENUBOXITEM {
       width:66px;
    }
    .MINIMENUBOXITEM {
        width:32px;
    }
}




.STOPBOXITEM {
    height:auto;
    min-height:100px;
    max-height:600px;
    padding:0px;
}

.MENUBOXITEMFOURHOLDER {
    background:none;
    outline:none;
    padding:0;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
}

.MENUBOXITEMQUARTER {
    margin:0;
    height:124px;
    border-left: 10px solid #888888;
    width: calc(min(220px , calc(50vw - 20px)));
    display: block;
    box-sizing: border-box;
}

.MENUBOXITEMTALL {
    height:auto;
    min-height:280px;
    
}

.MENUBOXITEMFOURHOLDER A:nth-child(1) {
    float:left;
}

.MENUBOXITEMFOURHOLDER A:nth-child(2) {
    float:right;
}

.MENUBOXITEMFOURHOLDER A:nth-child(3) {
    float:left;
    margin-top:30px;
}

.MENUBOXITEMFOURHOLDER A:nth-child(4) {
    float:right;
    margin-top:30px;
}

.MENUBOXLABEL  {
    position: relative;
    margin:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:calc(min(380px , 83vw));
    box-sizing: border-box;
}

.MENUBOXTEXT {
    font-size: 10pt;
    text-align: justify;
    text-overflow:ellipsis;
    box-sizing: border-box;
}


.MENUBOXIMAGE {
    position: relative;
    width:350px;
    overflow:hidden;
    margin:auto;
    box-sizing: border-box;
}


A .MENUBOXITEM:hover , A .MENUBOXITEMQUARTER:hover , A .MINIMENUBOXITEM:hover , A .MIDIMENUBOXITEM:hover {
    background:#80A0B8;
    transition:0.5s ease;
}

A {
    color:#eeeeee;
    text-decoration:none;
}


    .tablenumberpanel {
        border:solid 1px #999999;
        border-radius:3px;
        text-align: center;
        padding-left:0px;
        padding-right:0px;
        background:#FFFFDD;
        transition:.2s;
        font-weight:bold;
        color:#111111;
    }


    .tablenumberbox {
        display: inline-block;
        border:solid 1px #eeeeee;
        background:#111111;
        border-radius:3px;
        text-align: center;
        padding:5px;
        min-width:50px;
        margin-left:6px;
    }



/* -----------SCROLLBARS----------------------  */

        ::-webkit-scrollbar {
             width:10px;
             height:10px;
        }

        ::-webkit-scrollbar-track {
             border-radius:5px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #333333;
        }

        ::-webkit-scrollbar-thumb {
             background: #555555;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
             border-radius:10px;
        }

        ::-webkit-scrollbar-thumb:hover {
             background: #999999;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }

        .invisiblescrollbars.-webkit-scrollbar-track {
             border-radius:5px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #000000;
        }









/* -----------LINE COLOURS-----------------------  */

/* ------Queensland---------  */

.BRISMAROON {
    border-left-color: #B43757;    
}

.BRISYELLOW {
    border-left-color: #F8C71C;    
}

.BRISRED {
    border-left-color: #DF1E3D;    
}

.BRISPURPLE {
    border-left-color: #9800A0;    
}

.BRISGREEN {
    border-left-color: #00874E;    
}

.BRISDARKBLUE {
    border-left-color: #004780;    
}

.BRISLIGHTBLUE {
    border-left-color: #247BB7;    
}

/* ------Victoria---------  */

.MELLOOP1 {
    border-left-color: #CD2637;
}

.MELLOOP2 {
    border-left-color: #04A7E3;
}

.MELLOOP3 {
    border-left-color: #FFB632;
}

.MELLOOP4 {
    border-left-color: #014F89;
}

.MELDIRECT {
    border-left-color: #049446;
}

.MELSANDY {
    border-left-color: #F27EB0;
}

.VLINE {
    border-left-color: #885798;
}

.SKYBUS {
    border-left-color: #EE3124;
}

.TRAMSWAN {
    border-left-color: #FF99CC;
}

.TRAMSWAN2 {
    border-left-color: #B19999;
}

.TRAMELIZ {
    border-left-color: #66CC66;
}

.TRAMWILL {
    border-left-color: #6699FF;
}

.TRAMCOLL {
    border-left-color: #9090DE;
}

.TRAMCOLL2 {
    border-left-color: #90C8C8;
}

.TRAMFLIN {
    border-left-color: #FFB866;
}

.TRAMFLIN2 {
    border-left-color: #CC8282;
}

.TRAMBOUR {
    border-left-color: #FF7B7B;
}

.TRAM1 , .TRAM6 {
    border-left-color: #B4BE34;
}

.TRAM16 {
    border-left-color: #8FC6E8;
}

.TRAM3 , .TRAM5 , .TRAM64 , .TRAM72 , .TRAM67 {
    border-left-color: #996A57;
}

.TRAM11 , .TRAM48 {
    border-left-color: #70C7B0;    
}

.TRAM109 , .TRAM12 {
    border-left-color: #F07622;    
}

.TRAM19 , .TRAM59 {
    border-left-color: #8F1F61;    
}

.TRAM30 {
    border-left-color: #585194;    
}

.TRAM35 , .TRAM70 {
    border-left-color: #F499BB;    
}

.TRAM57 {
    border-left-color: #07BBD3;    
}

.TRAM58 {
    border-left-color: #8A8C8F;    
}

.TRAM75 {
    border-left-color: #00A8E1;    
}

.TRAM78 {
    border-left-color: #9894C8;    
}

.TRAM82 {
    border-left-color: #D6D853;    
}

.TRAM86 {
    border-left-color: #FCB615;    
}

.TRAM96 {
    border-left-color: #C9187D;    
}

/* ------NSW---------  */

.NSWTRAINS {
    border-left-color: #E87525;
}
.NSWT1 {
    border-left-color: #FCB514;
}
.NSWT2 {
    border-left-color: #0098CD;
}
.NSWT3 {
    border-left-color: #F47424;
}
.NSWT4 {
    border-left-color: #005AA3;
}
.NSWT5 {
    border-left-color: #CC00A1;
}
.NSWT7 {
    border-left-color: #999999;
}
.NSWT8 {
    border-left-color: #00954C;
}
.NSWT9 {
    border-left-color: #CF1226;
}
.NSWLR {
    border-left-color: #FF99CC;
}
.NSWM1 {
    border-left-color: #90C8C8;
}
.NSWFE {
    border-left-color: #97C93D;
}

/* ------WA---------  */

.PERTHFRE {
    border-left-color: #014F89;
}

.PERTHMID {
    border-left-color: #870C37;
}

.PERTHARM , .PERTHTHO {
    border-left-color: #F8C71C; 
}

.PERTHJOO {
    border-left-color: #8F8136;
}

.PERTHAIR {
    border-left-color: #45C2B1;
}


.PROSPECTOR , .TRANSWA , .PERTHMAN {
    border-left-color: #E87525;
}

.AUSTRALIND {
    border-left-color: #0098CD;
}

/* ------SA---------  */

.ADELGAW {
    border-left-color: #C23C33;
}

.ADELOHA , .ADELGRA {
    border-left-color: #0071CE;
}

.ADELFLI , .ADELSEA {
    border-left-color: #FF8030; 
}

.ADELBEL {
    border-left-color: #6BC048;
}

.ADELGLE {
    border-left-color: #C23C33;
}

.ADELBOT {
    border-left-color: #FF8030;
}

.ADELBUS {
    border-left-color: #999999;
}




/* -----------MOBILE DEVICE VARIATIONS----------------------------  */

@media only screen and (hover:none)  {

     
}