body	{ padding:0px; margin:0px; background:url('../graphics/map.jpg') top center; }
.w80	{ width: 80px; }
.w100	{ width:100px; }
.w150	{ width:150px; }
.w230	{ width:230px; }
.w270	{ width:270px; }
.w300	{ width:300px; }
.w440	{ width:440px; }
.w450	{ width:450px; }
.w920	{ width:920px; }

.clr	{ clear:both; }
.tac	{ text-align:center; }
.tar	{ text-align:right; }
.cen	{ margin:0px auto; }
.pr70	{ padding-right:70px; }
.fl		{ float:left; }
.fr		{ float:right; }

.wan	{ -webkit-appearance:none; }

.txt	{ background:#eeeeee; border:none; font:normal 14px MuseoSans500,arial,sans-serif; padding:4px; color:#666666; border-radius:4px; }
.btn	{ background:#00adaa; border:none; font:normal 14px MuseoSans500,arial,sans-serif; min-width:100px; color:#ffffff; text-align:center; padding:4px 0px; cursor:pointer; border-radius:4px; }


input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input, textarea { }

#airport_taxi	{ height:85px; background:#ffffff; border-bottom:1px solid #eeeeee; }
#inner			{ position:relative; max-width:940px; height:80px; margin:0px auto; padding:0px; }
#taxi			{ position:absolute; top:19px; left:10px; border:none; }
#airport		{ position:absolute; top:25px; right:10px; width:110px; background:#00adaa; border:none; font:normal 14px MuseoSans300,arial,sans-serif; padding:5px; min-width:100px; color:#ffffff; border-radius:13px; cursor:pointer; }

@media screen and (max-width:640px) { 
	#cabs		{ visibility:hidden; display:none; } 
	.fb-like	{ visibility:hidden; display:none; }
}

.fb-like		{ float:right; margin:30px 160px 0px 0px; }

#cabs			{ position:absolute; top:31px; left:200px; list-style:none; padding:0px; margin:0px; }
#cabs li		{ float:left; list-style:none; padding:0px; margin:0px 25px 0px 0px; }
#cabs a			{ text-decoration:none; color:#054455; text-transform:uppercase; font:normal 14px MuseoSans700,arial,sans-serif; }
#cabs a:hover	{ color:#00adaa; }

#cabs-mob		{ visibility:hidden; position:fixed; top:0px; left:0px; width:100%; z-index:999; padding:0px; margin:0px; height:40px; overflow:hidden; list-style:none; cursor:pointer; }
#cabs-mob li	{ padding:0px; margin:0px; font:normal 14px MuseoSans700,arial,sans-serif; }
#cabs-mob a		{ display:block; padding:10px; background:#ffffff; border-bottom:1px solid #aaaaaa; text-decoration:none; color:#444444; }
#cabs-mob span	{ display:block; background:rgba(0, 0, 0, 0.75); color:#ffffff; padding:12px; }

@font-face { font-family: MuseoSans300; src: url("./fonts/MuseoSans_300.otf") format("opentype"); }
@font-face { font-family: MuseoSans500; src: url("./fonts/MuseoSans_500.otf") format("opentype"); }
@font-face { font-family: MuseoSans700; src: url("./fonts/MuseoSans_700.otf") format("opentype"); }

#transfers		{ max-width:940px; margin:30px auto; font:normal 16px MuseoSans300,arial,sans-serif; color:#999999; line-height:22px; }
#transfers p b, #transfers p strong	{ font:normal 20px MuseoSans500,arial,sans-serif; color:#054455; }
#transfers h1	, .white h1		{ padding:0px; margin:0px; font:normal 40px MuseoSans300,arial,sans-serif; color:#000000; text-transform:uppercase; }
#transfers h1 b	, .white h1 b, #transfers h1 strong	, .white h1 strong	{ font-weight:normal; font-family:MuseoSans500,arial,sans-serif; }
#transfers h2	, .white h2		{ padding:0px; margin:0px; font:normal 24px MuseoSans300,arial,sans-serif; color:#00adaa; }
#transfers a { color:#00adaa; }

#router			{ max-width:500px; height:340px; overflow:hidden; background:#ffffff; display:block; margin:30px auto; box-shadow:0px 1px 4px #888888; border-radius:4px; }
#router table	{ padding:0px 10px; font:normal 16px MuseoSans500,arial,sans-serif; color:#999999; margin:0px auto; }
.routeTxt		{ height:40px; padding:0px 15px; overflow:hidden; border:none; border-radius:20px; background:#f9f9f9; border-top:2px solid #e8e8e8; font:normal 16px MuseoSans500,arial,sans-serif; color:#999999; }
.routeBtn		{ background:#00adaa; border:none; box-shadow:0px 3px 0px #e2e2e2; overflow:none; font:normal 26px MuseoSans300,arial,sans-serif; color:#ffffff; text-transform:uppercase; text-align:center; padding:4px 0px; cursor:pointer; border-radius:4px; }

@media screen and (max-width:640px) {
	#transfers		{ padding:0px 10px; }
	#ftSelect		{ width: 70px; }
	#apSelect		{ width:200px; }
	#txtUsrDst		{ width:170px; }
	#txtUsrVia		{ width:170px; }
	#selTrvlBy		{ width:200px; }
	#router			{ width:300px; }
	#router input	{ max-width:190px; }
	#router select	{ max-width:210px; }
	#bookBtn1		{ viibility:hidden; display:none; }
	#bookBtn2		{ viibility:visible; display:block; }
	#cabs-mob	{ visibility:visible; }
	body		{ margin-top:40px; }
}

#vehList tr:hover	{ background:#f8f8f8; }
#vehList td		{ padding-bottom:8px; }
#vehList img	{ width:80px; }
#vehList div	{ padding:10px 10px 0px 10px; }
#vehList span	{ text-align:right; display:block; padding-top:5px; font-size:20px; color:#00adaa; }

#services		{ background:#ffffff; margin-top:10px; padding:40px 0px; border-top:1px solid #eeeeee; }
#services div	{ min-width:320px; max-width:890px; margin:0px auto; }
#services span	{ display:block; float:left; text-align:center; font:normal 20px MuseoSans500,arial,sans-serif; letter-spacing:-1px; color:#054455; }
#services img	{ display:block; width:160px; height:160px; margin:0px; }

@media screen and (max-width:640px) {
	#services span	{ width:140px; padding-right:0px; margin:10px; }
	#services img	{ width:140px; height:140px; }
}

.white			{ background:#ffffff; padding:5px; }
.gtxt			{ font:normal 14px MuseoSans300,arial,sans-serif; color:#999999; }
#credit-cards	{ max-width:486px; margin:0px auto; padding:30px 0px; }

#telephone		{ min-height:75px; text-align:center; color:#ffffff; font:normal 36px MuseoSans300,arial,sans-serif; background:url('../graphics/telephone.png') top center; }
#telephone b	{ font:normal 36px MuseoSans500,arial,sans-serif; }
#telephone span	{ display:block; padding-top:15px; }

#connect		{ font:normal 14px MuseoSans500,arial,sans-serif; color:#ffffff; background:#054455; padding:50px 0px 40px 0px; text-align:center; }
#connect a		{ text-decoration:none; color:#00adaa; }
#connect div	{ max-width:940px; margin:0px auto; }
#connect h3		{ font:normal 22px MuseoSans300,arial,sans-serif; }
#connect h3	b	{ font:normal 22px MuseoSans500,arial,sans-serif; }
#connect span	{ display:block; margin:0px auto; font:normal 24px MuseoSans500,arial,sans-serif; }
#connect img	{ margin-left:20px; }

#routeMap		{ max-width:460px; height:300px; border:1px solid #cccccc; margin:10px 20px; }
#route_summary	{ font:normal 14px MuseoSans500,arial,sans-serif; color:#999999; text-align:center; width:90%; }
#response		{ visibility:hidden; display:none; }

#loginform, #passwordform { float:left; padding:20px; margin:20px 0px 0px 120px; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; }
#joinform 	{ width:450px; padding:20px; margin:20px auto; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; }
#joinbtn	{ float:left; padding:20px; margin:20px 0px 0px 80px; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; }

@media screen and (max-width:640px) {
	#loginform, #joinbtn, #passwordform { float:none; margin:20px auto; }
	#joinform, #joinform table	{ max-width:300px; }
	#joinform textarea			{ width:200px; }
	#joinform span				{ font-size:12px; display:block; }
	
	#bookingform, #bookingform table { max-width:300px; }
	#bookingform td { width:40px; }
	.wbtn   { max-width:60px;}
	.w80	{ max-width:55px;}
	.w100	{ max-width:70px;}
	.split	{ display:block; margin-top:5px; }
}

#bookinglist, #tripdetails, #jobslist, #triplist { width:800px; padding:20px; margin:20px auto; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; } 
.triparrw	{ font-size:30px; text-align:center; padding-bottom:6px; }
.tripstop	{ background:#eeeeee; border-radius:4px; padding:4px; color:#666666; }

#passchange { width:500px; padding:20px; margin:20px auto; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; } 
.bad		{ background:#ad0008; color:#ffffff; }
.alert		{ display:block; background:#c2f98a; color:#666666; width:300px; margin:0px auto; padding:10px; border-radius:4px; cursor:pointer; }
.check		{ display:block; float:right; font-size:28px; }
.contact-details		{ max-width:600px; padding:20px; margin:20px auto; background:url('../graphics/business-card.png') bottom 60px right 20px no-repeat #ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; } 
#mailform, #jobtender, #bookingform { width:600px; padding:20px; margin:20px auto; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; }

@media screen and (max-width:640px) {
	#mailform		{ width:260px; padding:10px; }
	#mailform tr	{ clear:both; }
	.w300			{ width:240px; }
	.hider			{ viibility:hidden; display:none; }
	.vertr			{ display:block; }
}

#taxijoin, #jobsmarket	{ width:860px; padding:20px; margin:20px auto; background:#ffffff; box-shadow:0px 1px 4px #888888; border-radius:4px; }
#taxijoin td			{ white-space:nowrap; }
#taxicomap				{ width:375px; height:450px; border:1px solid #aaaaaa; }

#flightTabs		{ width:808px; margin:30px auto 0px auto; overflow:hidden; height:30px; }
.flightTab		{ width:150px; height:50px; margin:4px; padding:4px 0px; text-align:center; float:left; border-radius:4px; box-shadow:0px 1px 4px #888888; cursor:pointer; margin-right:6px; }
#flightBoard	{ margin:0px auto; width:800px; height:300px; box-shadow:0px 1px 4px #888888; background:#ffffff; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; }
#viewport		{ position:relative; width:760px; height:260px; overflow:hidden; border:20px solid transparent; cursor:ns-resize; }
.flightList		{ width:760px; }
.flightList td	{ padding:0px 0px; border-bottom:1px dotted #aaaaaa; }
.flightList table	{ width:760px; }
.flightCols td	{ font:bold 11px arial,sans-serif; }
.flightInf		{ float:right; font:normal 11px arial,sans-serif; padding:8px; }

#surchargewarning	{ font-weight:bold; color:#cc0000; font-size:13px; text-align:center; letter-spacing:0px; }
#surchargedisplay	{ font-weight:bold; color:#cc0000; }

#chatBanner			{ width:300px; margin:10px auto; font-size:18px; }
#chatBanner img		{ display:block; width:60px; height:60px; float:left; }
#chatBanner span	{ display:block; float:right; width:230px; padding-top:8px; text-align:justify; }
#chatBanner div		{ clear:both; }
#chatBanner a		{ font-weight:bold; }