@charset "utf-8";

/*DEFAULTS --------------------------------------------------------------------------------------
/* Remove padding and margin */ 
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
body{background:#ededed linear-gradient(#ededed, #d5dae3) repeat scroll 0 0;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;font-size:12px}
#footer-glf{background:#005e98 none repeat scroll 0 0;bottom:0;position:fixed;width:100%;}
#wrapper{width:auto;padding:0;max-width:100%;background:transparent}
#header{max-width:100%;height:50px;background: #005e98}
#footer-glf{height: 30px;}
.staff-right {display: inline-block;width: 45%;float: right; padding: 0 0 30px}
.staff-left {display: inline-block;margin-top: 20px;width: 45%; padding: 0 0 30px}
table{margin: 0;text-align:left}
article{border: 3px solid #005e98;max-width:90%;padding:5px}

html{height: calc(100% - 32px) !important};

.center{text-align: center;}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

#pleasewait {
     color: #1d429b;
     font-size: 12px;
     font-weight: 700;
     height: 0px;
     margin: 0px auto;
     overflow: hidden;
     text-align: center;
     width: 175px;
}

.blue {
     color: #0d1085;
}

.red {
     color: #e61938;
}

#send, a.button, input[type="submit"], input[type="reset"], input[type="button"] {
     background-color: #f9f9f9;
     border-radius: 5px;
     border: 1px solid #dddddd;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset;
     color: #333333;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     line-height: 20px;
     margin: 0px;
     padding: 4px 10px;
     text-decoration: none;
     text-shadow: 0px 1px 0px #ffffff;
     vertical-align: middle;
     white-space: nowrap;
}

a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
     background-color: #ffffff;
     border: 1px solid #7bc1f7;
     box-shadow: 0px 0px 8px #7bc1f7;
     color: #333333;
}

input, select {
     cursor: pointer;
}

area, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #ffffff;
     border-color: #aaaaaa #aaaaaa #cccccc;
     border-image: none;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     box-shadow: 0px 1px 0px #ffffff, 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
     box-sizing: border-box;
     cursor: text;
     height: 28px;
     margin: 0px 0px 10px;
     outline: 0px none;
     overflow: auto;
     padding: 0px 8px;
     width: 100%;
}

#ref_input {
     font-size: 18px;
     text-transform: uppercase;
     width: 200px;
}

input[type="text"], input[type="password"] {
     cursor: text;
}

.track_search {
     border: 2px outset #000000;
     color: #000000;
     font-size: 16px;
     font-weight: 700;
     height: 30px;
     margin: 0px 10px;
     width: 100px;
}

button:hover {
     cursor: pointer;
}

#view,#home {padding: 15px;}

#homebtn {height: calc(100% - 10px);margin: 5px;}




/*Agents----------------------------------------------------------------*/

#current-agent{min-height: 180px}

/*TRANSPORT--------------------------------------------------------------------------------------------------------*/

.depbtn{position:absolute; border:1px solid;background:#FFF000;padding:1px 3px;font-size:11px;cursor:pointer}
#TIL{left:300px;top:605px}
#BRI{left:190px;top:570px}
#ELO{left:300px;top:580px}
#HEA{left:237px;top:590px}
#BIR{left:230px;top:515px}
#DER{left:280px;top:480px}
#MAN{left:220px;top:430px}
#BRA{left:245px;top:390px}
#GLA{left:180px;top:260px}

.depbox {
    left: 45%;
    margin-left: -250px;
    margin-top: 80px;
    position: absolute;
	display:none;
	width:950px;
}

.depbox2{background: #ffffff none repeat scroll 0 0;border: 5px solid #005e98;padding:10px 10px 0 10px;width: 400px;}

.conPanel {
    padding: 10px;
    display: none;
	margin-top: 20px;
	width: 600px;
}

.infobox{float:right;border: 5px solid #bb0000;}


.conSlide {
    height: 30px;
    margin: 0;
    padding: 10px 0 0;
}


#startclick {
    color: #777;
    font-size: 40px;
    margin-left: -400px;
    margin-top: 200px;
}

.conbtn {
    background-color: #fff000;
    border-top: 5px solid #005e98;
    cursor: pointer;
    margin-left: -10px;
    padding-left: 5px;
    width: 415px;
}



h4,h3{margin-top:0;text-decoration: underline}
.arrow {font-size: 90px; vertical-align: sub;}
ul {list-style: outside none disc;padding-left: 1em}

.vis{visibility:hidden}



.contact {
    border: 1px solid #444;
    display: inline-block;
    margin: 5px;
    padding: 5px;
}



#conBox {
    background: #fff000 none repeat scroll 0 0;
    bottom: 30px;
    position: fixed;
    width: 100%;
	left: 0;
}

.con_ul{min-height: 50px}

.ui-autocomplete {border:1px solid}




/*END TRANSFERS-----------------------------------------------------------------------------*/





/*Printing----------------------------------------------------------------------------------*/

    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }
	
	@media print {
    * {display:none;}
    .printable, .printable > * {display:block;}
	.cofo,.cofo td{border:none !important}
}