/*------------------------------------- [ Console ] -------------------------------------*/ #consoleWrapper {width:240px; position:absolute; top:10px; right:100px; display:none; z-index:12;} #consolePadding {border: 1px solid #ff0000; padding:5px; background-color:#ffcccc;} #console {} /*------------------------------------- [ Basic elements ] -------------------------------------*/ body {color:#333; font-family:arial; font-size:8pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0px; padding:0px;} #bodyWrapper {position:absolute; top:0px; left:0px; overflow:hidden; z-index:999; background:url(../images/bg_page_edge_right.png) top right repeat-y;} #bannerA {float:right; margin:5px 5px 0px 0px;} .superTable {overflow:hidden;;} #weatherWidgets {} /*------------------------------------- [ Page Setup ] -------------------------------------*/ #pagingWindow {position:relative; padding:0; z-index:9999; margin-left:auto; margin-right:auto;} #pagingWindow .zeroBookmarks {font:normal 30px arial; color:#fff;} .pageWrapper {margin:auto;} #pagingWindowContainer {position:relative;} /*----------------------------------- [ current ] -----------------------------------*/ #currentPageTagWrapper {z-index:99999; text-align:left; float:left; color:#666; display:none; padding:5px; position:absolute; bottom:15px; left:330px; font:normal 12px arial; background:url(../images/bg_transparent_40.png) top left repeat; border:1px solid #000;} #totalBookmarks {display:inline; } /*------------------------------------- [ Expand collapse ] -------------------------------------*/ #expandCollapseWrapper {width:55px; height:275px; z-index:9999; display:none;} .mainTable {display:none;} /*------------------------------------- [ UI controls ] -------------------------------------*/ .ui-controls-container {position:absolute; left:0px; bottom:80px; padding:0 0 0 5px; z-index:99999999;} .uiPagingControls {float:left;; background:url(../images/bg_transparent_40.png) top left repeat;} .btnSettingsContainer {float:left; background:url(../images/bg_transparent_40.png) top left repeat; width:50px; height:50px;} .btnNextPageContainer {float:left; background:url(../images/bg_transparent_40.png) top left repeat; width:50px; height:50px;} .btnPrevPageContainer {float:left; background:url(../images/bg_transparent_40.png) top left repeat; width:50px; height:50px;} .uiControl {display:none; } .widgets-button-container {z-index:9999; display:none; position:absolute; bottom:10px; right:0px; background:url(../images/bg_transparent_40.png) top left repeat; width:55px; height:50px} /*----------------------------------- [ page indicator ] -----------------------------------*/ #pageIndicator {display:none; position:absolute; top:5px; left:0px; width:11px; height:15px; background:url(../images/page_neddle.png) top left no-repeat;} .pageIndicatorWrapper {display:none; float:left; width:235px; height:60px; position:relative;} .pageIndicatorWrapper .currentTagNameWrapper {background:url(../images/bg_transparent_40.png) top left repeat; width:235px; height:50px; position:relative;} .pageIndicatorWrapper .pageLabel {position:absolute; top:15px; left:10px; width:40px; font:bold 14px arial; color:#ccc; z-index:999;} .pageIndicatorWrapper .currentPageTable {position:absolute; top:-10px; left:45px; z-index:999;} .pageIndicatorWrapper .bgCurrentPage {width:70px; height:70px; background:url(../images/bg_current_page.png) top left no-repeat; font:bold 28px arial; color:#333; letter-spacing:-2px; line-height:20px;} .pageTagWrapper {position:absolute; top:8px; right:5px; padding:0px 0px 0px 0px; width:115px; overflow:hidden;} #currentPageNumber {overflow:hidden; width:115px; height:18px;} #currentPageNumber .pageNum span {color:#999;} #currentPageNumber span {display:block; float:left;} #currentPageNumber .page {color:#666; padding-right:4px; font-size:11px;} #currentPageNumber .currentPage {color:#ccc; padding-right:4px;} #currentPageNumber .of {color:#999; padding-right:4px;} #currentPageNumber .totalPages {color:#ccc; font:bold 14px arial;} #currentTagName {display:block; white-space:no-wrap; color:#999; overflow:hidden; height:1%; width:115px;} #currentTagName span {display:block; float:left;} #currentTagName .filterBy {color:#666; font-size:12px;} #currentTagName .filterTag {position:absolute; top:18px; left:0px; color:#ccc; white-space:no-wrap;} #currentTagName .btnClearFilter:link, #currentTagName .btnClearFilter:visited, #currentTagName .btnClearFilter:hover, #currentTagName .btnClearFilter:active {float:right;} #currentTagName a:link, #currentTagName a:visited, #currentTagName a:hover, #currentTagName a:active {display:block; float:left;} /*------------------------------------- [ Manage Account ] -------------------------------------*/ #manageAccountWrapper {position:absolute; bottom:0px; left:10px; width:215px;} #manageAccountPadding {} #manageAccount {} #manageAccountTop { background:url(../images/bg_manage_account_top.gif) top right no-repeat; position:relative; width:245px; height:2px;} #manageAccount .loggedInEmail {color:#838b28; padding:5px; width:160px; height:20px; overflow:hidden;} /*------------------------------------- [ Alert ] -------------------------------------*/ #alertWrapper {display:none; width:240px; background-color:#009900; position:absolute; top:10px; right:10px; border:1px solid #006600; z-index:9999;} #alertPadding {height:40px;} #alert {padding:10px; font:normal 11px arial; color:#fff;} /*------------------------------------- [ Ads ] -------------------------------------*/ .adBg {} .adsWindowWrapper {width:330px; margin:0px 0px 0px px; z-index:999; display:none;} .adsWindowPadding {padding:0px 0px 0px 10px;} #adsContainer {position:absolute; left:0px; bottom:0px; border-top:1px solid #000; display:none; background: #020202; background: -moz-linear-gradient(top, #020202 0%, #262626 7%, #303030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020202), color-stop(7%,#262626), color-stop(100%,#303030)); background: -webkit-linear-gradient(top, #020202 0%,#262626 7%,#303030 100%); background: -o-linear-gradient(top, #020202 0%,#262626 7%,#303030 100%); background: -ms-linear-gradient(top, #020202 0%,#262626 7%,#303030 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#303030',GradientType=0 ); background: linear-gradient(top, #020202 0%,#262626 7%,#303030 100%); } #adsContainer .ads-content {width:728px; height:90px; padding:5px; margin:0 auto; position:relative; /*background:url(../images/bg_transparent_40.png) top left repeat;*/} /*------------------------------------- [ Facebook ] -------------------------------------*/ .facebookBg {background:url(../images/bg_transparent_40.png) top left repeat;} .facebookWrapper {width:320px; padding:0px 0px 0px 0px;} .facebookPadding {padding:0px 0px 0px 20px;} .facebookContainer {width:280px; overflow:hidden; float:left; height:1%;} .lnkFacebookWidget:link, .lnkFacebookWidget:visited, .lnkFacebookWidget:hover, .lnkFacebookWidget:active {text-align:left; text-decoration:none; clear:both; height:20px; width:280px; padding:4px 0px 0px 0px; display:block; background-color:#000; color:#ffcc00; font:normal 11px arial; margin-left:20px;} .lnkFacebookWidget:hover {text-decoration:underline;} /*------------------------------------- [ filter tabs ] -------------------------------------*/ .filterTabsWrapper {position:relative; margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; background:transparent url(../images/bg_filter_tabs.png) repeat-x scroll 0px 0px;} .filterTabs {clear:both; font:normal 11px arial; line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; margin:0px; padding:0px;height:35px;} .filterTabs li {background:transparent url(../images/filter_tabs_off_left.png) top left no-repeat; float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px; height:35px;} .filterTabs li a {display:block; height:35px;} .filterTabs li a:link, .filterTabs li a:visited, .filterTabs li a:hover, .filterTabs li a:active {font:bold 11px arial; text-decoration:none; padding:10px 14px 0px 30px;} .filterTabs span {display:block; background:transparent url(../images/filter_tabs_off_right.png) top right no-repeat; height:35px; margin:0px 0px 0px 5px;} .filterTabs li.active {background:transparent url(../images/filter_tabs_on_left.png) top left no-repeat;} .filterTabs li.active a:link, .filterTabs li.active a:visited, .filterTabs li.active a:hover, .filterTabs li.active a:active {font:bold 11px arial; text-decoration:none; padding:10px 14px 0px 30px;} .filterTabs .active span {background:transparent url(../images/filter_tabs_on_right.png) top right no-repeat; height:35px; margin:0px 0px 0px 5px;} .icnTags {background:transparent url(../images/icn_tags.png) top left no-repeat;} .icnSearch {background:transparent url(../images/icn_search.png) top left no-repeat;} .bgFilter {background:transparent url(../images/bg_filter.png) top left repeat-y;} .bgExpandCollapse {background:transparent url(../images/bg_expand_collapse.png) top left repeat-y;} /*------------------------------------- [ Filter ] -------------------------------------*/ #filterWrapper {margin:0px 0px 5px 10px; width:245px; position:relative;} #filterWrapper .lnkShowAll {display:block; position:absolute; top:-25px; right:0px;} #filterWrapper .lnkEdit {display:block; float:right; padding:0px 10px 0px 0px; margin:0px 10px 0px 0px; border-right:1px solid #ccc;} #showAllWrapper {} #showAllPadding {} #showAll {} #filterWrapper h1 {margin:0px 0px 5px 0px; padding:0px; float:left; color:#666;} #filterPadding { border:1px solid #333; padding:5px; background-color:#202020;} #filterWindow {position:relative; height:220px; padding:0px 0px 0px 0px; overflow:auto;} #filter {position:absolute; top:0px; left:0px; width:200px;} .filterOn {border-bottom:1px solid #000; background-color:#333;} .filterOn div {color:#fff;} .tagWrapper {position:relative; margin:0px auto 5px auto; padding:0px 0px 2px 0px; overflow:hidden; height:20px; line-height:20px; cursor:pointer; color:#999; border-bottom:1px solid #333;} .name {float:left;} #filterControls {display:none; padding:4px 0px 0px 0px; float:right; width:48px;} #filteringMethodWrapper {padding:4px 0px 0px 0px; font:bold 11px arial; color:#404040; float:left;} #filteringMethodWrapper a {text-decoration:none; color:#666;} #filteringMethodWrapper a:hover {color:#333; text-decoration:underline;} #searchUsernameContainer {height:50px; background:url(../images/bg_transparent_80.png) top left repeat; position:relative; margin:0; padding:0; border-bottom:1px solid #000; /*shadow*/ /*left, top, spread, blur distance*/ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 20px rgba(0, 0, 0, 0.8); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); } .username-container {float:left; text-align:left; position:relative;} .username-container .username:link, .username-container .username:visited, .username-container .username:hover, .username-container .username:active {display:block; padding:0 0 0 60px; height:50px; background:url(../../uploads/avatars/temp_avatar.jpg) 5px 5px no-repeat; text-decoration:none;} .username-container .username span {display:block; font-size:16px; font-weight:bold; color:#999; padding:15px 0 0 0;} .user-details-container {position:absolute; top:50px; left:0px; width:434px; z-index:999999999; height:90px; background:url(../images/bg_transparent_80.png) top left repeat; overflow:hidden; clear:both; display:none; border-bottom:1px solid #666; border-right:1px solid #666; padding:10px 0 0 0;} .user-details-container .column-a {float:left; width:300px; margin-left:5px;} .user-details-container .column-a a:link, .user-details-container .column-a a:visited, .user-details-container .column-a a:hover, .user-details-container .column-a a:active {display:block; width:238px; overflow:hidden; margin-bottom:5px; padding-top:4px; height:24px; font-size:12px; font-weight:normal; color:#009ce9; padding:0 0 0 30px; text-decoration:none;} .user-details-container .column-a a:hover {text-decoration:underline;} .user-details-container .homepage-url {background:url(../images/icns_bookmark_options_24.png) 0px -288px no-repeat;} .user-details-container .facebook-url {background:url(../images/icns_bookmark_options_24.png) 0px -96px no-repeat;} .user-details-container .twitter-url {background:url(../images/icns_bookmark_options_24.png) 0px -192px no-repeat;} .user-details-container .homepage-url.disabled {background:url(../images/icns_bookmark_options_24.png) 0px -312px no-repeat;} .user-details-container .facebook-url.disabled {background:url(../images/icns_bookmark_options_24.png) 0px -120px no-repeat;} .user-details-container .twitter-url.disabled {background:url(../images/icns_bookmark_options_24.png) 0px -216px no-repeat;} .user-details-container .user-detail-url span {display:block; padding:4px 0 0 0;} .user-details-container .column-b {text-align:center;} .user-details-container .column-b h3 {font-size:11px; color:#fff;} .user-details-container .column-b .total-bookmarks {font-size:48px; font-weight:bold; color:#ccc; line-height:36px; padding:10px 0 10px 0;} .tags-button-container {float:left; margin:12px 0 0 12px; padding:0 0 0 10px; border-left:1px solid #333;} .tags-button-container .tags-button {background:url(../images/icns_bookmark_options_24.png) 0px -240px no-repeat; display:block; height:24px; width:24px;} .add-bookmark-container {float:left; margin:12px 0 0 12px; padding:0 0 0 10px; border-left:1px solid #333;} .add-bookmark-container .add-bookmark-button {background:url(../images/icns_bookmark_options_24.png) 0px -336px no-repeat; display:block; height:24px; width:24px;} /*------------------------------------- [ Search ] -------------------------------------*/ #searchWrapper {float:right; position:relative; padding:10px 10px 0 0;} #searchWrapper input {width:180px; font:normal 14px arial; color:#666; border:1px solid #525252; padding:5px; background:url(../images/icns_bookmark_options_24.png) 190px -384px no-repeat; /*rounded corners*/ -webkit-border-radius:.25em; -moz-border-radius:.25em; -o-border-radius:.25em; border-radius:.25em; } .nothingFound {font:normal 36px arial; padding:0px 0px 0px 10px; color:#b7b7b7;} #searchWrapper .search-zones-container {position:absolute; top:50px; left:5px; display:none; background:url(../images/bg_transparent_80.png) top left repeat; border-bottom:1px solid #666; border-right:1px solid #666; z-index:999999; width:180px;} #searchWrapper .search-zones-container .search-zones a:link, #searchWrapper .search-zones-container .search-zones a:visited, #searchWrapper .search-zones-container .search-zones a:hover, #searchWrapper .search-zones-container .search-zones a:active {display:block; font:normal 14px arial; color:#009ce9; padding:0px 20px 0px 20px; margin:0px 0px 12px 5px; text-decoration:none;} #searchWrapper .search-zones-container .search-zones a:hover {text-decoration:underline;} #searchWrapper .search-zones-container .search-zones a.google {background:url(../images/icns_search_zones.png) top left no-repeat;} #searchWrapper .search-zones-container .search-zones a.favable {background:url(../images/icns_search_zones.png) bottom left no-repeat;} #searchWrapper .search-zones-container .search-zones a.delisher {background:url(../images/icns_search_zones.png) 0px -16px no-repeat;} #searchWrapper .btnSearchZones {width:25px; height:28px; padding:0; margin:0; position:absolute; top:10px; left:5px;} #searchWrapper .btnSearchZones.searchGoogle {background:transparent url(../images/btn_search_zones.png) top left no-repeat;} #searchWrapper .btnSearchZones.searchDelisher {background:transparent url(../images/btn_search_zones.png) no-repeat scroll 0px -56px;} #searchWrapper .btnSearchZones.searchFavable {background:transparent url(../images/btn_search_zones.png) no-repeat scroll 0px -112px;} /*----------------------------------- [ delisher promo ] ----------------------------------- #delisherPromoWrapper {width:280px; height:30px; margin:0px 0px 10px 20px; border-top:1px solid #000; border-bottom:1px solid #000; padding-top:5px; display:none;} #delisherPromoWrapper li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; margin-top:4px; margin-right:8px; padding-right:8px; border-right:1px solid #000;} #delisherPromoWrapper li.last {padding:0; margin-right:0; border:0;} #delisherPromoWrapper a:link, #delisherPromoWrapper a:visited, #delisherPromoWrapper a:hover, #delisherPromoWrapper a:active {color:#fff; font:normal 12px Arial, sans-serif;} #delisherPromoWrapper .delisher {float:right; background:url(../images/delisher_promo_logo.png) top right no-repeat; width:111px; height:24px; display:block;} */ /*------------------------------------- [ Favorite display ] -------------------------------------*/ #favoriteDisplayWrapper {display:none; position:absolute; width:240px; right:130px; bottom:50px;} #favoriteDisplayPadding {background:url(../images/bg_transparent_80.png) top left repeat-y; border:1px solid #000; height:125px;} #favoriteDisplay {padding:5px; color:#e5e5e5;} #favoriteDisplay h1 {font-size:11px; font-weight:bold; color:#e5e5e5;} #favoriteDisplay td {color:#ccc; padding:0px 0px 5px 0px;} /*----------------------------------- [ addthis ] -----------------------------------*/ #atffc {height:1px;} /*------------------------------------- [ Links ] -------------------------------------*/ .lnkBack:link, .lnkBack:visited, .lnkBack:active {font:normal 11px arial; text-decoration:underline; color:#999; padding:6px 0px 0px 0px; display:block; float:left;} .lnkBack:hover {font:normal 11px arial; text-decoration:underline; color:#ccc; padding:6px 0px 0px 0px; display:block; float:left;} .lnkImport:link, .lnkImport:visited, .lnkImport:active {font:bold 14px arial; text-decoration:underline; color:#009ce9; padding:6px 0px 0px 0px; display:block; float:left;} .lnkImport:hover {font:bold 14px arial; text-decoration:underline; color:#6dcdfc; padding:6px 0px 0px 0px; display:block; float:left;} .lnkTop:link, .lnkTop:visited, .lnkTop:active {font:normal 8pt arial; text-decoration:none; color:#999; letter-spacing:1px; } .lnkTop:hover {font:normal 8pt arial; text-decoration:underline; color:#ccc; letter-spacing:1px; } .lnkSignUp:link {font:normal 8pt arial; text-decoration:underline; color:#838b28; } .lnkSignUp:visited {font:normal 8pt arial; text-decoration:underline; color:#838b28; } .lnkSignUp:hover {font:normal 8pt arial; text-decoration:underline; color:#838b28; } .lnkSignUp:active {font:normal 8pt arial; text-decoration:underline; color:#838b28; } .lnkCancel:link {font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px; float:right; display:block;} .lnkCancel:visited {font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px; float:right; display:block;} .lnkCancel:hover {font:normal 8pt arial; text-decoration:underline; color:#999; padding:5px 20px 0px 0px; float:right; display:block;} .lnkCancel:active {font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px; float:right; display:block;} .lnkRemoveAds:link {font:normal 8pt arial; text-decoration:underline; color:#666; padding:4px 10px 0px 0px; } .lnkRemoveAds:visited {font:normal 8pt arial; text-decoration:underline; color:#666; padding:4px 10px 0px 0px; } .lnkRemoveAds:hover {font:normal 8pt arial; text-decoration:underline; color:#999; padding:4px 10px 0px 0px; } .lnkRemoveAds:active {font:normal 8pt arial; text-decoration:underline; color:#666; padding:4px 10px 0px 0px; } a:link, a:visited, a:hover, a:active {font:normal 11px arial; text-decoration:underline; color:#fff; outline:none;} a.bltArrowBlue {background:url(../images/blt_arrow_blue.gif) no-repeat scroll 0px 0px; padding:0px 0px 0px 10px;}