@charset "UTF-8";
/*

BlacklineGPS CSS for FedEx Tracker
Layout styles

May 31, 2010
David Politi
Web Designer

DEFAULTS

Padding:			14px

*/






html {

}

body {
	text-align: center;
	padding:0px;
	margin:0px;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border:1px solid #b8b8b8;
	margin-top:5px;
}

#header {
    border: 1px solid white;
	clear:both;
	height: 87px;
    text-align: left;
}

    #logo {
        background:transparent url(../../images/login/logo-lonerportal.gif) left top no-repeat;
        display:block;
        height:40px;
        margin-top: 15px;
        margin-left: 15px;
        text-decoration:none;
        width:102px;
    }

    #lang_selector {
        float:right;
        font-size:10px;
        margin-top: 15px;
        text-align:right;
        padding-right: 18px;
        width: 400PX;
    }

#header a#vanity {
	background:transparent url(../../images/login/logo-blgps-tag.gif) bottom right no-repeat;
	border:none;
	display:block;
	float:right;
	height:30px;
	position:relative;
	text-decoration:none;
	width:129px;
}

#content {
	background-color:#FFFFFF;
}

#headerShadow {
	background:transparent url(/images/header-shadow.gif) top left no-repeat;
	width:26px;
	height:9px;
	position:relative;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}

#map {
	width:792px;
	height:400px;
	background-color:#EEE;
	border:1px solid #DDD;
	position:relative;
	margin-left:14px;
	margin-top:14px;
}

#leftColumn {
	background:transparent url(/images/content-bg.gif) top left repeat-x;
	width:490px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:1px;
	text-align:left;
}

#rightColumn {
	background:transparent url(/images/content-bg.gif) top left repeat-x;
	width:330px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}

#oneColumn {
	background:transparent url(/images/content-bg.gif) top left repeat-x;
	width:inherit;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
}

#oneColumn #leftColumn{
	background-image:none;
	background-color:transparent;

}

#oneColumn #rightColumn{
	background-image:none;
	background-color:transparent;
}



button {
	float:right;
	clear:both;
}

#truck {
	position:absolute;
	display:block;
	z-index:999;
	text-align:center;
	width:138px;
	height:141px;
	background:transparent url(/images/body-truck.gif) top center no-repeat;
	top:0px;
	left:43%;

}

#message {
	width:458px;
	margin-left:14px;
	height:80px;
	overflow:auto;

	font-size:10px;
	border:1px solid #EEE;
	padding-bottom:16px;
}

#message p {
	margin:0px;
	padding:0px;
	padding:16px;
	padding-bottom:0px;

}

#legal {
	margin-top:21px;
	padding-left:42px;
	color:#666;
}

#legal p {
	font-size:9px;
	margin:0px;
	padding:0px;
}

#footer {
	clear:both;
	text-align:left;
	height:20px;
	padding:0px;
	margin:0px;
	padding-top:21px;
	padding-right:14px;
	padding-bottom:40px;
	padding-left:7px;
	margin-bottom:36px;
}

#footer a {
	padding:0px 7px 0px 7px;
	color:#666666;
	font-size:9px;
	text-decoration:none;
	border-right:1px solid #CCCCCC;
	display:block;
	float:left;
}


#footer a:hover {
	text-decoration:underline;
	color:#000000;
}

#footer a.first {
	padding-left:42px;

}

#footer a.end {
	border:none;
}

.supportingGraphic {
	margin:0px 14px 0px 14px;
}

.faq a {
	line-height:20px;
	font-size:12px;
}

.faqH2 {
	margin-bottom:4px;
	padding-bottom:0px;
	margin-top:28px;
	font-size:17px;
}


/*
 SoundManager 2 + useFlashBlock
 Flash positioning and flashblock / clicktoflash handling
*/

#sm2-container {
     /*
      where the SM2 flash movie goes. by default, relative container.
      set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
     */
     position:absolute;
     width:1px;
     height:1px;
     _overflow:hidden; /* screw IE 6, just make it display nice */
}

    #sm2-container object,
    #sm2-container embed {
        /*
        the actual movie bit.
        SWF needs to be able to be moved off-screen without display: or position: changes. important.
        changing display: or position: or overflow: here or on parent can cause SFW reload or other weird issues after unblock,
        eg. SM2 starts but strange errors, no whileplaying() etc.
        */
        position:absolute;
    }

    #sm2-container object,
    #sm2-container embed,
    #sm2-container.swf_timedout,
    #sm2-container.swf_timedout object,
    #sm2-container.swf_timedout embed {
         /*
          when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
          48px square flash placeholder is typically used by blockers.
         */
         left:auto;
         top:auto;
         width:48px;
         height:48px;
    }

    #sm2-container.swf_unblocked {
         /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
         width:1px;
         height:1px;
    }

    #sm2-container.swf_loaded object,
    #sm2-container.swf_loaded embed,
    #sm2-container.swf_unblocked object,
    #sm2-container.swf_unblocked embed {
         /* hide flash off-screen (relative to container) when it has loaded OK */
         left:-9999em;
         top:-9999em;
    }

    #sm2-container.swf_error {
         /* when there is a fatal error (flash loaded, but SM2 failed) */
         display:none;
    }

    #sm2-container.high_performance {
         /* "high performance" case: keep on-screen at all times */
         position:absolute;
         position:fixed;
         overflow:hidden;
         _top:-9999px; /* IE 6 hax, no position:fixed */
         _left:-9999px;
         bottom:0px;
         left:0px;
         /*
          special case: show at first with w/h, hide when unblocked.
          might be bad/annoying.
         */
         width:48px;
         height:48px;
         z-index:99; /* try to stay on top */
    }

    #sm2-container.high_performance.swf_loaded,
    #sm2-container.high_performance.swf_unblocked {
        z-index:auto;
    }


    #sm2-container.high_performance.swf_loaded,
    #sm2-container.high_performance.swf_unblocked,
    #sm2-container.high_performance.swf_unblocked object,
    #sm2-container.high_performance.swf_unblocked embed {
         /* 8x8px is required minimum to load in fx/win32 in some cases(?), 6x6+ good for fast performance, even better when on-screen via position:fixed */
         width:8px;
         height:8px;
    }

    #sm2-container.high_performance.swf_loaded {
         /* stay bottom/left */
         top:auto;
         bottom:0px;
         left:0px;
    }

    #sm2-container.high_performance.swf_loaded object,
    #sm2-container.high_performance.swf_loaded embed,
    #sm2-container.high_performance.swf_unblocked object,
    #sm2-container.high_performance.swf_unblocked embed {
         /* high-performance case must stay on-screen */
         left:auto;
         top:auto;
    }

    #sm2-container.high_performance.swf_timedout {
         z-index:99; /* try to stay on top */
    }