html, body
{
	background-color:#FFFFFF;
	background-image:url('/Images/Loading.gif');
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family: Verdana, Sans-Serif;
	font-size:10px;
	margin:0px;
	overflow:hidden;
	padding:0px;
}

a
{
	color:#99CC00;
	text-decoration:none;
}

.Advertisement h1
{
	border-bottom:solid 1px #989898;
	font-size:10px;
}

.Advertisement p
{
	margin:3px 0 3px 0;
}

h1
{
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	margin:0px;
}

form
{
	margin:0px;
	padding:0px;
}

.Button
{
	background-color:#F1F1F1;
	background-image:url('http://www.freshlogicstudios.com/Images/Button.jpg');
	background-position:left;
	background-repeat:repeat-x;
	border:solid 1px #484848;
	color:#484848;
	padding:0em .5em 0em .5em;
	text-align:center;
}

.SignInControl
{
	height:38px;
}

.SignInControl .MemberImage
{
	float:left;
	height:36px;
	width:36px;
	
	padding:1px;
	background-color:#989898;
}

.SignInControl .SignInUsername, .SignInControl .SignInLink
{
	margin-left:5px;
}

#Map
{
	position:relative;
}

#Menu
{
	position:absolute;
    top:0px;
    left:0px;   
    
    height:105px;
    width:100%;
    overflow:hidden;
    
    z-index:100;
}

.MenuList
{	
	position:absolute;
	bottom:5px;
	right:15px;
	
	padding:0px;
	margin:0px;
	
	list-style-type:none;
}

.MenuList li
{
	float:left;
	position:relative;
	
	padding:0px;
	margin:0px 0px 0px 20px;
	text-align:center;
}

.MenuList li a
{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}

.MenuList li a:hover
{
	color:#99CC00;
}

.MenuList li a .Icon
{
	display:block;

	position:absolute;
	top:-32px;
	left:50%;
	
	height:32px;
	width:32px;
	
	margin-left:-16px;
	
	background-color:Transparent;
	background-repeat: no-repeat;
	background-position:top left;
	
	cursor:pointer;
}

/* Panel style */
.Panel .ContentHeader input
{
	width:222px;
	padding:0px;
	margin:0px 0px 5px 0px;	
	
	border:solid 1px #989898;
	
	font-size:12px;
	color:#484848;
}

.Panel .ContentBody ul
{    
    padding:0px;
    margin:0px;
}

.Panel .ContentBody .PanelBodyHeader
{
	margin:0px 2px 15px 0px;
}

.Panel .ContentBody .PanelBodyHeader .Summary
{
	padding-bottom:2px;
	border-bottom:solid 1px #FFFFFF;
}

.Panel .ContentBody .PanelBodyHeader .Commands
{
	text-transform:lowercase;
}

.Panel .PanelItem
{
    list-style-type:none;
    margin-bottom:10px;
    min-height:40px;
    padding:0px;
    position:relative;
}

.Panel .PanelItem .PanelPushpin
{
	left:0px;
	position:absolute;
	top:0px;
}

.Panel .PanelItemDetail
{
    margin-left:35px;
}

.Panel .Logo
{
	border:2px solid #999999;
	clear:both;
	float:right;
	margin:0px 5px 5px 5px;
}

.AtlasPushpin
{
	position:relative;
	top:-16px;
}

.AtlasPushpin:hover, .Panel .PanelItem img:hover
{
	background-image:url('/Pushpin/PushpinHover.png');
	background-position:bottom;
	background-repeat:no-repeat;
	cursor:pointer;
}

.AmbiguousPlaces
{
	position:relative;
	left:-10px;
}

.AmbiguousPlaces li
{
	margin-bottom:5px;
}

#Advertisements
{
	bottom:43px;
	position:absolute;
	right:3px;
	z-index:300;
}
#StartMenu
{
	height:80px;
}

#StartMenu .SignInControl
{
	float:left;
	
	position:absolute;
	bottom:5px;
	left:160px;
}
#BirdseyeMessage
{
	border-top:solid 1px #484848;
	padding:0px;
}

.Compass
{
	background-image:url('/Start/Toolbox/Images/CompassNorth.gif');
	height:50px; 
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:50px;
}

#ToolboxMenuListItem .Icon
{
	background-image:url('/Start/Toolbox/Images/Toolbox.png');
}

#MapStyle
{
	list-style-type:none;
	margin:0;
	padding:2px 0px 2px 2px;
	position:absolute;
	z-index:5000;
}

#MapStyle li
{
	border:solid 1px transparent;
	margin-right:2px;
	padding:1px 4px 1px 4px;
	position:relative;
	float:left;
}

#MapStyle li a.Selected
{
	color:#FFFFFF;
}

#MapStyle li .Caret
{
	padding:2px;
	position:relative;
	top:2px;
}

#MapStyle li .Caret:hover
{
	cursor:pointer;
	background-color:#484848;
}

#MapStyle li .CaretMenu
{
	margin-top:5px;
	padding:2px;
}

#ViewOptions
{
	height:50px;
	margin:10px 0px 0px 25px;
	overflow:hidden;
	position:absolute;
	top:15px;
	width:165px;
	z-index:4999;
}

#ZoomOptions
{
	left:65px;
	list-style-type:none;
	margin:0px;
	padding:5px 0px 5px 0px;
	position:absolute;
}

#ZoomOptions li
{
	margin:0px 0px 5px 0px;
}

#ZoomIn, #ZoomOut, #Rotate a
{
	background-position:left;
	background-repeat:no-repeat;
	height:6px;
	padding:6px 0px 6px 20px;
}

#Rotate a
{
	background-image:url('/Start/Toolbox/Images/Rotate.gif');
}

#ZoomIn
{
	background-image:url('/Start/Toolbox/Images/ZoomIn.gif');
}

#ZoomOut 
{
	background-image:url('/Start/Toolbox/Images/ZoomOut.gif');
}
#SearchMenuListItem .Icon
{
	background-image:url('/Start/Search/Search.png');
}
#HelpMenuListItem .Icon
{
	background-image:url('/Start/Help/Help.png');
}
#EmailMenuListItem .Icon
{
	background-image:url('/Start/Email/Email.png');
}
#DirectionsMenuListItem .Icon
{
	background-image:url('/Start/Directions/Images/Directions.png');
}

.AtlasPushpinDirectionsStart, .AtlasPushpinDirectionsStartHover
{	
	width:28px;
	height:28px;
	padding-top:0px;
	background-image:url('/Start/Directions/Images/Start.png');
}

.AtlasPushpinDirectionsEnd, .AtlasPushpinDirectionsEndHover
{	
	width:28px;
	height:28px;
	padding-top:0px;
	background-image:url('/Start/Directions/Images/End.png');
}

#DirectionsTotalDistance
{
	margin-left:11px;
}

#DirectionsEstimatedTime
{
	margin-left:5px;
}

.Instruction
{
	position:relative;
	min-height:34px;
	
	padding-right:60px;
}

.InstructionDistance
{
	position:absolute;
	top:0px;
	right:0px;
	
	height:34px;
	width:60px;
	
	font-size:20px;
	line-height:20px;
	color:#A4A4A4;
	text-align:center;
}

.InstructionUnit
{
	font-size:10px;
	line-height:10px;
	padding-top:2px;
}
#DefaultsMenuListItem .Icon
{
	background-image:url('/Start/Defaults/Defaults.png');
}
#ServicesMenu
{
	height:80px;
}
#GpsMenuListItem .Icon
{
	background-image:url('/Services/Gps/Gps.png');
}

#ManageGpsDevicesLink
{
	display:block;
	text-align:right;
	font-size:10px;
	color:#989898;
}

.GpsDeviceOptions
{
	color:#989898;
	margin-bottom:5px;
}

.GpsDeviceOptions a
{
	color:#989898;
}

.GpsDeviceDetails
{
	margin-right:54px;
}

.GpsDeviceOwnerImage
{
	float:right;
}

.GpsDeviceDetails
{
	font-size:10px;
}

.GpsDeviceDetailsLabel
{
	vertical-align:top;
	color:#989898;
}

.FollowGpsDeviceLink
{
	font-size:8pt;
	color:#99CC00;
}
#FriendsMenuListItem .Icon
{
	background-image:url('/Services/Friends/Friends.png');
}
.Panel
{
	position:absolute;
	visibility:hidden;
	z-index:90;
}

.Panel .EventLayer
{
	position:absolute;
	top:0px;
	left:0px;

	background-color:#000000;
	filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
    
    z-index:0; 
}

.Panel .Header
{
	position:relative;
	
	height:22px;
	
	z-index:2;
}

.Panel .Header .Left
{
	width:22px;
	height:22px;
	
	float:left;
	
	background-image:url('/Panel/Images/TopLeft.png');
	background-repeat:no-repeat;
	background-position:top left;	
}

* html .Panel .Header .Left
{
    margin-right:-3px;
}

.Panel .Header .Center
{
	position:relative;
	height:22px;
	
	background-image:url('/Panel/Images/TopCenter.png');
	background-repeat:repeat-x;
	background-position:top left;	
}

html>body .Panel .Header .Center
{
	margin:0px 22px 0px 22px;
}

.Panel .Header .Right
{
	width:22px;
	height:22px;
	
	float:right;
	
	background-image:url("/Panel/Images/TopRight.png");
	background-repeat:no-repeat;
	background-position:top left;
}

* html .Panel .Header .Right
{
    margin-left:-3px;
}

.Panel .Body
{
	position:relative;
	
	font-size:0px;
	
	z-index:1;
}

.Panel .Body .Left
{
	width:22px;
	
	float:left;
	
	background-image:url("/Panel/Images/Left.png");
	background-repeat:repeat-y;
	background-position:top left;
}

* html .Panel .Body .Left
{
    margin-right:-3px;
}

.Panel .Body .Center
{
    position:relative;
    
	background-image:url('/Panel/Images/Center.png');
	background-repeat:repeat;
	background-position:top left;	
}

html>body .Panel .Body .Center
{
	margin:0px 22px 0px 22px;
}

.Panel .Body .Right
{
	width:22px;
	
	float:right;
	
	background-image:url("/Panel/Images/Right.png");
	background-repeat:repeat-y;
	background-position:top left;
}

* html .Panel .Body .Right
{
    margin-left:-3px;
}

.Panel .Footer
{
	position:relative;
	
	height:27px;
	overflow:hidden;
	
	z-index:1;
}

.Panel .Footer .Left
{
	width:22px;
	height:27px;
	
	float:left;
	
	background-image:url("/Panel/Images/BottomLeft.png");
	background-repeat:no-repeat;
	background-position:bottom left;
}

* html .Panel .Footer .Left
{
    margin-right:-3px;
}

.Panel .Footer .Center
{
	height:27px;
	
	background-image:url("/Panel/Images/BottomCenter.png");
	background-repeat:repeat-x;
	background-position:bottom left;
}

html>body .Panel .Footer .Center
{
	margin:0px 22px 0px 22px;
}

.Panel .Footer .Right
{
	width:22px;
	height:27px;
	
	float:right;
	
	background-image:url("/Panel/Images/BottomRight.png");
	background-repeat:no-repeat;
	background-position:bottom left;
}

* html .Panel .Footer .Right
{
    margin-left:-3px;
}

/* Title Bar */
.Panel .TitleBar
{	
	position:absolute;
	top:-5px;
	left:15px;
	
	height:32px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.Panel .TitleBar .Icon
{	
	position:absolute;
	bottom:0px;
	left:0px;
	
	height:32px;
	width:32px;
}

.Panel .TitleBar .Title
{
	bottom:8px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	height:12px;
	left:5px;
	margin:0px;
	max-width:200px;
	overflow:hidden;
	padding:0px;
	position:absolute;
}

.Panel .TitleBar .MinMaxButton
{	
	position:absolute;
	bottom:11px;
	right:13px;
	
	padding:0px;
	
	cursor:pointer;
}

.Panel .TitleBar .CloseButton
{
	position:absolute;
	bottom:10px;
	right:1px;
	
	padding:px;
	
	font-size:10px;
	line-height:10px;
	color:#99cc00;
	
	text-decoration:none;
}

.Panel .Body .Center .ContentHeader, .Panel .Body .Center .ContentBody, .Panel .Body .Center .ContentFooter
{
    position:absolute;
    height:0px;
    
    font-size:10px;
    line-height:normal;
    
	overflow:auto;
	
	scrollbar-track-color: #262626;
    scrollbar-arrow-color: #A4A4A4;
    scrollbar-base-color: #333333;
    scrollbar-face-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-highlight-color: #333333;
    scrollbar-darkshadow-color: #333333;
    scrollbar-shadow-color: #333333;
}
.MenuItem
{		
    position:absolute;
    top:0px;
    left:0px;   
 
	width:100%;
	visibility:hidden;
    
    overflow:visible;
}

.MenuItem .Content
{
	position:relative;
	
	background-color:#000;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
    
    border-bottom:solid 1px #000000;
}

.MenuItem .Logo
{   	
	position:absolute;
	bottom:1px;
	left:0px;
}

.MenuItem .Tab 
{
	position:absolute; 
	right:0px; 
	bottom:-23px;
	
	float:right;
    cursor:pointer;
    
    background-color:Transparent;
}

.MenuItem .Tab .Left
{   
    float:left;
        
    height:23px;
    width:23px;
    
    background-image:url("/Menu/Images/Tab/Left.png");
    background-position:top left;
    background-repeat:no-repeat;
    
    cursor:pointer;
}

.MenuItem .Tab .Right
{
    float:left;
        
    height:23px;
    width:23px;
    
    background-image:url("/Menu/Images/Tab/Right.png");
    background-position:top left;
    background-repeat:no-repeat;
    
    cursor:pointer;
}

.MenuItem .Tab .Center
{    
	float:left;
    height:23px;
        
    background-image:url("/Menu/Images/Tab/Center.png");
    background-repeat:repeat-x;   
    
    cursor:pointer;
}

.MenuItem .Tab .Center a
{
	position:relative;
	top:4px;
	
	padding:0px 10px 0px 0px;
		
	font-size:10px;    
    text-decoration:none;
    text-transform:lowercase;
    text-align:center;               
    color:#FFFFFF; 
    
    background-image:url('/Menu/Images/Tab/Minimize.gif');
    background-repeat:no-repeat;
    background-position:right;
    
    cursor:pointer;
}

.MenuItem .Tab .Center a:hover
{
	color:#99CC00;
	text-decoration:none;
}
#FeedsMenu
{
	height:80px;
}
#YouTubeMenuListItem .Icon
{
	background-image:url('/Feeds/YouTube/YouTube.png');
}
#TwitterMenuListItem .Icon
{
	background-image:url('/Feeds/Twitter/Twitter.png');
}
#TheWeatherChannelMenuListItem .Icon
{
	background-image:url('/Feeds/TheWeatherChannel/TheWeatherChannel.png');
}
#NprMenuListItem .Icon
{
	background-image:url('/Feeds/Npr/Npr.png');
}
#FlickrMenuListItem .Icon
{
	background-image:url('/Feeds/Flickr/Flickr.png');
}
#APMenuListItem .Icon
{
	background-image:url('/Feeds/AP/AP.png');
}
#FeaturesMenu
{
	height:80px;
}
#WikipediaMenuListItem .Icon
{
	background-image:url('/Features/Wikipedia/Wikipedia.png');
}

.WikipediaThumbnail
{
	float:right;
	margin:10px;
}
#WiFiMenuListItem .Icon
{
	background-image:url('/Features/WiFi/WiFi.png');
}
#TrafficMenuListItem .Icon
{
	background-image:url('/Features/Traffic/Traffic.png');
}
#PhotosMenuListItem .Icon
{
	background-image:url('/Features/Photos/Photos.png');
}

.Photo
{
	height:166px;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	width:246px;
}

.Photo a img
{
	background-color:#484848;
	padding:2px;
}

.Photo a:hover img
{
	background-color:#99CC00;
}
#PeopleMenuListItem .Icon
{
	background-image:url('/Features/People/People.png');
}
#PackagesMenuListItem .Icon
{
	background-image:url('/Features/Packages/Packages.png');
}

.Carriers
{
	font-size:8px;
}
#MoviesMenuListItem .Icon
{
	background-image:url('/Features/Movies/Movies.png');
}

.MoviesByTheatreList
{
	height:120px;
	
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	list-style-type:none;
}

html>body .MoviesByTheatreList
{
	height:auto;
	min-height:120px;
}

.MoviesByTheatreList li
{
	margin-bottom:12px;
}

.MovieDetails
{
	text-align:right;
}

.MovieRating
{
	float:left;
}

.ShowtimesList
{
	list-style-type:none;
	padding:0;
	margin:0;
	color:#6A6967;
}

.ShowtimesList li
{
	display:inline;
	padding-right:5px;
}

.Panel .PanelItem img.ShowtimesDetailsImage
{
	position:absolute;
	left:-27px;
	top:31px;
}
#GasPricesMenuListItem .Icon
{
	background-image:url('/Features/GasPrices/GasPrices.png');
}
#EventsMenuListItem .Icon
{
	background-image:url('/Features/Events/Events.png');
}
#BlogsMenuListItem .Icon
{
	background-image:url('/Features/Blogs/Blogs.png');
}
.Panel .Arrow
{
	position:absolute;
	top:9px;
	left:-23px;	
	
	height:23px;
	width:37px;
	
	background-image:url('/ContextMenu/Images/Arrow.png');
	background-repeat:no-repeat;
	background-position:top left;
	
	/*line-height:0px;*/
	font-size:0px;
	
	z-index:1;	
}

.ContextMenuFooter
{
	padding-top:10px;
	border-top:solid 1px #484848;
}

.DirectionsOptions, .ViewOptions, .DetailsOptions
{
    display:block;
    height:25px;
}

.DirectionsOptions
{
	background-image:url('/ContextMenu/Images/Directions.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

.ViewOptions
{
	margin-top:5px;
	
	background-image:url('/ContextMenu/Images/View.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

.DetailsOptions
{
	margin-top:5px;
	
	background-image:url('/ContextMenu/Images/Details.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

.DirectionsOptionsLabel, .ViewOptionsLabel, .DetailsOptionsLabel
{
	margin-left:19px;
}

.DirectionsOptions ul, .ViewOptions ul, .DetailsOptions ul
{	
	padding:0px;
	margin:0px 0px 0px 19px;
	
	list-style-type:square;
}

.DirectionsOptions ul li, .ViewOptions ul li, .DetailsOptions ul li 
{
	display:inline;
	
	padding:0px;
	margin:0px;
}

.DirectionsOptions ul li a, .ViewOptions ul li a, .DetailsOptions ul li a
{
	padding:0px;
	margin:0px;
}
