/* flyout styles */
.fly-out
{ position:absolute; padding-top:1px; width:725px; background-color:#f8f8ff; border:1px solid #888; -moz-border-radius:4px; -moz-box-shadow:1px 2px 3px #999; visibility:hidden; z-index:1001; top:0; left:0 }
.fly-out-iframe
{ position:absolute; width:725px; height:375px; visibility:hidden; filter:alpha(opacity=0); top:0; left:0 }

.fly-out-tab-container
{ display:none; float:left; margin-left:1px; width:715px; padding-left:8px; margin-top:3px; background-image:url(/images/fly-out-tab-background.png) }
.fly-out-tab
{ float:left; width:68px; text-align:center; height:20px; font-weight:bold; padding-top:7px; background:url(/images/fly-out.png) no-repeat -68px 0px }
.fly-out-tab.selected
{ background:url(/images/fly-out.png) 0px 0px }
.fly-out-tab-mex
{ float:left; width:128px; text-align:center; height:20px; font-weight:bold; padding-top:7px; background:url(/images/fly-out.png) no-repeat -128px -27px }
.fly-out-tab-mex.selected
{ background:url(/images/fly-out.png) 0px -27px }
.fly-out-tab.selected a
{ cursor:default; color:#333 }
.fly-out-tab.selected a:hover
{ text-decoration:none; background-color:transparent; color:#2683F9 }
.orig-message
{ float:left; width:500px; margin-top:8px; font-size:12px; text-align:center }
.fly-out-map-link
{ float:right; width:70px; margin-top:5px; font-weight:bold; display:none }
.fly-out-list-link
{ float:right; width:70px; margin-top:5px; font-weight:bold; display:none }

#usa-container
{ background:url(/images/fly-out-background.png) no-repeat; min-width:300px; margin-bottom:4px }
#mex-container
{ background:url(/images/fly-out-background.png) no-repeat; display:none; margin-bottom:4px }
#usa-map
{ display:none }
#canvas-container
{ background-image:url(/images/map-background.png); float:left; width:705px; height:320px; padding-left:20px }

.fly-out-column
{ float:left; width:175px; padding:4px 2px 0 0 }
.fly-out-column4
{ width:190px }
.fly-out-link
{ display:block; padding-left:15px; text-indent:-10px; cursor:pointer }
.fly-out-link-hover-and-selected
{ background-color:orange; color:white; width:165px }
*.fly-out-link-hover-and-selected
{ width:160px }
.fly-out-column4 .fly-out-link-hover-and-selected
{ width:175px }
.fly-out a:hover
{ text-decoration:none; background-color:orange !important; color:white }

.close-container
{ float:left; padding-top:1px; margin:0 0 0 1px; width:723px; background-color:#e8e8ff; border-top:1px solid #d0d0ff }
.fly-out-msg
{ float:left; width:600px; margin:3px 0 0 5px }
.close-button
{ float:left; margin-top:3px; margin-right:3px }
.close-container a:hover
{ background-color:transparent !important; text-decoration:underline; color:#2683f9 }
.fly-out-close-link
{ float:right; margin-right:5px }

.smart-orig-dest-input-field
{ float:left; width:180px; font-size:11px; line-height:13px; font-family:Verdana,Tahoma,sans-serif }

.smart-orig-dest-icon
{ float:left; width:12px; height:12px; margin-left:-22px; margin-top:5px; background-image:url(/images/select-airport-fly-out-icon.gif); cursor:pointer }