/* commented backslash hack \*/
html, body { height:100%; overflow:hidden; font-size:x-small; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff; }
/* end hack */
html, body { margin:0; padding:0; overflow:hidden; }
#mapCanvas { min-height:100%; height:auto; }
/* ie6 and under*/
* html #mapCanvas { height:100%; }
.tutorialDialog { display:none; }
.tutorialDialog .snLogo { border:none; margin:0 auto 0; }
#startupDialog { display:none; }
#snDialog { display:none; }
.snLogo { border:none; }
.splashScreen a:link { color:#168; text-decoration:underline; }
.splashScreen a:hover { color:#168; text-decoration:underline; }
.splashScreen a:visited { color:#168; text-decoration:underline; }
.ui-icon-gift { background-position:-160px -144px; }
.ui-icon-twitter { background-position:-176px -144px; }
.ui-icon-centrl { background-position:-192px -144px; }
.ui-icon-qrcode { background-position:-208px -144px; }
#loadingOverlay { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:998; background-color:#FFFFFF; text-align:center; }
#loadingIconOverlay { position:fixed; top:45%; left:0px; width:100%; height:100%; z-index:999; text-align:center; color:#116688; }
#onScreenDisplay { width:400px; position:fixed; top:4px; margin-left:auto; margin-right:auto; z-index:999; }
#modalDialogText { width:100%; margin:0px; text-align:justify; }
#modalDialogIcon { margin:0px; padding:0px; float:left; }
#contextMenu { position:absolute; width:168px; top:0px; left:0px; padding:4px 4px 4px 4px; display:none; }
.contextMenuItem { font:100% "Trebuchet MS", sans-serif; white-space:nowrap; padding:4px 4px 4px 4px; width:150px; margin:4px; text-decoration:none; cursor:pointer; }
.outerIFrame { margin:0; padding:0; height:100%; width:100%; }
.legendsPanelAccordion { margin:0px; padding:2px; overflow:none; }
.legendsPanelSettings { overflow:none; }
#mainMenuPanel { width:auto; background:#fff; position:fixed; bottom:50px; left:50px; padding-left:50px; display:none; }
#mainMenuPanel #mainMenuLogo { position:absolute; top:-18px; left:-4px; width:64px; height:70px; background-image:url(../img/centrl_menu_logo.png); background-repeat:no-repeat; }
#mainMenuPanel #mainMenuAbout { position:absolute; top:-4px; left:10px; width:42px; height:42px; cursor:pointer; background-image:url(../img/white_questionmark.png); background-position:0px 0px; }
#mainMenuPanel #searchTextbox { width:130px; }
#mainMenuPanel .blurSearchTextbox { color:gray; }
#mainMenuPanel #searchCombobox { width:105px; }
#mainMenuPanel #mainMenuBubbleFeedback:hover { background-position:-9px -9px; cursor:pointer; }
#mainMenuPanel #mainMenuBubbleHelp:hover { background-position:-9px -65px; cursor:pointer; }
#mainMenuPanel #mainMenuBubbleSettings:hover { background-position:-9px -176px; cursor:pointer; }
#mainMenuPanel #mainMenuBubbleChat:hover { background-position:-9px -120px; cursor:pointer; }
#mainMenuPanel #lastPublicMessage { position:absolute; top:34px; left:62px; width:268px; max-width:268px; font-size:10px; color:black; cursor:pointer; overflow:hidden; white-space:nowrap; display:none; }
#mainMenuPanel #lastPublicMessage p { margin:0; padding:0; }
#mainMenuSearchButton { height:15px; float:left; padding:2px 14px 2px 14px; text-decoration:none;position:relative; }
#mainMenuSearchButton span.ui-icon { margin:0 0 0 1px;position:absolute;left:5px;top:50%;margin-top:-8px; }
/* User Action Prompts */

#promptUserActionSearch {position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-image:url(../../images/avatars/default_4b.png);}

/* Startup Dialog */
.dbContainer { float:left; margin:0; }
#dashButtons { margin:0 2% 0 2%; }
#startupDialogOptionRec { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionFind { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionSettings { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionChat { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionFind { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionFindFriend { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionInvite { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionDeal { cursor:pointer; width:auto; text-align:center; margin:10%; }
#startupDialogOptionUpdates { cursor:pointer; width:auto; text-align:center; margin:10%; }
#snDialogLink { cursor:pointer; display:none; }
/* User updates iframe style*/
#userUpdatesIframe { height:100%; width:100%; border:none; }
/* Stats panel */
#statsPanel { width:auto; background:#fff; position:fixed; top:30px; left:65px; }
#statsPanel #numberOfPointsYouHave { position:absolute; top:-2px; left:10px; width:auto; font-size:10px; float:right; display:none; cursor:pointer; white-space:nowrap; }
#statsPanel #numberOfOnlineUsers { position:absolute; top:21px; left:10px; width:auto; font-size:10px; float:right; color:black; display:none; cursor:pointer; white-space:nowrap; }
/* ----- Legend Tabs ----- */
#legendTabs { line-height:0px; margin:0; padding:0; overflow:hidden; display:block; position:absolute; z-index:1; outline-style:none; outline-width:0px; height:321px; width:26px; top:10px; right:0px; display:none; }
/* ----- Legend Tabs ----- */
/* ----- Legends Panel ----- */
#legendsPanel { overflow:hidden; display:block; position:absolute; z-index:1; outline-style:none; outline-width:0px; height:100%; width:180px; top:0px; right:-190px; }
div.legendsPanelContent { display:block; width:178px; margin:0; padding:0; overflow:scroll; }
div.legendsPanelContent div.myFavoritelocation { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/my_favorite_item_legend_icon_location_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.myFavoritelocation:hover { background-color:#eeeeee; }
div.legendsPanelContent div.myFavoritevideo { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/my_favorite_item_legend_icon_video_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.myFavoritevideo:hover { background-color:#eeeeee; }
div.legendsPanelContent div.myFavoritephoto { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/my_favorite_item_legend_icon_photo_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.myFavoritephoto:hover { background-color:#eeeeee; }
div.legendsPanelContent div.otherFavoritelocation { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/favorite_item_legend_icon_location_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.otherFavoritelocation:hover { background-color:#eeeeee; }
div.legendsPanelContent div.otherFavoritevideo { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/favorite_item_legend_icon_video_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.otherFavoritevideo:hover { background-color:#eeeeee; }
div.legendsPanelContent div.otherFavoritephoto { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/favorite_item_legend_icon_photo_0.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.otherFavoritephoto:hover { background-color:#eeeeee; }
div.legendsPanelContent div p.itemTitle { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div p.itemDetails { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; font-size:x-small; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div.users { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_user_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.users:hover { background-color:#eeeeee; }
div.legendsPanelContent div p.userName { display:block; padding-top:4px; margin:0; margin-left:40px; width:120px; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div p.userDetails { display:block; padding-top:4px; margin:0; margin-left:40px; width:120px; font-size:x-small; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div.usersUpdates { display:block; width:160px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_user_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; }
div.legendsPanelContent div.usersUpdates a { color:#29b; text-decoration:none; }
div.legendsPanelContent div.usersUpdates a:hover { color:#9b0; }
div.legendsPanelContent div p.userActionDetails { display:block; padding-top:4px; margin:0; margin-left:40px; font-size:x-small; overflow:hidden; }
div.legendsPanelContent div.blockedUsers { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_user_legends_bezel_blocked.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.blockedUsers:hover { background-color:#eeeeee; }
div.legendsPanelContent div p.blockedUserName { display:block; padding-top:4px; margin:0; margin-left:40px; width:120px; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div p.blockedUserDetails { display:block; padding-top:4px; margin:0; margin-left:40px; width:120px; font-size:x-small; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div.layers { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_layer_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.layers:hover { background-color:#eeeeee; }
div.legendsPanelContent div p.layerName { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div p.layerDetails { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; font-size:x-small; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div.deals { display:block; width:160px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_layer_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.legendsPanelContent div.deals:hover { background-color:#eeeeee; }
div.legendsPanelContent div p.dealTitle { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; white-space:nowrap; overflow:hidden; }
div.legendsPanelContent div p.dealDetails { display:block; padding-top:4px; margin:0; margin-left:24px; width:136px; font-size:x-small; white-space:nowrap; overflow:hidden; }
/* ----- Public Chat ----- */
#publicChatTab { margin:1px; padding:0; }
#publicChatContent { height:275px; overflow:auto; }
#publicChatContent div.messages { display:block; margin:0; padding:0; border-bottom:1px solid #ddd; }
#publicChatContent div.messages a:hover { text-decoration:none; }
#publicChatContent div p.userDetails { display:block; padding-top:4px; margin:0; font-size:x-small; white-space:nowrap; overflow:hidden; }
#publicChatContent div p.userMessage { display:block; padding-top:4px; padding-bottom:4px; margin:0; overflow:hidden; }
/* ----- Private Chat ----- */
#privateChatTab { margin:1px; padding:0; }
#privateChatUserList { width:100px; height:0px; overflow:auto; }
#privateChatUserDetails { width:100%; height:50px; overflow:none; border-bottom:1px solid #000; }
#privateChatMessages { width:100%; height:0px; overflow:auto; }
div.privateChatUser { display:block; width:80px; margin:0; padding:0; border-bottom:1px solid #ddd; cursor:pointer; text-align:center; } 
/* div.privateChatUser:hover { background-color:#eeeeee; } */
div.privateChatUser p.userName { display:block; margin:0; width:80px; white-space:nowrap; overflow:hidden; font-size:10px; }
/* div.privateChatUserNewMessage { display:block; width:100px; margin:0; padding:0; border-bottom:1px solid #ddd; cursor:pointer; text-align:center; background-color:#eebbbb; } */
/* div.privateChatUserNewMessage:hover { background-color:#ddaaaa; } */
/* div.privateChatUserNewMessage p.userName { display:block; margin:0; width:100px; white-space:nowrap; overflow:hidden; font-size:10px; } */
#privateChatUserDetails div.user { width:100%; height:46px; margin:0; padding:0; background-image:url("../img/other_user_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
#privateChatUserDetails div.user:hover { background-color:#eeeeee; }
#privateChatUserDetails div p.userName { padding-top:4px; margin:0; margin-left:40px;overflow:hidden; }
#privateChatUserDetails div p.userDetails { padding-top:4px; margin:0; margin-left:40px; font-size:x-small; overflow:hidden; }
#privateChatMessages div.messages { display:block; margin:0; padding:0; border-bottom:1px solid #ddd; }
#privateChatMessages div p.userDetails { display:block; padding-top:4px; padding-left:4px; margin:0; font-size:x-small; overflow:hidden; }
#privateChatMessages div p.userMessage { display:block; padding-top:4px; padding-left:4px; padding-bottom:4px; margin:0; overflow:hidden; }
#privateChatMessages div p.userMessage a { color:#29b; text-decoration:none; }
#privateChatMessages div p.userMessage a:hover { color:#9b0; }
/* ----- Deal ----- */
#dealBubble { width:280px; max-height:200px; }
#dealBubble p.message { margin:0; padding:0; font-size:12px; }
#dealBubble .content { width:280px; max-height:130px; padding-bottom:10px; overflow:auto; }
#dealBubble .content p.author { margin:0; padding:0; font-size:12px; }
#dealBubble .content p.title { margin:0; padding:0; font-size:14px; }
#dealBubble .content p.title a { color:#29b; text-decoration:none; }
#dealBubble .content p.title a:hover { color:#9b0; }
#qrCodeBubble { width:262px; max-height:370px; }
#qrCodeBubble .qrCode { width:262px; height:262px; overflow:none; }
/* ----- User ----- */
#userBubble { width:280px; max-height:200px; }
#userBubble p.message { margin:0; padding:0; font-size:12px; }
#userBubble .longContent { padding-bottom:10px; overflow:auto; }
#userBubble .longContent p { margin:0; padding:0; font-size:12px; text-align:justify; }
#userBubble .content { max-height:100px; padding-bottom:10px; overflow:auto; }
#userBubble .content p.name { width:170px; margin:0; padding:0; font-size:14px; }
#userBubble .content p.name a { color:#29b; text-decoration:none; }
#userBubble .content p.name a:hover { color:#9b0; }
#userBubble .content p.status { width:170px; font-size:12px; color:#888; }
#userBubble .content p.network { width:170px; margin:0; padding:0; font-size:12px; }
#userBubble .content p.network a { color:#29b; text-decoration:none; }
#userBubble .content p.network a:hover { color:#9b0; }
#userBubble .content p.twitter { width:170px; margin:0; padding:0; font-size:12px; }
#userBubble .content p.twitter a { color:#29b; text-decoration:none; }
#userBubble .content p.twitter a:hover { color:#9b0; }
#userBubble .content p.text { margin:0; margin-bottom:10px; padding:0; width:170px; font-size:12px; }
ul#bubbleTaskButton { margin:0; padding:0; margin-bottom:4px; }
ul#bubbleTaskButton li { margin-left:4px; position:relative; padding:2px; cursor:pointer; float:right; list-style:none; height:16px; }
ul#bubbleTaskButton li.view-details { margin-left:0px; position:relative; padding:2px; cursor:pointer; float:left; list-style:none; width:auto; height:16px; }
ul#bubbleTaskButton span.ui-icon { float:left; }
.bubbleTextButton { padding:.4em 1em .4em 20px;text-decoration:none;position:relative; }
.bubbleTextButton span.ui-icon { margin:0 5px 0 0;position:absolute;left:.2em;top:50%;margin-top:-8px; }
div.bubbleUsers { display:block; width:260px; height:46px; margin:0; padding:0; border-bottom:1px solid #ddd; background-image:url("../img/other_user_legends_bezel_online.png"); background-repeat:no-repeat; background-position:2px; cursor:pointer; }
div.bubbleUsers:hover { background-color:#eeeeee; }
div.bubbleUsers p.userName { display:block; padding-top:4px; margin:0; margin-left:40px; width:220px; white-space:nowrap; overflow:hidden; }
div.bubbleUsers p.userDetails { display:block; padding-top:4px; margin:0; margin-left:40px; width:220px; font-size:x-small; white-space:nowrap; overflow:hidden; }
/* ------ Layers -----*/
#layerBubble { width:280px; max-height:240px; }
#layerBubble p.desc { margin:0; padding:0; font-size:12px; text-align:justify; }
#layerBubble .content { width:280px; max-height:130px; padding-bottom:10px; overflow:auto; }
#layerBubble .content img.photo { max-width:100px; height:100px; padding:4px; float:left; }
#layerBubble .content p.source { margin:0; padding:0; font-size:12px; }
#layerBubble .content p.name { margin:0; padding:0; font-size:14px; }
#layerBubble .content p.name a { color:#29b; text-decoration:none; }
#layerBubble .content p.name a:hover { color:#9b0; }
#layerBubble .commentMessage { margin:0; padding-bottom:4px; font-size:12px; text-align:justify; }
#layerBubble .commentText { margin:0; padding:0; font-size:12px; text-align:justify; font-weight:bold; }
#layerBubble #commentText { margin:0; padding:0; width:100%; }
#layerBubble .commentTwitter { padding-top:4px; font-size:12px; }
#layerBubble #commentTwitter { margin:0; padding-top:4px; }
/* ------ Layers -----*/
/* ------ Favorites -----*/
#favoriteBubble { width:280px; max-height:240px; }
#favoriteBubble p.desc { margin:0; padding:0; font-size:12px; text-align:justify; }
#favoriteBubble .content { width:280px; max-height:130px; padding-bottom:10px; overflow:auto; }
#favoriteBubble .content a { color:#29b; text-decoration:none; }
#favoriteBubble .content a:hover { color:#9b0; }
#favoriteBubble .content img.photo { max-width:100px; height:100px; padding:4px; float:left; }
#favoriteBubble .content p.source { margin:0; padding:0; font-size:12px; }
#favoriteBubble .content p.rating { margin:0; padding:0; font-size:12px; }
#favoriteBubble .content p.title { margin:0; padding:0; font-size:14px; }
#favoriteBubble .content p.usernetwork { margin:0; padding:0; font-size:10px; }
#favoriteBubble .content p.description { font-size:12px; color:#888; }
#favoriteBubble .addLocationMessage { margin:0; padding-bottom:4px; font-size:12px; text-align:justify; }
#favoriteBubble .addLocationTitle { margin:0; padding:0; font-size:12px; text-align:justify; font-weight:bold; }
#favoriteBubble #addLocationTitle { margin:0; padding:0; width:100%; }
#favoriteBubble .addLocationDesc { margin:0; padding:0; font-size:12px; text-align:justify; font-weight:bold; }
#favoriteBubble #addLocationDesc { margin:0; padding:0; width:100%; }
#favoriteBubble .addLocationTwitter { padding-top:4px; font-size:12px; }
#favoriteBubble #addLocationTwitter { margin:0; padding-top:4px; }
/* ------ Favorites -----*/
/* --- Zoom In To Address --- */
div.zoomInToAddressList { width:100%; height:140px; overflow:auto; }
div.zoomInToAddress { display:block; margin:0; padding:0; border-bottom:1px solid #ddd; cursor:pointer; }
div.zoomInToAddress:hover { background-color:#eeeeee; }
div.zoomInToAddress p { display:block; padding-top:4px; margin:0; width:100%; white-space:nowrap; overflow:hidden; }
/* --- Zoom In To Address --- */
.tooltip { background-color:#FFFFFF; border:2px solid #CCCCCC; padding:5px; white-space:nowrap; }
.tooltip dl, .tooltip dd, .tooltip dt { margin:0px; padding:0px; }
.tooltip dt { font-weight:bold; }
.tooltip dd { margin-left:1em; }
.tooltip img { border:1px solid #AAAAAA; display:block; }