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

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


/* ------------General Definitions-----------------------------------  */
BODY	{
	background: #2A2A2F;

    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;
    padding-top:150px;

	}


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

#TOPBAR {
    background: #111111;
    height:92px;
    z-index:98888;
    box-sizing: border-box; 
    display:block;
    padding:none;
    overflow:hidden;
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    width:100vw;
}


#Header {
        display:inline-block;
        max-width: 100vw;
        box-sizing:border-box;
        border:1px solid #777777;
        overflow:hidden;
        white-space:nowrap;
        background:#444444; 
        font-weight:bold; 
        text-shadow:1px 1px #000000; 
        padding:10px;
        position:relative;   
        font-size:6.2vw;
        user-select:none;
}

@media screen and (min-width: 480px) {
    #Header {
        margin-left:40px;
        max-width: 70vw;        
        font-size: min( 5vw , 24pt);
    }

}





#MAP , #MAP2 {
	background: #2A2A2F; 
    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;
    max-width:980px;
    padding:0;
    margin:auto;
    justify-content: center;
    align-content: center; 
    background: #2A2A2F;
    box-sizing: border-box;
}



.MENUBOXITEM , .MENUBOXITEMFOURHOLDER, .MENUBOXITEMQUARTER , .MENUBOXITEMTALL , .STOPBOXITEM , .MINIMENUBOXITEM , .MIDIMENUBOXITEM {
    width: calc(min(464px , calc(100vw - 20px)));
    height:280px;
    max-height:380px;
    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;
}

.MENUBOXITEM , .MENUBOXITEMTALL {
    padding-top:0px;
    min-height:280px;
    max-height:2600px;
    height:auto;
    
}

.MINIMENUBOXITEM , .MIDIMENUBOXITEM {
    display:inline-block;
    width:auto;
    text-align: center;
	font-size: 13pt;    
    white-space:nowrap;
    padding:3px;
    padding-top:5px;
    margin:1px;
    margin-bottom:4px;
    float:left;
    border:none;
    border-left: 5px solid #cc2F00;
    height:32px; 
    border-radius:0px;
    border-bottom-right-radius: 9px;    
    background:linear-gradient(to bottom, #bbbbbb, #cccccc, #bbbbbb);
    color:#222222;
    text-shadow:1px 1px #dddddd;
}

.MIDIMENUBOXITEM {
    min-width:162px;
    min-width:66px;
       padding-left: 10px;
       padding-right:10px;    
}

.MINIMENUBOXITEM {
    min-width:80px;
    min-width:32px;
       padding-left: 10px;
       padding-right:10px;     
}

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

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


.highlight {
    background:linear-gradient(to bottom, #aa8866, #bb9977, #aa8866);
    color:#eeeeee;
    text-shadow:1px 1px #555555;
}


.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;
    max-height:1400px;
    min-height:600px;
    
}

.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;
    left: -10px;
    padding:10px;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:calc(100% + 20px);
    max-width: calc(100% + 20px);
    box-sizing: border-box;
    background:#334455;
    border-bottom:1px solid #888888;
}

.MENUBOXTEXT {
    color:#EEEEFF;
    font-size: 12pt;
    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  {
    background:#80A0B8;
    transition:0.5s ease;
}

A .MINIMENUBOXITEM:hover , A .MIDIMENUBOXITEM:hover {
    background:linear-gradient(to bottom, #7799bb, #88aacc, #7799bb);
    color:#fff0e0;
    text-shadow:1px 1px #555555;
    
}

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;
        }



.invisible_scrollbar::-webkit-scrollbar {
  display: none;
}





/* -----------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  {
    border-left-color: #B4BE34;
}

.TRAM6  {
    border-left-color: #094169;
}

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

.TRAM5 {
    border-left-color: #DE1D35;
}

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

.TRAM12 {
    border-left-color: #00859D;
}

.TRAM16 {
    border-left-color: #FCD570;
}


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

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

.TRAM35  {
    border-left-color: #6E2536;    
}

.TRAM48 {
    border-left-color: #414243;    
}

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

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

.TRAM59 {
    border-left-color: #07783E;    
}

.TRAM64 {
    border-left-color: #00AA8F;    
}

.TRAM67 {
    border-left-color: #996A57;
}

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

.TRAM72 {
    border-left-color: #9ABDAA;    
}

.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;    
}

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


/* ------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)  {

     
}