/*POLL Styles*/ .pollbar{ height: 10px; background-color: #44DD44; border-top: 1px solid #CCFFCC; border-bottom: 1px solid #CCFFCC; border-right: 1px solid #CCFFCC; border-left: 1px solid #CCFFCC; } .pollcommentbox{ border: 1px solid #e7e7e7; width: 90%; padding: 5px; } .pollbox{ border: 2px solid #e7e7e7; width: 90%; padding: 10px; } /*bookoo1map.jsp bookoo2map201111021.jsp bulkcitymapper.jsp events6csv.jsp events6map.jsp events6XML.jsp eventsXML4.jsp nationmap4.jsp rem1map.jsp*/ .maptitle{font-weight:bold;font-size:12px;font-family:sans-serif;color:#555;} .mapdesc{font-weight:bold;font-size:10px;font-family:sans-serif;color:#555;} /*todayyardsales.jsp*/ .ysbox { background-color:#FFFFFF; color:black; border:2px solid #e7e7e7; padding: 3px; } .yscount{font-weight:bold;font-size:18px;font-family:sans-serif;color:brown;} /*comingyardsales.jsp events.jsp eventsOLD.jsp */ .yst { border-color : #e7e7e7; border-width : 0px; padding: 3px; } .mapicon{ position:relative; float:right; } .yss{ color:#444444; font-size:10px; font-weight:normal; } .ysl{ color:#444444; font-size:10px; font-weight:normal; border-bottom:1px dashed #AAAAAA; } .yslp {color:#000077;font-size:12px;font-weight:normal; border-bottom:1px solid #666666; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; background-color : #ddddFF; } .yslf {color:#444444;font-size:10px;font-weight:normal; border-bottom:1px dashed #AAAAAA; } .yslpf {color:#000077;font-size:10px;font-weight:normal; border-bottom:1px solid #666666; background-color : #ddddff; } .eventsep{ height:0; font: 12px; font-family: serif; border-bottom:0px dashed #AAAAAA; border-left:0px dashed #AAAAAA; } .elh { background-color : #FFFFFF;color:#000000;border:0px solid #AACCAA; padding:3px; } .edh{background-color : #CCDDCC;color:#000000;font-size:14px;font-weight:bold;} .listitemviews{color:#224422;font-size:10px;font-weight:normal;} .sign2{ background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2714814537ecc61547422.gif); width: 60px; height: 65px; text-align: center; } .ec{ color: red; padding: 0px; padding-top: 16px; line-height:18px; font-size: 18px; font-weight: bold; font-family: comic sans, arial; } .ec2{ color: #AAAAAA; font-size: 9px; line-height:10px; font-weight:normal; padding: 0px; padding-left: 7px; font-family: comic sans, arial; } /* many .jsp */ .tableheader{background-color : #AABBCC;color:#000000;font-size:14px;font-weight:bold;} .fft{font-weight:bold;background-color : #EEEEEE;text-align:right; width: 100px;} .gt{color:#000000;font-size:9px;font-weight:normal; word-wrap: break-word; } .grid{border:1px solid black;} .gridTD{color:#224422;font-size:10px;font-weight:normal;} .gridTH{color:#224422;font-size:10px;font-weight:bold;background-color : #AABBCC;} .lt { background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } .listtitle{ background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } .ltCategories{ background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } .formnote{color:#AA00AA;font-size:10px;font-weight:normal;} .cawelcome{color:#BB3333;font-size:14px;font-weight:bold;} .listtitle{color:#224422;font-size:18px;font-weight:bold;} .listitemdate{color:#224422;font-size:10px;font-weight:normal;} .erroritem{color:#FF0000;font-size:12px;font-weight:bold;} .help{ background-color: #FFFFFF; border-top:#e7e7e7 2px solid; border-left:#e7e7e7 2px solid; border-right:#e7e7e7 2px solid; border-bottom:#e7e7e7 2px solid; padding:10px; } .helpTitle{ color:#BB3333;font-size:14px;font-weight:bold; } #myOptions { float: left; } .errortable { border-color : #FF0000; background-color : pink; border-width : 2px; padding: 10px; border-style:solid; } /* accountbanners.jsp ads.jsp adsCateorical.jsp linkads.jsp rightcolbookoo.jsp search.jsp */ .adlink{font-size:9px;} /* accountheader.jsp */ .ahLink{ color:#0000FF; } /* newad.jsp */ .ar1{background-color : #BBBBBB;} .ar2{background-color : #e7e7e7;font-size:14px;font-weight:bold;} /* adinvoice.jsp */ .invoicet{font-weight:bold;background-color : #e7e7e7;} /* account.jsp */ .r0{background-color : #FFFFFF;} /* account.jsp adstats.jsp */ .r1{background-color : #F8F8FF;} /* agree.jsp */ .tacs{font-weight:bold;color:#222244;font-size:12px;} /* comingyardsales.jsp events.jsp todayyardsales.jsp */ .ltToday{ background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } /* checkin.jsp mosthunted.jsp mostrecent.jsp mostrecentimages.jsp */ .ltRecent{ color:#224422; font-size:18px; font-weight:bold; } /* mostcustom.jsp mostpopular.jsp */ .ltPopular{ background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } /* announcements.jsp */ .ltAnnounce{ background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } /* topsellers.jsp */ .ltPeople { background-color:#FFFFFF; color:#224422; font-size:18px; font-weight:bold; } /* accountitems.jsp itemlistREALLYOLD.jsp */ .ttItem { background-color: #008c22; background-color: #2ed54e; color:#CDFFC0; font-size:11px; font-weight:bold; padding: 2px; padding-left:3px; } /* itemlistREALLYOLD.jsp mostcustom.jsp mostpopular.jsp mostrecent.jsp */ .plt{font-size:12px;font-weight:bold;} /* chat.jsp newindex.jsp yss_header.jsp */ #container { width:100%; border: 0px solid green; } #userblock { float:left; width:200px; border:0px solid blue; } .times { font-size:80%;color:#AAAAAA;} .me { color:black;padding-top: 2px;} .them { color:red;margin-left: 15px;padding-top: 2px;} .ddd { padding: 5px;border:dashed 1px black;} #chatmenu { position:fixed;border:2px solid #3333AA;bottom:27px;background-color:white; width:220px; } .chatDiv { position:fixed;bottom:0px;background-color:white;width:220px;padding: 0px;float:left;border: solid 2px #33AA33;} .chatDivHigh{ position:fixed;bottom:0px;padding: 0px;width:220px;float:left;border: solid 2px orange;background-color:white;} .chatMsgs { padding:5px;width:210px;height:150px;overflow:auto;font-size:80%;} .chatForm { padding:2px; background-color:#CCCCFF;} .chatTitle { padding:2px; background-color:#33AA33;color:white;font-weight:bold;} .userMe { padding:1px; border-left:3px solid #8888FF;} .userFriends{ padding:1px; border-left:3px solid #CCCCFF;} .userOthers { padding:1px; border-left:3px solid #FFFFFF;} .profile_me { background-color: #CCCCFF; border: 1px solid blue;color:blue;} .profile_friends {background-color: #FFFFCC; border: 1px solid orange;color:orange;} .profile_others {background-color: #CCFFCC; border: 1px solid green;color:green;} .chatwinaction {float:right;font-weight:bold;padding-left:3px;padding-right:3px;} #chatmain { position:fixed;height:25px;bottom:0px;width:220px;padding:0px;; background-color:#33AA33; border-left: 2px solid #88CC88; border-top: 2px solid #88CC88; border-right: 2px solid #338833; border-bottom: 2px solid #338833; right:20px;z-index:100; } .sign { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d289aa74537ecc60545647.gif); width: 120px; height: 130px; text-align: center; } .c { color: red; padding-top: 30px; font-size: 36px; font-weight:bold; font-family: comic sans, arial; } .c2 { color: #888888; font-size: 11px; font-weight:normal; padding-left: 10px; font-family: comic sans, arial; } .itemloc {font-size:80%;} /* importitem.jsp */ .itemImporter { display: none; } .importedImage { margin: 10px; width: 80px; } .importWarning { color: red; } /* faq.jsp */ .faqquestion{font-weight:bold;color:#000000;padding:3px;} .faqanswer{color:#666666;padding:5px;padding-left:20px;} .faq{padding:2px;} .hiddenSide { display: none; } /* GENERAL */ h1, h2, h3, h4, h5, ul, ol, img { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } body,td,th { font-size: 14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#222A25; } body { background-color: #FFFFFF; margin:0px; padding: 0px; } a { text-decoration: none; color:#0098d3; } a:link { text-decoration: none; color:#0098d3; } a:visited { text-decoration: none; color:#0098d3; } a:hover { text-decoration: none; color:#ff6600; } a:active { text-decoration: none; color:#0098d3; } .link { color:#0098d3; cursor: pointer; } .link:hover { color:#ff6600; } h1 { font-size: 32px; font-family: "Domine", Georgia, Times, Serif; font-weight: normal; } h2 { font-size: 24px; font-weight: normal; } h3 { font-size: 19px; font-weight:bold; } h4 { font-size: 14px; font-weight:bold; } h5 { font-weight:bold; } p { font-size:16px; font-family: Georgia, Times, Serif; line-height:20px; margin:0px 0px 0px 0px;} input { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } input[type=submit] { -webkit-appearance:none; border: none; outline: none; } .reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } /* SITE STRUCTURE */ .siteHeight { margin: 0px auto 0px auto; overflow: hidden; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2); border-width: 0px 1px; } .siteHeight, .siteBackground { max-width:1600px; min-width: 300px; width: 100%; height: 100%; } .siteRelative { position: relative; } html.ie7 .siteRelative { position: static; } html.ie7 .siteHeight, html.ie7 .siteBackground { max-width: 1150px; position: relative; } html.ie7 body { min-width: 1150px; } html.ie8 body { min-width: 1002px; } #adminheader { display: none; margin-right:auto; margin-left:auto; text-shadow: none; color: black; z-index: 900; } .adminrow { background-color : #fbfdfb; } #headerStage { z-index: 200; position: relative;} #headerInstage { height: 80px; margin: 0px auto 0px auto; position: relative; font-family: Arial, Arial Bold, sans-serif; width: 100%; } #headerInstage #topRightAd { overflow: hidden; height: 65px; z-index: 160; position: absolute; top: 0px; left: 50%; margin-left: -234px; width: 468px; text-align: center; } #headerInstage #topRightAd img { padding: 2px 0px; } html.ie7 #headerInstage { max-width: 1150px; } #middleColumn { margin: 0px 165px 0px 180px; padding-top: 8px; min-width: 300px; } #middleColumn.nosides { margin: 0px; } #leftNavigation { margin-top: 5px; width: 175px; float: left; } #rightCol { width: 160px; overflow: hidden; position: relative; float: right; } #rightCol.moved { padding-top: 15px; } #rightCol.allowed4 { margin-top: 245px; } #rightCol.allowed3 { margin-top: 214px; } #rightCol.allowed2 { margin-top: 183px; } #rightCol.allowed1 { margin-top: 152px; } #rightCol.allowed0 { margin-top: 121px; } #rightCol.availabilityOpened { margin-top: 498px; } .footerAds { text-align: center; margin: 20px 5px 5px 5px; float: left; width: 100%; height: 250px; } .centeredContainer { width: 1248px; margin: 0px auto; position: relative; } html.ie7 .centeredContainer { width: 780px; } .padMiddle { padding-left: 5px; } .cover, .itemDetailsCover { background-color: rgba(43, 40, 37, 0.65); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } .cover.mobile { display: none; } html.ie7 .cover, html.ie8 .cover, html.ie7 .itemDetailsCover, html.ie8 .itemDetailsCover { background-color: #2B2825; filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);} noscript { font-weight: bold; text-align: center; color: #FF0000; display: block; } .hiddenColumn { display: none; } .clearFix:after { visibility: hidden; display: block; font-size: 0px; line-height: 0px; content: " "; clear: both; height: 0px; width: 0px;} .clearFix { display: inline-block; } * html .clearFix { height: 1%; overflow: visible; } .clearFix { display: block; } .clear { clear:both; } /* Z-INDEX */ .siteHeight { z-index: 1000; } .ui-autocomplete { z-index: 999 !important; } .overlayError { z-index: 999; } .error { z-index: 999; } #messengerBird { z-index: 999; } .favoritesBird { z-index: 999; } #accountMenu { z-index: 950; } .helpTip { z-index: 950; } .messageWindow { z-index: 949; } .messageWindow .message .closer { z-index: 948; } .askAlias { z-index: 922; } .cover.alias { z-index: 921; } .itemDetailsOverLay, .overlay { z-index: 920; } .messageFloat { z-index: 920; } .itemDetailsOverLay #itemDetails #itemImageHolder .rotateOverlayContainer { z-index: 915; } .itemDetailsOverLay #itemDetails #itemImageHolder .rotateOverlayContainer #rotateOverlay { z-index: 914; } .itemDetailsOverLay #itemDetails .bottom .itemOptions .flagging { z-index: 913; } #leftNavigation { z-index: 910; } .cover, .itemDetailsCover { z-index: 900; } #floater { z-index: 801; } #availableWarning { z-index: 802; } a#messageCount { z-index: 802; } #availableWindow { z-index: 800; } #mobileToolTip { z-index: 500; } #leftNavigation .toolTip { z-index: 500; } #headerInstage #accountInformation { z-index: 160; } #titleContainer { z-index: 160; } #itemDetails #itemImageHolder .rotateOverlayContainer { z-index: 150; } #itemDetails #itemImageHolder .rotateOverlayContainer #rotateOverlay { z-index: 150; } #itemDetails .bottom .itemOptions .flagging { z-index: 150; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer { z-index: 100; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer.selected { z-index: 101; } .ui-front { z-index: 100; } a.card .sash { z-index: 10; } #accountMessages .messages .thread .image.favoriteStar { z-index: 10; } #headerInstage .quips { z-index: 10; } #sunday .cloudHolder #titleContainer { z-index: 2; } #sunday .cloudHolder .cloud { z-index: 1; } .JsDatePickBox .jsDatePickCloseButton { z-index: 1; } .JsDatePickBox .jsDatePickCloseButtonOver { z-index: 1; } .JsDatePickBox .jsDatePickCloseButtonDown { z-index: 1; } .nimbusHolder { z-index: 1; } /* BUTTONS */ .button { display: block; font-size: 14px; font-weight: bold; float: left; border-radius: 3px; text-align: center; cursor: pointer; height: 42px; line-height: 42px; color: #FFFFFF; } .button:hover { background: none; } a.button { color: #ffffff; } .white { color: #0098D3; background: #FFFFFF; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); } a.button.white { color: #0098D3; } .white:hover { background: #E7E7E7; } .black { color: #FFFFFF; background: #000000; } .black:hover { color: #0098D3; background: #111111; } .orange { background: #ff6600; } .orange:hover { background: #fe7c25; } .green { background: #1fc22f; } .green:hover { background: #1db02b; } .blue { background-color: #0098D3; } .blue:hover { background: #44a4bf; } .googlered { background: #DD4B39; color: #FFFFFF; } .googlered:hover { background: #DD4B39; color: #FFFFFF; } .yellow { background-color: #FFCC00; } .facebook { background: #4C69A6; } .facebook img { margin: 14px 0em 0em 0em; display: block; float: left; } .facebook .facebookContents { width: 185px; margin: 0px auto; } .facebook:hover { background: #5877B8; } .facebook:active { background: #4C69A6; } /* KEY FRAMES */ @keyframes appear{ from { opacity: 0.0; } to { opacity: 1.0; } } @-webkit-keyframes appear{ from { opacity: 0.0; } to { opacity: 1.0; } } @-moz-keyframes appear{ from { opacity: 0.0; } to { opacity: 1.0; } } @keyframes slideInMessage{ from { transform: translate3d(320px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @-webkit-keyframes slideInMessage{ from { -webkit-transform: translate3d(320px, 0px, 0px); } to { -webkit-transform: translate3d(0px, 0px, 0px); } } @-moz-keyframes slideInMessage{ from { -moz-transform: translate3d(320px, 0px, 0px); } to { -moz-transform: translate3d(0px, 0px, 0px); } } @keyframes floaterAppear{ from { transform: scale(0.0); opacity: 0.0; } to { transform: translate3d(0px, 0px, 0px) scale(1.0); opacity: 1.0; } } @-webkit-keyframes floaterAppear{ from { -webkit-transform: scale(0.0); opacity: 0.0; } to { -webkit-transform: scale(1.0); opacity: 1.0; } } @-moz-keyframes floaterAppear{ from { -moz-transform: scale(0.0); opacity: 0.0; } to { -moz-transform: scale(1.0); opacity: 1.0; } } @keyframes logoComeDown{ from { transform: translate3d(0px, -80px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @-webkit-keyframes logoComeDown{ from { -webkit-transform: translate3d(0px, -80px, 0px); } to { -webkit-transform: translate3d(0px, 0px, 0px); } } @-moz-keyframes logoComeDown{ from { -moz-transform: translate3d(0px, -80px, 0px); } to { -moz-transform: translate3d(0px, 0px, 0px); } } @-o-keyframes logoComeDown{ from { -o-transform: translate3d(0px, -80px, 0px); } to { -o-transform: translate3d(0px, 0px, 0px); } } @keyframes optionsSlideOutLeft{ 0% { opacity: 0.0; transform: translate3d(80px, 0px, 0px); } 66% { opacity: 0.0; transform: translate3d(80px, 0px, 0px); } 67% { opacity: 1.0; transform: translate3d(80px, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-webkit-keyframes optionsSlideOutLeft{ 0% { opacity: 0.0; -webkit-transform: translate3d(80px, 0px, 0px); } 66% { opacity: 0.0; -webkit-transform: translate3d(80px, 0px, 0px); } 67% { opacity: 1.0; -webkit-transform: translate3d(80px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-moz-keyframes optionsSlideOutLeft{ 0% { opacity: 0.0; -moz-transform: translate3d(80px, 0px, 0px); } 66% { opacity: 0.0; -moz-transform: translate3d(80px, 0px, 0px); } 67% { opacity: 1.0; -moz-transform: translate3d(80px, 0px, 0px); } 100% { -moz-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-o-keyframes optionsSlideOutLeft{ 0% { opacity: 0.0; -o-transform: translate3d(80px, 0px, 0px); } 66% { opacity: 0.0; -o-transform: translate3d(80px, 0px, 0px); } 67% { opacity: 1.0; -o-transform: translate3d(80px, 0px, 0px); } 100% { -o-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @keyframes optionsSlideOutRight{ 0% { opacity: 0.0; transform: translate3d(-80px, 0px, 0px); } 66% { opacity: 0.0; transform: translate3d(-80px, 0px, 0px); } 67% { opacity: 1.0; transform: translate3d(-80px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-webkit-keyframes optionsSlideOutRight{ 0% { opacity: 0.0; -webkit-transform: translate3d(-80px, 0px, 0px); } 66% { opacity: 0.0; -webkit-transform: translate3d(-80px, 0px, 0px); } 67% { opacity: 1.0; -webkit-transform: translate3d(-80px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-moz-keyframes optionsSlideOutRight{ 0% { opacity: 0.0; -moz-transform: translate3d(-80px, 0px, 0px); } 66% { opacity: 0.0; -moz-transform: translate3d(-80px, 0px, 0px); } 67% { opacity: 1.0; -moz-transform: translate3d(-80px, 0px, 0px); } 100% { -moz-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-o-keyframes optionsSlideOutRight{ 0% { opacity: 0.0; -o-transform: translate3d(-80px, 0px, 0px); } 66% { opacity: 0.0; -o-transform: translate3d(-80px, 0px, 0px); } 67% { opacity: 1.0; -o-transform: translate3d(-80px, 0px, 0px); } 100% { -o-transform: translate3d(0px, 0px, 0px); opacity: 1.0; } } @-webkit-keyframes slideFade{ from { opacity: 1.0; z-index: -100; } to { opacity: 0.0; -webkit-transform: translateX(-100px); z-index: -100;} } @-moz-keyframes slideFade{ from { opacity: 1.0; z-index: -100; } to { opacity: 0.0; -moz-transform: translateX(-100px); z-index: -100;} } @-o-keyframes slideFade{ from { opacity: 1.0; z-index: -100; } to { opacity: 0.0; -o-transform: translateX(-100px); z-index: -100;} } @keyframes slideFade{ from { opacity: 1.0; z-index: -100; } to { opacity: 0.0; transform: translateX(-100px); z-index: -100;} } /* SPRITE */ .sprite { background-size: 352px 2288px; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d29e3a34537ecc62867927.png); background-repeat: no-repeat; } .sprite.small { width: 16px; height: 16px; } .sprite.medium { width: 32px; height: 32px; } .sprite.large { width: 64px; height: 64px; } .questionBubble.medium { background-position: -32px -144px; } .searchLense.medium { background-position: -64px -144px; } .check.medium { background-position: -32px -176px; } .x.medium { background-position: -64px -176px; } .blueX.small { background-position: -16px -1360px; } .messageIcon.medium { background-position: -32px -240px; } .messageIcon.none.medium { background-position: -64px -240px; } .messageIcon.none.medium:hover { background-position: -32px -240px; } .availableIcon.medium { background-position: -32px -272px; } #availableIcon.medium { background-position: -32px -272px; } #availableIcon.medium.done { background-position: -64px -272px; } #availableIcon.medium.done:hover { background-position: -32px -272px; } #availableWarning.small { background-position: -16px -384px; } .swishArrowLeft.small { background-position: -16px -688px; } .defaultIcon.medium { background-position: -32px -208px; } #leftNavigation #searchBox .defaultIcon.medium { background-position: -16px -544px } .defaultIcon.small { background-position: -16px -224px; } .dropDown.small { background-position: -16px -432px; } .dropDownWhite.small { background-position: -16px -416px; } .dropDownBlack.small { background-position: -16px -448px; } .compact.small { background-position: -16px -32px; } .preview.small { background-position: -16px -64px; } .gallery.small { background-position: -16px -96px; } .viewSelector .view:hover .compact.small { background-position: -16px -16px; } .viewSelector .view:hover .preview.small { background-position: -16px -48px; } .viewSelector .view:hover .gallery.small { background-position: -16px -80px; } .viewSelector .view.selected .compact.small { background-position: -16px -16px; } .viewSelector .view.selected .preview.small { background-position: -16px -48px; } .viewSelector .view.selected .gallery.small { background-position: -16px -80px; } .picsOnly.medium { background-position: -64px -112px; } #search #picsOptions:hover .picsOnly.medium { background-position: -32px -112px; } #search #picsOptions.selected .picsOnly.medium { background-position: -32px -112px; } .camera.small { background-position: -16px -1488px; } .camera.medium { background-position: -32px -1488px; } .map.small { background-position: -16px -1552px; } .phone.small { background-position: -16px -1520px; } .favoriteStar.small { background-position: -16px -544px; } #index .toggles #favorites .favoriteStar.small { background-position: -16px -400px !important; } .favoriteHolder:hover .favoriteStar.small { background-position: -16px -560px; } .favoriteHolder.active:hover .favoriteStar.small { background-position: -16px -560px; } .favoriteHolder:active .favoriteStar.small { background-position: -16px -400px; } .favoriteHolder.active .favoriteStar.small { background-position: -16px -400px; } .forward.small { background-position: -16px -1440px; } .Facebook.small { background-position: -16px -736px; } .pinterest.small { background-position: -16px -800px; } .tweet.small { background-position: -16px -864px; } .flagPic.small { background-position: -16px -928px; } .itemOptions .option.forwardHolder:hover .forward.small { background-position: -16px -1456px; } .itemOptions .option.fbHolder:hover .Facebook.small { background-position: -16px -752px; } .itemOptions .option.pinHolder:hover .pinterest.small { background-position: -16px -816px; } .itemOptions .option.tweetHolder:hover .tweet.small { background-position: -16px -880px; } .itemOptions .option.flagHolder:hover .flagPic.small { background-position: -16px -944px; } .itemOptions .option.forwardHolder:active .forward.small { background-position: -16px -1472px; } .itemOptions .option.fbHolder:active .Facebook.small { background-position: -16px -768px; } .itemOptions .option.pinHolder:active .pinterest.small { background-position: -16px -832px; } .itemOptions .option.tweetHolder:active .tweet.small { background-position: -16px -896px; } .itemOptions .option.flagHolder:active .flagPic.small { background-position: -16px -960px; } .homeIcon.small { background-position: -96px -656px; } .messageIcon.small { background-position: -16px -240px; } .itemMessages .messageIcon.small { background-position: -160px -224px; } .itemMessages:hover .messageIcon.small { background-position: -160px -208px; } .itemsIcon.small { background-position: -16px -336px; } .itemsIcon.medium { background-position: -32px -336px; } .itemsIconBlue.small { background-position: -224px -336px; } .icon:hover .itemsIconBlue.small { background-position: -224px -352px; } .favoriteIcon.small { background-position: -16px -528px; } .favoriteIcon.medium { background-position: -32px -528px; } .availabilityIcon.small { background-position: -16px -272px; } .availabilityIconBlue.small { background-position: -16px -304px; } .icon:hover .availabilityIconBlue.small { background-position: -16px -320px; } .friendsIcon.small { background-position: -16px -208px; } .leftArrowPointer.medium { background-position: -32px -496px; width: 16px; height: 32px; } .leftArrowPointer.small { background-position: -16px -512px; width: 8px; height: 16px; } .upArrowPointer.medium { background-position: -64px -496px; width: 32px; height: 16px; } .downCarrot.small { background-position: -16px -640px; } .pencilIcon.small { background-position: -16px -1008px; } .trashIcon.small { background-position: -16px -1040px; } .statsIcon.small { background-position: -16px -976px; } .itemOption:hover .pencilIcon.small { background-position: -16px -1024px; } .itemOption:hover .trashIcon.small, .icon:hover .trashIcon.small { background-position: -16px -1056px; } .itemOption:hover .statsIcon.small { background-position: -16px -992px; } .adminIcon.small { background-position: -16px -1104px; } .deleteX.small { background-position: -16px -624px; } .rotateLeft.small { background-position: -16px -608px; } .credits.small { background-position: -16px -368px; } .responseTime.small { background-position: -16px -592px; } .menuIcon.medium { background-position: -64px -336px; } .southWestLeaf.medium { background-position: -64px -1232px; } .northWestLeaf.medium { background-position: -32px -1232px; } .northLeaf.medium { background-position: -32px -1264px; } .eastLeaf.medium { background-position: -64px -1264px; } .southWestLeaf.gold.medium { background-position: -64px -1168px; } .northWestLeaf.gold.medium { background-position: -32px -1168px; } .northLeaf.gold.medium { background-position: -32px -1200px; } .eastLeaf.gold.medium { background-position: -64px -1200px; } .backArrowCircle.small { background-position: -16px -656px; } .rightArrowCarrot.small { background-position: -16px -1136px; } .messages .thread.actionNeeded .rightArrowCarrot.small { background-position: -16px -1152px; } .messages .thread:hover .rightArrowCarrot.small { background-position: -96px -1120px } .messages .thread.selected .rightArrowCarrot.small { background-position: -96px -1120px; } .email.small { background-position: -16px -704px; } .breadcrumbBack.small { background-position: -16px -1072px; } .breadcrumbBack.medium { background-position: -32px -1072px; } .breadcrumbs:hover .breadcrumbBack.small { background-position: -16px -1088px; } #accountMessages #conversation .heading .picHolder.delete:hover .trashIcon { background-position: -16px -1056px; } .comment.from .chatBubbleArrow { background-position: -24px -480px; } .comment.reply .chatBubbleArrow { background-position: -16px -512px; } .block.small { background-position: -96px -1040px; } .icon:hover .block.small { background-position: -96px -1056px; } .blueX.small { background-position: -16px -1360px; } .facebookLogo.medium { background-position: -32px -1840px; } .bookooLogo.medium { background-position: -32px -1808px; } .goldCheck.medium { background-position: -64px -1744px; } .family.medium { background-position: -32px -1872px; } .multiHome.medium { background-position: -32px -1776px; } .nortonIcon.medium { background-position: -64px -1808px; } .lemon.medium { background-position: -32px -1744px; } .play.medium { background-position: -64px -1776px; } .locator.medium { background-position: -32px -1680px; } #search .alert .alertBolt.small { background-position: -16px -560px; } #search .alert.active .alertBolt.small { background-position: -16px -400px; } #search .alert:hover .alertBolt.small { background-position: -16px -400px; } #search .alert.active:hover .alertBolt.small { background-position: -16px -560px; } #sellerProfile .top .profileOptions .option.favoriteHolder .favoriteStar.small { background-position: -16px -560px; } #sellerProfile .top .profileOptions .option.favoriteHolder:hover .favoriteStar.small { background-position: -16px -400px; } #sellerProfile .top .profileOptions .option.favoriteHolder.active .favoriteStar.small { background-position: -16px -400px; } #sellerProfile .top .profileOptions .option.favoriteHolder.active:hover .favoriteStar.small { background-position: -16px -560px; } #headerInstage .mobile.searchTool .sprite { background-position: -64px -144px; } #headerInstage .mobile.sellTool .sprite { background-position: -32px -1936px; left: 24px; } #headerInstage .mobile.itemsTool .sprite { background-position: -32px -336px; } #headerInstage .mobile.joinTool .sprite { background-position: -32px -208px; } #headerInstage .mobile.accountTool .sprite { background-position: -112px -656px; } #headerInstage .mobile.logInTool .sprite { background-position: -32px -208px; } #headerInstage .mobile.messageTool .sprite { background-position: -32px -240px; } #headerInstage .mobile.followTool .sprite { background-position: -32px -528px; } .background.top { width: 100%; height: 84px; position: absolute; top: 0px; left: 0px; z-index: -1; background: #FFFFFF; background: -webkit-linear-gradient(#bfe9fc , #FFFFFF 90%); background: -moz-linear-gradient(#bfe9fc , #FFFFFF 90%); background: -o-linear-gradient(#bfe9fc , #FFFFFF 90%); background: -ms-linear-gradient(#bfe9fc , #FFFFFF 90%); background: linear-gradient(#bfe9fc , #FFFFFF 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe9fc', endColorstr='#FFFFFF',GradientType=0 ); } .background.bottom { width: 100%; height: 98px; position: absolute; bottom: 246px; left: 0px; z-index: -1; background: #FFFFFF; background: -webkit-linear-gradient(#FFFFFF, #bfe9fc 90%); background: -moz-linear-gradient(#FFFFFF, #bfe9fc 90%); background: -o-linear-gradient(#FFFFFF, #bfe9fc 90%); background: -ms-linear-gradient(#FFFFFF, #bfe9fc 90%); background: linear-gradient(#FFFFFF, #bfe9fc 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#bfe9fc',GradientType=0 ); } .sprite1 { background-size: 1261px 979px; background-image: url('/images/site/478d97400d47634537ecc62440533.png'); background-repeat: no-repeat; } #index .welcome .learnMore { background-position: -349px -337px; width: 107px; height: 36px; } #index .welcome .QAHolder.link1 .question { background-position: -797px -332px; width: 180px; } #index .welcome .QAHolder.link2 .question { background-position: -370px -586px; width: 184px; } #index .welcome .QAHolder.link3 .question { background-position: -479px -334px; width: 160px; } #index .welcome .QAHolder.link4 .question { background-position: -641px -331px; width: 156px; } #index .welcome .bottom { background-position: -697px -17px; width: 306px; height: 311px; } .cloud.blurred { background-position: -245px -513px; width: 75px; height: 56px; } .cloud.large { background-position: -15px -334px; width: 116px; height: 82px; } #footerInstage .logo { background-position: -23px -674px; width: 767px; height: 179px; margin: 0px auto 37px auto; } #titleContainer { background-position: -1086px -621px; height: 80px; width: 173px; margin-top: -1px; } #mainTree { background-position: -1182.5px -4px; width: 78px; height: 227px; } /* GLOBAL STYLES */ .android_4_4_button { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } #hiddenFrame { position: absolute; top: -9999px; left: -9999px; height: 0px; width: 0px; } .hiddenFrame { position: absolute; top: -9999px; left: -9999px; height: 0px; width: 0px; } .transitionFast { transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear; } .transitionMed { transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; -o-transition: all .5s linear; } .transitionSlow { transition: all 1s linear; -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; } .transformFast { -webkit-transition: -webkit-transform .25s ease-in; -moz-transition: -moz-transform .25s ease-in; -o-transition: -o-transform .25s ease-in; transition: transform .25s ease-in; } .transformMed { -webkit-transition: -webkit-transform .5s ease-in; -moz-transition: -moz-transform .5s ease-in; -o-transition: -o-transform .5s ease-in; transition: transform .5s ease-in; } .transformSlow { -webkit-transition: -webkit-transform 1s ease-in; -moz-transition: -moz-transform 1s ease-in; -o-transition: -o-transform 1s ease-in; transition: transform 1s ease-in; } .card { width:150px; height: 240px; margin: 0px 3px 10px 3px; outline: 1px #e7e7e7 dotted; display:block; float: left; overflow: hidden; position: relative; background-color:#fff; border-radius: 4px; cursor: pointer; } a.card { color: #222A25; } .card:hover { color: #0098d3; outline: 2px solid #FFCC00; padding: 0px; } a.card:hover { color: #0098d3; } .card:hover .holder .price { border-top: 1px solid #B3E0F2; } .card .ih { display: block; width: 150px; height: 150px; overflow: hidden; position: relative; } .card .ih img { position: relative; min-width: 150px; min-height: 150px; max-width: 300px; max-height: 300px; -webkit-filter: brightness(110%); } .card .sash { position: absolute; top:-3px; left:-3px; } .card .holder { margin: 3px 5px 7px 5px; } .card .holder .title { font-family: Georgia, Times New Roman, Serif; line-height: 18px; height: 35px; overflow: hidden; } .card .holder .price { border-top: 1px solid #ECECEC; margin-top: 7px; padding: 7px 25px 0px 0px; width: 110px; height: 16px; overflow: hidden; font-size: 12px; } .card .holder .timeLocation { font-size: 10px; font-family: Georgia, Times New Roman, Serif; margin-top: 2px; height: 13px; overflow: hidden; } .card .favoriteHolder { position: absolute; bottom: 15px; right:3px; width: 30px; height: 30px; } .card .favoriteHolder .favoriteStar { margin: 5px auto 0px auto; } .card.premiere .holder .title { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } .card.sold { background-color:#faf9f6; } .card.noImage .holder .title { height: 116px; padding: 50px 0px 16px 0px; text-align: center; } .card.noPic .ih img { -webkit-filter: brightness(100%); } .card.notAvailable { border: 2px solid transparent; padding: 0px; pointer-events: none; background-color:#faf9f6; text-align: center; } .card.notAvailable span.ih img { display: none; } .card.notAvailable .holder .price { display: none; } .card.notAvailable .holder .timeLocation { display: none; } .card.notAvailable .favoriteHolder { display: none; } .card.noText { height: auto; } .card.noText .holder { display: none; } .card.noText .favoriteHolder { bottom: 0px; right: 0px; display: none; } .card.noText:hover .favoriteHolder { display: block; } .card.noImage.noText .holder { display: block ; height: 150px; width: 150px; padding: 0px; margin: 0px; } .card.noImage.noText .holder .title { padding: 10px; width: 130px; height: 130px; } .card.noImage.noText .holder .price, .card.noImage.noText .holder .timeLocation { display: none; } .card.more { text-align: center; color: #FFFFFF; background: #1fc22f; font-family: Georgia, Times New Roman, Serif; } .card.more .text { margin-top: 90px; font-size: 16px; } .card.more:hover { color: #FFFFFF; background: #1db02b; } .card.more .moreCount { padding-top: 14px; border-top: 1px dotted #51A259; } a.moreList { background-color:#5CC060; color: #FFFFFF; text-align: center; padding: 5px 0px 5px 0px; font-family: Georgia, Times, Serif; } a.moreList:hover { background-color:#58B55C; color: #FFFFFF; } /*flip a.card { perspective: 1000; -webkit-perspective: 1000; background-color: transparent; padding: 0px; border: none; overflow: visible; } a.card:hover { padding: 0px; border: none; } a.card:hover .flipper { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } a.card, a.card .front, a.card .back { width:146px; height: 236px; } a.card .front, a.card .back { background-color: #FFFFFF; } a.card .flipper { transition: 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative; } a.card .front, a.card .back { backface-visibility: hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; position: absolute; top: 0; left: 0; } a.card .front { z-index: 2; } a.card .back { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); background-color: #0098D3; color: #FFFFFF; line-height: 200px; font-size: 20px; text-align: center; } */ .BetaTestMessage { background-color: #222A25; color: #FFFFFF; text-align: center; padding: 10px 0px; } .BetaTestMessage .centeredContainer { max-width: 624px; } #locationPrivacy { font-family: Georgia, Times, Serif; position: relative; } #locationPrivacy .morePrivacy { cursor: pointer; position: absolute; } .viewSelector { border-left: 1px solid #E7E7E7; padding-top: 42px; width: 42px; position: absolute; top: 0px; right: 0px; background-color: #FFFFFF; } .viewSelector .view { width: 42px; height: 42px; cursor: pointer; position: relative; display: none; z-index: 100; border-top: 1px solid #E7E7E7; } .viewSelector .view.selected { display: block; position: absolute; top: 0px; left: 0px; border-top: none; } .viewSelector .view .sprite { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; } .viewSelector .view#IMAGESONLY .sprite { margin-left: -16px; margin-top: -16px; } .notifyMessage { margin: .5em; padding: .5em; border-radius: 3px; text-align: center; display: none; min-height: 1.3em; line-height: 1.3em; color: #ffffff; } .messageConfirmation { background: #ff6600; } .form { width: 310px; margin-top: 6px; background-color:#FFFFFF; border: 1px solid #CFCFCF; border-radius:3px; } .form .formSection { width: 100%; float: left; border-bottom: 1px #E7E7E7 solid; } .form .formSection.last { border-bottom: none; } .form .formSection.last img { margin: 5px 0px 5px 87px; } .form .formSection.fillLine { height: 40px; line-height: 40px; } .form .captchaImg { margin: .5em 0em .5em 6em; } .form .itemRequired { color: #ff6600; } .form .inputHolder { position: relative; float: left; overflow:hidden; } .form .inputHolder .placeholder { color: #CECECE; position: absolute; top: 11px; left: 0px; cursor: auto; line-height: 19px; } .form .inputHolder .temp_error { position: absolute; top: 0px; left: 0px; right: 0px; line-height: 28px; height: auto; } .form .textAreaHolder { line-height: 1.3em; top: 12px; left: 1px; } .form textarea { resize:none; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } .form input { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } .form textarea { width: 215px; display:block; float:left; resize:none; line-height: 18px; min-height: 108px; padding: 13px 0px; } .form label, .form input[type=text],.form input[type=password], .form input[type=email] { display:block; float:left; } .form label { width: 75px; text-align: right; height: 40px; line-height: 40px; font-weight: bold; padding: 0px 5px; } .form input[type=text],.form input[type=password], .form input[type=email] { width: 220px; height: 14px; line-height: 14px; padding-top: 13px; padding-bottom: 13px; } .form .inputHolder input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; -webkit-text-fill-color: #333; } .form .inputHolder input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; } .formV2 { } .formV2 input { outline: none; margin: 0px; border: 0px; } .formV2 input[type=text], .formV2 input[type=password], .formV2 input[type=email], .formV2 textarea,.formV2 .field.solid .noninput { padding: 6px 0px; width: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; background: rgba(0,0,0,0); } .formV2 .field { position: relative; padding: 0px 6px; border: 1px solid #E7E7E7; border-radius: 3px; margin-top: 20px; background-color: #FFFFFF; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.08); } .formV2 .field.solid { border: none; box-shadow: none; } .formV2 .field label { position: absolute; top: -16px; left: 6px; color: #939393; font-size: 12px; } .formV2 .field label.required { color: #FF6600; font-weight: bold; } .formV2 textarea { height: 100px; border: none; outline: none; resize: none; } .formV2 input[type=submit] { display: block; } .formV2 .field .temp_error { position: absolute; top: 0px; left: 0px; right: 0px; line-height: 20px; height: auto; overflow: visible; -webkit-animation: error-floatUp 1s linear; -webkit-transform: translate3d(0px,-50px,0px); -moz-animation: error-floatUp 1s linear; -moz-transform: translate3d(0px,-50px,0px); animation: error-floatUp 1s linear; transform: translate3d(0px,-50px,0px);} .formV2 .field input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; -webkit-text-fill-color: #333; } .formV2 .field input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; } @-webkit-keyframes error-floatUp{ from { -webkit-transform: translate3d(0px,0px,0px); } to { -webkit-transform: translate3d(0px,-50px,0px); } } @-moz-keyframes error-floatUp{ from { -moz-transform: translate3d(0px,0px,0px); } to { -moz-transform: translate3d(0px,-50px,0px); } } @keyframes error-floatUp{ from { transform: translate3d(0px,0px,0px); } to { transform: translate3d(0px,-50px,0px); } } .submit { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; } .submit,.form .submit { width: 200px; margin: 10px 5px; font-weight: bold; } .submit.full,.form .submit.full { width: 300px; } .close,.form .close { width: 95px; color: #666666; float: left; margin: 10px 0px; border: 1px solid #e7e7e7; height: 40px; line-height: 40px; } .askAlias.form { border: none; position: fixed; top: 50%; left: 50%; width: 312px; margin-left: -156px; background-color: #FFF; margin-top: -156px; } .askAlias .title { text-align: center; margin: 7px 32px; } .askAlias .questionBubble { position: absolute; top: 0px; right: 0px; cursor: pointer; } .askAlias .helpTip { top: -25px; left: 317px; } .askAlias.form input[type=text] { margin: 0px 5px; border: 1px solid #E7E7E7; padding-left: 5px; width: 295px; } .divider { width: 1px; background-color: #E7E7E7; float:left; } .fillerSpace { width: 158px; height: 42px; display: none; margin-top: .5em; } #friendFiller { margin: 0px auto 6px auto; width: 312px; } #messengerBird { overflow: hidden; position: absolute; min-width: 158px; max-width: 308px; min-height: 42px; padding: 0px; line-height: 42px; font-weight: bold; margin: 0px; } .favoritesBird { display: none; position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2a9ba34537ecc61616323.png); background-repeat: no-repeat; } #adminToggle { width: 100px; height: 30px; line-height: 30px; background-color: green; color: white; cursor: pointer; text-align: center; } .centeredContainer.tableHolder { max-width: 936px; } .table { margin: 10px 3px; background-color: #FFFFFF; border-radius: 3px; overflow: hidden; } .table .row { border: 1px solid #E7E7E7; border-width: 1px 1px 0px 1px; padding: 1px 1px 2px 1px; color: #222A25; overflow: hidden; } .table .row.premiere { font-weight: bold; } .table .row:last-child { border-width: 1px; padding: 1px; } .table .row:hover { border: 2px solid #FFCC00; padding: 0px; color: #0098D3; } .table .row .column { overflow: hidden; float: left; } .table .row .column.time { width: 215px; padding-right: 10px; } .table .row .column.price { width: 139px; float: right; text-align: right; margin-right: 10px; } .table.admin .row { float: left; } .table.admin .row .column.time { display: none; } .table.admin .adminOptions { float: left; margin-left: 10px; } .table.admin .adminOptions span, .table.admin .adminOptions a { padding-right: 10px; } html.ie7 .table .row .column.time { width: 189px; } .viewTable { border-radius: 3px; overflow: hidden; } .viewTable .itemColumn { float: left; display: block; height: 100%; } .viewTable .innerColumn { padding-right: 10px; } .viewTable a.itemRow { display: block; border-bottom: dotted 1px #c6c5c2; height: 60px; padding: 10px 0px; color: #222A25; overflow: hidden; } .viewTable a.moreList { color: #FFFFFF; } .viewTable .itemRow:hover { background-color: #FFFFFF; } .viewTable .itemRow:hover .itemDescription { color: #0098D3; } .viewTable .itemRow.moreList { height: 28px; } .viewTable .itemRow.moreList:hover { background-color: #5FBD68; } .viewTable .itemRow.moreList:active { background-color: #5BB464; } .viewTable .itemPic { position: relative; width: 32px; } .viewTable .itemPic .camera.small { position: absolute; top: 0px; left: 7px; } .viewTable .itemColumn.itemTitle { width: 60%; overflow: hidden; } .viewTable .itemColumn.timeLocation { width: 20%; overflow: hidden; } .viewTable .itemColumn.itemPrice { width: 20%; overflow: hidden; text-align: right; } .viewTable .adminOptions { float: left; height: 70px; padding-top: 10px; border-bottom: 1px dotted #C6C5C2 } .viewTable .adminOptions .itemColumn { padding: 0px 10px; } .viewTable .moreList { width: 100%; height: 28px; } .viewTable .itemInfoHolder { margin: 0px 0px 5px 75px; height: 17px; } .viewTable .itemInfoHolder .itemColumn { padding: 0px; } #navigationNumbers { font-size: 18px; margin-top: 10px; } #navigationNumbers .cell { padding: 5px 10px; color: #222A25; } #navigationNumbers .cell:hover { color: #222A25; } #navigationNumbers .arrowHolder { float: left; } .navigationNumbers2 { position: relative; } html.ie7 .navigationNumbers2 { margin-top: 10px; } .navigationNumbers2 a, .navigationNumbers2 div { display: block; min-height: 40px; line-height: 40px; } .navigationNumbers2 .previous { position: absolute; top: 0px; left: 3px; width: 150px; background-color: #FFFFFF; color: #222A25; border: 1px solid #E7E7E7; width: 148px; height: 40px; line-height: 40px; } .navigationNumbers2 .next { position: absolute; top: 0px; right: 3px; font-family: Georgia, Times New Roman, Serif; width: 150px; font-weight: normal; font-size: 16px; } .navigationNumbers2.firstPage .previous { color: #C4C4C4; background-color: #FFFFFF; cursor: default; } .navigationNumbers2.noMore .next { color: #C4C4C4; background-color: #FFFFFF; cursor: default; border: 1px solid #E7E7E7; } .navigationNumbers2 .pagination { margin-left: 159px; margin-right: 159px; background-color: #FFFFFF; border-radius: 3px; overflow: hidden; border: 1px solid #E7E7E7; } .navigationNumbers2 .pagination .centered { width: 306px; margin: 0px auto; } .navigationNumbers2 .pagination .pager { width: 150px; height: 22px; overflow: hidden; margin: 7px auto 0px auto; border: 1px solid #E7E7E7; border-radius: 3px; float: left; } .navigationNumbers2 .pagination .pager input[type=text] { width: 147px; padding: 0px 0px 0px 3px; height: 22px; background-color: #F5F5F5; } .navigationNumbers2 .pagination .pager input[type=submit] { display: none; float: left; width: 27px; height: 22px; line-height: 22px; border-left: 1px solid #E7E7E7; padding: 0px; color: #FFFFFF; cursor: pointer; } .navigationNumbers2 .pagination .pager .placeholder { line-height: 22px; left: 3px; } .navigationNumbers2 .pagination .count { float: right; width: 150px; text-align: center; } #itemDetails .navigationNumbers2 { position: absolute; top: 500px; right: 0px; text-align: center; font-weight: bold; width: 312px; } #itemDetails .navigationNumbers2 .next { width: 306px; margin: 0px 3px; position: static; float: left; } .searchMyItems { border-radius: 3px; width: 308px; overflow: hidden; float: right; display: none; } html.ie7 .searchMyItems, html.ie8 .searchMyItems { border: 1px solid #EEEEEE; } .searchMyItems input { margin-left: 8px; width: 200px; padding: 13px 0px; } .searchMyItems .button { float: right; min-height: 42px; height: 42px; padding: 0px 17px 0px 18px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 90px; } html.ie7 .searchMyItems, html.ie8 .searchMyItems { position: relative; } html.ie7 .searchMyItems .button, html.ie8 .searchMyItems .button { position: absolute; top: 0px; right: 0px; } .searchMyItems.form .placeholder { left: 8px; } #titleContainer { text-align: center; position: relative; float: left; } #titleContainer #cityHolder { padding: 6px 0px 0px 0px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; } .cloud { position: absolute; top: 0px; left: 0px; cursor: pointer; -webkit-transition : -webkit-filter 500ms linear } .cloud:hover { -webkit-filter: brightness(95%); } .nimbusHolder { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 80px; overflow: hidden; } html.ie7 .nimbusHolder { display: none; } #nimbus1 { top: -15px; left: -100px; } #nimbus2 { top: -10px; left: 45px; } #nimbus3 { top: 25px; left: 920px; } #nimbus4 { top: -40px; left: 362px; } #mobileToolTip { position: absolute; top: 62px; left: 2px; display: none; } #mobileToolTip.hide { display: none; } #mobileToolTip .contents { background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 3px; width: 153px; padding: 10px 0px 10px 10px; } #mobileToolTip .contents .xClose { float: right; cursor: pointer; font-size: 16px; color: #C4C4C4; height: 45px; padding: 0px 10px 0px 5px; } #mobileToolTip .upArrowPointer.medium { position: absolute; top: -15px; left: 8px; } .minImage { min-height: 150px; min-width: 150px; } .welcomeMessage { font-family: "Domine", Georgia, Times, Serif; line-height: 25px; font-size: 20px; margin-bottom: 10px; } .form input.oldInput { width: 372px; padding: 0px; margin: 6px 10px; } html.ie7 .form input.oldInput, html.ie8 .form input.oldInput, html.ie9 .form input.oldInput { border: 1px solid #e7e7e7; padding: 3px; } #myAvailableBlock { line-height: 18px; margin-bottom: 5px; } #myAvailableBlock #availableTitle { font-weight: bold; } .picHolder { overflow: hidden; position: relative; } .picHolder .button.uploadPic { position: absolute; bottom: 4px; left: 7px; width: 133px; } .messageWindow { position: absolute; top: 80px; right: 0px; width: 320px; border: 1px solid #E7E7E7; border-width: 1px 0px 1px 1px; display: none; background-color: #FFFFFF; box-shadow: 0px 0px 8px 1px rgba(0,0,0,.18); } .messageWindow.viewing .conversation { display: none; } .messageWindow.viewing .conversation.opened { display: block; } .messageWindow .conversation { position: relative; animation: slideInMessage .5s; -webkit-animation: slideInMessage .5s; -moz-animation: slideInMessage .5s } .messageWindow .conversation .remove { position: absolute; top: 0px; right: 0px; text-align: center; width: 30px; height: 44px; line-height: 44px; color: #C4C4C4; cursor: pointer; } .messageWindow .conversation .comment { display: none; } .messageWindow .conversation.opened .comment { display: block; } .messageWindow .conversation.opened .text { display: none; } .messageWindow .conversation .collection { height: 34px; position: relative; padding: 5px 5px 5px 40px; cursor: pointer; margin-right: 30px; } .messageWindow .conversation .collection:hover { color: #0098D3; } .messageWindow .conversation .collection .picture { height: 30px; width: 30px; position: absolute; top: 5px; left: 5px; } .messageWindow .conversation .collection .aliasName { font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; height: 17px;} .messageWindow .conversation .collection .text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-style: italic; font-size: 12px; height: 17px; } .messageWindow .clickConversation { background-color: #FFFFFF; cursor: pointer; padding: 10px 4px; } .messageWindow .clickConversation:hover .title { color: #0098D3; } .messageWindow .clickConversation .title { height: 20px; line-height: 20px; width: 273px; padding-left: 4px; overflow: hidden; } .messageWindow .clickConversation .item { font-weight: bold; height: 20px; line-height: 20px; width: 312px; overflow: hidden; } .messageWindow .clickConversation .view { position: absolute; top: 11px; right: 7px; color: #0098D3; } .messageWindow .clickConversation.viewing { background-color: transparent; cursor: auto; } .messageWindow .clickConversation.viewing:hover .title { color: #222A25; } .messageWindow .clickConversation.viewing .item { display: none; } .messageWindow .clickConversation.viewing .view { display: none; } .messageWindow .communications { margin-left: 4px; } .messageWindow .comment { float: none; width: 265px; padding: 5px; display: none; margin-bottom: 10px; } .messageWindow .conversation.viewing { margin-top: 5px; } .messageWindow .conversation.viewing .comment { display: block; } .messageWindow .comment.from { margin-left: 4px; } .messageWindow .comment.reply { margin-left: 38px; } .messageWindow .comment .dismissal { display: none !important; } .messageWindow .comment .timeSent { display: none !important; } .messageWindow .comment:last-child .timeSent { display: block; } .messageWindow .commentBox { margin-left: 32px; display: none; margin-bottom: 10px; width: 278px; animation: slideInMessage .5s; -webkit-animation: slideInMessage .5s; -moz-animation: slideInMessage .5s; } .messageWindow .commentBox textarea { width: 267px; border-width: 1px; min-height: 45px; } .messageWindow .commentBox .replyButton { margin: 10px 5px 0px 0px; width: 176px; float: left; } .messageWindow .commentBox .picHolder.myPic { top: 22px; } html.ie7 .messageWindow .commentBox .replyButton { margin-left: -35px; } .messageWindow .commentBox .close { min-height: 40px; line-height: 40px; margin-top: 10px; } .messageWindow .viewAll { text-align: center; display: block; padding: 5px 0px; background-color: #FFFFFF; border-top: 1px solid #e7e7e7; } .specialLanding, .testimonialCards { height: 240px; float: left; border-radius: 3px; margin: 0px 3px 10px 3px; } .specialLanding { width: 306px; overflow: hidden; } .testimonialCards { width: 150px; background-color: #FFCC00; font-family:"Georgia Italic",Georgia, serif; } .testimonialCards.words1 { background-color: #FF6600; } .testimonialCards.words2 { background-color: #1FC22F; } .testimonialCards .testimonial { text-align: center; color: #FFFFFF; padding: 25px 5px; font-size: 20px; } .specialLanding .special { width: 304px; height: 386px; background-position: 0px -150px; background-repeat: no-repeat; } .specialLanding .image1 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2c0eda4537ecc67879567.png); } .specialLanding .image2 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2d13f84537ecc66102396.png); } .specialLanding .image3 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2e4cd14537ecc65774806.png); } .specialLanding .image4 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2ec27b4537ecc67626509.png); } .specialLanding .image5 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d2ffc354537ecc69799229.png); } .specialLanding .image6 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d3069454537ecc61358905.png); } .specialLanding .image7 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d3179144537ecc62930547.png); } .specialLanding .image8 { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d31dc144537ecc65337058.png); } .relative { position: relative; } .unrepliedCount { position: absolute; border-radius: 3px; background-color: #ff3333; height: 12px; min-width: 10px; text-align: center; color: #ffffff; padding-bottom: 2px; font-weight: normal; font-size: 10px; line-height: 14px; } .debuglog { min-width: 300px; max-width: 600px; max-height: 600px; overflow-x: hidden; overflow-y: auto; } #floater { display:none; position:absolute; border-radius: 3px; overflow: hidden; box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.3); animation: floaterAppear .15s; -webkit-animation: floaterAppear .15s; -moz-animation: floaterAppear .15s; } #floater img { vertical-align: top; } #floater .details { padding:3px;background-color:#ffffff; } #floater .details .pic_holder { float:left; width:48px; height:48px; overflow:hidden; margin-right:3px } #floater .details .pic_holder .pic { width: 48px; } #floater .details .title { font-family: Georgia, Times New Roman, Serif;line-height: 18px;height: 35px; overflow: hidden; } #floater .details .timeLocation { font-size: 10px; font-family: Georgia, Times New Roman, Serif; margin-top: 2px; height: 13px; overflow: hidden; } .overlayError { position: fixed; top: 0px; left: 0px; width: 100%; font-weight: bold; font-size: 16px; text-align: center; padding: 10px 0px; background-color: #FF0000; color: #FFFFFF; } .messaging { position: relative; } .messaging .form { display: none; } .messaging .filler { height: 44px; display: none; } .messaging.anonymous { width:286px; height:auto; padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; } .messaging.anonymous p { font-size: 14px; } .messaging.anonymous .close { float:right; color:#666666; border:1px solid #CCCCCC; width:80px; } .messaging.anonymous .warning { color:red; font-weight:bold; } .toggles { margin-top: 5px; } .toggles a, .toggles .toggle { background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 3px; padding: 3px; margin: 0px 5px 5px 0px; display: block; float: left; cursor: pointer; color: #0098D3; } .toggles a:hover, .toggles .toggle:hover { background-color: #1fc22f; color: #FFFFFF; border: 1px solid #1fc22f; } .toggles a.selected, .toggles .toggle.selected { background-color: #1fc22f; color: #FFFFFF; border: 1px solid #1fc22f; } .toggles .toggleCount { background-color: #1fc82f; color: #FFFFFF; padding: 0px 2px; border-radius: 3px; float: left; } .toggles .title { float: left; margin: 0px 4px 0px 0px; } .itemOptions { line-height: 30px; position: relative; } .itemOptions .option { color: #C4C4C4; float: left; cursor: pointer; position: relative; width: 104px; text-align: center; height: 30px; } .itemOptions .option.favoriteHolder { padding-left: 31px; width: 73px; text-align: left; } .itemOptions .option.empty { cursor: auto; } .itemOptions .option:hover { color: #0098D3; } .itemOptions .option:active { color: #FFCC00; } .itemOptions .option.active { color: #FFCC00; } .itemOptions .option.active:hover { color: #0098D3; } .itemOptions .option .sprite { position: absolute; top: 6px; left: 6px; } .itemOptions .option .pinterest.small { left: 16px; } .itemOptions .flagging { display: none; font-size: 10px; position: absolute; top: 31px; right: 0px; width: 122px; background-color: #FFFFFF; border: 1px solid #e7e7e7; } .itemOptions .flagging div { border-bottom: 1px solid #e7e7e7; padding: 0px 10px; } .itemOptions .flagging #accuracy { font-size: 10px; line-height: 12px; color: #222A25; } .itemOptions .flagging #accuracy.bad { color: #FF0000; } .itemOptions .flagging .flag { cursor: pointer; } .itemOptions .flagging .flag:hover { color: #222A25; } .itemOptions .flagging div:last-child { border-bottom: none; } .item_toolbelt { margin: 0px auto 10px auto; background-color: #FFFFFF; } .item_toolbelt .title { font-size: 10px; font-style: italic; margin-bottom: 5px; } .item_toolbelt .links { border: 1px solid #E7E7E7; border-radius: 3px; } .item_toolbelt .link { float: left; width: 100px; height: 30px; line-height: 30px; } .item_toolbelt .splice { float: left; width: 1px; height: 20px; margin-top: 5px; background-color: #E7E7E7; } .item_toolbelt .link .text, .item_toolbelt .link .confirm { font-size: 11px; text-align: center; } .item_toolbelt .link .confirm { display: none; } .item_toolbelt .link .count { color: #FFFFFF; background-color: #1fc82f; padding: 0px 2px; border-radius: 3px; } .item_toolbelt .link.confirm .confirm { display: block; } .item_toolbelt .link.confirm .text { display: none; } .item_toolbelt .link.disabled { color: #E7E7E7; cursor: auto; } .item_toolbelt .link.disabled .count { display: none; } .item_toolbelt .link.disabled:hover { color: #E7E7E7; } .item_toolbelt .link.sold .true, .item_toolbelt .link.sold .false { display: none; } .item_toolbelt .link.sold.true { } .item_toolbelt .link.sold.true .true { display: block; } .item_toolbelt .link.sold.true .true.text .success { background-color: #D81E00; color: #FFF;width: 36px;height: 16px;line-height: 16px; border-radius: 3px; margin: 8px auto; } .item_toolbelt .link.sold.false { } .item_toolbelt .link.sold.false .false { display: block; } .item_toolbelt .link.stats .text { line-height: 9px; padding-top: 6px; height: 24px; } .item_toolbelt.hide .links { display: none; } .item_toolbelt .toggle { text-align: center; height: 25px; line-height: 25px; border-bottom: 1px solid #E7E7E7; font-size: 10px; } .item_sharing { } .item_sharing .share_options { background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 3px; } .item_sharing .splice { float: left; width: 1px; height: 16px; background-color: #E7E7E7; margin-top: 7px; } .item_sharing .share { float: left; cursor: pointer; text-align: right; height: 30px; line-height: 30px; color: #C4C4C4; } .item_sharing .share:hover { color: #0098D3; } .item_sharing .share .container { margin: 0px auto; position: relative; } .item_sharing .share .sprite { position: absolute; top: 7px; left: 0px; } .item_sharing .share .followed { display: none; } .item_sharing .share.byFollow { color: #0098D3; } .item_sharing .share.byFollow:hover { color: #FFCC00; } .item_sharing .share.byFollow.active { color: #FFCC00; } .item_sharing .share.byFollow.active .text {display: none; } .item_sharing .share.byFollow.active .followed { display: block; } .item_sharing .share.byFollow.active:hover { color: #0098D3; } .item_sharing .share.byFollow .favoriteStar.small { background-position: -16px -560px; } .item_sharing .share.byFollow.active .favoriteStar.small { background-position: -16px -400px; } .item_sharing .share.byFollow .container { width: 60px; } .item_sharing .share.byFollow.active .container { width: 77px; } .item_sharing .share.byEmail .container { width: 73px; } .item_sharing .share.byFacebook .container { width: 58px; } .item_sharing .share.byPin .container { width: 40px; } .item_sharing .share.byTweet .container { width: 57px; } .item_sharing .share.byFlag .container { width: 46px; } .item_sharing .share.byFollow:hover .favoriteStar.small { background-position: -16px -400px; } .item_sharing .share.byFollow.active:hover .favoriteStar.small { background-position: -16px -560px; } .item_sharing .share.byEmail:hover .forward.small { background-position: -16px -1456px; } .item_sharing .share.byFacebook:hover .Facebook.small { background-position: -16px -752px; } .item_sharing .share.byPin:hover .pinterest.small { background-position: -16px -816px; } .item_sharing .share.byTweet:hover .tweet.small { background-position: -16px -880px; } .item_sharing .share.byFlag:hover .flagPic.small { background-position: -16px -944px; } .item_sharing.six .share { width: 102px; } .item_sharing.five .share { width: 123px; } .item_sharing.four .share { width: 153px; } .item_sharing .social { float: left; width: 118px; } .item_sharing .social.last { margin-right: 0px; } .item_sharing .social.favoriteHolder { border: 1px solid #0098D3; width: 122px; } .item_sharing .social.favoriteHolder:hover { color: #FFCC00; border-color: #FFCC00; } .item_sharing .social.favoriteHolder.active { color: #FFCC00; border-color: #FFCC00; } .item_sharing .social.favoriteHolder.active:hover { color: #0098D3; border-color: #0098D3; } .item_sharing .social:hover { border-color: #0098D3; color: #0098D3; } .item_sharing .social { width: 97px; } .item_sharing .social.favoriteHolder { width: 102px; } .item_sharing .flagging { display: none; font-size: 10px; width: 122px; background-color: #FFFFFF; border: 1px solid #e7e7e7; float: right; } .item_sharing .flagging div { border-bottom: 1px solid #e7e7e7; padding: 0px 10px; } .item_sharing .flagging #accuracy { font-size: 10px; line-height: 12px; color: #222A25; } .item_sharing .flagging #accuracy.bad { color: #FF0000; } .item_sharing .flagging .flag { height: 25px; line-height: 25px; } .item_sharing .flagging .flag:last-child { border-bottom: none; } .helpTip { display: none; margin: 5px 0px; border: 1px solid #E7E7E7; background-color: #FFFFFF; padding: 10px; border-radius: 3px; position: absolute; width: 288px; } .helpTip.open { display: block; width: 288px; } .helpTip .leftArrowPointer.medium { position: absolute; left: -16px; margin-top: -14px; top: 50%; width: 16px; } .temp_error { padding: 5px; background-color: #FFFFFF; color: #FF6600; font-weight: bold; border: 1px solid #FF6600; text-align: center; } .temp_error.popup { position: fixed; top: 100px; left: 50%; width: 400px; margin-left: -200px; z-index: 1500; } .error { text-align: center; color: #FF6600; margin: 5px; padding: 4px 2px; border: 2px solid #FF6600; border-radius: 3px; background-color: #FFFFFF; font-weight: bold;} .error.bird { position: absolute; max-width: 288px; height: 40px; margin: 0px; padding: 0px 10px; } .error.oneLine { line-height: 40px; } #rotateOverlay { font-size:25px; top:50%; font-weight:bold; position:absolute; text-align:center; width:100%; color: #222A25; } .breadcrumbs { display: block; } .breadcrumbs .breadcrumbBack { float: left; } .breadcrumbs .text { float: left; } .messagesHolder { overflow: hidden; float: left; width: 320px; } .messages { -webkit-overflow-scrolling: touch; height: 100%; min-height: 449px; overflow-y: hidden; overflow-x: hidden; position: relative; border: 1px solid #e7e7e7; border-width: 0px 0px 1px 1px; background-color: #FFFFFF; } .messages .messageList { display: none; } .messages .messageList.viewing { display: block; } .messages .noActions { display: none; height: 45px; line-height: 45px; text-align: center; } .messages .noItemMessages { display: none; height: 45px; line-height: 45px; text-align: center; } .messages .itemCollection { background-color: #ffffff; position: relative; height: 41px; border-bottom: 1px solid #EEEEEE; cursor: pointer; color: #C4C4C4; } .messages .itemCollection .thread { display: none; } .messages .itemCollection.opened { height: auto; border-bottom: none; background-color: #E7E7E7; } .messages .itemCollection .itemTitle { height: 41px; line-height: 41px; overflow:hidden; padding: 0px 30px 0px 15px; color: #222A25; } .messages .itemCollection.opened .itemTitle { border-bottom: 1px solid #E7E7E7; } .messages .itemCollection .dropDownBlack { position: absolute; top: 13px; right: 14px; } .messages .itemCollection .about .bold { margin-top: 6px; } .messages .thread { background-color: #ffffff; position: relative; height: 52px; border: 2px solid transparent; cursor: pointer; color: #C4C4C4; margin-bottom: 1px; } .messages .thread .leftHolder { float: left; height: 52px; position: relative; } .messages .thread .leftHolder img { margin: 11px 4px; width: 30px; height: 30px; } .messages .thread .about { width: 206px; height: 41px; padding-top: 11px; line-height: 17px; float: left; position: relative; } .messages .thread .about .bold { font-size: 16px; height: 17px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .messages .thread .about .item { height: 17px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .messages .thread .about .item.quote { font-style: italic; font-size: 12px; } .messages .thread .about .timeSent { position: absolute; top: -2px; right: 0px; font-size: 10px; color: #C4C4C4; } .messages .thread .rightHolder { height: 52px; width: 50px; position: absolute; top: 0px; left: 240px; } .messages .thread .rightHolder .sprite { margin: 20px auto; font-size: 12px; } .messages .thread .splice { position: absolute; bottom: -3px; left: -2px; right: -2px; background-color: #E7E7E7; height: 1px; } .messages .thread.filtered { display: none !important; } .messages .thread.actionNeeded { color: #222A25; } .messages .thread.actionNeeded .about .bold { font-weight: bold; } .messages .thread:hover { border: 2px solid #FFCC00; color: #0098D3; } .messages .thread:hover .about { } .messages .thread:hover .rightHolder { } .messages .thread.selected { border: 2px solid #FFCC00; padding: 0px; color: #0098D3; } .messages .thread.before { border-bottom-width: 1px !important; padding-bottom: 1px !important; } .messages .thread.after { border-top: 0px !important; padding-top: 2px !important; } .messages .thread.after .about { top: -4px; } .messages .thread.after .rightHolder { top: 0px; } .messages .thread.selected .threadPic { } .messages .thread.selected .rightHolder { } .messages .thread.selected .about { } .messages .moreConversations { color: #0098D3; text-align: center; height: 56px; line-height: 56px; background-color: #ffffff; position: relative; border-top: 1px solid #e7e7e7; cursor: pointer; } .messages .moreConversations:hover { color: #ff6600; } .comment { background-color: #FEFEFE; float: left; line-height: 18px; word-wrap: break-word; padding: 10px 5px 0px 5px; position: relative; width: 358px; border: 1px solid #E0E0E0; margin-top: -1px; animation: appear .5s; -webkit-animation: appear .5s; -moz-animation: appear .5s; } .comment:first-child { margin-top: 0px; } .comment .timeSent { color: #C4C4C4; font-style: italic; font-size: 10px; padding: 2px 0px; text-align: right; } .comment .email { float: right; margin: 3px 3px 0px 0px; } .comment .read { cursor: default; float: right; margin-top: 1px; color: #C4C4C4; } .comment .timeSent { float: right; } .comment .dismissal { text-align: right; font-size: 10px; color: #0098D3; cursor: pointer; display: none; } .comment.response:last-child .dismissal { display: block; } .comment .dismissal:hover { color: #ff6600; } .comment .chatBubbleArrow { position: absolute; top: 50%; margin-top: -8px; width: 8px; height: 16px; } .comment.from { margin-left: 20px; } .comment.reply { margin-left: 52px; } .comment.typing { color: #C4C4C4; font-style: italic; padding: 10px 5px; margin-top: 10px; } .comment .itemTitle { font-weight: bold; display: block; border-bottom: 1px solid #EEEEEE; padding-bottom: 5px; margin-bottom: 5px; } .comment.from .chatBubbleArrow { right: -8px; } .comment.reply .chatBubbleArrow { left: -7px; } .comment .pic { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; } .comment.from .pic { right: -32px; } .comment.reply .pic { left: -32px; } .comment .pointer { overflow: hidden; height: 20px; width: 10px; position: absolute; top: 50%; margin-top: -10px; } .comment .pointer .tilt { height: 12px; width: 12px; margin-top: 3px; border: 1px solid #E0E0E0; background-color: #FEFEFE; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} .comment.from .pointer { right: -10px; } .comment.from .pointer .tilt { margin-left: -6px; } .comment.reply .pointer { left: -10px; } .comment.reply .pointer .tilt { margin-left: 2px; } .commentBox { width: 370px; border: none; background-color: transparent; border-radius: 0px; margin: 10px 0px 0px 52px; position: relative; } .attachments { position: absolute; top: 101px; left: 52px; margin: 0px; padding: 0px; border: 1px solid #E7E7E7; border-radius: 0px; width: 368px; height: 32px; } .commentBox .inputHolder { float: none; overflow: visible; } .commentBox .inputHolder .textAreaHolder { left: 6px; top: 10px; color: #0098D3; } .commentBox .inputHolder .leftArrowPointer.small { position: absolute; top: 44px; left: -6px; } .commentBox textarea { background-color: #FEFEFE; width: 358px; min-height: 80px; resize: none; display: block; float: left; padding: 10px 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #E0E0E0; border-width: 1px 1px 0px 1px; outline: none; } .commentBox .back { position: relative; display: none; width: 102px; margin-top: 30px; color: #0098D3; border: 1px solid #E0E0E0; background-color: #FFFFFF; border-radius: 0px 0px 3px 3px; height: 40px; line-height: 40px; text-align: right; padding: 0px 10px 0px 0px; } .commentBox .back .sprite { position: absolute; top: 5px; left: 4px; } .commentBox .replyButton { width: 370px; margin-top: 45px; float: right; } .commentBox .picHolder.myPic { position: absolute; top: 40px; left: -32px; text-align: center; } .commentBox .picHolder.myPic img { width: 20px; height: 20px; border-radius: 0px; display: block; } .commentBox .pointer { overflow: hidden; height: 20px; width: 10px; position: absolute; top: 50%; margin-top: -10px; left: -9px; } .commentBox .pointer .tilt { height: 12px; width: 12px; margin-top: 3px; margin-left: 2px; border: 1px solid #E0E0E0; background-color: #FEFEFE; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} .attachments .spriteHolder { float: right; cursor: pointer; width: 32px; height: 32px; margin: 0px 5px; } .attachments .spriteHolder .sprite { margin: 8px; } .attachments .camera.noFileSupport { display: none !important; } .attachments .hiddenInput { height: 32px; width: 38px; position: absolute; bottom: 0px; right: 0px; padding: 0px; opacity: 0.0; filter: alpha(opacity = 0); cursor: pointer; } html.ie7 .attachments .hiddenInput { right: -58px; } .attachments .hiddenInput.noFileSupport { display: none !important; } .enterHolder { margin: 15px 30px 0px 0px; color: #BBBBBB; font-size: 12px; float: right; } .logInOr { text-align: center; margin-top: 5px; } .exclusiveLogIn { font-family: "Domine", Georgia, Times, Serif; text-align: center; margin: 5px 0px; } .mapHolder.updater .mapShell { position: relative; } .mapHolder.updater .mapShell #map_canvas { width: 310px; height: 150px; position: relative; } .mapHolder.updater .mapShell #map_canvas .loader { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; height: 80px; width: 80px; } .mapHolder.updater .mapShell .centerMarker { display: none; position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin-left: -12px; margin-top: -29px; z-index: 10000000; } .mapHolder.updater .doubleCheck { font-size: 10px; text-align: center; display: none; } /* FOOTER */ .footerSplit { width: 100%; height: 70px; background: #FFFFFF; background: -webkit-linear-gradient(#FFFFFF, #B2FFAE 99%); background: -moz-linear-gradient(#FFFFFF, #B2FFAE 99%); background: -o-linear-gradient(#FFFFFF, #B2FFAE 99%); background: -ms-linear-gradient(#FFFFFF, #B2FFAE 99%); background: linear-gradient(#FFFFFF, #B2FFAE 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#B2FFAE',GradientType=0 ); } .footerV2 { margin: 60px 0px 20px 0px; } .footerV2 .p1 { font-style: italic; font-size: 24px; text-align: center; line-height: 28px; margin-bottom: 5px; } .footerV2 .p2 { font-style: italic; text-align: center; } .footerV2 .badges { max-width: 645px; margin: 60px auto; } .footerV2 .badges .badge { position: relative; float: left; padding-left: 40px; margin-right: 50px; color: #A6A6A6; height: 40px; width: 80px; } .footerV2 .badges .badge .title { padding-top: 2px; } .footerV2 .badges .badge.norton { padding-left: 42px; } .footerV2 .badges .badge.family { margin-right: 0px; } .footerV2 .badges .badge .sprite, .footerV2 .badges .badge .sprite1 { position: absolute; top: 0px; left: 0px; } .footerV2 .badges .badge.norton .sprite1 { top: -5px; } .footerV2 .badges .badge .units { text-transform: uppercase; font-size: 10px; } .footerV2 .links { border: 1px solid #E7E7E7; max-width: 782px; min-width: 300px; width: 100%; background-color: #FFFFFF; margin: 20px auto 26px auto; border-radius: 3px; } .footerV2 .linkList { width: 162px; padding: 16px; float: left; line-height: 16px; height: 143px; border-right: 1px solid #e5e8e6; } .footerV2 .links .linkList:last-child { padding-right: 0px; border: none; } .footerV2 .linkList a,.footerV2 .linkList #mediaSwitch { display: list-item; color: #222A25; line-height: 24px; cursor: pointer; } .footerV2 .linkList a:hover,.footerV2 .linkList #mediaSwitch:hover { text-decoration: underline; } .footerV2 .linkList h5 { text-transform: uppercase; color: #ff6600; line-height: 24px; font-weight: bold; } .footerV2 .footerLinks { text-align: center; margin: 10px 0px 30px 0px; } .footerV2 .footerLinks .link { color: #0098D3; padding: 0px 5px; } .footerV2 .footerLinks .link:hover { color: #FF6600; } .footerV2 .footerLinks .line { color: #0098D3; } .footerV2 .bookooAddress { font-style: italic; text-align: center; font-size: 20px; } /* HEADER */ .unrepliedCount,a.unrepliedCount { display: block; color: #FFFFFF !important; top: 30px; right: 125px; } .availWarning { cursor: pointer; position: absolute; top: 30px; right: 85px; border-radius: 50px; background-position: -16px -384px; width: 16px; height: 16px; } #headerInstage .quips { text-align: center; font-size: 16px; font-family: "Domine", Georgia, Times, Serif; position: absolute; top: 30px; left: 50%; width: 365px; margin-left: -182px; } #headerInstage .accountTitle { height: 28px; line-height: 28px; cursor: pointer; overflow: hidden; border: 1px solid #E7E7E7; border-width: 0px 1px; } #headerInstage #userIcon { cursor: pointer; height: 45px; width: 45px; border-radius: 50px; position: absolute; top: 10px; left: 0px; } #headerInstage .accountTitle .name { margin: 0px 25px 0px 0px; font-size: 18px; } #headerInstage .accountTitle .sprite { position: absolute; top: 6px; right: 5px; } #headerInstage .options { position: absolute; top: 0px; right: 0px; z-index: 10; width: 162px; padding-left: 55px; } #headerInstage .options .mobile { width: 40px; } #headerInstage .options .mobile .text { display: none; } #headerInstage .mobile { float: left; position: relative; width: 50px; height: 50px; line-height: 78px; font-size: 11px; color: #1FC22F; cursor: pointer; text-align: center; } #headerInstage .mobile.search,#headerInstage .mobile.post { display: none; float: none; position: absolute; top: 0px; left: 0px; z-index: 10; } #headerInstage .mobile.post { left: 60px; font-size: 14px; } #headerInstage .mobile.account { display: none; } #headerInstage .mobile.log, #headerInstage .mobile.join { width: 70px; height: 32px; line-height: 32px; font-size: 16px; margin-top: 24px; } #headerInstage .mobile.log { color: #0098D3; } #headerInstage .mobile.join { background-color: #1FC22F; color: #FFFFFF; margin-left: 10px; border-radius: 3px; } #headerInstage .mobile .sprite,#headerInstage .mobile .accountIcon { display: block; position: absolute; top: 3px; left: 50%; margin-left: -16px; } #headerInstage .mobile.post .image { line-height: 25px; text-align: center; width: 25px; height: 25px; border: 1px dashed #1FC22F; font-size: 25px; position: absolute; left: 50%; margin-left: -12px; top: 8px; } #headerInstage .mobile .accountIcon { width: 32px; height: 32px; } #headerInstage .mobile.search .sprite { background-position: -64px -144px; } #headerInstage .mobile.post .sprite { background-position: -32px -1936px; } #headerInstage .mobile.account .sprite { background-position: -32px -1776px; } #headerInstage .mobile.items .sprite { background-position: -32px -336px; } #headerInstage .mobile.myMessage .sprite { background-position: -32px -240px; } #headerInstage .mobile.myMessage.none { color: #E7E7E7; } #headerInstage .mobile.myMessage.none .sprite { background-position: -64px -240px; } #headerInstage .mobile.myFollowing .sprite { background-position: -32px -528px; } #headerInstage .mobile.myAvailability .sprite { background-position: -32px -272px; } #headerInstage .mobile.myAvailability.done { color: #E7E7E7; } #headerInstage .mobile.myAvailability.done .sprite { background-position: -64px -272px; } #headerInstage .mobile.post { font-weight: bold; } #accountMenu { display: none; border-radius: 0px 0px 3px 3px; border: 1px solid #E7E7E7; background-color: #FFFFFF; cursor: pointer; width: 167px; position: absolute; top: 79px; right: 0px; } #accountMenu .unrepliedCount, #accountMenu .availWarning { position: absolute; top: 8px !important; right: 8px !important; left: auto !important; } #accountMenu .accountOption { display: block; color: #0098D3; border-bottom: 1px solid #E7E7E7; position: relative; height: 30px; line-height: 30px; } #accountMenu .accountOption:last-child { border-bottom: none; } #accountMenu .accountOption:hover { color: #FF6600; } #accountMenu .accountOption span { margin-left: 32px; } #accountMenu .accountOption .sprite { position: absolute; top: 7px; left: 7px; } .headerV2 { height: 75px; margin-bottom: 10px; } .headerV2.global .centeredContainer { max-width: 936px; } html.ie7 .headerV2.global .centeredContainer { width: 936px; } .headerV2.global #titleContainer { top: -13px; } .headerV2.global .helpTools { float: right; padding: 21px 0px; font-size: 16px; } .headerV2.global .helpTools .helpful { display: block; color: #222A25; cursor: pointer; float: left; margin-right: 20px; height: 32px; line-height: 32px; padding: 0px 8px; font-family:"Georgia"; font-size:18px; } .headerV2.global .helpTools .helpful:hover { color: #0098D3; } .headerV2.global .helpTools .join { color: #FFFFFF !important; margin-right: 0px; border-radius: 3px; } /* AVAILABILITY */ #availableWindow { display: none; background-color: #FFFFFF; position:absolute; top: 80px; right: -270px; color: black; padding: 5px; border: 1px solid #e7e7e7; width: 240px; } #availableWindow #tutorial { float:left; font-weight:normal; width: 180px; } #availableWindow .close { float: right; cursor: pointer; padding: 5px; border: 1px solid #EEEEEE; border-radius: 3px; width: auto; height: auto; line-height: 15px; margin: 0px; } #availableWindow .close:hover { background-color: #E6E6E6; border-color: #e7e7e7; } #availableWindow .close:active { background-color: #E7E7E7; border-color: #e7e7e7; } #availableWindow #frame { width: 245px; height: 435px; } #availableDragDrop { background-color: white; padding-top: 10px; } #availableDragDrop .timeSlot { margin-top: 10px; float:left; width: 77px; } #availableDragDrop .timeSlot .button { height: 32px; line-height: 32px; min-height: 32px; color: #0098D3; width: 76px; margin-top: 5px; border: 1px solid #e7e7e7; font-size: 12px; } #availableDragDrop .timeSlot .button.pressed { background-color: #E6E6E6; } #availableDragDrop .timeSlot .button:hover { color: #FF6600; } #availableDragDrop #timeline { margin-right: 8px; } #availableDragDrop .timeSlot .date { text-align: center; } #availableDragDrop #scaleSlot { margin-top: 25px; float:left; width: 65px; text-align: right; } #availableDragDrop #scaleSlot #setAs { text-align: center; height: 39px; line-height: 39px; } #availableDragDrop #scaleSlot .last { border-bottom: 1px solid #1DB300; height: 23px; line-height: 23px; } #availableDragDrop #saver { position: absolute; display: none; background-color: darkgreen; color: white; font-weight: bold; width: 50px; text-align: center; } #availableDragDrop #availableMessage { position: absolute; right:0px; top: 3px; background-color: yellow; color: darkgreen; display: none; font-weight: bold; width: 237px; text-align: center; } #availableDragDrop .selection { position: absolute; border: 1px solid #89B; background: #BCE; background-color: #BEC; border-color: #8B9; z-index: 1000000;} #availableDragDrop .size2 { height: 118px; line-height: 118px; } #availableDragDrop .size3 { height: 178px; line-height: 178px; } #availableDragDrop .drop { background: #CDFFC0; text-align: center; height: 11px; line-height: 11px; border: 1px solid #1DB300; border-width: 0px 1px 1px 1px; } #availableDragDrop .dropped { background-color: #7ADB72; color: #7ADB72; } #availableDragDrop .clicked { background-color: red; border-color: red; color: red; } #availableDragDrop .active { background-color: #CEB; border-color: #9B8; } #availableDragDrop .scale { padding-right: 10px; border-top: 1px solid #1DB300; border-bottom: 1px solid white; height: 22px; line-height: 22px; } #availableDragDrop .top { border-width: 1px; } html.ie7 #availableDragDrop .drop { height: 12px !important; min-height: 12px !important; max-height: 12px !important; line-height: 12px !important; font-size: 12px !important; overflow:hidden; } html.ie7 #availableDragDrop .scale.first { height: 21px; line-height: 21px; } html.ie8 #availableDragDrop .drop { height: 12px !important; min-height: 12px !important; max-height: 12px !important; line-height: 12px !important; font-size: 12px !important; overflow:hidden; } html.ie8 #availableDragDrop .scale.first { height: 21px; line-height: 21px; } /* LEFT NAVIGATION */ #leftNavigation #categoryContainer { list-style-type: none; display:block; line-height: 24px; } #leftNavigation #categoryContainer a { color: #0098d3; display: list-item; margin: 0px 12px; } #leftNavigation #categoryContainer a:hover { color:#ff6600; } #leftNavigation #categoryContainer a.subCat { margin: 0px 12px 0px 24px; } #leftNavigation #searchBox { width: 148px; height: 37px; margin: 5px 0px 10px 13px; border-radius: 3px; border: 1px solid #E7E7E7; overflow: hidden; padding: 1px; } #leftNavigation #searchBox.form .divider { margin-top: 3px; height: 32px; } #leftNavigation #searchBox.focus { border: 2px solid #FFCC00; padding: 0px; } #leftNavigation #searchBox .inputHolder { margin-left: 5px; } #leftNavigation #searchBox .inputHolder input { width: 86px; padding: 11px 0px; } #leftNavigation #searchBox #submitButton { display: block; width: 16px; height: 16px; border-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 9px; } #leftNavigation #searchBox .dropDownArrow { cursor: pointer; text-align: center; float: left; width: 19px; height: 38px; } #leftNavigation #searchBox .dropDownArrow .sprite { margin: 11px 3px; } #leftNavigation #searchBox .submitHolder { float: left; width: 34px; height: 34px; position: relative; cursor: pointer; } #leftNavigation #searchBox .submitHolder .searchLense.medium { position: absolute; top: 1px; left: 1px; } html.ie7 #leftNavigation #searchBox, html.ie8 #leftNavigation #searchBox { border: 1px solid #EEEEEE; } html.ie7 #leftNavigation #searchBox .inputHolder { margin-left: 3px; } html.ie7 #leftNavigation #searchBox .inputHolder input { width: 85px; } html.ie7 #leftNavigation #searchBox .inputHolder .placeholder { left: 3px; } #leftNavigation .filter { color: #0098D3; height: 30px; line-height: 30px; letter-spacing: 1px; font-weight: bold; cursor: pointer; display: block; text-transform: uppercase; margin: 0px 12px; padding:0px; } #leftNavigation .filter:hover { color: #ff6600; } #leftNavigation #leftPost { display: block; cursor: pointer; border: 1px solid #e7e7e7; width: 135px; min-height: 43px; line-height: 43px; letter-spacing: 1px; color: #FF6600; font-weight: bold; border-radius: 3px; text-align: center; padding: 0px 8px; margin: 5px 0px 17px 12px; text-transform: uppercase; background-color: #FBFBFB; } html.ie7 #leftNavigation #leftPost, html.ie8 #leftNavigation #leftPost { border: 1px solid #EEEEEE; } #leftNavigation #leftPost:hover { background-color: #F5F5F5; } #leftNavigation #mobileYardSales { display: none; } #leftNavigation .toolTip { position: absolute; top: 0px; left: 164px; width:0px; overflow: hidden; } #leftNavigation .toolTip .content { float: left; width: 201px; background-color: #FFFFFF; border-radius: 3px; padding: 10px; margin-left: 15px; border: 1px solid #E7E7E7; } #leftNavigation .toolTip .xClose { float: right; cursor: pointer; font-size: 16px; padding: 0px 0px 3px 3px; margin: 0px 0px 3px 3px; color: #C4C4C4; } #leftNavigation .toolTip .xClose:hover { color: #BBBBBB; } #leftNavigation .toolTip .leftArrowPointer { position: absolute; top: 8px; left: 0px; width: 16px; height: 32px; } /* INDEX */ #index #mobileYardSales { display: none; width: 312px; height: 72px; margin: 8px auto 0px auto; position: relative; background-image:url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d331ba54537ecc64575900.png); background-position: center; background-repeat: no-repeat; } #index #mobileYardSales #content { position: absolute; top: 18px; left: 100px; } #index #mobileYardSales .title { color: #FF6600; font-family: "Domine", Georgia, Times, Serif; } #index .halfContainer { width: 50%; float: left; margin-top: 20px; } #index #bottomAd { float: right; width: 300px; height: 250px; } #index #header { margin: 0px 3px; } #index #header .viewSelector { margin-top: 5px; } #index h2 { border-bottom: 1px solid #E7E7E7; margin: 0px 3px; } #index .welcome { background-color: #FFFFFF; width: 306px; height: 490px; float: left; margin: 0px 3px 10px 3px; border-radius: 3px; position: relative; overflow: hidden; } #index .welcome .bottom { position: absolute; bottom: 0px; left: 0px; } #index .welcome .closeHolder { position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; cursor: pointer; } #index .welcome .closeHolder .blueX { position: absolute; top: 8px; left: 8px; } #index .welcome h1 { color: #1fc82f; font-size: 26px; text-align: center; margin: 25px 0px 15px 0px; line-height: 33px; } #index .welcome .subheading { color: #222A25; font-size: 18px; line-height: 22px; font-family: Georgia, Times, Serif; text-align: center; } #index .welcome .subheading .free { color: #ff6600; } #index .welcome .learnMore { position: relative; margin: 25px auto 15px auto; color: #FFFFFF; padding-left: 13px; line-height: 36px; font-weight: bold; display: none; cursor: pointer; } #index .welcome .learnMore .dropDownWhite { position: absolute; right: 8px; top: 10px; } #index .welcome .QAHolder { position: absolute; } #index .welcome .QAHolder.selected { z-index: 100; } #index .welcome .QAHolder.selected .question { position: absolute; top: 0px; left: 0px; } #index .welcome .QAHolder.link1 { top: 200px; left: 18px; width: 183px; } #index .welcome .QAHolder.link2 { top: 248px; right: 0px; width: 184px; } #index .welcome .QAHolder.link3 { top: 294px; left: 0px; width: 160px; } #index .welcome .QAHolder.link4 { top: 337px; right: 0px; width: 156px; } #index .welcome .QAHolder .question { height: 44px; line-height: 40px; color: #FFFFFF; text-align: center; cursor: pointer; font-weight: bold; } #index .welcome .QAHolder .answer { border: 1px solid #000000; display: none; background-color: #FFFFFF; padding: 17px 5px 5px 5px; position: absolute; z-index: -1; top: 24px; line-height: 17px; border-radius: 0px 0px 3px 3px; } #index .welcome .QAHolder.link1 .answer { border-color: #0098D3; margin: 0px 0px 0px 7px; width: 149px; } #index .welcome .QAHolder.link2 .answer { border-color: #ffcc00; margin: 0px 0px 0px 9px; width: 152px; } #index .welcome .QAHolder.link3 .answer { border-color: #1fc82f; margin: 0px 0px 0px 9px; width: 126px; } #index .welcome .QAHolder.link4 .answer { border-color: #ff6600; margin: 0px 0px 0px 8px; width: 125px; } #index .welcome .stopShowing { top: 0px; right: 0px; width: 42px; height: 42px; cursor: pointer; } #index .toggles #favorites { position: relative; } #index .toggles #favorites .favoriteStar.small {position: absolute; left: 1px; top: 2px; } #index .toggles #indexYardSales .title { margin-left: 0px; } #index #mobileNews { display: none; } #index .popular { position: relative; } #index .popular .viewAll { position: absolute; top: 0px; right: 3px; color: #0098D3; cursor: pointer; height: 28px; line-height: 28px; } #index .popular .viewAll:hover { color: #ff6600; } /* PREVIEW */ #previewTable { border: 1px solid #EEEEEE; background-color: #FFFFFF; border-radius: 3px; margin: 10px 3px; } #previewTable span.ih img { position: relative; } #previewTable .itemRow { border-bottom: 1px solid #EEEEEE; padding: 2px 2px 1px 2px; height: 67px; } #previewTable .itemRow:last-child { border-bottom: 1px solid #FFFFFF; } #previewTable .itemRow:hover { border: 2px solid #FFCC00; padding: 0px; color: #0098D3; } #previewTable .itemRow.premiere .itemTitle { font-weight: bold; } #previewTable .itemRow.premiere .itemPrice { font-weight: bold; } html.ie7 #previewTable .itemRow .itemPrice { width: 19%; } #previewTable .itemRow .itemPrice div { margin-right: 10px; } #previewTable .itemRow .imageSpace { width: 60px; height: 60px; float: left; position: relative; margin: 3px 0px; } #previewTable .itemRow .itemInfoHolder { margin: 0px 0px 0px 65px; height: 20px; line-height: 20px; } #previewTable .adminOptions { height: 70px; line-height: 24px; padding: 0px; border-bottom: 1px solid #EEEEEE; } #previewTable .sash { position: absolute; top: -3px; left: -3px; } #previewTable .itemDescription { width: 50%; overflow: hidden; line-height: 17px; height: 34px; margin: 8px 0px 0px 65px; word-wrap: break-word; } #previewTable #sellerProfile { min-height: 0; } .table.preview { } .table.preview .row { height: 68px; } .table.preview .row .column { height: 68px; } .table.preview .row .column.image { width: 68px; position: relative; } .table.preview .row .column.image span.ih { height: 60px; width: 60px; display: block; margin: 4px; } .table.preview .row .column.image span.ih img { position: relative; } .table.preview .row .column.info { width: 474px; padding: 0px 5px; } .table.preview .row .column.info .title { height: 24px; line-height: 24px; font-size: 16px; overflow: hidden; } .table.preview .row .column.info .description { height: 42px; line-height: 21px; overflow: hidden; font-weight: normal; } .table.preview .row .column.time { line-height: 24px; } .table.preview .row .column.price { line-height: 24px; } .table.preview.admin .row .column.info { width: 512px; } .table.preview.admin .adminOptions { height: 68px; line-height: 68px; } html.ie7 .table.preview .row .column.info { width: 344px; } /* COMPACT*/ #compactTable { border: 1px solid #EEEEEE; background-color: #FFFFFF; border-radius: 3px; margin: 10px 3px; } #compactTable .itemRow { border-bottom: 1px solid #EEEEEE; padding: 2px 2px 1px 2px; height: 38px; line-height: 38px; } #compactTable .itemRow:last-child { border-bottom: 1px solid #FFFFFF; } #compactTable .itemRow:hover { border: 2px solid #FFCC00; padding: 0px; color: #0098D3; } #compactTable .itemRow.premiere .itemTitle { font-weight: bold; } #compactTable .itemRow.premiere .itemPrice { font-weight: bold; } #compactTable .itemRow .itemPrice div { margin-right: 10px; } #compactTable .itemRow .imageSpace { width: 33px; height: 38px; float: left; position: relative; } #compactTable .itemRow .imageSpace .camera { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } #compactTable .adminOptions { height: 41px; line-height: 41px; padding: 0px; border-bottom: 1px solid #EEEEEE; } #compactTable #sellerProfile { min-height: 0; } .table.compact { } .table.compact .row { height: 38px; line-height: 38px; } .table.compact .row .column { height: 38px; } .table.compact .row .column.image { width: 32px; position: relative; } .table.compact .row .column.image .camera { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .table.compact .row .column.title { width: 510px; padding-right: 10px; } .table.compact .row .column.time { } .table.compact .row .column.price { } .table.compact.admin .row .column.title { width: 548px; } .table.compact.admin .adminOptions { height: 38px; line-height: 38px; } html.ie7 .table.compact .row .column.title { width: 380px; } /* SEARCH */ #search { z-index: 101; } #search .holder { margin: 0px 3px; } #search .catTitle { width: 220px; float: left; margin-bottom: .4em; } #search .subCats a { display: list-item; width: 125px; padding: 3px 3px 3px 0px; float: left; } #search .inputTitle { float: left; color: #C4C4C4; position: absolute; top: -17px; left: 0px; } html.ie7 #search .title1 { width: 304px; } #search #query { margin-top: 15px; width: auto; float: left; border: 1px solid #E7E7E7; padding: 1px; background-color: transparent; background-color: #FFFFFF; border-radius: 3px 0px 0px 3px; } #search #query.focus { border: 2px solid #FFCC00; padding: 0px; } #search #query input { padding: 11px 0px; } #search #query .divider { margin: 4px 0px; background-color: #E7E7E7; height: 32px; } #search #query .inputHolder { position: relative; overflow: visible; } #search #query .inputHolder input { margin: 0px 5px; } #search.alert #query .inputHolder input.term { width: 927px; font-weight: bold; } #search #query .inputHolder input.term { width: 979px; } html.ie7 #search.alert #query .inputHolder input.term { width: 459px; } html.ie7 #search #query .inputHolder input.term { width: 511px; } #search #query .inputHolder .placeholder { left: 5px; } #search #query .inputHolder input.minMax { width: 50px; } #search #query .submitHolder { float: left; width: 40px; height: 40px; position: relative; cursor: pointer; } #search #query .submitHolder .searchLense.medium { position: absolute; top: 4px; left: 4px; } html.ie7 #search #query #submit { line-height: 40px; min-height: 40px; } #search #postedBy { float: left; height: 25px; line-height: 25px; margin-right: 10px; } #search #sellerType { float: left; } #search #sellerType .cell { width: 53px; height: 25px; line-height: 25px; text-align: center; } #search .alert { float: left; width: 52px; position: relative; height: 40px; text-align: center; font-size: 10px; cursor: pointer; color: #0098D3; } #search .alert .holder { position: absolute; bottom: 3px; left: 0px; width: 100%; margin: 0px; } #search .alert .toolTip { display: none; font-size: 14px; text-align: left; border: 1px solid #E7E7E7; position: absolute; bottom: -72px; left: -2px; background-color: #E7E7E7; width: 205px; border-radius: 3px; background-color: #FFFFFF; } #search .alert .toolTip .sprite { position: absolute; top: -16px; left: 10px; } #search .alert .toolTip .explain { padding: 10px; color: #222A25; line-height: 20px; } #search .alert .alertBolt.small { position: absolute; top: 9px; left: 18px; } #search .alert:hover { color: #FFCC00; } #search .alert.active { color: #FFCC00; } #search .alert.active:hover { color: #0098D3; } #search .controls { position: relative; margin-top: 15px; float: left; width: 85px; border: 1px solid #E7E7E7; border-width: 1px 1px 1px 0px; border-radius: 0px 3px 3px 0px; } #search .controls .viewSelector .view.first { border-left-color: #E7E7E7; } #search #picsOptions { float: left; width: 42px; height: 42px; line-height: 42px; text-align: center; cursor: pointer; position: relative; } #search #picsOptions .picsOnly.medium { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } #search #failedSearch { margin-top: 10px; } #search #failedSearch .moreLuck { margin-bottom: 10px; } #search #failedSearch a { display: block; margin-bottom: 10px; } #search #noItems { font-size: 18px; font-weight: bold; } #search .viewSelector .cell { width: 50px; height: 40px; } /* ITEM DETAILS */ #itemDetails { max-width: 624px; position: relative; } #itemDetails #notifysellerform .formSection { float: none; } #itemDetails .messaging .green { width: 126px; margin-right: 5px; } #itemDetails .messaging .contact .green { width: 198px; } #itemDetails .messaging .phoneNumber { width: 126px; color: #222A25; cursor: auto; } #itemDetails .messaging .phoneNumber .phoneContents { line-height: 1.2em; padding-top: 4px; display: block; color: #222A25; cursor: default; } #itemDetails .messaging .phoneNumber .phoneContents a[href^=tel] { color:inherit; text-decoration:none; } #itemDetails .messaging .close { margin-left: 0px; } #itemDetails .top { margin-bottom: 5px; } #itemDetails .top .soldSash { position: absolute; top: -3px; left: -8px; } #itemDetails .messages { margin: 10px 0px; border-width: 1px; min-height: 0; height: auto; width: 308px !important; overflow-y: visible; overflow-x: visible; } #itemDetails .messages .thread .about { width: 216px !important; } #itemDetails .messages a.thread { display: block !important; } #itemDetails .messages .noMessages { text-align: center; background-color: #FFFFFF; height: 35px; line-height: 35px; } #itemDetails.owner { } #itemDetails .top .ownerButtons { background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 3px; float: left; } #itemDetails .top .ownerButtons img { vertical-align: top; } #itemDetails .top .ownerButtons .divider { height: 19px; margin: 5px 0px; } #itemDetails .top .ownerButtons .itemOption { color: #0098D3; position: relative; float: left; width: 60px; height: 30px; line-height: 30px; cursor: pointer; } #itemDetails .top .ownerButtons .itemOption:hover { color: #ff6600; } #itemDetails .top .ownerButtons .itemOption.edit { width: 50px; } #itemDetails .top .ownerButtons .itemOption.itemMessages { width: 50px; } #itemDetails .top .ownerButtons .itemOption.repost .button { line-height: normal; min-height: 0; width: 54px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -27px;} #itemDetails .top .ownerButtons .itemOption.stats .count { font-size: 12px; float: right; margin-right: 30px; max-width: 30px; height: 30px; overflow: hidden; } #itemDetails .top .ownerButtons .itemOption .imageHolder { width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } #itemDetails .top .ownerButtons .itemOption.stats .imageHolder { left: auto; margin-left: 0px; right: 8px; } #itemDetails .top .ownerButtons .itemOption.delete .imageHolder { margin-left: 0px; left: 13px; } #itemDetails .top .ownerButtons .itemOption.sold .imageHolder { background-color: #CC0000; width: 47px; height: 16px; margin-left: -23px; } #itemDetails .top .ownerButtons .itemOption.sold:hover .imageHolder { background-color: #0098D3; } #itemDetails .top .ownerButtons .itemOption.notSold .imageHolder { background-color: #e7e7e7; width: 47px; height: 16px; margin-left: -23px; } #itemDetails .top .ownerButtons .itemOption.notSold:hover .imageHolder { background-color: #0098D3; } #itemDetails .top .subTitle { line-height: 18px; margin-bottom: 5px; } #itemDetails .top .subTitle .price { font-weight: bold; font-size: 18px; margin-right: 3px; } #itemDetails .top #ajaxMessage { font-weight: bold; margin: .5em 0em; height: 1.9em; line-height: 1.9em; } #itemDetails #itemImageHolder { margin-top: .5em; } #itemDetails #itemImageHolder #sideImages { width: 80px; float: left; margin-top: 1px; } #itemDetails #itemImageHolder .rotateOverlayContainer { position: relative; overflow: hidden; text-align: center; background-color: #FFFFFF; border: 1px solid #E7E7E7; } #itemDetails #itemImageHolder .rotateOverlayContainer.mobileDisplay { display: none; } #itemDetails #itemImageHolder .rotateOverlayContainer.mobileDisplay .image { position: static !important; } #itemDetails #itemImageHolder .rotateOverlayContainer .image { max-width: 542px; max-height: 542px; vertical-align: top; } #itemDetails #itemImageHolder .rotateOverlayContainer:only-child .image { max-width: 622px; max-height: 622px; } #itemDetails #itemImageHolder .rotateOverlayContainer.thumbnail { width: 80px; height: 80px; margin-bottom: 1px; text-align: left; border: none; } #itemDetails #itemImageHolder .rotateOverlayContainer.thumbnail:last-child { margin-bottom: 0px; } #itemDetails #itemImageHolder .rotateOverlayContainer.thumbnail .image { cursor: pointer; min-width: 80px; min-height: 80px; position: relative; } #itemDetails #itemImageHolder .rotateOverlayContainer.thumbnail .image.selected { opacity: .8; } #itemDetails #itemImageHolder .rotateOverlayContainer:only-child { background-color: #FFFFFF; text-align: center; border: 1px solid #e7e7e7; } #itemDetails #itemImageHolder .rotateOverlayContainer .header { background-color: #000000; opacity: .2; filter: alpha(opacity = 20); position: absolute; top: 0px; left: 0px; height: 30px; line-height: 27px; width: 100%; text-align: center; } #itemDetails #itemImageHolder .rotateOverlayContainer .leftImg { position: absolute; top: 0px; right: 0px; cursor: pointer; padding: 7px; width: 16px; height: 16px; } #itemDetails #itemImageHolder .rotateOverlayContainer .rightImg { position: absolute; top: 0px; left: 0px; cursor: pointer; padding: 7px; width: 16px; height: 16px; } #itemDetails #itemImageHolder.collage { border: 1px solid #EFEFEF; } #itemDetails #itemImageHolder.collage #desktop { position: relative; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer { text-align: left; border: none; cursor: pointer; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer .image { max-width: 580px; max-height: 580px; position: absolute; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer.selected .image { margin-top: 0px !important; margin-left: 0px !important; top: auto !important; left: auto !important; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer .header { display: none; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer .leftImg { display: none; } #itemDetails #itemImageHolder.collage .rotateOverlayContainer .rightImg { display: none; } #itemDetails #itemImageHolder.collage.two .rotateOverlayContainer { width: 310px; position: absolute; top: 0px; } #itemDetails #itemImageHolder.collage.two .rotateOverlayContainer.one { left: 0px; } #itemDetails #itemImageHolder.collage.two .rotateOverlayContainer.two { right: 0px; } #itemDetails #itemImageHolder.collage.two .rotateOverlayContainer.two.selected .image { right: 0px !important; } #itemDetails #itemImageHolder.collage.two .rotateOverlayContainer.one.selected .image { left: 0px !important; } #itemDetails #gallery { } #itemDetails #gallery .desktop { display: block; } #itemDetails #gallery .mobile { display: none; } #itemDetails #gallery .main { } #itemDetails #gallery .side { display: none; } #itemDetails #gallery .side .thumbnail { cursor: pointer; height: 80px; width: 80px; margin-bottom: 2px; position: relative; overflow: hidden; } #itemDetails #gallery .side .thumbnail.selected { outline: 2px solid #FFCC00; } #itemDetails #gallery .side .thumbnail img { position: absolute; } #itemDetails #gallery .main iframe { display: none; width: 100%; height: 300px; } #itemDetails #gallery .main .image { display: none; text-align: center; } #itemDetails #gallery .main iframe.selected { display: block; } #itemDetails #gallery .main .image.selected { display: block; } #itemDetails #gallery .main .image .pic { vertical-align: top; } #itemDetails #gallery.thumbnails .main { float: left; margin-left: 2px; width: 542px; } #itemDetails #gallery.thumbnails .main .image .pic { max-width: 542px; max-height: 542px; } #itemDetails #gallery.thumbnails .side { float: left; display: block; min-height: 100px; width: 80px; } #itemDetails #gallery.full .main { } #itemDetails #gallery.full .main .image .pic { max-width: 624px; max-height: 624px; } #itemDetails .bottom { margin: -1px 0px 7px 0px; position: relative; border-bottom: 1px solid #E4E4E4; padding-bottom: 45px; } #itemDetails .bottom #myAvailableBlock { font-family: Georgia, Times, Serif; font-size: 16px; } #itemDetails .bottom table { margin-bottom: 10px; } #itemDetails .bottom table#specifics td { font-size: 12px; font-family: Georgia, Times, Serif; } #itemDetails .bottom table.specifics td.name { padding: 3px; text-align: right; font-size: 16px; } #itemDetails .bottom .messaging { display: none; } #itemDetails .bottom .category { font-size: 16px; margin-bottom: 10px; font-family: Georgia, Times, Serif; } #itemDetails .bottom p#description { margin: 10px 0px; width: 624px; word-wrap: break-word; } #itemDetails .bottom .distance { font-size: 16px; font-family: Georgia, Times, Serif; } #itemDetails .bottom #distanceCalc .title { font-size: 16px; color: #0098D3; cursor: pointer; margin: 10px 0px; } #itemDetails .bottom #distanceCalc .title:hover { color: #ff6600; } #itemDetails .bottom #distanceCalc .form { display: none; margin-bottom: 10px; } #itemDetails .moreFromTitle { text-transform: uppercase; display: block; float: left; max-width: 306px; height: 16px; overflow: hidden; margin-left: 3px; } #itemDetails .desktopMoreFrom { text-transform: uppercase; display: block; float: right; margin-right: 214px; } html.ie7 #itemDetails .moreFromUser { margin-left: -75px; } #itemDetails .closeItemDetails { display: none; } #itemDetails #sellerProfile .messageButton { display: none; } #itemDetails #sellerProfile #myAvailableBlock { display: none; } #itemDetails .itemListGallery { max-width: 624px; margin-bottom: 35px; } #itemDetails .centeredContainer { position: relative; max-width: 624px; } #itemDetails .navigationNumbers2 { position: static; width: auto; } #itemDetails .navigationNumbers2 .next.button.green { float: none; width: auto; } #itemDetails .itemListGallery .navigationNumbers2 { position: absolute; width: 312px; } #itemDetails .table { max-width: 624px; } #itemDetails .table #profileHolder { margin-bottom: 10px; } #itemDetails .table #profileHolder #sellerProfile { min-height: 0px; } #itemDetails .table .row .column.time { display: none; } #itemDetails .table .row .column.price { display: none; } #itemDetails .table .row .column.info { float: none; width: auto; } #itemDetails .table.compact .row .column.info { margin-left: 32px; } #itemDetails .table.preview .row .column.info { margin-left: 68px; } .itemDetailsOverLay { display: none; background-color: #FFFFFF; position: absolute; top: 20px; left: 50%; margin-left: -316px; width: 624px; border-radius: 3px; padding: 4px; } .itemDetailsCover { display: none; } .itemDetailsOverLay #itemDetails.owner { padding-top: 25px; } .itemDetailsOverLay #itemDetails .closeItemDetails { background-color: #FFFFFF; color: #0098D3; display: block; padding: 0px 5px; height: 30px; line-height: 30px; position: absolute; top: 0px; right: 0px; cursor: pointer; font-size: 12px; border: 1px solid #E7E7E7; border-radius: 3px; } .itemDetailsOverLay #itemDetails .closeItemDetails:hover { color: #222A25; } .itemDetailsOverLay #itemDetails .top .soldSash { top: -15px; left: -14px; } .itemDetailsOverLay #itemDetails .breadcrumbs { display: none; } .itemDetailsOverLay #itemDetails h1 { margin-right: 50px; } .itemDetailsOverLay #itemDetails #distanceCalc { display: none; } .itemDetailsOverLay #itemDetails .moreFromUser { margin-bottom: 15px; } .newitem #itemDetails .messaging { display: none; } .newitem #itemDetails .itemOptions { display: none; } .newitem #itemDetails .breadcrumbs { display: none; } #notifysellerform .anonymous { display: none; } #itemDetails .form .placeholder { top: 13px; left: 5px; } #itemDetails .form textarea { width: 300px; height: 125px; padding: 13px 5px; } #itemDetails #item_video iframe { width: 100%; height: 150px; } /* LOG IN */ #accountLogIn { width: 312px; margin: 0px auto; } #accountLogIn .oauth { float: none; } #accountLogIn #google_login { margin-bottom: 10px; } .logInForm { width: auto; } .logInForm img { float: right; } .logInForm a { display: block; color: #0098d3; margin: .5em; } .logInForm a:hover { color: #ff6600; } .logInForm #logInClick { display: none; } .logInForm .bottomCurve { border-bottom: 1px solid #e7e7e7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .logInForm #resetPassword { display: none; } .logInForm p { margin: 0em .5em .5em .5em; } #joinBookoo { margin-top: 1em; } #joinBookoo .elementTitle { color: #777; } #joinBookoo .button { width: 294px; } #joinBookoo a { font-weight: bold; color: #0098d3; } #joinBookoo a:hover { color: #ff6600; } .divLink { color: #0098d3; padding: .5em; cursor: pointer; } .divLink:hover { color: #ff6600; } /* JOIN BOOKOO */ .oauth { position: relative; } .oauth .media_icon { position: absolute; top: 0px; left: 50px; } .oauth .text { text-align: center; } #facebook_login { } #google_login { } #google_login .media_icon { top: 5px; } .createAccount { max-width: 312px; margin: 0px auto; } .createAccount .oauth { float: none; } .createAccount #google_login { margin-bottom: 10px; } .createAccount h1 { font-size: 30px; } .createAccount .form a { color: #0098d3; } .createAccount .form .formSection { position: relative; float:none;} .createAccount .form .status.medium { display: none; } .createAccount .form .check.medium { position: absolute; top: 1px; right: -2px; display: block; } .createAccount .form .x.medium { position: absolute; top: 8px; right: 1px; display: block; } .createAccount .form .checkBox { border: 1px solid #E7E7E7; border-radius: 50px; width: 17px; height: 17px; position: absolute; top: 10px; right: 7px; } .createAccount .form a:hover { color: #333; } .createAccount .form .form input { width: 195px; } .createAccount .form #submitbutton { margin: .5em; width: 19em; } .createAccount .form .last { padding-top: .6em; text-align: center; line-height: 1.3em; } .createAccount .form #locationPrivacy { margin: 10px 0px 10px 19px; } .createAccount .form #locationPrivacy .morePrivacy { top: -7px; right: 0px; } .createAccount .form #locationPrivacy .privacy { left: 298px; top: -25px; } .createAccount .form input[type=text], .createAccount .form input[type=password], .createAccount .form input[type=email] { width: 196px; padding-right: 28px; } .createAccount .success { display: none; } .createAccount .success .link { color: #0098D3; cursor: pointer; } .createAccount .success .link:hover { color: #FF6600; } .createAccount .success .section { margin-bottom: 10px; } .createAccount .success .section ol { margin-left: 20px; } .createAccount .success .section ol li { list-style: decimal; margin-bottom: 5px; } .createAccount .success .howToFilter { display: none; } /* NEW ITEM EXPERIMENT */ .postingItem.centeredContainer { width: 624px; margin: 0px auto; } .postingItem .form { background-color: transparent; width: 602px; padding: 10px; } .postingItem .form .inputHolder .placeholder { color: #ADADAD; } .postingItem .inputHolder { float: none; background-color: #FFFFFF; border: 1px solid #E7E7E7; padding: 0px 5px; margin-bottom: 10px; } .postingItem .inputHolder.title { font-size: 32px; font-family: "Domine", Georgia, Times, Serif; } .postingItem .inputHolder.price { font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 120px; } .postingItem .inputHolder.description { font-size: 16px; font-family: Georgia, Times, Serif; line-height: 20px; padding: 0px; margin-bottom: 0px; } .postingItem .inputHolder .placeholder { top: 4px; left: 7px; } .postingItem .inputHolder.title .placeholder { line-height: 32px; } .postingItem .inputHolder.price .placeholder { line-height: 18px; } .postingItem .inputHolder.description .placeholder { line-height: 16px; top: 13px; left: 5px; } .postingItem input[type=text] { background-color: rgba(0, 0, 0, 0); border: none; outline: none; padding: 0px; float: none; display: block; padding: 4px 0px; width: 100%; } .postingItem input[name=title] { height: 32px; line-height: 32px; } .postingItem input[name=price] { font-weight: bold; height: 18px; line-height: 18px; } .postingItem textarea[name=description] { float: none; border: none; word-wrap: break-word; padding: 4px 0px; width: 592px; padding: 13px 5px; outline: none; font-family: Georgia, Times, Serif; font-size: 16px; } .postingItem #itemImageHolder { position: absolute; top: 144px; left: 12px; } .postingItem #itemImageHolder .itemImage { height: 96px; width: 116px; float: left; position: relative; background-color: #FFF; border: 2px dashed #E7E7E7; cursor: pointer; overflow: hidden; } .postingItem #itemImageHolder .itemImage .camera { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .postingItem #itemImageHolder .itemImage .plus { font-size: 32px; position: absolute; top: 50%; left: 50%; margin-top: -37px; margin-left: 15px; color: #1fc82f; } .postingItem #itemImageHolder .itemImage input[type=file] { width: 212px; height: 100px; opacity: 0.0; cursor: pointer; position: relative; left: -94px; top: -2px; } .postingItem .form .submit.full { float: none; margin: 10px 0px 0px 0px; width: 100%; } .postingItem .option,.postingItem .location { border: 1px solid #E7E7E7; background-color: #FFFFFF; height: 40px; line-height: 40px; float: left; } .postingItem .button.close { width: 148px; margin: 10px 3px; text-align: center; cursor: pointer; } .postingItem .button.last { margin: 10px 0px 10px 3px; } .postingItem .location { width: 288px; margin: 10px 3px 10px 0px; position: relative; } .postingItem .location .address { margin: 0px 60px 0px 5px; overflow: hidden; } .postingItem .location .changeAddress { position: absolute; top: 0px; right: 5px; color: #0098D3; } .postingItem .location .changeAddress:hover { color: #FF6600; } /* NEW/EDIT ITEM */ #item_completed { max-width: 624px; min-height: 200px; margin: 0px auto; } #item_completed .shareTitle { font-size: 12px; font-style: italic; margin: 10px 0px; } #item_completed .breadcrumbs { display: none; } .newitem #postItemPremiereMessage { border: 2px solid black; padding: 1em; width:400px; margin: 0em auto 2em auto; border-radius: 3px; } .newitem #postItemPremiereMessage h2 { text-align: center; } .newitem #postItemPremiereMessage img { padding-left: .5em; } .newitem #postItemPremiereMessage #signUpButton { margin: 1em auto 0em auto; width: 20em; float: none; display: block; } #select_category { width: 900px; margin: 0px auto; } #select_category #easyWaysContainer { margin: .5em 0em 0em 1em; float:left; } #select_category #easyWaysContainer p { text-align: center; } #select_category #easyWaysContainer #easyWaysText { float: left; line-height: 4em; height: 4em; } #select_category #easyWaysContainer .option { border: 1px solid #e7e7e7; border-radius: 3px; margin: 0em .5em 0em 0em; padding: 1em .5em; float:left; } #select_category .toggle.additional { display: none; } #select_category .categorySelection { width: 925px; margin-left: auto; margin-right: auto; } #select_category #newItemsContainer { height: 535px; position: relative; } #select_category #suggestCategory { width: auto; float: left; padding: 1px; margin-bottom: 10px; border: 1px solid #e7e7e7; } #select_category #suggestCategory.focus { border: 2px solid #FFCC00; padding: 0px; } #select_category #suggestCategory .inputHolder { margin: 0px 5px; } #select_category #suggestCategory .inputHolder input { width: 567px; } #select_category #suggestCategory .green.button { float: left; font-weight: bold; width: 140px; border-radius: 0px 3px 3px 0px; min-height: 41px; line-height: 41px; padding: 0px; } #select_category .suggestionsHolder { margin-bottom: 15px; } #select_category .suggestionsHolder a { animation: appear .5s; -webkit-animation: appear .5s; -moz-animation: appear .5s; } #select_category .suggestionsHolder .title { float: left; position: relative; display: none; } #select_category .suggestionsHolder .questionBubble { float: left; cursor: pointer; } #select_category .suggestionsHolder .suggestionTip { right: -317px; top: -27px; } #select_category .allCategories { display: none; font-weight: bold; margin-top: 10px; } #select_category .allCategories.show { display: block; } #select_category .categoryColumn { width: 180px; position: absolute; } #select_category #categoryCol1 { top: 0px; left: 0px; } #select_category #categoryCol2 { top: 0px; left: 180px; } #select_category #categoryCol3 { top: 0px; left: 360px; } #select_category #categoryCol4 { top: 0px; left: 540px; } #select_category #categoryCol5 { top: 0px; left: 720px; padding-left: 15px; border-left: 1px solid #EBEAE8; width: 192px; } #select_category #categoryCol5 img { margin-left: -15px; } #select_category .categoryColumn.categoryGroup { position: relative; top: auto; left: auto; float: left; } #select_category .categoryColumn .category { height: 22px; line-height: 22px; } #select_category .categoryColumn a { display: block; } #select_category .categoryColumn a.subCat { color: #0098d3; padding-left: 6px; } #select_category .categoryColumn a.subCat:hover { color: #ff6600; } #select_category .categoryColumn a.mainCat,.newitem .categoryColumn div.mainCat { color: #0098d3; font-weight: bold; } #select_category .categoryColumn a.mainCat:hover { color: #ff6600; } #select_category .categoryColumn a.bigCat { font-weight: bold; color: #FF6600; text-transform: uppercase; } #select_category .categoryColumn a.bigCat:hover { color: #0098d3; } #select_category .categoryColumn .marginTop { margin-top: 1em; } #select_category .categoryColumn .marginBottom { margin-bottom: 1em; } #select_category .categoryColumn #yardSales { margin: 1em 0em 0em 0em; padding: 1em 0em 0em 0em; border-top: 1px solid #ebeae8; } #select_category .categoryColumn #yardSalesCat { margin: 0em 0em 1em 0em; padding: 0em 0em 1em 6px; border-bottom: 1px solid #ebeae8; } #select_category .categoryColumn #theElse { margin: 1em 0em; padding: 1em 0em; border-top: 1px solid #ebeae8; } #select_category .mobileCarrot { display: none; float: right; font-weight: bold; padding-right: 12px; } #select_category .categoryColumn #sellingQuips { margin-top: 20px; text-align: center; font-size: 16px; font-family: "Domine", Georgia, Times, Serif; } #select_category #item_categories { display: block; padding: 0px; margin: 20px 0px; } #select_category #item_categories h1 { display: none; } .suggestions .category { color: #0098D3; margin-bottom: 5px; position: relative; display: block; } .suggestions .category .mobile { display: none; position: absolute; top: 0px; right: 15px; font-weight: bold; } .suggestions .category.highlight { color: #FF6600; } .suggestions .category.unpostable { pointer-events: none; cursor: auto; } .suggestions .category.unpostable:hover { color: #0098D3; } .suggestions .category.postable { cursor: pointer; } .suggestions .category.postable:hover { color: #FF6600; } .suggestions .category.highlight:hover { color: #0098D3; } .suggestions .category.level1 { font-weight: bold; } .suggestions .category.level2 { padding-left: 10px; } #item_header { max-width: 624px; border-bottom: 1px solid #E7E7E7; padding-bottom: 20px; margin-bottom: 20px; } #item_header.done .buttons { margin-top: 6px; } #item_header.done .button { width: 152px; margin-right: 10px; } #item_header.done .button.last { margin-right: 0px; } #item_header.pending ul { list-style: disc; margin-left: 17px; } #item_header.pending .payment .option { float: left; margin: 15px 10px 15px 0px; } #item_header.pending .payment .option.disabled { pointer-events: none; opacity: 0.6; cursor: auto; } #item_header.pending .payment .option#pay_with_credits { margin: 15px 0px; } #item_header.pending .payment #pay_with_credits .confirm { display: none; } #item_header.pending .payment #pay_with_credits.confirm .text { display: none; } #item_header.pending .payment #pay_with_credits.confirm .confirm { display: block; } #item_header.pending .payment .option .button.green, #item_header.pending .payment .option button { float: none; margin: 0px; } #item_header.pending .payment .option .button.green, #item_header.pending .payment .option button, #item_header.pending .payment .option#pay_with_credits { width: 200px; height: 32px; line-height: 32px; padding: 0px; } #item_header.pending .payment_complete { margin-bottom: 10px; border: 1px solid #FF6600; color: #FF6600; background-color: #FFFFFF; text-align: center; padding: 10px; } #item_header.pending #notEnough { float: left; margin: 1.4em 5px 1em 0px; text-align: center; width: 245px; } #item_header.confirmed { } .editItem { max-width: 624px; } .editItem .item_toolbelt .title { display: none; } /* T-SHIRTS */ #tshirtContainer { padding-bottom: 2em; margin: 1em auto 0em auto; border-bottom: 1px solid #EEEEEE; width: 650px; } #tshirtContainer h2 { font-family: "Domine", Georgia, Times, Serif; } #tshirtContainer #leftHalf { float: left; width: 305px; text-align: center; margin-right: 10px; } #tshirtContainer #rightHalf { float: left; width: 305px; } #tshirtContainer select { margin-top: 11px; border: 1px solid #EEEEEE; width: 200px; } #tshirtContainer #submit { width: 195px; margin: .5em 5px 0px 0px; min-height: 44px; line-height: 44px; } #tshirtContainer #cancel { width: 100px; border: 1px solid #e7e7e7; color: #0098D3; margin-top: .5em; background-color: #FFFFFF; } /* SELLER PROFILE */ #profileHolder { float: left; margin: 0px 3px; } #profileHolder .mobileMoreFrom { text-transform: uppercase; display: block; margin: 5px 0px; display: none; } #sellerProfile { min-height: 483px; border: 1px #e7e7e7 dotted; background-color: #FFFFFF; border-radius: 3px; padding: 0px 7px 5px 7px; width: 290px; } #sellerProfile .top { margin-left: -7px; width: 310px; } #sellerProfile .top .picHolder { float: left; width: 150px; height: 150px; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; } #sellerProfile .top .picHolder:hover img { -webkit-filter: brightness(97%); } #sellerProfile .top .profileInfo { width: 154px; height: 150px; float: left; } #sellerProfile .top .personal { height: 48px; line-height: 24px; padding-left: 5px; margin-bottom: 74px; } #sellerProfile .top .personal.credits { margin-bottom: 48px; } #sellerProfile .top .personal.responsive { margin-bottom: 37px; } #sellerProfile .top .personal.credits.responsive { margin-bottom: 10px; } #sellerProfile .top .personal .location { height: 24px; overflow: hidden; font-size: 10px; } #sellerProfile .top .personal .followers { height: 24ppx; overflow: hidden; } #sellerProfile .top .profileOptions { } #sellerProfile .top .profileOptions .option { display: block; position: relative; padding: 5px 0px 5px 25px; border: 1px solid #ECECEC; border-width: 0px 0px 1px 0px; cursor: pointer; color: #0098D3; } #sellerProfile .top .profileOptions .option .trashIcon { position: absolute; top: 50%; margin-top: -8px; left: 5px; } #sellerProfile .top .profileOptions .option .sprite { position: absolute; top: 50%; margin-top: -8px; left: 5px; } #sellerProfile .top .profileOptions .option:hover { color: #222A25; } #sellerProfile .top .profileOptions .option.response { color: #222A25; cursor: auto; font-size: 10px; } #sellerProfile .top .profileOptions a.option.response { color: #0098D3; } #sellerProfile .top .profileOptions a.option.response:hover { color: #222A25; } #sellerProfile .top .profileOptions .option:first-child { border-width: 1px 0px; } #sellerProfile .top .profileOptions .option.favoriteHolder { border-radius: 3px; color: #0098D3; border: 1px solid #0098D3; } #sellerProfile .top .profileOptions .option.favoriteHolder:hover { color: #FFCC00; border-color: #FFCC00; } #sellerProfile .top .profileOptions .option.favoriteHolder.active { color: #FFCC00; border-color: #FFCC00; } #sellerProfile .top .profileOptions .option.favoriteHolder.active:hover { color: #0098D3; border-color: #0098D3; } #sellerProfile .messaging.anonymous { margin-left: -7px; width: 284px; border-width: 0px 0px 1px 0px; } #sellerProfile .messaging .messageButton { float: none; margin-top: 5px; } #sellerProfile .greenContents { width: auto; margin: 0px auto; } #sellerProfile .bottom { line-height: 16px; border-bottom: none; padding-bottom: 0px; min-height: 241px; } #itemDetails #sellerProfile .bottom { min-height: 289px; } #sellerProfile .makeProfile { float: none; margin: 10px 0px; } #sellerProfile .bottom .sellsMostly { margin: 7px 0px; } #sellerProfile .bottom .categoryProgress { position: relative; font-size: 12px; border-radius: 3px; margin-bottom: 3px; background-color: #ececec; height: 20px; overflow: hidden; } #sellerProfile .bottom .categoryProgress .name { position: absolute; top: 0px; left: 4px; height: 20px; line-height: 20px; width: 285px; font-weight: bold; } #sellerProfile .bottom .categoryProgress .amount { height: 20px; border: 1px solid #e6b204; border-width: 0px 1px 0px 0px; } #sellerProfile .bottom .textHolder { width: 293px; height: 129px; position: relative; padding: 5px 8px; margin-left: -8px; } #sellerProfile .bottom .textHolder textarea { resize: none; width: 293px; height: 98px; border: none; outline: none; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; } #sellerProfile .bottom .textHolder .button { position: absolute; bottom: 5px; right: 13px; height: 25px; line-height: 25px; width: 45px; } #sellerProfile .bottom .history { margin-bottom: 18px; line-height: 18px; } #sellerProfile .blockListings { position: relative; } #sellerProfile .blockListings .button.hideListings { float: none; font-size: 12px; height: 20px; line-height: 20px; font-weight: normal; border: none; color: #C4C4C4; } #sellerProfile .blockListings .helpHolder { position: absolute; top: -6px; right: 0px; cursor: pointer; } #sellerProfile .blockListings #explainBlockListings { line-height: 18px; top: -44px; left: 298px; } #sellerProfile .blockListings form.reasons { display: none; margin-left: -7px; border-width: 1px 0px 0px 0px; border-radius: 0px; width: 304px; border-color: #E7E7E7; padding: 10px 0px; } #sellerProfile .blockListings form.reasons label { width: 60px; } #sellerProfile .blockListings form.reasons label.why { height: 23px; line-height: 23px; } #sellerProfile .blockListings form.reasons label.reason { height: 43px; line-height: 43px; } #sellerProfile .blockListings form.reasons .radioHolder { margin-left: 80px; height: 25px; line-height: 25px; padding-left: 23px; position: relative; } #sellerProfile .blockListings form.reasons .radioHolder input[type=radio] { position: absolute; top: 6px; left: 0px; } #sellerProfile .blockListings form.reasons .explainMore { display: none; } #sellerProfile .blockListings form.reasons .explainMore textarea { width: 209px; height: 60px; min-height: 60px; } #sellerProfile .blockListings form.reasons .submit, .form .submit { width: 192px; } #sellerProfile .description { margin-bottom: 18px; line-height: 18px; } #sellerProfile .messaging .form { width: 306px; margin: 0px 0px 0px -9px; border-width: 0px; } #sellerProfile .messaging .form .placeholder { top: 13px; left: 5px; } #sellerProfile .messaging input { width: 190px; } #sellerProfile .messaging textarea { padding: 13px 5px; width: 296px; } #sellerProfile .messaging .textAreaHolder { left: 10px; top: 10px; } #sellerProfile .messaging .submit { width: 189px !important; margin: 10px 5px 10px 10px; } #sellerProfile #myAvailableBlock { margin-bottom: 10px; line-height: 18px; } #sellerProfile #creditsform { display:none; text-align: center; padding: 5px 5px 0px 5px; width: 296px; border-width: 0px; margin: 0px 0px 0px -7px; } #creditsform input { width: 190px; } #creditsform #submitCredits { font-weight: bold; width: 188px !important; margin: 10px 5px 10px 3px; border-bottom: 1px solid #1fc82f; } #creditsform #closeCredits { width: 95px !important; color: #666666; float: left; margin: 9px 0px 10px 0px; border: 1px solid #e7e7e7; height: 40px; line-height: 40px; } #searchProfileItems { float: none; margin-left: 314px; margin-top: 14px; } /* NEWS */ #news { position: relative; border-radius: 3px; padding: 5px; border: 1px solid #e7e7e7; background-color:#ffffff; max-width: 450px; margin: 0px auto 10px auto; } #news .newsx { float:right; font-weight:bold; cursor: pointer; color:#e7e7e7; font-size: 16px; } #news .newsicon { padding: 8px; } #news .views { margin-top: 15px; } #newsPage { max-width: 800px; } #newsPage h2 { margin-top: 15px; } #newsPage .views { margin-top: 15px; } /* SEND ITEM TO FRIEND */ #friendHolder { display: none; padding: 0px 0px 11px 0px; margin: 5px 0px 11px 0px; } #friendHolder #tellAFriend label { width: 82px; } #friendHolder #tellAFriend input { width: 208px; } #friendHolder #tellAFriend input[type=submit] { width: 195px; } #friendHolder #tellAFriend textarea { width: 208px; } #friendHolder #tellAFriend .green { margin-right: 5px; } #friendHolder #tellAFriend .close { margin-left: 0px; } #friendHolder #tellAFriend .last img { margin-left: 95px; } #itemDetails #tellAFriend textarea { padding: 12px 0px 6px 0px; } #itemDetails #tellAFriend .textAreaHolder { left: 0px; } /* WATCHLIST */ #watchListHolder b.emailTitle { display: block; float: right; width: 90px; margin-right: 40px; text-align: center; } #watchListHolder .viewTable { background-color: #FFFFFF; border: 1px solid #E7E7E7; margin-bottom: 10px; overflow: visible; } #watchListHolder .viewTable .itemRow { border-bottom: 1px solid #E7E7E7; position: relative; } #watchListHolder .viewTable .itemRow:last-child { border-bottom: none; padding: 2px; } #watchListHolder .viewTable .itemRow:hover { outline: 2px solid #FFCC00; } #watchListHolder .viewTable .itemRow a { display: block; margin: 0px 150px 0px 5px; height: 38px; line-height: 38px; overflow: hidden; } #watchListHolder .viewTable .itemRow .divider { float: none; height: 28px; position: absolute; top: 6px; right: 40px; } #watchListHolder .viewTable .itemRow .itemOption { width: 40px; height: 38px; cursor: pointer; position: absolute; top: 0px; right: 0px; } #watchListHolder .viewTable .itemRow .itemOption .trashIcon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } #watchListHolder #alerts.form { float: left; margin-top: 0px; } #watchListHolder #alerts.form label { width: 102px; } #watchListHolder #alerts.form input[type=text] { width: 185px; } #watchListHolder #alerts.form select { width: 185px; margin-top: 13px; } #watchListHolder #map_canvas { margin-left: 320px; height: 186px; position: relative; } #watchListHolder #map_canvas .loader { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; height: 80px; width: 80px; } #watchListHolder .insertSearch { margin-top: 20px; } .switch { position: absolute; top: 5px; right: 50px; width: 40px; padding-left: 25px; height: 27px; line-height: 27px; } .switch input { position: absolute; top: 4px; left: 0px; } /* NEW EVENT */ .eventForm { max-width: 624px; } .eventForm h1 { margin-bottom: 5px; } .eventForm .addressInfo { float: left; margin-top: 0px; } .eventForm .mapHolder { float: left; margin-left: 6px; position: relative; } .eventForm .mapHolder #map_canvas { width: 306px; height: 228px; position: relative; } .eventForm .mapHolder #map_canvas .loader { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; height: 80px; width: 80px; } .eventForm .mapHolder .centerMarker { display: none; position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin-left: -12px; margin-top: -29px; z-index: 1000000000; } .eventForm .eventInfo { width: 100%; display: none; } .eventForm .eventInfo input[type=text] { width: 548px; } .eventForm textarea { width: 548px; } .eventForm .form label { width: 66px; } .eventForm .time { width: 208px; position: relative; } .eventForm .time input { width: 130px !important; } .eventForm .time a { display: block; position: absolute; top: 11px; right: -25px; z-index: 250; } .eventForm input[type=submit].full.submit { width: 614px; } .eventForm input[type=date] { height: 40px; } /* ACCOUNT ITEMS */ #accountItems.nonGallery { max-width: 936px; } #accountItems h1 { float: left; } #accountItems img { vertical-align: top; } #accountItems #searchMessage { text-align: center; margin: 0px; min-height: auto; } #accountItems .row { border: 2px solid transparent; padding-bottom: 1px; border-bottom: 1px solid #E7E7E7; } #accountItems .row:last-child { border-bottom: 1px solid transparent; } #accountItems .row:hover { padding-bottom: 0px; border: 2px solid #FFCC00; } #accountItems .row:hover .item .splice { top: 6px; } #accountItems .row:hover .item_toolbelt .splice { margin-top: 6px; } #accountItems .row.deleted_item .item_toolbelt { pointer-events: none; } #accountItems .row.deleted_item .item { opacity: 0.3; pointer-events: none; } #accountItems .row.deleted_item:hover { border: 2px solid transparent; padding-bottom: 1px; border-bottom: 1px solid #E7E7E7; } #accountItems .item { position: relative; float: left; height: 36px; line-height: 36px; width: 625px; } html.ie7 #accountItems .item { width: 468px !important; } #accountItems .item .link { position: relative; padding-left: 56px; display: block; color: #222A25; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #accountItems .item .link .splice { position: absolute; top: 8px; left: 49px; height: 20px; background-color: #E7E7E7; width: 1px; } #accountItems .item .link:hover { color: #0098D3; } #accountItems .item .link .date { color: #C4C4C4; position: absolute; top: 0px; left: 0px; padding: 0px 3px; width: 50px; font-family: monospace; font-size: 12px; } #accountItems .item .link .price { position: absolute; top: 0px; right: 0px; font-weight: bold; font-size: 10px; color: #222A25; background-color: #FFFFFF; padding-left: 15px; padding-right: 5px; } #accountItems .item .repost { cursor: pointer; position: absolute; top: 10px; right: 5px; background-color: #1fc82f; border-radius: 3px; padding: 0px 5px; font-size: 10px; color: #FFFFFF; height: 16px; line-height: 16px; } #accountItems .item.repostable .link { margin-right: 50px; } #accountItems .item_toolbelt .link.stats .text { line-height: 9px; padding-top: 9px; height: 28px; } #accountItems .item_toolbelt { float: left; border: none; border-radius: 0px; margin-bottom: 0px; position: relative; } #accountItems .item_toolbelt .link { width: 84px; height: 36px; line-height: 36px; } #accountItems .item_toolbelt .splice { margin-top: 8px; } #accountItems .item_toolbelt .link.edit,#accountItems .item_toolbelt .link.stats,#accountItems .item_toolbelt .link.archive,#accountItems .item_toolbelt .link.remove { width: 54px; } #accountItems .item_toolbelt .link.view { display: none; } #accountItems .item_toolbelt .archive_msg {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;line-height: 38px;background-color: #FFF;text-align: center; color: #222A25;} #accountItems .item_toolbelt .link.sold.true .true.text .success { margin: 10px auto; } #accountItems .item_toolbelt .correction { position: absolute; top: 0px; left: 94px; background-color: #FFFFFF; margin-right: 50px; } #accountItems .item_toolbelt .correction.removed { } #accountItems .item_toolbelt .correction label { } #accountItems .item_toolbelt .correction .field { margin-top: 0px; float: left; height: 33px; line-height: 33px; } #accountItems .item_toolbelt .correction .field input[type=text] { width: 118px; } #accountItems .item_toolbelt .correction .update { position: absolute; top: 0px; right: -72px; cursor: pointer; color: #0098D3; height: 33px; line-height: 33px; background-color: #F7F7F7; } #accountItems .item_toolbelt .correction .update:hover { color: #FFCC00; } #accountItems #actions { display: none; margin-bottom: 20px; } #accountItems #actions .item { width: 819px; } #accountItems #actions .item .link { margin-right: 100px; } #accountItems #actions .item .action { cursor: pointer; position: absolute; top: 10px; right: 10px; color: #FFFFFF; height: 16px; line-height: 16px; font-size: 10px; border-radius: 3px; width: 83px; text-align: center; } #accountItems #actions .item .action.confirm { background-color: #1fc82f; } #accountItems #actions .item .action.pay { background-color: #FF6600; } #accountItems #myItemsTable { border-radius: 3px 3px 0px 0px; border: 1px solid #E7E7E7; } #accountItems #myActionsTable { border-radius: 3px 3px 0px 0px; border: 1px solid #E7E7E7; } #accountItems .explainMoney ul { margin: 0px 0px 5px 20px; } #accountItems .explainMoney ul li { list-style: disc; line-height: 20px; } #accountItems #noItemsHolder { display: none; } #accountItems #noItemsHolder p { margin-top: 0px; font-family: "Helvetica Neue"; } #accountItems #noItemsHolder .button { width: 308px; margin-top: 1em; } #accountItems #tableTabs .tab { display: none; float: left; width: 61px; height: 35px; line-height: 39px; text-align: center; cursor: pointer; position: relative;} #accountItems #tableTabs .tab .count { position: absolute; top: 2px; right: 2px; background-color: #C4C4C4; color: #FFFFFF; padding: 0px 2px; border-radius: 2px; height: 10px; line-height: 10px; font-size: 10px; } #accountItems #tableTabs .tab:hover { color: #0098D3; } #accountItems #tableTabs .tab.selected { background-color: #FFFFFF; border: 1px solid #EEEEEE; border-width: 1px 1px 0px 1px; margin-bottom: -1px; } #accountItems #tableTabs .tab .innerContent { width: 50px; margin: 0px auto; overflow: hidden; } #accountItems #tableTabs #ACTIVE { width: 62px; } #accountItems #tableTabs #SOLD { width: 62px; } #accountItems #tableTabs #EXPIRING { width: 62px; } #accountItems .explainMoney { margin: 0px 0px 20px 10px; } #accountItems #current #postAnother { font-size: 16px; display: block; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; height: 40px; line-height: 40px; background-color: #FFFFFF; text-align: center; } #accountItems #current #navigationNumbers { display: none; float: left; margin-top: .5em; } #accountItems #current #amountPerPage { float: right; margin-top: .5em; } #accountItems #current #amountPerPage .cell { padding: 9px 10px; } #accountItems #current #amountPerPage .startCell { background-color: initial !important; cursor:auto; } #accountItems #tips { margin-top: 1em; list-style-type: disc; } #accountItems #tips li { margin-left: 16px; } #accountItems .cellHolder { border: 1px solid #E7E7E7; border-radius: 3px; float: left; overflow: hidden; } #accountItems .cellHolder .cell { cursor: pointer; display: block; float: left; background-color:#FAF9F6; border: 1px solid #FAF9F6; border-width: 0px 1px 0px 1px; border-left-color: #E7E7E7; } #accountItems .cellHolder .cell:hover { background-color: #EAE6DC; border-right-color: #EAE6DC; } #accountItems .cellHolder .selectedCell { background-color: #EAE6DC; border-right-color: #EAE6DC; } #accountItems .cellHolder .cell:active { background-color: #E7E7E7; border-right-color: #E7E7E7; } #accountItems .cellHolder .startCell { margin-left: -1px; } #accountItems #help { margin-top: 20px; max-width: 400px; } #accountItems #help .title { margin-bottom: 10px; } #accountItems #help ul li { list-style: disc; margin-left: 17px; } #accountItems #help .question { margin-bottom: 10px; } #accountItems #help .question .answer { display: none; margin-top: 5px; } #accountItems #help .question .answer ul li { list-style: none; margin-left: 10px; margin-bottom: 5px; } /* YSS */ #yss_map { position: relative; } #yss_map .success { padding: 10px; color: #008000; border-top: 1px solid #E7E7E7; } #yss_map #loadingDiv { background-color: white; border: 1px solid #71DA71; border-radius: 10px; z-index: 2000000; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -82px; padding: 10px; display: none; width: 150px; text-align: center; } #yss_map #noEventsDiv, #yss_map #successDiv { background-color: #FF9696; border: 1px solid #E74B4B; border-radius: 10px 10px 0px 0px; border-bottom: none; z-index: 20000010; position: absolute; bottom: 51px; left: 50%; margin-left: -120px; padding: 10px; height: 28px; text-align: center; display: none; width: 220px; } #yss_map #successDiv { background-color: #CDFFC0; border: 1px solid #1DB300; color: #1DB300; height: 46px; bottom: 50px; } #yss_map #mapNavigation { height: 50px; background-color: #5fbc69; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d338f834537ecc60886736.png); background-repeat: repeat-x; border-top:#59b262 solid 1px; } #yss_map #mobileMapCanvas { height: 430px; } #yss_map #yssMessage { background-color: white; position: absolute; top: 50%; left: 50%; width: 150px; margin-left: -75px; text-align: center; border: 1px solid green; display: none; height: 20px; line-height: 20px; margin-top: -10px; } #yss_map #mapNavigation .button { height: 40px; min-height: 40px; line-height: 40px; margin: 5px 0px 5px 5px; padding: 0px 6px; } #yss_map #mapNavigation #viewingDate { text-align: center; padding-right: 5px; height: 50px; color: #FFFFFF; float: right; width: 164px; border-left: 1px solid #5FBC69; } #yss_map #mapNavigation #viewingDate .button { padding: 0px; float: right; } #yss_map #mapNavigation #viewingDate .button img { margin-top: 5px; } #yss_map .hidden { display: none; position: absolute; top: 10px; z-index: 10000000; right: 50%; } #yss_map #selectedDate { float: right; padding: 8px 5px 5px 5px; line-height: 17px; width: 80px; } #yss_map #postEvent { margin: 5px; text-align: right; } #yss_map #backDate { margin-left: 0px; } #yss_map #newEvent { margin-right: -154px; min-height: 378px; width: 288px; border-radius: 3px; border: 1px solid #222A25; background-color: #FFFFFF; box-shadow: 0px 0px 12px rgba(34, 42, 46, 0.6); } #yss_map #newEvent .section.top { padding: 10px 10px 0px 10px; } #yss_map #newEvent .section.bottom { padding: 0px 10px 10px 10px; } #yss_map #newEvent .green { width: 200px; } #yss_map #newEvent .close { width: 60px; margin: 0px 0px 0px 6px; height: 40px; line-height: 40px; color: #666666; float: left; border: 1px solid #e7e7e7; } #yss_map #newEvent h2 { font-family: "Domine", Georgia, Times, Serif; } #yss_map #newEvent #selectedDays { margin-bottom: 15px; border: 1px solid #C7C7C7; overflow: hidden; border-width: 0px 1px; } #yss_map #newEvent #selectedDays .selectedDay { background-color: #F9F9F9; text-align: center; cursor: pointer; line-height: 36px; width: 38px; float: left; border: 1px solid #C7C7C7; margin-left: -1px; border-width: 1px 0px 1px 1px; } #yss_map #newEvent #selectedDays .selectedDay.selected { box-shadow: inset 0px 0px 8px 1px #A5A1A1; background-color: #e7e7e7; } #yss_map #newEvent #centerMarker { position: absolute; top: 85px; left: 141px; z-index: 2000000; } #yss_map #newEvent #uploadButton { float: none; margin: 15px 0px; width: 286px; padding: 0px; color: #0098D3; border: 1px solid #EEEEEE; min-height: 45px; line-height: 45px; position: relative; } #yss_map #newEvent #picture1.fancy { opacity: 0; position: absolute; top: 00px; left: -85px; width: 372px; height: 45px; cursor: pointer; text-align: center; } #yss_map #newEvent .section.picture { padding: 10px 10px 0px 10px; } #yss_map #newEvent #picture1.old { margin: 10px 0px; } #yss_map #newEvent .preview_picture { margin: 5px 0px; text-align: center; } #yss_map #newEvent .preview_picture img { max-width: 100%; } #yss_map #newEvent .postEventStep { text-align: center; margin: 5px 0px; font-style: italic; font-size: 12px; } #yss_map #newEvent .map_holder { position: relative; } #yss_map #newEvent .map_holder .event_marker { width: 32px; height: 32px; position: absolute; top: 50px; left: 127px; z-index: 2000000000; } #yss_map #newEvent .map_holder #eventMapCanvas { margin: 0; padding: 0; height: 157px; width: 100%; } #yss_map #newEvent b { display: block; margin: 5px 0px; } #yss_map .toolTip { display: none; z-index: 100000000; position: absolute; bottom: 57px; left: 55px; } #yss_map .toolTip .pointer { position: absolute; bottom: -15px; left: 26px; } #yss_map .toolTip .contents { background-color: #FFFFFF; border-radius: 3px; border: 1px solid #e7e7e7; padding: 10px 0px 10px 10px; width: 210px; } #yss_map .toolTip .contents .xClose { float: right; cursor: pointer; font-size: 16px; padding: 0px 8px 3px 3px; margin: 0px 0px 3px 3px; color: #C4C4C4; height: 24px; } #yss_map #accountLogIn { border: 1px solid #222A25; background-color: #FFFFFF; box-shadow: 0px 0px 12px rgba(34, 42, 46, 0.6); border-radius: 3px; z-index: 2000000; position: absolute; top: 20px; left: 50%; padding: 10px; display: none; width: 298px; margin: 0px 0px 0px -158px; } #yss_map #accountLogIn .reason { color: #FF6600; font-weight: bold; margin-bottom: 10px; } #yss_map #accountLogIn .closeX { position: absolute; top: 10px; right: 10px; font-size: 18px; color: #C7C7C7; cursor: pointer; line-height: 25px; width: 25px; text-align: center; } #yss_map #accountLogIn .form { border: none; } #yss_map #accountLogIn .form .formSection { border: none; } #yss_map #accountLogIn .logInForm .bottomCurve { border: none; } #yss_map #accountLogIn .logInForm .submit { width: 100%; margin: 10px 0px; } #yss_map #accountLogIn .form input[type=password], #yss_map #accountLogIn .form input[type=email] { width: 213px; } #yss_map #eventInfo { padding: 10px; display: none; position: absolute; top: 20px; z-index: 10000000; left: 50%; margin-left: -312px; width: 602px; border-radius: 3px; border: 1px solid #222A25; background-color: #FFFFFF; box-shadow: 0px 0px 12px rgba(34, 42, 46, 0.6); } #yss_map #eventInfo .attribute { position: relative; margin: 10px 0px; } #yss_map #eventInfo .attribute b { position: absolute; top: 0px; left: 0px; } #yss_map #eventInfo .attribute .value { margin-left: 60px; } #yss_map #eventInfo #checkInSuccess { display: none; } #yss_map #eventInfo #checkInFail { color: red; padding-top: 10px; padding-left: 10px; display: none; } #yss_map #eventInfo h2 { font-family: "Domine", Georgia, Times, Serif; border-bottom: 1px solid #EEEEEE; padding-bottom: 5px; margin-bottom: 5px; margin-right: 30px; } #yss_map #eventInfo .closeX { position: absolute; top: 10px; right: 5px; width: 25px; line-height: 25px; text-align: center; color: #C7C7C7; font-size: 18px; cursor: pointer; } #yss_map #eventInfo .whenWhere { float: left; width: 135px; margin: 8px 0px; } #yss_map #eventInfo .buttons { width: 290px; margin: 0px auto; } #yss_map #eventInfo .buttons .close { background-color: #E7E7E7; border: 1px solid #C7C7C7; } #yss_map #eventInfo .buttons.two .green { width: 200px; margin-top: 10px; } #yss_map #eventInfo .buttons.two .close { width: 80px; margin-left: 6px; float: left; } #yss_map #eventInfo .buttons.one .close { float: none; width: auto; } #yss_map #map_lock { display: none; cursor: pointer; width: 65px; height: 30px; background-color: #FFFFFF;position: absolute;bottom: 85px;left: 6px;z-index: 10000000000;border: 2px solid #0098D3; color: #0098D3;line-height: 30px;font-weight: bold;font-size: 12px;text-align: center;} @media screen and (max-width: 641px){ #yss_map #eventInfo { width: 446px; margin-left: -234px; } } @media screen and (max-width: 485px){ #yss_map #eventInfo { width: 290px; margin-left: -156px; } } /* FAQ */ #faqShow { max-width: 780px; margin: 0px auto; } #faqShow .innerContainer { padding: 0px 6px; } #faqShow h1 { margin-bottom: 10px; } #faq { max-width: 780px; margin: 0px auto; } #faq .innerContainer { padding: 0px 6px; } #faq ul.general, #faq ul.siteUse { margin-bottom: 15px; max-width: 500px; margin-left: 20px; } #faq ul.general li, #faq ul.siteUse li { list-style: disc; padding: 3px 0px } #faq ul.general li:hover a, #faq ul.general li:hover a { color: #222A25; } #faq ul.QA { margin-top: 15px; max-width: 900px; } #faq ul.QA li.question { font-weight: bold; margin-bottom: 5px; } #faq ul.QA li.question a { color: #222A25; } #faq ul.QA li.answer { margin: 0px 0px 15px 10px; } #faq ul.QA ol { margin: 5px 0px 0px 20px; } #faq ul.QA ol li { list-style: decimal; } /* CONTACT US */ #contactus { max-width: 624px; } #contactus .sub { font-style: italic; margin-bottom: 10px; } #contactus .inner { padding: 0px 6px; } #contactus p.info { margin-bottom: 10px; max-width: 685px; } #contactus ol { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; margin-bottom: 10px; } #contactus ol li { list-style: decimal; margin-left: 22px; } #contactus ol.top5 { margin-bottom: 20px; } #contactus ol.top5 li { list-style-type: decimal; margin-left: 20px; margin-bottom: 5px; } #contactus ol.top5 .otherproblems { margin-left: 20px; } #contactus ol.top5 b { margin-bottom: 3px; display: block; } #contactus .address { margin-bottom: 10px; font-weight: bold; } #contactus .answer { display: none; } #contactus .formV2 { margin-bottom: 25px; } #contactus .formV2 .success { display: none; width: 300px;margin: 10px auto;text-align: center;border: 1px solid #F60;border-radius: 3px;padding: 10px 0px;font-size: 16px;} #contactus .formV2.disabled .field, #contactus .formV2.disabled input, #contactus .formV2.disabled #message { box-shadow: none; background-color: rgb(235, 235, 228); color: rgb(84, 84, 84); } #contactus .formV2.disabled #message { min-height: 100px; padding: 6px 0px; cursor: default; } #contactus .formV2.disabled .success { display: block; } #contactus .formV2.disabled input[type=submit] { display: none; } #contactus .formV2 .field.name, #contactus .formV2 .field.email { float: left; width: 285px; } #contactus .formV2 .field.name { margin-right: 14px; } #contactus .formV2 input[type=submit] { width: 300px; padding: 0px; margin: 10px auto 0px auto; float: none; } /* PETITION */ #petition .pettitle { font-size:18px; font-weight:bold; } #petition ol { margin: 10px 0px 20px 0px; } #petition ol li { list-style: decimal; margin: 3px 0px 3px 25px; } #petition ul li { list-style: disc; margin: 3px 0px 3px 25px; } #petition .petsub { font-size:10px; color:#888888; padding:5px; } #petition .list { float: left; width: 300px; } #petition #petitionForm { float: left; margin-left: 15px; width: 600px; } #petition .fen { text-align:right; font-weight:normal; padding:5px; height:16px; } #petition .fenote { font-size:10px; color:gray; font-style:normal; } #petition #petmatches { border:1px solid green; background-color:#ccffcc; padding: 3px; display:none; } #petition .form .formNote { line-height: 12px; font-size: 10px; padding-left: 89px; width: 211px; margin-top: 5px; padding-bottom: 5px; padding-right: 6px; } #petition .form .checkHolder { float: left; margin-bottom: 10px; } #petition .form .checkHolder .contents { float: left; word-wrap: break-word; width: 250px; margin-top: 10px; } #petition .form .checkSection { line-height: 16px; } #petition .form input.checkbox { width: 35px; margin: 12px 0px 55px 0px; float: left; } #petition .form #petmatches { float: left; width: 298px; line-height: 16px; } #petition .form #petlog { float: left; width: 306px; } #petition .formTitle { padding:10px 10px 10px 0px; width:350px; } /* SPONSOR */ #sponsor .tth { border:1px solid #ccDDcc; background-color:#AACCAA; font-weight:bold; padding:2px; } #sponsor .ttd { border:1px solid #ccDDcc; background-color:#ccDDcc; padding:2px; } /* DECAL */ #decal { max-width: 624px; } #decal .erroritem { width:100%; width: 320px; background-color:pink; padding:4px; border:2px solid red; } #decal .explain { } #decal .explain .membershipClosed { color: #FF0000; font-size: 16px; margin-bottom: 10px; } #decal .explain .notLoggedIn { text-align: center; margin: 10px 0px; } #decal .explain #buyDecal { float: none; border: none; margin: 10px auto; width: 312px; } #decal .explain ol { width: 312px; margin: 10px auto; } #decal .explain ol li { list-style: decimal; margin-left: 20px; } #decal .explain #uploadDecal { margin: 10px auto; float: none; } #decal .examples { margin-top: 10px; } #decal .exampleDecal { background-image:url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d34a6014537ecc60214358.jpg); background-position: center; height: 263px; background-repeat: no-repeat; } #decal .payDecal { margin: 0px auto 25px auto; width: 70px; } #decal .actualDecal { float: left; padding: 5px 4px 5px 0px; width: 150px; min-height: 160px; } #decal .actualDecal a { overflow: hidden; display: block; } #decal .decalHolder { height: 148px; width: 148px; background-color: #e7e7e7; border: 1px solid #C4C4C4; } #decal .decalHolder img { position: relative; } #decal .form .fileInput { padding: 0px; height: 30px; margin: 10px 0px 0px 6px; } #decal .form .decalNote { font-size: 10px; padding: 10px 6px; } #decal #decalContainer { margin-top: 10px; } /* CARDS */ #cards { } #cards .centeredContainer { max-width: 624px; } #cards .centeredContainer .innerContainer { padding: 0px 6px; } #cards .cardsImage { float:right; width:200px; height:123px; } #cards #cardsform input[type=submit] { display: block; float: none; margin: 10px auto; width: 299px; } #cards #cardsform .field { float: left; width: 287px; } #cards #cardsform .field:nth-child(odd) { margin-right: 10px; } #cards #cardsform .field.radios { border: none; box-shadow: none; } #cards #cardsform .field.comment { float: none; width: auto; margin-right: 0px; } /* HOW TO BOOKOO */ #demo h1 { margin-bottom: 10px; } #demo ol { margin-left: 20px; max-width: 600px; margin-bottom: 20px; } #demo ol li { list-style: decimal; margin: 5px 0px; } #demo ul li { list-style: none; } /* INVITE TO BOOKOO */ #promo1 { max-width: 936px; } #promo1 p#headerInfo { margin-bottom: 10px; } #promo1 #col1 { float:left; width:400px; height:500px; } #promo1 #col2 { float:left; width:85px; height:500px; text-align:center; } #promo1 #col3 { float:left; } #promo1 .form label { width: 100%; padding-left: 0px; padding-right: 0px; text-align: center; } #promo1 .form .inputHolder { margin: 0px 10px; width: 286px; } #promo1 .form input { width: 286px; } #promo1 #invited { width: 308px; } #promo1 #invited th { background-color:#CDFFC0; } #promo1 #invited td { text-align: center; } #chooseContacts { } #chooseContacts .contact{ width:350px; border: solid LightGrey 1px; margin: 3px; padding: 5px; border-radius: 5px; font-family: Arial; clear:left; } #chooseContacts .button { min-height: 22px; line-height: 22px; padding: 4px; } #chooseContacts .right { margin-right: 5px; } #chooseContacts .white { color: #858585; } /* MONEY TREE */ #moneyTree { font-size: 12px; padding: 5px 0px; margin: 10px 0px 20px 0px; position: relative; display: block; height: 115px; color: #222A25; } #moneyTree .amount { font-size: 12px; font-weight:bold; text-align: center; position: absolute; top: 100px; } #moneyTree .text { position: absolute; top: 10px; left: 0px; } #moneyTree #mainTree { position: absolute; top: 0px; right: 0px; z-index: -1; } #moneyTree .leaf { position: absolute; overflow:hidden; width: 0px; height: 0px; } #moneyTree #foilage1 { top: 20px; left: 84px; } #moneyTree #foilage2 { top: 11px; left: 106px; } #moneyTree #foilage3 { top: -9px; left: 105px; } #moneyTree #foilage4 { top: 41px; left: 72px; } #moneyTree #foilage5 { top: -15px; left: 125px; } #moneyTree #foilage6 { top: -13px; left: 91px; } #moneyTree #foilage7 { top: 34px; left: 84px; } #moneyTree #foilage8 { top: 16px; left: 114px; } #moneyTree #foilage9 { top: 13px; left: 88px; } #moneyTree #foilage10 { top: 43px; left: 96px; } #moneyTree #foilage11 { top: 60px; left: 70px; } #moneyTree #foilage12 { top: 3px; left: 133px; } #moneyTree #foilage13 { top: 74px; left: 110px; } #moneyTree #foilage14 { top: 51px; left: 56px; } #moneyTree #foilage15 { top: -2px; left: 77px; } #moneyTree #foilage16 { top: 66px; left: 84px; } #moneyTree #foilage17 { top: -15px; left: 138px; } #moneyTree #foilage18 { top: 70px; left: 98px; } #moneyTree .title { position: absolute; top: -6px; left: 0px; color: #222A25; font-weight: bold; } /* SUNDAY */ #sunday { } #sunday .correspond { margin: 30px 95px 0px 95px; } #sunday h1 { text-align: center; } #sunday h1 span { display: block; } #sunday .correspond h1 { font-size: 24px; } #sunday .correspond p { margin: 24px 0 0 0; font-size: 18px; line-height: 22px; } #sunday .correspond ol {list-style-type: decimal; margin: 30px 0px 40px 0px; font-family: 'Georgia'; font-size: 18px; line-height: 30px; } #sunday .correspond li { margin: 0px 15px 0px 50px; } #sunday .details { text-align:center; margin-bottom:40px; font-size: 16px; } #sunday .space {margin-bottom:40px;} #sunday .movie {margin-top:30px; width:560px; height:315px;} #sunday .images {text-align:center; margin:30px 0px 0px 0px;} #sunday .images img { width: 110px; } #titleContainer.sunday { position: absolute; top: 0px; left: 50%; margin-left: -87px; } .footerV2.sunday .links { display: none; } .footerV2.sunday .footerLinks { display: none; } .footerV2.sunday .bookooAddress { margin-bottom: 30px; } /* PROBIBITED */ #prohibited ul { margin-left: 15px; max-width: 750px;} #prohibited ul li { list-style: disc; margin: 10px 0px; } /* MONEY TREE TABLE */ #accountJar p { max-width: 720px; margin: 10px 0px; } #accountJar .viewTable { background-color: #FFFFFF; border: 1px solid #e7e7e7; } #accountJar .viewTable .itemRow { height: 20px; padding: 10px 0px; color: #222A25; overflow: hidden; padding-left: 5px; padding-right: 5px; position: relative; } #accountJar .viewTable a.itemRow:hover { color: #0098D3; } #accountJar #postMore { display: none; } #accountJar #postMore .button { float: none; margin-top: 10px; width: 308px; } #accountJar .viewTable .itemRow .price { position: absolute; top: 9px; right: 100px; } #accountJar .viewTable .itemRow .dateSold { position: absolute; top: 9px; right: 5px; } /* RIGHT COL */ #rightCol .monthlyCategories ul { margin-top: 8px; } #rightCol .monthlyCategories ul a { padding-left: 7px; display: list-item; height: 25px; line-height: 25px; border-top: 1px solid #EEEEEE; text-transform: lowercase; float: left; width: 70px; } /* STORE */ img.gallery{ height:60px; width:60px; } img.thumb{ height:40px; width:40px; } #top_banner{ float:left; width: 750px; text-align: center; margin-bottom: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: LightGreen; height: 75px; line-height: 75px; } #container{ width: 1000px; font-family:Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0; } #content ul#sales_items li{ border: 2px solid #2ee54e; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float: left; display: inline-block; list-style: none; width: 225px; height: 250px; margin-right: 20px; margin-left: -15px; margin-bottom: 20px; padding-top: 10px; } #indent{ text-indent:40px; } #cart_content ul#cart_items li { border: 2px solid LightGreen; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: inline-block; text-indent:10px; list-style: none; width: 226px; margin-left:-40px; padding-top: 5px; padding-bottom: 5px; } #cart_orders { width: 230px; text-align: center; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; background-color: Yellow; height: 40px; line-height: 40px; } #confirm_banner{ float:left; width: 850px; text-align: center; margin-bottom: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: LightGreen; height: 75px; line-height: 75px; margin-top:20px; } #orderInformation { width: 900px; text-align: left; margin-top: 30px; color: #47a; } #orderInformation ul#table li{ border: 1px solid black; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float: left; display: inline-block; list-style: none; margin-bottom: 20px; padding-top: 10px; } #orderInformation ul#table li.infoTable{ padding-left: 10px; padding-bottom: 10px; padding-right: 10px; margin-right: 40px; } #orderInformation ul#table li#button{ float: none; border-color: white; } .order{ padding:10px; margin:10px; border:5px solid gray; } .ship{ padding:10px; margin:10px; border:5px solid gray; } .receiptth { background-color: lightgray; } .receiptblank{ border-style:none; } #store { max-width: 936px; } #store.noCart .contents { max-width: 100%; margin-right: 0px; } #store h1 { display: block; height: 50px; line-height: 50px; text-align: center; background-color: #FFFFFF; border-radius: 3px; border: 1px solid #e7e7e7; margin: 0px 3px 10px 3px; } #store h1 a { color: #0098D3; } #store .mainItems a { font-weight: bold; text-align: center; } #store .mainItems a:hover { color: #0098D3; } #store .mainItems a img { display: block; width: 150px; padding-bottom: 27px; } #store .contents { margin-right: 240px; max-width: 780px; } #store .breadcrumb { color: #0098D3; } #store .breadcrumb:hover { color: #FF6600; } #store #cart { float: right; width: 230px; background-color: #FFFFFF; border: 1px solid #e7e7e7; border-radius: 3px; overflow: hidden; } #store #cart h2 { text-align: center; height: 40px; line-height: 40px; font-size: 18px; } #store #cart .storeItems { font-size: 10px; } #store #cart .total { text-align: center; } #store #cart #checkout { margin: 10px 5px; width: 220px; } #store #cart #incompleteOrders { display: block; height: 40px; line-height: 40px; background-color: #FFFF00; color: #222A25; font-size: 10px; text-align: center; } #store #cart #incompleteOrders:hover { color: #0098D3; } #store #cart #cart_items .deleteButton { background-color: #e7e7e7; float: left; padding: 5px; margin: 0px 5px; cursor: pointer; } #store #cart #cart_items .item { border-bottom: 1px solid #EEEEEE; padding: 5px 0px; } #store #cart #cart_items form.cartQuantity { float: left; width: 190px; } #store #cart #cart_items form.cartQuantity .indent { text-indent: 10px; } #store #cart #cart_items form.cartQuantity select { margin-right: 5px; } #store ul#option_items li { border: 1px solid #e7e7e7; border-radius: 3px; float: left; display: block; list-style: none; text-align: center; background-color: #FFFFFF; padding: 3px 0px; margin: 0px 3px 5px 3px; width: 73px; } #store #display { font-size: 16px; text-align: center; float: left; width: 308px; background-color: #FFFFFF; border-radius: 3px; border: 1px solid #e7e7e7; margin: 0px 3px; } #store .controls { margin: 0px 3px 0px 317px; } #store a.thumb { float: left; display: block; cursor: pointer; width: 45px; height: 45px; margin-bottom: 0px; margin-left: 10px; border-color: white; } #store .filters { height: 52px; margin-bottom: 10px; } #store .filters .option { width: 154px; height: 45px; float: left; padding-top: 5px; background-color: #FFFFFF; border-radius: 3px; border: 1px solid #e7e7e7; text-align: center; margin: 0px 3px; } #store #display img#view { height:200px; width:200px; display: block; margin: 10px auto; } #store #checkout_items { width: 675px; margin: 0px auto; } #store #checkout_items li { border: 1px solid gray; border-radius: 3px; float: left; display: block; list-style: none; width: 600px; height: 150px; padding-top: 10px; margin-right: 1px; margin-bottom: 1px; } #store ul#checkout_items li#continueButton { width: 150px; height: 90px; margin-left: 150px; padding-top:50px; float: left; border-color: white; } #store ul#checkout_items li.image { width: 110px; height: 80px; float: left; vertical-align:top; } #store ul#checkout_items li.info { width: 430px; height: 80px; float: left; vertical-align:top; text-align:left; padding-left: 10px; } #store ul#checkout_items li.cost { width: 110px; height: 60px; float: left; padding-top: 30px; } #store ul#checkout_items li.cartCat { height: 20px; float: left; text-align:center; padding-top: 5px; background-color: #F0F0F0; } #store ul#checkout_items li.total { width: 110px; height: 20px; float: left; padding-top: 5px; } #store ul#checkout_items li.cat { width: 88px; height: 20px; float: left; text-align:left; padding-left: 10px; padding-top: 5px; margin-left: 150px; background-color: #F0F0F0; } #store ul#checkout_items li#confirm { width: 212px; height: 35px; float: left; text-align: center; margin-left: 150px; background-color: #F0F0F0; } #store ul#checkout_items li#errors { width: 630px; height: 180px; float: left; vertical-align:top; text-align:left; padding-left: 70px; margin-bottom: 30px; border: 2px solid RED; display: none; } /* ACCOUNT MESSAGES */ #accountMessages { width: 780px; margin: 0px auto; position: relative; } #accountMessages #messageError { display: none; padding: 10px; border: 1px solid #FF6600; color: #FF6600; font-weight: bold; text-align: center; } #accountMessages #ifNoMessages { display: none; margin-top: 15px; } #accountMessages.errored .editGear { display: none; } #accountMessages.errored #ifMessages { display: none; } #accountMessages.errored #ifNoMessages { display: none; } #accountMessages.nothing .editGear { display: none; } #accountMessages.nothing #ifMessages { display: none; } #accountMessages.nothing #ifNoMessages { display: block; } #accountMessages .mobileBackToMessages { position: fixed; bottom: 0px; left: 50%; margin-left: -229px; display: none; width: 456px; font-weight: bold; height: 40px; line-height: 40px; background-color: #E7E7E7; z-index: 600; text-align: center; color: #0098D3; border: 1px solid #e7e7e7; border-width: 1px 1px 0px 1px; cursor: pointer; } #accountMessages .mobileBackToMessages .breadcrumbBack { position: absolute; top: 4px; left: 130px; } #accountMessages h1 { float: left; } #accountMessages h2 { display: none; width: 290px; color: #0098D3; cursor: pointer; margin: 15px 0px; } #accountMessages h2:hover { color: #ff6600; } #accountMessages .red { text-align: center; margin-top: 18px; background-color: #FF0000; border-radius: 5px; color: #FFFFFF; margin-right: 6px; padding: 4px 0px; width: 42px; font-weight: bold; } #accountMessages #messageTutorial { display: none; max-width: 600px; min-width: 308px; width: 100%; } #accountMessages #messageTutorial #video { width: 100%; height: 308px; } #accountMessages #messageTutorial ul { list-style: disc; } #accountMessages #messageTutorial ul li { margin: 0px 0px 10px 18px; } #accountMessages #messageTutorial .listHeading { font-size: 16px; font-weight: bold; margin: 10px 0px; } #accountMessages p { max-width: 600px; } #accountMessages .itemList .itemCollection .thread { display: none; } #accountMessages .itemList .itemCollection.opened .thread { display: block; } #accountMessages .messageOverflow { overflow: hidden; } #accountMessages .messageOverflow:hover .messages { width: 319px; } #accountMessages .messagesHolder .picHolder img { width: 30px; height: 30px; border-radius: 0px; margin: 0px auto; display: block; } #accountMessages .blockedUsers { color: #CECECE; font-size: 12px; display: block; padding: 10px 0px; } #accountMessages .unconfirmedMessages { background-color: #FFFFFF; border-radius: 3px; border: 1px solid #EEEEEE; overflow: hidden; margin-bottom: 10px; } #accountMessages .unconfirmedMessages .row { border-bottom: 1px solid #EEEEEE; position: relative; height: 40px; } #accountMessages .unconfirmedMessages .row:last-child { border-bottom: none; } #accountMessages .unconfirmedMessages .row:hover .message { color: #0098D3; } #accountMessages .unconfirmedMessages .row .message { margin-right: 125px; padding: 10px 0px 5px 5px; } #accountMessages .unconfirmedMessages .row .delete { cursor: pointer; position: absolute; top: 0px; right: 73px; padding: 0px 3px; height: 40px; line-height: 40px; } #accountMessages .unconfirmedMessages .row .confirm { position: absolute; top: 6px; right: 5px; min-height: 30px; height: 30px; line-height: 30px; float: none; padding: 0px 3px; } #accountMessages .editGear { float: left; padding: 14px; cursor: pointer; color: #666666; width: 22px; margin-left: 11px; } #accountMessages .editGear:hover { color: #ff6600; } #accountMessages .tabHolder { position: relative; border-bottom: 1px solid #E7E7E7; } #accountMessages .tabHolder .splice { width: 1px; height: 32px; background-color: #E7E7E7; float: left; margin-top: 4px; } #accountMessages .tabHolder .tab, #accountMessages .tabHolder #searchMessages { height: 40px; line-height: 40px; cursor: pointer; } #accountMessages .tabHolder .tab { float: left; } #accountMessages .tabHolder #searchMessages { position: absolute; top: 0px; right: 0px; margin-top: 0px; border: none; } #accountMessages .tabHolder .tab { width: 87px; text-align: center; color: #0098D3; position: relative; } #accountMessages .tabHolder .tab:hover { color: #ff6600; background-color: #FFFFFF; } #accountMessages .tabHolder .tab.selected, #accountMessages .tabHolder .search.selected { background-color: #FFFFFF; border-bottom-color: #FFFFFF; } #accountMessages .tabHolder .tab .unrepliedCount { top: 0px; right: 0px; display: none; } #accountMessages .tabHolder #searchMessages { width: auto; border-radius: 0px; } #accountMessages .tabHolder #searchMessages .inputHolder { display: none; } #accountMessages .tabHolder #searchMessages .search { width: 45px; height: 40px; float: right; position: relative; } #accountMessages .tabHolder #searchMessages .search .searchLense { margin: 2px 0px 0px 5px; } #accountMessages .tabHolder #searchMessages.opened { float: none; border: 2px solid #FFCC00; height: 38px; line-height: 38px; background-color: #FFFFFF; } #accountMessages .tabHolder #searchMessages.opened .search { background-color: #FFFFFF; height: 38px; } #accountMessages .tabHolder #searchMessages.opened .inputHolder { display: block; margin-left: 5px; } #accountMessages .tabHolder #searchMessages.opened .inputHolder input { width: 216px; height: 18px; line-height: 18px; padding: 9px 0px; float: left; } #accountMessages .tabHolder #searchMessages.opened .inputHolder .closeHolder { height: 38px; width: 40px; float: left; position: relative; } #accountMessages .tabHolder #searchMessages.opened .inputHolder .closeHolder .blueX { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; } #accountMessages .tabHolder #searchMessages.opened .inputHolder .placeholder { top: 9px; } #accountMessages .searchingFor { padding: 5px; background-color: #1fc82f; text-align: center; color: #FFFFFF; } #accountMessages .messages { min-height: 0; max-height: 513px; border: none; height: auto; } #accountMessages .messages:hover { overflow-y: auto; } #accountMessages .messages.editing .rightHolder .sprite { background-position: -16px -1040px; } #accountMessages .messages.editing .rightHolder:hover .sprite { background-position: -16px -1056px; } #accountMessages .messagesHolder { width: 311px; border: 1px solid #E7E7E7; border-width: 1px 0px 1px 1px; } #accountMessages .messagesHolder, #accountMessages #conversation { min-height: 555px; } #accountMessages .update { display: none; float: none; width: 310px; border-radius: 0px; margin: 20px auto 0px auto; border: 1px solid #E7E7E7; } #accountMessages .update .explain { text-align: center; margin-top: 5px; } #accountMessages .update input[type=text] { width: 225px; } #accountMessages .update .close { min-height: 42px; line-height: 42px; } #accountMessages .update .submit { width: 197px; } #accountMessages #conversation { width: 466px; position:relative; border: 1px solid #e7e7e7; float: left; } #accountMessages #conversation #blank_cover { display: block; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: #F7F7F7; text-align: center; z-index: 100; } #accountMessages #conversation.opened #blank_cover { display: none; } #accountMessages #conversation .continued { text-align: center; color: #AFAFAF; margin: 10px 0px; float: left; width: 100%; border: 1px solid #E0E0E0; border-width: 1px 0px; padding: 5px 0px; } #accountMessages #conversation.opened { z-index: 20; height: auto; position: relative; } #accountMessages #conversation .replier { width: 70px; } #accountMessages #conversation .commentsHolder { height: 280px; } #accountMessages #conversation .commentsInsert { -webkit-overflow-scrolling: touch; position: relative; max-height: 280px; overflow-y: hidden; overflow-x: hidden; padding-top: 1px; } #accountMessages #conversation .commentsInsert:hover {overflow-y:auto;} #accountMessages #conversation .viewMore { color: #0098D3; clear: both; text-align: center; background-color: #FFFFFF; border: 1px solid #E7E7E7; cursor: pointer; height: 40px; line-height: 40px; width: 400px; margin-left: 20px; margin-bottom: 10px; } #accountMessages #conversation .viewMore:hover { color: #FF6600; } #accountMessages #conversation #map_canvas { width: 100%; } #accountMessages #conversation .heading { height: 40px; line-height: 40px; border-bottom: 1px solid #e7e7e7; } #accountMessages #conversation .heading .backHolder { display: none; position: absolute; top: 0px; left: 0px; border-right: 1px solid #e7e7e7; cursor: pointer; } #accountMessages #conversation .heading .backHolder .breadcrumbBack { margin: 4px; } #accountMessages #conversation .heading .aliasName { overflow: hidden; margin-left: 22px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #accountMessages #conversation .heading .toolbelt { postion: absolute; position: absolute; top: 0px; right: 0px; background-color: #FFFFFF; } #accountMessages #conversation .heading .toolbelt .link { width: 60px; text-align: center; font-size: 12px; float: left; } #accountMessages #conversation .heading .toolbelt .link .sprite { position: absolute; top: 11px; left: -3px; } #accountMessages #conversation .heading .toolbelt .splice { width: 1px;height: 32px; background-color: #E7E7E7; float: left; margin-top: 4px; } #accountMessages #conversation .heading .remove .confirm { display: none; } #accountMessages #conversation .heading .remove.confirm .text { display: none; } #accountMessages #conversation .heading .remove.confirm .confirm { display: block; } #accountMessages #conversation .heading .block .confirm { display: none; } #accountMessages #conversation .heading .block.confirm .text { display: none; } #accountMessages #conversation .heading .block.confirm .confirm { display: block; } #accountMessages #conversation .heading .toolbelt .link.follow { text-align: right; width: 71px; } #accountMessages #conversation .heading .follow:hover { color: #FFCC00; } #accountMessages #conversation .heading .follow .active { display: none; } #accountMessages #conversation .heading .follow .container { margin: 0px auto; width: 50px; position: relative; } #accountMessages #conversation .heading .follow .favoriteStar { background-position: -16px -560px; } #accountMessages #conversation .heading .follow:hover .favoriteStar { background-position: -16px -400px; } #accountMessages #conversation .heading .follow.active .favoriteStar { background-position: -16px -400px; } #accountMessages #conversation .heading .follow.active:hover .favoriteStar { background-position: -16px -560px; } #accountMessages #conversation .heading .toolbelt .link.follow.active { width: 86px; color: #FFCC00; } #accountMessages #conversation .heading .toolbelt .link.follow.active:hover { color: #0098D3; } #accountMessages #conversation .heading .follow.active .container { width: 67px; } #accountMessages #conversation .heading .follow.active .text { display: none; } #accountMessages #conversation .heading .follow.active .active { display: block; } #accountMessages #conversation #profile { border-top: 1px solid #E7E7E7; margin-top: 50px; padding-bottom: 20px; } #accountMessages #conversation #profile .section { margin: 10px 45px 0px 52px; } #accountMessages #conversation #profile .name { margin-bottom: 5px; text-transform: uppercase; height: 16px; line-height: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; } #accountMessages #conversation #profile .picture { float: left; height: 150px; width: 150px; overflow: hidden; position: relative; } #accountMessages #conversation #profile .picture img { position: absolute; } #accountMessages #conversation #profile .tools { float: left; width: 150px; } #accountMessages #conversation #profile .tools .link { display: block; position: relative; padding-left: 25px; height: 30px; line-height: 30px; } #accountMessages #conversation #profile .tools .link .sprite { position: absolute; top: 7px; left: 4px; } #accountMessages #conversation #profile .tools .link .confirm { display: none; } #accountMessages #conversation #profile .tools .link.dismiss.disabled { opacity: 0.0; pointer-events: none; cursor: auto; } #accountMessages #conversation #profile .tools .link.confirm .text { display: none; } #accountMessages #conversation #profile .tools .link.confirm .confirm { display: block; } #accountMessages #conversation #profile .tools .link.follow .active { display: none; } #accountMessages #conversation #profile .tools .link.follow.active { color: #FFCC00; } #accountMessages #conversation #profile .tools .link.follow.active:hover { color: #0098D3; } #accountMessages #conversation #profile .tools .link.follow.active .text { display: none; } #accountMessages #conversation #profile .tools .link.follow.active .active { display: block; } #accountMessages #conversation #profile .tools .link.remove:hover .trashIcon { background-position: -16px -1056px; } #accountMessages #conversation #profile .tools .link.block:hover .block { background-position: -96px -1056px; } #accountMessages #conversation #profile .status { margin-bottom: 10px; font-size: 12px; } #accountMessages #conversation #profile .status .read { margin-bottom: 5px; } #accountMessages #conversation #profile .status .title { width: 174px; float: left; } #accountMessages #conversation #profile .status .date { float: left; } #accountMessages .communications { position: relative; margin: 20px 0px 0px 52px; width: 369px; } #accountMessages .communications #message_attachment { position: relative; overflow: hidden; } #accountMessages .communications #message_attachment.disabled { pointer-events: none; opacity: 0.6; cursor: auto; color: #C4C4C4; } #accountMessages .communications #message_attachment input[type=file] { filter: alpha(opacity=0); height: 30px; opacity: 0.0; position: absolute; top: 0px; left: -87px; cursor: pointer; } #accountMessages .communications .toolbelt { position: absolute; top: 101px; height: 30px; line-height: 30px; width: 368px; z-index: 100; border: 1px solid #E0E0E0; background-color: #FEFEFE; } #accountMessages .communications .toolbelt .container { float: left; } #accountMessages .communications .toolbelt .title { float: left; width: 67px; text-align: center; } #accountMessages .communications .toolbelt .link { float: left; text-align: center; width: 99px; color: #1FC22F; } #accountMessages .communications .toolbelt .link .container .sprite { position: absolute; top: 5px; left: 0px; } #accountMessages .communications .toolbelt .splice { background-color: #E7E7E7; width: 1px; float: left; height: 18px; margin-top: 6px; } #accountMessages .communications .progress { position: absolute; display: none; border-radius: 3px; border: 1px solid #E7E7E7; margin-bottom: 5px; top: 102px; left: -1px; right: -2px; z-index: 100; border-width: 0px 1px; } #accountMessages .communications .progress .bar { height: 30px; line-height: 30px; } #accountMessages .communications .progress .bar .percent { background-color: #0098D3; height: 100%; width: 0%; } #accountMessages .communications .progress .text { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center; } #accountMessages .commentBox { margin: 0px; width: auto; } #accountMessages .commentBox textarea { border-width: 1px; } #accountMessages .commentBox .replyButton { margin-top: 30px; float: none; width: 100%; } .messageFloat { overflow: hidden; position: relative; border: 1px solid #000000; border-radius: 5px; max-width: 624px; margin: 30px auto 0px auto; text-align: center; } .messageFloat img { max-width: 624px; max-height: 624px; text-align: center; vertical-align: top; } .messageFloat .close { position: absolute; top: 0px; right: 0px; background-color: #FFFFFF; cursor: pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; opacity: .70; filter: alpha(opacity = 70); } #accountMessages .openMessageControls { width: 319px; background-color: #FFFFFF; border: 1px solid #e7e7e7; text-align: center; height: 35px; line-height: 35px; color: #0098D3; cursor: pointer; margin-top: 15px; } #accountMessages .openMessageControls:hover { color: #FF6600; } #accountMessages .messageControls { width: 319px; display: none; background-color: #ffffff; border: 1px solid #e7e7e7; border-width: 0px 1px 1px 1px; } #accountMessages .messageControls .control { padding: 10px 0px 10px 5px; font-size: 12px; } #accountMessages .messageControls .emailControl { padding: 10px 0px 10px 15px; } #accountMessages .messageControls .last { border-bottom: 1px solid #EEEEEE; } #accountMessages .messageControls .first { padding-top: 0px; } #accountMessages .messageControls .title { margin: 10px 0px 5px 8px; font-weight: bold; } #accountMessages .messagingHelp { width: 320px; display: block; color: #0098D3; line-height: 30px; height: 30px; border-bottom: 1px solid #E7E7E7; cursor: pointer; } #accountMessages .messagingHelp:hover { color: #FF6600; } #accountMessages .messagingHelp .sideArrow { float: right; margin-right: 10px; } /* GLOBAL HOME PAGES */ .globalHome { margin-top: 20px; } .globalHome h1 { text-align: center; } .globalHome h1.section { margin-bottom: 10px; } .globalHome h1.main { font-size: 36px; } .globalHome h2 { text-align: center; font-size: 20px; font-family:'Georgia-Italic', Georgia; font-size:21px; line-height:30px; } .globalHome h2 b {font-style:italic; } .globalHome h3, .globalHome h4 { font-weight:bold; display:block; } .globalHome h3 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; } .globalHome h4 { color:#222A25; height: 24px; line-height: 24px; } .globalHome .centeredContainer { max-width: 936px; } html.ie7 .globalHome .centeredContainer { width: 936px; } .globalHome .bookoosNearYou { display: none; margin-bottom: 30px; } .globalHome .bookoosNearYou a { display: block; float: left; padding: 0px 10px; height: 30px; line-height: 30px; width: 136px; } .globalHome .bookoosNearYou .title { font-family:"Georgia-Italic", Georgia; font-style: italic; font-size: 20px; padding-left: 10px; } .globalHome .mapHolder { height: 300px; position: relative; margin: 60px 0px 30px 0px; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2); } .globalHome .mapHolder .loader { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; } .globalHome .mapHolder #map_canvas { width: 100%; height: 100%; } .globalHome .mapHolder .searchMap { display: none; position: absolute; top: -22px; left: 50%; width:400px; margin-left:-200px; z-index: 100000000; } .globalHome .mapHolder .searchMap .locateMe { padding: 5px; cursor: pointer; background-color: #FFFFFF; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2); border-radius: 3px; width: 32px; position: absolute; top: 2px; right: 0px; } html.ie7 .globalHome .mapHolder .searchMap .locateMe { display: none; } .globalHome .mapHolder .searchMap .locateMe:hover {background-color:#f8fafa; } .globalHome .mapHolder .searchMap .locateMe .loading { width: 32px; height: 32px; } .globalHome .mapHolder .searchMap #searchBookoos { padding: 2px; border-radius: 3px; width:348px; } .globalHome .mapHolder .searchMap #searchBookoos.focus { border: 2px solid #FFCC00; padding: 0px; } .globalHome .mapHolder .searchMap #searchBookoos.focus .form { border: none; padding: 1px; } .globalHome .mapHolder .searchMap #searchBookoos .form { margin-top: 0px; float: left; width: auto; border-radius: 3px 0px 0px 3px; border: none; border: 1px solid #E7E7E7; } .globalHome .mapHolder .searchMap #searchBookoos .inputHolder { margin: 0px 5px; } .globalHome .mapHolder .searchMap #searchBookoos .inputHolder .placeholder { line-height:19px; font-weight:bold; font-size:16px; } .globalHome .mapHolder .searchMap #searchBookoos .inputHolder input[type=text] { width: 216px; } html.ie7 .globalHome .mapHolder .searchMap #searchBookoos .inputHolder input[type=text] { width: 211px; } .globalHome .mapHolder .searchMap #searchBookoos .button.green { width: 120px; margin: 0px; font-weight: normal; border: none; border-radius: 0px 3px 3px 0px; font-size: 20px; } .globalHome .mapHolder .searchMap #searchBookoos .button.green .desktop { display: block; } .globalHome .mapHolder .searchMap #searchBookoos .button.green .mobile { display: none; } .globalHome .testimontals { margin-bottom: 20px; position: relative; height: 155px; } .globalHome .testimontals .link { text-align: center; display: block; color: #0098D3; cursor: pointer; font-family:'Georgia-Italic', Georgia; font-size: 16px; height: 32px; line-height: 32px; } .globalHome .testimontals .link:hover { color: #ff6600; } .globalHome .testimontals .pics { width: 527px; height: 155px; display: block; z-index: 250; position: absolute; top: 0px; left: 50%; margin-left: -262px; background-image:url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d3541f74537ecc69975158.png); background-position: -8px 3px; } .globalHome .testimontals .countHolder { position: relative; border: 1px solid #E7E7E7; border-radius: 3px; background-color:#f8fafa; padding: 10px 10px 10px 45px; font-family:"Georgia"; line-height:16px; } .globalHome .testimontals .countHolder .sprite { position: absolute; top: 9px; left: 10px; } .globalHome .testimontals .countHolder .units { color:#8C8C8C; text-transform: uppercase; font-size: 10px; text-shadow: 1px 1px #FFFFFF; font-family:"Georgia"; } .globalHome .testimontals .facebookFollowers { position: absolute; top: 50%; margin-top: -32px; left: 105px; z-index: 1; } .globalHome .testimontals .bookooAccounts { position: absolute; top: 50%; margin-top: -32px; right: 96px; z-index: 1; } .globalHome .testimonialHolder { margin: 35px 0px; overflow: hidden; position: relative; } .globalHome .testimonialHolder .testimonial { display: none; width: 732px; margin: 0px auto; position: relative; } .globalHome .testimonialHolder .testimonial .message { font-family:"Georgia Italic",Georgia, serif; font-size: 21px; line-height:26px; margin-bottom:3px; text-align:center; } .globalHome .testimonialHolder .testimonial .message span {display:block; } .globalHome .testimonialHolder .testimonial .message b {font-style:italic; } .globalHome .testimonialHolder .testimonial .user { font-size: 16px; } .globalHome .testimonialHolder .testimonial .user {font-size:14px; font-family:"Georgia", serif; text-align:center; } .globalHome .bookooLocations .columnSplit { display: inline; } .globalHome .bookooLocations a { display: block; color: #0098D3; } .globalHome .bookooLocations a:hover { color: #FF6600; } .globalHome .bookooLocations .cityListExpand { display: none; } .globalHome .bookooLocations .column,.globalHome .foreignLocations { width: 187px; float: left; } .globalHome .bookooLocations .state { margin-bottom: 20px; } .globalHome .bookooLocations .city,.globalHome .foreignLocations a { height: 24px; line-height: 24px; } .globalHome .americanLocations { width: 748px; float: left; } .globalHome .foreignLocations { position: relative; height: 1530px; } .globalHome .foreignLocations h3 { margin-bottom: 4px; } .globalHome .foreignLocations .storyPic { position: absolute; bottom: 0px; left: -50px; height: 439px; width: 338px; background-image:url('/images/site/bookoo-story.png'); } .globalHome .foreignLocations .citiesHolder { border-left: 1px solid #E7E7E7; padding-left: 10px; } .globalHome .p1 { text-align: center; font-size: 23px; margin-bottom: 10px; } .globalHome .p2 { text-align: center; width: 775px; margin: 0px auto; } .globalHome .boldFilter { display: block; margin: 10px 0px; } .endLocations { width: 100%; height: 70px; background: #FFFFFF; background: -webkit-linear-gradient(#B2FFAE , #FFFFFF 99%); background: -moz-linear-gradient(#B2FFAE , #FFFFFF 99%); background: -o-linear-gradient(#B2FFAE , #FFFFFF 99%); background: -ms-linear-gradient(#B2FFAE , #FFFFFF 99%); background: linear-gradient(#B2FFAE , #FFFFFF 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2FFAE', endColorstr='#FFFFFF',GradientType=0 ); } .globalHome .whyBookoo { } .globalHome .whyBookoo .p2 { margin-bottom: 20px; } .globalHome .whyBookoo .point { float: left; width: 305px; margin-right: 10px; } .globalHome .whyBookoo .point .pointImg { width: 312px; margin: 0px auto; display: block; } .globalHome .whyBookoo .point .contents { padding-left: 41px; position: relative; } .globalHome .whyBookoo .point h1 { text-align: left; font-size: 29px; } .globalHome .whyBookoo .point .icon { position: absolute; top: 0px; left: 0px; } .globalHome .whyBookoo .point .video { border: 1px solid #0098D3; border-radius: 3px; color: #0098D3; cursor: pointer; margin: 10px 0px; height: 32px; line-height: 32px; padding-left: 40px; position: relative; } .globalHome .whyBookoo .point .video .sprite { position: absolute; top: 0px; left: 0px; } .globalHome .whyBookoo .point.easy { margin-right: 0px; } .globalHome .whyBookoo .point.easy ol { margin: 10px 0px 0px 20px; } .globalHome .whyBookoo .point.easy ol li { list-style: decimal; color: #CCCCCC; margin-bottom: 5px; } .globalHome .whyBookoo .listItem { border-bottom: 1px solid #E7E7E7; position: relative; padding: 0px 0px 0px 32px; height: 32px; line-height: 32px; } .globalHome .whyBookoo .listItem.last { border-bottom: none; } .globalHome .whyBookoo .listItem .goldCheck { position: absolute; top: 0px; left: 0px; } .globalHome .howDoesItWork { margin-top: 60px; } .globalHome .howDoesItWork .p1.last { margin-top: 40px; } /* MAIL ORDER FORM */ #order p { max-width: 635px; } #order .location { padding-left: 20px; font-weight: bold; } #order td { padding: 12px 7px; } #order #mailForm { margin: 20px 0px; } #order #mailForm td.label { vertical-align: top; font-weight: bold; background-color: rgb(204, 204, 255); } #order #mailForm td.field { width: 500px; } #order #orderDetails th { vertical-align: top; font-weight: bold; background-color: rgb(204, 204, 255); } #order #orderDetails td.total { vertical-align: top; background-color: rgb(204, 204, 255); font-weight: bold; text-align: center; } #order #orderDetails td.quantity { width: 120px; } /* UPSALE */ #premiere1 p { max-width: 650px; margin-bottom: 10px; padding-right: 5px; } #premiere1 .box10 { border:1px solid #e7e7e7; } #premiere1 .box20 { border:1px solid black; } #premiere1 .box30 { border:1px solid #e7e7e7; } #premiere1 .boxdefault { padding:10px; min-height:400px; width: 300px; float: left; border-radius: 3px; } #premiere1 .pkgsub { padding: 5px; color:#AAAAFF;font-weight:bold; } #premiere1 .pkgline1 { padding: 5px; border-top:1px solid #e7e7e7;text-align:center; } #premiere1 .pkgline2 { padding: 5px; border-top:1px solid #e7e7e7;text-align:center; } #premiere1 .pkgline3 { padding: 5px; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center; } #premiere1 .pkgextra { padding: 5px; } #premiere2 { padding: 0px 5px 0px 0px; } #premiere2 p { margin-bottom: 10px; } #premiere2 .pkgsub { padding: 5px; color:#AAAAFF;font-weight:bold; } #premiere2 .pkgline1 { padding: 5px; border-top:1px solid #e7e7e7; text-align:center; } #premiere2 .pkgline2 { padding: 5px; border-top:1px solid #e7e7e7; text-align:center; } #premiere2 .pkgline3 { padding: 5px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; } #premiere2 .pkgextra { padding: 5px; } #premiere2 .business { margin-top: 10px; font-size: 18px; font-weight: bold; } #premiere2 .must { color:#00aa00; } #premiere3 { padding: 0px 5px 0px 0px; } #premiere3 p { margin-bottom: 10px; } #premiere3 .pkgsub { padding: 5px; color:#AAAAFF;font-weight:bold; } #premiere3 .pkgline1 { padding: 5px; border-top:1px solid #e7e7e7;text-align:center; } #premiere3 .pkgline2 { padding: 5px; border-top:1px solid #e7e7e7;text-align:center; } #premiere3 .pkgline3 { padding: 5px; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center; } #premiere3 .pkgextra { padding: 5px; } #premiere3 .sample { max-width: 415px; min-width: 300px; width: 100%; margin: 0px auto 10px auto; display: block; } #premiere3 ul.benefits { margin: 10px 0px 10px 15px; } #premiere3 ul.benefits li { list-style: disc; } /* ACCOUNT */ #account { max-width: 624px; } #account .editAccount { margin: 10px 0px; float: left; } #account .centeredContainer { max-width: 624px; } #account .settings { float: left; width: 309px; margin: 44px 0px 0px 3px; } #account .settings .setting { border: 1px #E7E7E7 dotted; padding: 10px; margin-top: 10px; position: relative; } #account .settings .setting.email { margin-top: 0px; } #account .settings .setting.mobile .button.white { width: 135px; margin-top: 10px; display: none; } #account .settings .setting.mobile .button.white.delete { margin-left: 10px; display: block; } #account .mobileNumber { border: none; width: 287px; } #account .mobileNumber select { margin: 5px 0px; display: block; width: 100%; height: 25px; line-height: 25px; } #account .mobileNumber .formSection { border: 1px solid #E7E7E7; border-radius: 3px; width: 280px; padding-left: 5px; } #account .mobileNumber .formSection input[type=text] { width: 268px; } #account .mobileNumber .formSection input[type=text]:disabled { background-color: #FFFFFF; } #account .mobileNumber input[type=submit]:disabled { opacity: 0.6; cursor: auto; } #account .mobileNumber .submit.full { width: 287px; margin-left: 0px; margin-bottom: 0px; } #account .mobilenum { float: left; width: 135px; height: 25px; line-height: 25px; } #account .mobileCarrier { float: left; width: 135px; height: 25px; line-height: 25px; margin-left: 10px; } #account .SMSconfirm { border: none; width: 280px; display: none; } #account .SMSconfirm .formSection { border: 1px solid #E7E7E7; width: 165px; padding-left: 5px; } #account .SMSconfirm .formSection input[type=text] { width: 160px; } #account .SMSconfirm .submit { margin: 0px; width: 108px; border-radius: 0px 3px 3px 0px; } #account #sellerProfile { min-height: 434px; } #account #sellerProfile .messaging { display: none; } #account .toggles { margin: 5px 3px 0px 3px; } #account .toggles .messageButton .text { float: left; margin-right: 5px; } #account .toggles .messageButton .count { background-color: #FF0000; color: #FFFFFF; border-radius: 3px; text-align: center; float: left; padding: 0px 2px; } #account .hiddenToggle { display: none; } #account .control { position: relative; padding-left: 25px; height: 25px; line-height: 25px; } #account .control.last { margin-bottom: 10px; } #account .control input { position: absolute; top: 3px; left: 0px; } .birthday { background-color:#FFFFFF; padding: 5px; position: relative; } .birthday .signature { margin: 0px 80px 0px 0px; font-family: Georgia, Times New Roman, Serif; height: 38px; } .birthday .closeMessage { font-size: 12px; text-align: center; height: 40px; line-height: 40px; color: #0098D3; cursor: pointer; position: absolute; bottom: 7px; width: 80px; right: 0px; } .birthday .closeMessage:hover { color: #FF6600; } #account .birthday { text-align: center; } #account .birthday iframe { width: 100%; margin: 10px 0px; height: 200px; } .itemListGallery .birthday { float: left; width: 296px; height: 230px; border-radius: 3px; margin: 0px 3px 10px 3px; } .itemListGallery .birthday iframe { width: 306px; margin: -5px 0px 0px -5px; min-height: 193px; } .itemListGallery .birthday .specialForYou { display: none; } #welcome_new_account { border: 2px solid #FC0; padding: 10px; border-radius: 3px; margin-bottom: 25px; } #welcome_new_account .block { margin-bottom: 10px; } #welcome_new_account ul { margin-top: 5px; } #welcome_new_account ul li { margin-left: 20px; list-style: disc; margin-bottom: 5px; } #welcome_new_account #howToFilter { display: none; margin-top: 10px; } #welcome_new_account ol li { margin-left: 20px; list-style: decimal; margin-bottom: 5px; } /* OUTSIDER LANDING PAGE */ #cLanding p { margin-bottom: 10px; } #cLanding .block { float: left; } #cLanding .button.green { width: 150px; margin-right: 10px; } #cLanding .button.green .text1 { margin: 7px 0px 3px 0px; } #cLanding .button.green .text2 { text-transform: uppercase; } #cLanding .form { float: left; margin-top: 0px; border: none; } html.ie7 #cLanding .form, html.ie7 #cLanding .form { border: 1px solid #e7e7e7; } #cLanding .form .inputHolder { margin-left: 5px; } #cLanding .form .button.blue { width: 101px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #cLanding #header { max-width: 500px; min-width: 308px; width: 100%; margin-right: 10px; } #cLanding #fbLikes { width: 308px; } #cLanding #fbLikes a { display: block; } #cLanding #fbLikes .quips { width: 180px; margin-top: 10px; text-align: center; } #cLanding .popular { margin-top: 20px; } /* WIDGETS */ #widget { margin: 10px auto 0px auto; width: 1000px; min-height: 550px; height: 550px; position: relative; } #widget h1 { text-align: center; margin-bottom: 5px; } #widget .display { position:absolute; top: 0px; left: 0px; text-align: center; border: 1px solid #EEEEEE; background-color: #FFFFFF; border-radius: 3px; padding: 10px; } #widget .display .caption { padding-bottom: 10px; } #widget .display.itemDisplay { top: 40px; left: 80px; width: 378px; } #widget .display.mapDisplay { top: 40px; left: 500px; width: 321px; } #widget .display .button { float: none; width: 185px; margin: 0px auto; } #widget #yourWidget { border: 1px solid gray; border-radius: 10px; background-color: #CDFFC0; margin-bottom: 30px; margin-top: 10px; padding: 10px; } #widget td.menu { border: 1px solid lightgray; border-radius: 2px; width: 100px; padding-bottom: 3px; } #widget td.option { border: 1px solid lightgray; border-radius: 2px; width: 300px; padding-bottom: 3px; } #widget th.table_header { background-color: lightgray; border: 1px solid lightgray; border-radius: 3px; } #widget .styles { float: left; width: 83px; border: 1px solid lightgray; border-radius: 3px; margin-left: 20px; } #widget #ITEMWIDGET { display: none; } #widget #ITEMWIDGET .form { width: 430px; } #widget #ITEMWIDGET .form label { width: 90px; } #widget #ITEMWIDGET .form .radioHolder { padding-top: 12px; line-height: 20px; margin-left: 104px; } #widget #ITEMWIDGET .form .radioHolder input.radio { width: 28px; } #widget #MAPWIDGET { display: none; } #widget #categories { display: none; } #widget #kwords { display: none; } #widget #toggleWidgets { display: none; margin: 10px auto; width: 400px; } #widget #toggleWidgets .button { padding: 0px 5px; } #widget #toggleWidgets .first { margin-right: 10px; } #widget #yourMapWidget { width: 860px; padding: 5px; display: block; margin: 0px auto; height: 100%; border-radius: 3px; border: 1px solid #e7e7e7; resize: none; background-color: #FFFFFF; } #widget #yourItemWidget { width: 860px; padding: 5px; display: block; margin: 0px auto; height: 100%; border-radius: 3px; border: 1px solid #e7e7e7; resize: none; background-color: #FFFFFF; } #widget .form { margin: 15px 0px 0px 63px; } #widget .form .title { background-color: #EEEEEE; text-align: center; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 5px; } #widget .form #kwords { float: none; width: 100px; border: 1px solid #e7e7e7; height: 20px; min-height: 20px; line-height: 20px; padding: 0px 0px 0px 5px; } #bkw_container{ font-family: Arial, Helvetica, sans-serif; font-style: normal; overflow: hidden; } .bkwidget_view{ border: none; } #bkwidget_display{ font-size: 10px; } .bkw_image{ border: 1px solid #88CC88; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-right: 1px; margin-bottom: 1px; float: left; } .bkw_bookoo{ border: 1px solid #88CC88; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-right: 1px; margin-bottom: 1px; text-align: center; background-color: #C9FFA3; float: left; } .bkw_imageThumb{ position: relative; width: 100%; } .bkw_price{ color: green; position: absolute; top: 0%; left: 0; width: 100%; background-color: #C9FFA3; text-align: center; } #canvas_container{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #instructions{ margin-left: 15px; padding: 5px; width: 450px; margin-bottom: -10px; margin: 0 auto; } /* ANNOUNCEMENTS */ #announce p { max-width: 650px; } #announce .msgn { color:#446666; font-size:12px; font-weight:bold; } #announce .msgd { color:#444444; font-size:12px; font-weight:normal; } /* JQUERY UI */ .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-menu { list-style: none; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0px; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { padding: 2px 5px; cursor: pointer; text-decoration: none; display: block; line-height: 1.5; min-height: 0; font-weight: normal; border-radius: 0px; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { background-color: rgba(0, 0, 0, 0.07); } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-widget-content { border: 1px solid #e7e7e7; background: #FFFFFF; } .ui-widget-content a { color: #222A25; } /* JS DATE PICKER */ .JsDatePickBox { position:relative; width:212px; font-family:Arial; } .JsDatePickBox .jsDatePickCloseButton { cursor:pointer; position:absolute; top:1px; right:10px; width:33px; height:13px; background:url(/images/jsDatePick/closeButton_normal.gif) left top no-repeat; } .JsDatePickBox .jsDatePickCloseButtonOver { cursor:pointer; position:absolute; top:1px; right:10px; width:33px; height:13px; background:url(/images/jsDatePick/closeButton_over.gif) left top no-repeat; } .JsDatePickBox .jsDatePickCloseButtonDown { cursor:pointer; position:absolute; top:1px; right:10px; width:33px; height:13px; background:url(/images/jsDatePick/closeButton_down.gif) left top no-repeat; } .JsDatePickBox .boxLeftWall { float:left; width:7px; margin:0; padding:0; } .JsDatePickBox .boxLeftWall .leftTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(/images/jsDatePick/boxTopLeftCorner.png) left top no-repeat; overflow:hidden; } .JsDatePickBox .boxLeftWall .leftBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(/images/jsDatePick/boxBottomLeftCorner.png) left top no-repeat; overflow:hidden; } .JsDatePickBox .boxLeftWall .leftWall{ margin:0; padding:0; width:7px; background:url(/images/jsDatePick/boxSideWallPx.gif) #ffffff left top repeat-y; overflow:hidden; } .JsDatePickBox .boxRightWall { float:left; width:7px; margin:0; padding:0;} .JsDatePickBox .boxRightWall .rightTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(/images/jsDatePick/boxTopRightCorner.png) left top no-repeat; overflow:hidden; } .JsDatePickBox .boxRightWall .rightBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(/images/jsDatePick/boxBottomRightCorner.png) left top no-repeat; overflow:hidden; } .JsDatePickBox .boxRightWall .rightWall{ margin:0; padding:0; width:7px; background:url(/images/jsDatePick/boxSideWallPx.gif) #ffffff right top repeat-y; overflow:hidden; } .JsDatePickBox .topWall { position:absolute; overflow:hidden; top:0px; left:7px; width:198px; height:4px; background:url(/images/jsDatePick/boxTopPx.gif) #ffffff left top repeat-x; } .JsDatePickBox .bottomWall { position:absolute; overflow:hidden; bottom:-1px; left:7px; width:198px; height:4px; background:url(/images/jsDatePick/boxTopPx.gif) #ffffff left top repeat-x; } .JsDatePickBox .hiddenBoxLeftWall { float:left; width:0px; overflow:hidden; overflow:hidden;} .JsDatePickBox .hiddenBoxRightWall { float:left; width:0px; overflow:hidden; overflow:hidden;} .JsDatePickBox .boxMain { float:left; background-color:#ffffff; margin:0; padding:15px 0 5px 0; } .JsDatePickBox .boxMainStripped { background:#ffffff; border:none; } .JsDatePickBox .tooltip { height:12px; line-height:11px; overflow:hidden; font-size:10px; color:#666666; text-align:left; padding:0px; margin:2px 0 2px 0; } .JsDatePickBox .weekDaysRow { height:12px; overflow:hidden; line-height:11px; font-size:10px; color:#666666; text-align:center; padding:0px; margin:2px 0 0 0; } .JsDatePickBox .weekDaysRow .weekDay { float:left; height:14px; overflow:hidden; width:24px; margin:0 5px 0 0; padding:0; } .JsDatePickBox .boxMainInner { background:#ffffff; width:198px; float:left; margin:5px 0 0 0; padding:0; } .JsDatePickBox .boxMainCellsContainer { background-color:#ffffff; margin:0; padding:0; } .JsDatePickBox .boxMainInner .controlsBar { overflow:hidden; height:20px; position:relative; } .JsDatePickBox .boxMainInner .controlsBarText { overflow:hidden; height:20px; line-height:20px; color:#000000; font-size:12px; text-align:center; } .JsDatePickBox .boxMainInner .monthForwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(/images/jsDatePick/monthForward_normal.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .monthForwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(/images/jsDatePick/monthForward_over.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .monthForwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(/images/jsDatePick/monthForward_down.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .monthBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(/images/jsDatePick/monthBackward_normal.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .monthBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(/images/jsDatePick/monthBackward_over.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .monthBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(/images/jsDatePick/monthBackward_down.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearForwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(/images/jsDatePick/yearForward_normal.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearForwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(/images/jsDatePick/yearForward_over.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearForwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(/images/jsDatePick/yearForward_down.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(/images/jsDatePick/yearBackward_normal.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(/images/jsDatePick/yearBackward_over.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .yearBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(/images/jsDatePick/yearBackward_down.gif) left top no-repeat; } .JsDatePickBox .boxMainInner .skipDay { cursor:default; overflow:hidden; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; } .JsDatePickBox .boxMainInner .dayNormal { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayNormalToday { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#f40f0f; font-weight:bold; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayDisabled { -khtml-user-select: none; cursor:default; font-size:12px; overflow:hidden; color:#E7E7E7; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayOver { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayOverToday { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; font-weight:bold; color:#f40f0f; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayDown { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#F9F9F9; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } .JsDatePickBox .boxMainInner .dayDownToday { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#f40f0f; font-weight:bold; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; } /* YSS */ #yssEvents { width: 960px; margin: 0px auto; } #yssEvents h1 { font-size: 48px; } #yssEvents h2 { font-size: 32px; font-family: Georgia, Times, Serif; } #yssEvents .image { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d365c534537ecc68988048.png); background-repeat: no-repeat; } #yssEvents .event { padding: 10px 10px 30px 40px ; border-bottom: 1px solid #e7e7e7; position: relative; } #yssEvents .event .image { position: absolute; top: -1px; right: -1px; background-position: 5px -256px; width: 80px; height: 80px; } #yssEvents .event.moveToBottom { display: none; } #yssEvents .event.clone { background-color: #FFFFFF; } #yssEvents .event.clone:first-child { border-top: 1px solid #e7e7e7; } #yssEvents .event.clone:last-child { border-bottom: none; } #yssEvents .event h2 { width: 550px; } #yssEvents .event .mapDetails { float: left; } #yssEvents .event .whenLocation { line-height:15px; height: 15px; float:right; width:299px; } #yssEvents .event .whenLocation b { display: block; } #yssEvents .event .whenLocation .otherOptions { margin-bottom: 10px; position: relative; } #yssEvents .event .whenLocation .otherOptions #flagmsg { min-width: 110px; display: none; position: absolute; top: 20px; right: 0px; background-color: #FFFFFF; } #yssEvents .event .whenLocation .otherOptions #flagmsg div { cursor: pointer; color: #0098D3; border: 1px solid #e7e7e7; padding: 0px 2px; height: 20px; line-height: 20px; border-width: 1px 1px 0px 1px; } #yssEvents .event .whenLocation .otherOptions #flagmsg div.last { border-width: 1px; } #yssEvents .event .whenLocation .otherOptions #flagmsg div:hover { color: #FF6600; } #yssEvents .event .whenLocation .otherOptions .option { color: #0098D3; cursor: pointer; } #yssEvents .event .whenLocation .otherOptions .option:hover { color: #FF6600; } #yssEvents .event .whenLocation .when { margin-right: 10px; } #yssEvents .event .whenLocation .when, #yssEvents .bottom .right .event .whenLocation .where { width: 144px; float: left; } #yssEvents .event p.eventdesc { max-height: 114px; overflow: hidden; line-height: 19px; margin-right: 10px; line-height: 19px; position: relative; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } #yssEvents .event p.eventdesc .readMore { position: absolute; bottom: 0px; right: 0px; color: #0098D3; cursor: pointer; background-color: #FFFFFF; } #yssEvents .event p.eventdesc .readMore:hover { color: #FF6600; } #yssEvents .event .markerIcon { position: absolute; top: 13px; left: 7px; height: 32px; width: 32px; overflow: hidden; } #yssEvents .event .where { margin-top: 10px; } #yssEvents .event .where, #yssEvents .event .date, #yssEvents .event .time { margin-bottom: 10px; } #yssEvents .event .where, #yssEvents .event .date, #yssEvents .event .time, #yssEvents .event .information { position: relative; } #yssEvents .event .where b,#yssEvents .event .when b, #yssEvents .event .information b { display: block; position: absolute; top: 0px; left: 0px; } #yssEvents .event .where .location,#yssEvents .event .when .dateRange, #yssEvents .event .when .timeFrame, #yssEvents .event .information .eventdesc { margin-left: 60px; } #yssEvents .header { min-height: 100px; position: relative; margin-bottom: 15px; } #yssEvents .header .image { height: 32px; width: 32px; margin: 0px auto; } #yssEvents .header h1 { text-align: center; margin: 0px 110px; } #yssEvents .header .myList { position: absolute; top: 18px; left: 40px; text-align: center; width: 66px; height: 47px; font-weight: bold; } #yssEvents .header .myList .image { background-position: -127px 0px; } #yssEvents .header .print { position: absolute; top: 18px; right: 40px; text-align: center; color: #0098D3; cursor: pointer; width: 66px; height: 47px; font-weight: bold; } #yssEvents .header .print:hover { color: #FF6600; } #yssEvents .header .print .image { background-position: -127px -63px; } #yssEvents .header #eventSubscribe { margin: -6px 110px 0px 110px; text-align: center; } #yssEvents .header #eventSubscribe .form { width: 312px; margin: 0px auto; border: none; } #yssEvents .header #eventSubscribe .form .inputHolder { border: 1px solid #e7e7e7; } #yssEvents .header #eventSubscribe .form .inputHolder .placeholder { height: 15px; line-height: 15px; top: 2px; left: 5px; } #yssEvents .header #eventSubscribe .form input[type=text] { width: 222px; padding: 3px 0px 3px 5px; } #yssEvents .header #eventSubscribe .form input[type=submit] { width: 80px; border-radius: 0px 3px 3px 0px; width: 80px; height: 22px; line-height: 22px; } #yssEvents .header #subLink { font-family: Georgia, Times, Serif; vertical-align: top; } #yssEvents .header #subLink b { font-family:"Helvetica Neue", Helvetica, Arial; vertical-align: top; } #yssEvents .left { float: left; width: 308px; margin-right: 10px; } #yssEvents .left .form { margin-top: 0px; width: 288px; min-height: 308px; padding: 10px; } html.ie7 #yssEvents .left .form .yssSearch { margin-top: -10px; } #yssEvents .left .form .element { float: left; margin-top: 10px; } #yssEvents .left .form .element.first { margin-right: 10px; } #yssEvents .left .form .element .inputHolder { border: 1px solid #e7e7e7; float: left; border-radius: 3px; overflow: hidden; } #yssEvents .left .form .element .inputHolder.keyWordsHolder { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #yssEvents .left .form .element input { float: none; width: 130px; padding-left: 5px; font-size: 16px; height: 18px; line-height: 18px; } #yssEvents .left .form .element input.keyWords { width: 189px; } #yssEvents .left .form .element select { width: 130px; height: 45px; line-height: 45px; border-radius: 3px; border: 1px solid #e7e7e7; overflow: hidden; } #yssEvents .left .form .element .title { margin-bottom: 5px; font-weight: bold; } #yssEvents .left .form .element .button { float: left; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 78px; padding: 0px; height: 44px; line-height: 44px; font-size: 18px; } #yssEvents .left .form .element .whenHolder { border-radius: 3px; border: 1px solid #e7e7e7; overflow:hidden; font-size: 16px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } #yssEvents .left .form .element .whenHolder a { color: #222A25; } #yssEvents .left .form .element .whenHolder .selected { background-color: #e7e7e7; box-shadow: inset 0px 0px 8px 1px #A5A1A1; } #yssEvents .left .form .element .whenHolder .theWeek { } #yssEvents .left .form .element .whenHolder .theWeek .filler { display: block; float: left; width: 39px; height: 40px; line-height: 40px; } #yssEvents .left .form .element .whenHolder .theWeek .arrow { display: block; float: left; width: 38px; text-align: center; height: 40px; line-height: 40px; } #yssEvents .left .form .element .whenHolder .theWeek .back { border-right: 1px solid #e7e7e7; } #yssEvents .left .form .element .whenHolder .theWeek .back .image { background-position: -104px -125px; width: 32px; height: 32px; margin: 8px auto 0px auto; } #yssEvents .left .form .element .whenHolder .theWeek .selectedWeek { display: block; float: left; height: 40px; line-height: 40px; width: 194px; text-align: center; overflow: hidden; } #yssEvents .left .form .element .whenHolder .theWeek .forward { border-left: 1px solid #e7e7e7; } #yssEvents .left .form .element .whenHolder .theWeek .forward .image { background-position: -104px -189px; width: 32px; height: 32px; margin: 8px auto 0px auto; } #yssEvents .left .form .element .whenHolder .theDays { border-top: 1px solid #e7e7e7; } #yssEvents .left .form .element .whenHolder .theDays .day { display: block; float: left; height: 40px; line-height: 40px; border-right: 1px solid #e7e7e7; text-align: center; width: 38px; } #yssEvents .left .form .element .whenHolder .theDays .day.last { border: none; } #yssEvents .left .form .element .whenHolder .mouse { cursor: pointer; } #yssEvents .left .form .element .whenHolder .mouse:hover { background-color: #e7e7e7; box-shadow: inset 0px 0px 8px 1px #A5A1A1; } #yssEvents .left .moreCities { margin-top: 10px; padding: 10px; width: 288px; background-color: #FFFFFF; border: 1px solid #E7E7E7; } #yssEvents .left .moreCities ul.nearByCities { } #yssEvents .left .moreCities ul.nearByCities a { display: list-item; float: left; width: 141px; overflow: hidden; height: 23px; line-height: 23px; position: relative; } #yssEvents .left .moreCities ul.nearByCities a.border { border-right: 1px solid #e7e7e7; } #yssEvents .left .moreCities ul.nearByCities a.pad { padding-left: 5px; } #yssEvents .left .moreCities ul.nearByCities a .ccn { position: absolute; top: 4px; right: 0px; background-color: #1fc82f; color: #FFF; padding: 2px; border-radius: 3px; font-size: 12px; height: 13px; line-height: 13px; } #yssEvents .left .moreCities ul.nearByCities a.border .ccn { right: 7px; } #yssEvents .left .moreCities ul.cityList { float: left; } #yssEvents .left .moreCities ul.cityList li { width: 145px; } #yssEvents .left .moreCities ul.cityList li.mcTitle { font-weight: bold; } #yssEvents .right .theMap { float: left; width: 640px; position: relative; margin-bottom: 10px; border-radius: 3px; overflow:hidden; background-color: #FFFFFF; } #yssEvents .right .theMap #map_canvas { width: 640px; height: 328px; } #yssEvents .right .theMap .cloneList { background-color: #FFFFFF; } #yssEvents .right { float: left; width: 640px; } #yssEvents .right .eventList { background-color: #FFFFFF; border-radius: 3px; overflow:hidden; border: 1px solid #E7E7E7; } #yssEvents .right .eventList .commonSearch { padding: 10px; } #yssEvents .right .nosales { } #yssEvents .right .mobileListing { display: none; text-align: center; font-weight: bold; line-height: 20px; height: 20px; margin-bottom: 12px; } #yssEvents .right #eventsmore { font-size:18px;font-weight:bold; border-top:1px dashed gray;padding:10px;margin-top:20px; } #linkUpgrade { } #linkUpgrade h1 { margin-bottom: 10px; padding-left: 45px; } #linkUpgrade .block { position: relative; padding: 5px 0px 0px 50px; min-height: 70px; margin-bottom: 15px; } #linkUpgrade .block .orangeText { color: #FF6600; vertical-align: top; font-size: 16px; font-weight: bold; } #linkUpgrade .block .number { width: 30px; height: 30px; line-height: 30px; font-size: 16px; border-radius: 50px; text-align: center; color: #FFFFFF; background-color: red; position: absolute; top: 0px; left: 0px; } #linkUpgrade .block textarea { width: 430px; min-height: 75px; background-color: #FFFFFF; border: 1px solid #e7e7e7; border-radius: 3px; resize: none; padding: 10px 10px 0px 10px; margin-left: 50px; } #linkUpgrade .block .form { margin: 30px 0px 0px 0px; width: 375px; } #linkUpgrade .block .form .inputHolder { margin-left: 5px; } #linkUpgrade .block .form input { width: 270px; } #linkUpgrade .block .form .button { width: 100px; font-weight: bold; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #linkUpgrade .block .theOr { width: 315px; height: 100px; line-height: 100px; text-align: center; color: #0098D3; font-size: 16px; font-weight: bold; } #linkUpgrade .block .emailUs { font-size: 16px; } #singleEvent { width: 904px; margin: 0px auto; padding: 10px 0px; } #singleEvent .sidePanel { margin:0px 10px 0px 10px; padding:10px; border:1px solid #e7e7e7; float:left; width: 200px; background-color: #FFFFFF; border-radius: 3px; } #singleEvent .sidePanel .option { color: #0098D3; cursor: pointer; display: block; } #singleEvent .sidePanel .option.print { margin-bottom: 10px; } #singleEvent .sidePanel .option:hover { color: #FF6600; } #singleEvent .sidePanel a.moreSales { margin-bottom:10px; display: block; } #singleEvent .sidePanel .flagEvent { margin-bottom:10px; } #singleEvent .sidePanel .socialMedia { } #singleEvent .sidePanel .socialMedia a { padding-right: 20px; } #singleEvent .sidePanel .socialMedia a.last { padding: 0px; } #singleEvent .sidePanel b.share { display: block; margin-bottom: 5px; } #singleEvent .details { border: 1px solid #e7e7e7; border-radius: 3px; background-color: #FFFFFF; float: left; padding: 10px; width: 630px; } #singleEvent .details p { line-height: 23px; } #singleEvent .details h1 { margin-bottom: 10px; } #singleEvent .details .block { margin-bottom: 10px; } #singleEvent .details .label { float: left; font-weight: bold; line-height: 23px; } #singleEvent .details .info { margin-left: 65px; line-height: 23px; } #singleEvent .details .imageHolder { text-align:center; } #singleEvent .details .imageHolder img { border:1px solid #AAAAAA; padding:5px; } /* UPLOAD PICTURE */ #uploadPicture h1 { margin-bottom: 10px; } #uploadPicture .picHolder { float: left; margin-right: 10px; border: 1px solid #e7e7e7; padding: 10px; background-color: #FFFFFF; border-radius: 3px; } #uploadPicture .picHolder #pic { width: 150px; height: 150px; border-top-right-radius: 3px; border-top-left-radius: 3px; } #uploadPicture .picHolder .button { float: none; border-top-right-radius: 0px; border-top-left-radius: 0px; } #uploadPicture .form { float: left; width: 201px; padding: 10px; margin-top: 0px; } #uploadPicture .form input { margin-bottom: 15px; } #uploadPicture .form .button { font-weight: bold; } /* SCAMS */ #scams h1 { margin-bottom: 10px; } #scams ul li { list-style: disc; margin: 5px 0px 5px 15px; font-family: Georgia, Times, Serif; } #scams .tipBlock { margin-bottom: 15px; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; } #scams .tipBlock .spaceTop { margin-top: 15px; } #scams .tipBlock .spaceBottom { margin-bottom: 15px; } /* ABOUT US */ .aboutUs { width: 312px; margin: 0px auto; } .aboutUs .page { margin-bottom: 10px; width: 312px; } .aboutUs .page img { max-width: 312px; float: left; margin-bottom: 5px; } .aboutUs .page.last img { float: none; } /* ACCOUNT CREDITS */ .accountCredits { max-width: 624px; } .accountCredits .creditInfo { float:left; width:309px; margin-right: 6px; } .accountCredits .creditInfo .balance { font-weight: bold; } .accountCredits .creditInfo .balance span { font-size: 30px; } .accountCredits .creditInfo .notes { background-color:#FFFFCC; border-bottom:1px solid orange; color:orange; padding:3px; font-size:10px; } .accountCredits .creditInfo .upgrade { padding: 10px;margin-top:20px; } .accountCredits .creditInfo .button { float: none; width: 309px; margin-bottom: 10px; min-height: 30px; line-height: 30px; } .accountCredits .creditInfo ul { margin-left: 17px; margin-bottom: 10px; } .accountCredits .creditInfo ul li { list-style: disc; } .accountCredits .creditInfo b.buy,.accountCredits .creditInfo b.earn,.accountCredits .creditInfo b.info { display: block; margin-bottom: 5px; } .accountCredits #accountCreditsTable { float:left; width:309px; } .accountCredits .theader { background-color:#CDFFC0; font-weight:bold; } .accountCredits .theader td { color:#008C22; } .accountCredits #buyplinkdiv { margin:10px; width: 120px; text-align: center; border: 0px solid #44AA44; } .feedentry {padding:10px;border:1px solid #EEEECC;border-bottom:0px solid white;} .entrydate {color:#44CC44;font-size:10px;} .entrylinks {float:right;} .chart { margin-top:20px; margin-bottom:20px; float: left; } /* MY RESPONSIVENESS */ .responsiveness { width: 320px; margin: 0px auto; } .responsiveness table { margin-left: 5px; } .responsiveness table .from { width: 175px; } .responsiveness table .from div, .responsiveness table .from a { height: 20px; line-height: 20px; overflow: hidden; width: 175px; } .responsiveness table .wait { width: 145px; } .responsiveness td, .responsiveness th { height: 20px; line-height: 20px; overflow: hidden; } .responsiveness th { text-align: left; } .responsiveness .failed { color: red; } .responsiveness ul { margin: 10px 0px 10px 20px; } .responsiveness ul li { list-style: disc; } /* LEADERBOARD */ #leaderboard{background-color:white;padding:10px;border:0px solid #008800;float:left;padding-top:10px; min-width: 280px; /*width:300px;*/} .l_block{float:left;width:150px;overflow:hidden;} .l_sub{font-size:12px;color:#AAAAAA;} .l_title{color:#AAAAAA;margin-top:10px;} .l_row{padding:3px;padding-left:10px;} .l_medal{float:left;width:13px;overflow:hidden; text-align:center;font-weight:bold;padding:4px;font-size:10px;} .l_name{line-height:15px;height:15px;padding:2px;border-bottom:1px solid #e7e7e7; font-weight:bold;float:left;width:100px;overflow:hidden;padding-left:10px;} .l_medal_1{background-color:gold;color:orange;} .l_medal_2{background-color:gold;color:orange;} .l_medal_3{background-color:gold;color:orange;} #l_help{padding:10px;padding-top:10px;} #l_help li{padding-top:5px;} .cleardiv{clear:both;} /* ACCOUNT CONFIRM */ .accountConfirm { max-width: 780px; } .accountConfirm ol { margin: 10px 0px 10px 20px; font-family: Georgia, Times, Serif; } .accountConfirm ol li { list-style: decimal; margin-bottom: 5px; } .accountConfirm .point { padding-left: 35px; position: relative; margin-bottom: 10px; } .accountConfirm .point .sprite { position: absolute; top: 0px; left: 0px; } .accountConfirm .point .title { font-size: 20px; height: 32px; line-height: 32px; margin-bottom: 3px; } /* FEED */ .feedPage { max-width: 624px; margin: 0px auto; position: relative; } .feedPage .button.build { position: absolute; top: 8px; right: 0px; height: 25px; line-height: 25px; padding: 0px 5px; } .feedPage #explain { display: none; margin-bottom: 10px; font-size: 16px; font-family: Georgia, Times, Serif; } .feedPage #explain b { display: block; margin-top: 10px; } .feedPage #explain ul { margin: 5px 0px 0px 20px; } .feedPage #explain ul li { list-style: disc; } .feedPage .questionBubble { position: absolute; top: 0px; left: 140px; cursor: pointer; } .feed { background-color: #F7F7F7; margin-top: 10px; } .feed .toTheTop { cursor: pointer; display: none; position: fixed; bottom: 0px; right: 10px; width: 62px; height: 33px; line-height: 40px; z-index: 300; text-align: center; font-size: 10px; background-color: #FFFFFF; border: 1px solid #0098D3; color: #0098D3; border-radius: 20px 20px 0px 0px; } .feed .entryShell { margin-bottom: 20px; position: relative; } .feed .entryShell:first-child { margin-top: 10px; } .feed .entry { background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7; border-radius: 3px; padding: 0px 0px 0px 0px; min-height: 72px; overflow: hidden; } .feed .entry:hover { outline: 2px solid #FFCC00; } .feed .entry .heading { position: relative; min-height: 40px; padding: 0px 32px 5px 50px; margin: 15px 0px 0px 0px; } .feed .entry .heading .accountLink { border-radius: 5px; overflow: hidden; height: 40px; width: 40px; display: block; position: absolute; top: 0px; left: 5px; } .feed .entry .heading .accountLink img { position: relative; border-radius: 5px; max-height: 40px; max-width: 40px; } .feed .entry .heading .title { color: #222A25; display: block; word-wrap: break-word; } .feed .entry .heading .title .seller, .feed .entry .heading .title .theObject { font-weight: bold; color: #222A25; } .feed .entry .heading .title .seller:hover, .feed .entry .heading .title .theObject:hover { color: #0098D3; } .feed .entry .imageHolder { overflow: hidden; height: 306px; display: block; background-position: center center; background-repeat: no-repeat; } .feed .entry .starTool { position: absolute; bottom: 0px; right: 0px; height: 25px; width: 25px; cursor: pointer; z-index: 100; background-color: rgba(255, 255, 255, 0.4); } .feed .entry .starTool .sprite { margin: -4px; } .feed .entry .starTool.search .sprite { background-position: -64px -2064px; } .feed .entry .starTool.seller .sprite { background-position: -64px -208px; } .feed .entry .starTool.item .sprite { background-position: -32px -2064px; } .feed .entry .time { position: absolute; top: 3px; right: 10px; font-size: 10px; color: #C4C4C4; } .feed .entry .favoriteHolder { position: absolute; top: 15px; right: 0px; height: 32px; width: 32px; cursor: pointer; } .feed .entry .favoriteHolder .favoriteStar { margin: 8px; } .feed .entryShell .additionalHolder { padding: 5px; border-radius: 3px; background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 0px 0px 3px 3px; border-width: 0px 1px 1px 1px; display: none; } .feed .entryShell .additional { float: right; width: 312px; } .feed .entryShell .additional .option { height: 25px; line-height: 25px; position: relative; display: block; color: #222A25; } .feed .entryShell .additional .option.unfollow, .feed .entryShell .additional .option.search,.feed .entryShell .additional .option.hide { cursor: pointer; color: #0098D3; } .feed .entryShell .additional .option.unfollow:hover, .feed .entryShell .additional .option.search:hover,.feed .entryShell .additional .option.hide:hover { color: #FF6600; } .feed .entryShell .additional .form { width: 312px; border-width: 0px; margin: 10px 0px; } .feed .entryShell .additional .form .button { margin-top: 11px; display: block; height: 20px; line-height: 20px; width: 60px; } .feed .entryShell .additional .form label { position: absolute; top: -7px; left: 0px; font-size: 10px; height: 10px; line-height: 10px; width: auto; background-color: #FFFFFF; } .feed .entryShell .additional .form input[type=text] { border: 1px solid #A9A9A9; border-radius: 2px; margin: 10px 0px 0px 0px; padding: 2px 0px 2px 3px; } .feed .entryShell .additional .form input[type=text],.feed .entryShell .additional .form select { width: 100%; } .feed .entryShell .additional .form select { margin-top: 10px; } .feed .entryShell .additional .form .formSection { width: 116px; padding: 0px 5px; position: relative; border: 1px solid #E7E7E7; border-width: 1px 0px 0px 0px; } .feed .entryShell .additional .option.email { padding-left: 18px; } .feed .entryShell .additional .option.email input { position: absolute; top: 6px; left: 0px; margin: 0px; } .feed .entryShell .toolTip { position: absolute; bottom: -14px; right: 40px; background-color: #FFFFFF; width: 145px; padding: 15px 5px 5px 5px; border: 1px solid #E7E7E7; border-radius: 3px; z-index: 200; } .feed .entryShell .toolTip .sprite { position: absolute; top: 50%; margin-top: -16px; right: -16px; background-position: -64px -464px; width: 32px; height: 32px; } .feed .entryShell .toolTip .exit { text-align: center; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; line-height: 20px; font-size: 16px; color: #E7E7E7; font-weight: bold; } .feedPage .suggestions { margin-bottom: 10px; overflow: hidden; max-height: 32px; } .feedPage .suggestions.full { max-height: 180px; } .feedPage .suggestions .suggest { border-radius: 3px; margin-bottom: 5px; float: left; width: 306px; cursor: pointer; position: relative; line-height: 30px; border: 1px solid #E7E7E7; } .feedPage .suggestions .suggest.active { -webkit-animation: slideFade .5s; -moz-animation: slideFade .5s; -o-animation: slideFade .5s; animation: slideFade .5s;} .feedPage .suggestions .suggest.clicked { border: 1px solid #FFCC00; } .feedPage .suggestions .suggest.clicked .star { background-position: -16px -400px; } .feedPage .suggestions .suggest:nth-child(even) { margin-left: 8px; } .feedPage .suggestions .suggest:hover { border: 1px solid #FFCC00; } .feedPage .suggestions .suggest .star { background-position: -16px -544px; position: absolute; top: 7px; left: 4px; } .feedPage .suggestions .suggest .defaultIcon { position: absolute; top: 7px; left: 4px; } .feedPage .suggestions .suggest .title { height: 30px; margin-right: 32px; padding-left: 24px; word-break: break-all; overflow: hidden; } .feedPage .suggestions .suggest .title:hover { color: #0098D3; } .feedPage .suggestions .suggest.clicked .title { margin-right: 0px; font-weight: bold; text-align: center; color: #FFCC00; } .feedPage .suggestions .suggest .divider { position: absolute; top: 5px; right: 32px; height: 20px; width: 1px; background-color: #E7E7E7; } .feedPage .suggestions .suggest .trashHolder { position: absolute; top: 0px; right: 0px; height: 30px; width: 32px; text-align: center; color: #C4C4C4; font-weight: bold; font-size: 16px; } .feedPage .suggestions .suggest .trashHolder:hover { color: #0098D3; } .feedPage .endOfFeed { text-align: center; margin: 20px 0px; font-weight: bold; } .feedPage #surveyMonkeyInfo { display: none; width: 619px !important; position: fixed; bottom: 0px; left: 50%; margin-left: -302px; background-color: #FFFFFF; z-index: 200; outline: 2px solid #FFFFFF; } .feedPage #surveyMonkeyInfo .button.black { float: none } .feedPage #surveyMonkeyInfo .button.black.hide { display: none; height: 30px; line-height: 30px; } .feedPage #surveyMonkeyInfo iframe { display: none; border: 1px solid #C4C4C4; border-radius: 3px; width: 100% !important; height: 400px !important; } .feedPage .loading { margin-top: 10px; } .feedPage .loading .button.white { float: none; margin-bottom: 10px; width: auto; } .feedPage .loading img { margin: 0px auto; display: block; width: 80px; } .feedPage #alerts { float: left; width: 306px; margin-top: 0px; position: relative; } .feedPage #alerts,.feedPage #map_canvas { margin-bottom: 10px; } .feedPage #alerts .metric { position: absolute; top: 12px; left: 35px; color: #E7E7E7; } .feedPage #alerts .maybe { position: absolute; top: 30px; left: 99px; width: 199px; z-index: 200; display: none; background-color: #FFFFFF; border: 1px solid #E7E7E7; } .feedPage #alerts .maybe .maybeThis { height: 20px; line-height: 20px; padding: 0px 5px; cursor: pointer; } .feedPage #alerts .maybe .maybeThis .trashHolder { position: absolute; top: 0px; right: 5px; } .feedPage #alerts .maybe .maybeThis:hover { background-color: #E7E7E7; } .feedPage #alerts label { width: 90px; } .feedPage #alerts input[type=text] { width: 200px; } .feedPage #alerts select { width: 200px; margin-top: 11px; } .feedPage #map_canvas { float: left; width: 308px; height: 184px; margin-left: 8px; } .feedPage .submit.full, .form .submit.full { width: 296px; } .feedPage #feed-peopleSearch,.feedPage #feed-itemSearch { display: none; float: left; height: 30px; line-height: 30px; width: 306px; margin-left: 8px; margin-top: 0px; border: 1px solid #E7E7E7; } .feedPage #feed-itemSearch { margin: 10px 0px 0px 0px; } .feedPage #feed-peopleSearch .divider,.feedPage #feed-itemSearch .divider { height: 20px; margin: 5px 0px; } .feedPage #feed-peopleSearch .placeholder,.feedPage #feed-itemSearch .placeholder { top: 7px; } .feedPage #feed-peopleSearch .inputHolder,.feedPage #feed-itemSearch .inputHolder { margin-left: 5px; } .feedPage #feed-peopleSearch input[type=text],.feedPage #feed-itemSearch input[type=text] { padding: 8px 0px; width: 267px; } html.ie7 .feedPage #feed-peopleSearch input[type=text],html.ie7 .feedPage #feed-itemSearch input[type=text] { width: 260px; } .feedPage #feed-peopleSearch .submitHolder,.feedPage #feed-itemSearch .submitHolder { float: left; cursor: pointer; } .feedPage #feed-peopleSearch .submitHolder .sprite,.feedPage #feed-itemSearch .submitHolder .sprite { margin-top: -2px; } .feedPage .button.facebook { display: none; height: 32px; line-height: 32px; width: 308px; } .feedPage .button.facebook img { margin-top: 10px; } /* UPDATE ADDRESS */ .updateAddress { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } .updateAddress .mapHolder { display: none; } #account .updateAddress .mapHolder { display: block; } #itemDetails .form.updateAddress .placeholder { top: 11px; left: 0px; } #itemDetails .form.updateAddress .submit { width: 198px; } .updateAddress #map_canvas { width: 310px; height: 150px; } /* EDIT ACCOUNT */ .editAccount { width: 312px; margin: 0px auto; -webkit-perspective: 2000px; } .editAccount .progress { border: 1px solid #E7E7E7; border-radius: 3px; position: relative; margin: 0px 10px 10px 10px; } .editAccount .progress .text { cursor: pointer; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center; line-height: 30px; } .editAccount .progress .bar { height: 30px; } .editAccount .progress .bar .part { float: left; height: 100%; width: 74px; background-color: #FFCC00; } .editAccount .eye .side { display: none; border-radius: 0px; min-height: 409px; position: relative; } .editAccount .eye .topOfCube { display: none; } .editAccount .eye.threed { position: relative; -webkit-transform: translateZ(-90px); -moz-transform: translateZ(-90px); -o-transform: translateZ(-90px); transform: translateZ(-90px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .5s linear; -moz-transition: -moz-transform .5s linear; -o-transition: -o-transform .5s linear; transition: transform .5s linear; width: 312px; height: 378px; } .editAccount .eye.threed .side { display: block; position: absolute; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .editAccount .eye.threed #profileHolder { -webkit-transform: translateZ(90px); -moz-transform: translateZ(90px); -o-transform: translateZ(90px); transform: translateZ(90px); } .editAccount .eye.threed .side.updateAccount { -webkit-transform: translate3d(78px,0px,-45px) rotate3d(0,1, 0, 120deg); -moz-transform: translate3d(78px,0px,-45px) rotate3d(0,1, 0, 120deg); -o-transform: translate3d(78px,0px,-45px) rotate3d(0,1, 0, 120deg); transform: translate3d(78px,0px,-45px) rotate3d(0,1, 0, 120deg); } .editAccount .eye.threed .side.updateAddress { -webkit-transform: translate3d(-78px,0px, -45px) rotate3d(0,1, 0, -120deg); -moz-transform: translate3d(-78px,0px, -45px) rotate3d(0,1, 0, -120deg); -o-transform: translate3d(-78px,0px, -45px) rotate3d(0,1, 0, -120deg); transform: translate3d(-78px,0px, -45px) rotate3d(0,1, 0, -120deg); } .editAccount .side label { width: 81px; } .editAccount .side input[type=text],.editAccount .side input[type=password] { width: 213px; } .editAccount .email, .editAccount .password { height: 40px; line-height: 40px; width: 210px; float: left; overflow: hidden; } .editAccount .picHolder img { position: relative; } .editAccount .updateAccount .button.white { height: 30px; line-height: 30px; float: none; margin: 10px; } #profileHolder { -webkit-backface-visibility:hidden; backface-visibility:hidden; } #profileHolder .updatePicture { margin-top: 0px; float: left; width: 150px; height: 150px; background-color: #F7F7F7; position: relative; } #profileHolder .updatePicture input[type=file] { position: absolute; top: 0px; left: -92px; opacity: 0.0; width: 150px; cursor: pointer; } html.ie7 #profileHolder .updatePicture input[type=file], html.ie8 #profileHolder .updatePicture input[type=file] { position: static; width: 312px; opacity: 1.0; } html.ie7 #profileHolder .updatePicture .upload, html.ie8 #profileHolder .updatePicture .upload { display: none; } #profileHolder .updatePicture .delete { display: none; } #profileHolder .updatePicture .upload { width: 60px; display: block; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; opacity: 0.9; height: 25px; line-height: 25px; } #profileHolder .uploading { display: none; position: absolute; left: 20px; right: 20px; height: 25px; line-height: 25px; bottom: 5px; z-index: 500; } .editAccount .changeEmail { margin-bottom: 33px; border-bottom: 1px solid #E7E7E7; } .editAccount #locationPrivacy { min-height: 32px; } .editAccount #locationPrivacy .basic { line-height: 32px; padding-left: 10px; margin-right: 32px; } .editAccount #locationPrivacy .morePrivacy { top: 0px; right: 0px; } .editAccount #locationPrivacy .privacy { left: 316px; top: -19px; } /* MY BLOCKED LIST */ #blockedList { max-width: 624px; } #blockedList b { margin-top: 15px; display: block; } #blockedList .table .row { position: relative; height: 38px; line-height: 38px; } #blockedList .table .row.none { text-align: center; } #blockedList .table .row.none:hover { padding: 1px; border: 1px solid #E7E7E7; color: #222A25; } #blockedList .table .row .column { overflow: hidden; float: none; } #blockedList .table .row .column.link { margin-right: 70px; padding-left: 10px; display: block; } #blockedList .table .row .column.remove { position: absolute; top: 0px; right: 10px; } #blockedList .table .row:hover .column.remove { top: -1px; right: 9px; cursor: pointer; } /* MEMBERSHIP */ .packages { margin: 10px 0px; } .packages .package { border: 1px solid #E7E7E7; border-width: 1px 1px 0px 1px; background-color: #F8F8F8; } .packages .package.subscription { margin-bottom: 15px; border-radius: 3px; border-width: 1px; } .packages .package.onemonth { border-radius: 3px 3px 0px 0px; } .packages .package:last-child { border-width: 1px; border-radius: 0px 0px 3px 3px; } .packages .package.selected { outline: 2px solid #FFCC00; } .packages .package.selected .popPayBox { display: block; } .packages .package .info { float: left; } .packages .package .button { float: right; border: none; height: 25px; line-height: 25px; padding: 0px 5px; font-size: 12px; } .popPayBox { display:none; padding: 0px 5px; } .popPayBox .or { text-align: center; float: left; width: 24px; line-height: 24px; width: 32px; } .popPayBox form { display: block; float: left; margin-bottom: 3px; } .popPayBox form button span { line-height: 23px !important; height: 24px !important; padding: 0px 6px; } .popPayBox form .button { margin: 0px !important; } .popPayBox form button, .popPayBox form .button { width: 123px !important; height: 24px !important; line-height: 24px !important; } #membership { max-width: 685px; } #membership h1 { text-align: center; margin-bottom: 65px; } #membership .level { border-radius: 3px; position: relative; background-color: #FFFFFF; } #membership .level h2 { text-align: center; font-family: "Domine", Georgia, Times, Serif; font-size: 28px; margin-bottom: 10px; } #membership .level .explain { line-height: 18px; text-align: center; margin-bottom: 10px; } #membership .level ul li { position: relative; padding-left: 32px; height: 32px; line-height: 32px; font-size: 18px; } #membership .level ul li.extra { display: none; } #membership .level ul li.more { color: #0098D3; cursor: pointer; } #membership .level ul li.more:hover { color: #FF6600; } #membership .level ul li .check { position: absolute; top: 0px; left: 0px; } #membership .level .button.expand { float: none; margin-top: 10px; } #membership .border { z-index: -1; } html.ie7 #membership .border { display: none; } #membership .free { width: 284px; padding: 11px; margin-right: 8px; border: 1px solid #E7E7E7; float: left; } #membership .free .top.border { width: 287px; height: 383px; position: absolute; top: -56px; left: -55px; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d378cd04537ecc68398806.png); } #membership .unlimited { width: 284px; padding: 10px; border: 2px solid #FFCC00; float: right; } #membership .unlimited .packages .package { line-height: 42px; } #membership .unlimited .packages .package .show_on_select { display: none; text-align: center; font-weight: bold; } #membership .unlimited .packages .package.selected .show_on_select { display: block; } #membership .unlimited .packages .package.selected .info { display: none; } #membership .unlimited .packages .package .popPayBox form button, #membership .unlimited .packages .package .popPayBox form .button { width: 119px !important; } #membership .unlimited .packages .package .popPayBox { line-height: normal; } #membership .unlimited .packages .package .info { padding: 0px 3px; } #membership .unlimited .packages .package .info.months { width: 73px; } #membership .unlimited .packages .package .info.ppm { width: 64px; } #membership .unlimited .packages .package .info.price { width: 44px; } #membership .unlimited .packages .package .info.bold { font-weight: bold; } #membership .unlimited .packages .package .button { width: 72px; margin: 9px 5px 0px 0px; } #membership .unlimited .top.border { width: 429px; height: 383px; position: absolute; top: -80px; left: -61px; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d37fd164537ecc68682565.png); } #membership .unlimited .bottom.border { width: 419px; height: 228px; position: absolute; bottom: -63px; left: -42px; background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d3904cb4537ecc66515368.png); } #membership .unlimited #buyMembership { display: none; } #membership .unlimited .credits { text-align: center; margin-top: 10px; } #membership .unlimited .credits .creditor { float: none; margin: 10px 0px; } #membership .unlimited .credits .creditor.disabled { pointer-events: none; opacity: 0.6; cursor: auto; } #membership .unlimited .credits .creditor .text { line-height: 20px; } #membership .unlimited .credits .creditor .confirm { display: none; } #membership .unlimited .credits .creditor.confirm .text { display: none; } #membership .unlimited .credits .creditor.confirm .confirm { display: block; } #membership .unlimited .otherWays { border: 1px solid #E7E7E7; position: relative; margin-bottom: 10px; border-width: 1px 0px; line-height: 32px; height: 32px; margin-left: -10px; width: 284px; padding: 0px 10px; } #membership .unlimited .otherWays .otherWay { font-size: 12px; font-weight: bold; position: absolute; top: 0px; } #membership .unlimited .otherWays .otherWay.cash { left: 10px; } #membership .unlimited .otherWays .otherWay.earn { right: 10px; } #membership .unlimited .otherWays .divide { color: #0098D3; padding: 0px 8px; font-weight: bold; position: absolute; top: -2px; left: 143px; } #membership .unlimited .lastly { line-height: 16px; font-size: 12px; } #membership .helpUsHelpYou { text-align: center; line-height: 20px; max-width: 500px; margin: 70px auto 0px auto; } /*ACCOUNT CREDITS*/ #accountCredits .packages { border-radius: 3px; border: 1px solid #E7E7E7; } #accountCredits .packages .package { border-width: 0px 0px 1px 0px; } #accountCredits .packages .package:last-child { border-width: 0px; } #accountCredits { max-width: 624px; } #accountCredits .section { border: 1px dotted #E7E7E7; padding: 10px; float: left; border-radius: 3px; } #accountCredits .section.credits { text-align: center; width: 290px; } #accountCredits .section.pendingItems { width: 280px; margin-left: 10px; min-height: 126px; } #accountCredits .section.packagesHolder { width: 290px; margin-top: 10px; } #accountCredits .section.terms { margin-left: 10px; margin-top: 10px; width: 280px; min-height: 143px; } #accountCredits .section.terms ul,#accountCredits .section.terms ol { margin-left: 20px; } #accountCredits .section.terms ul li { list-style: disc; } #accountCredits .section.terms ol li { list-style: decimal; } #accountCredits .section#history { margin-top: 10px; float: none; } #accountCredits .credits .creditor { float: none; margin: 10px 0px; } #accountCredits .credits .creditor.disabled { opacity: 0.6; pointer-events: none; cursor: auto; } #accountCredits .credits .button { float: right; width: 64px; border: none; height: 25px; line-height: 25px; margin: 5px 5px 0px 0px; padding: 0px 5px; font-size: 12px; } #accountCredits .credits .button .confirm { display: none; } #accountCredits .credits .button.confirm .text { display: none; } #accountCredits .credits .button.confirm .confirm { display: block; } #accountCredits .credits .price { float: left; padding: 0px 7px; height: 34px; line-height: 34px; } #accountCredits .credits .button.disabled { opacity: 0.6; pointer-events: none; cursor: auto; } #accountCredits .credits .button.shutdown { opacity: 0.6; pointer-events: none; cursor: auto; } #accountCredits .packages .package .info { padding: 0px 6px; height: 34px; line-height: 34px; } #accountCredits .packages .package .info.price .show_on_selected { display: none; } #accountCredits .packages .package .popPayBox form button, #accountCredits .packages .package .popPayBox form .button { width: 123px !important; } #accountCredits .packages .package.selected .info { float: none; text-align: center; } #accountCredits .packages .package.selected .info.price { width: auto; } #accountCredits .packages .package.selected .info.free { display: none; } #accountCredits .packages .package:last-child { border-bottom: 0px; } #accountCredits .packages .package .info.price { width: 134px; } #accountCredits .packages .package .info.free { font-weight: bold; } #accountCredits .packages .package .button { width: 59px; margin: 5px 5px 0px 0px; } /*ACCOUNT DASH*/ #accountDash .dash { position: relative; overflow: hidden; display: block; color: #222A25; width: 148px; height: 148px; border: 1px solid #E7E7E7; float: left; margin: 0px 3px 10px 3px; } #accountDash .dash.membership,#accountDash .dash.messageNotify, #accountDash .dash.credits,#accountDash .dash.response { text-align: center; } #accountDash .dash .callToAction { color: #0098D3; text-align: center; position: absolute; bottom: 8px; left: 0px; height: 20px; line-height: 20px; width: 100%; } #accountDash .dash .callToAction:hover { color: #FF6600; } #accountDash .dash:hover { outline: 2px solid #FFCC00; } #accountDash .dash .sprite { margin: 10px auto; } #accountDash .dash .importantNumber { font-size: 20px; } #accountDash .dash .odometer { visibility:hidden; position: relative; height: 32px; width: 64px; margin: 10px auto 3px auto; overflow: hidden; } #accountDash .dash .odometer .rotateGauge { height: 64px; width: 64px; } #accountDash .dash .odometer .half { position: absolute; overflow: hidden; height: 32px; width: 64px; } #accountDash .dash .odometer .half .meter { width: 44px; height: 44px; border: 10px solid #FFFFFF; border-radius: 50px; position: absolute; } #accountDash .dash .odometer .half.gauge { top: 0px; } #accountDash .dash .odometer .half.gauge .meter { border-color: #E7E7E7; } #accountDash .dash .odometer .half.fill { top: 32px; } #accountDash .dash .odometer .half.fill .meter { top: -32px; border-color: #FFCC00; } #accountDash .dash .line { position: relative; padding-left: 50px; } #accountDash .dash .line .count { position: absolute; top: 0px; left: 5px; width: 40px; text-align: right; font-weight: bold; } #accountDash .dash .postItem { display: block; text-align: center; margin-top: 8px; } #accountDash .dash.credits { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d397c0b4537ecc66087198.png); background-repeat: no-repeat; background-position: right; } #accountDash .dash.credits .text { margin: 28px 5px 0px 0px; } #accountDash .dash.money .text { margin: 45px 23px 0px 0px; text-align: center; } #accountDash .dash.money { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d39df1e4537ecc68733307.png), url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d3ad6cb4537ecc67975810.png); background-repeat: no-repeat; background-position: right top, left bottom; } html.ie7 #accountDash .dash.money { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d39df1e4537ecc68733307.png); background-repeat: no-repeat; background-position: right top; } #accountDash .dash.membership .text { margin: 33px 0px 0px 0px; text-align: center; font-size: 18px; } /* EARN */ #earn { max-width: 468px; margin: 0px auto; } #earn h1 { margin-bottom: 10px; } #earn .innerContainer { padding: 0px 6px; } #earn ol { margin: 10px 0px; } #earn ol li { margin-left: 20px; margin-bottom: 15px; list-style: decimal; } #earn .title { font-size:120%; font-weight:bold; } #earn .explain { } /* ITEM IMPORT */ #importItemWindow { display: none; max-width: 624px; margin-top: 25px; margin-bottom: 65px; border: 1px solid #e7e7e7; background-color: #FBFDFB; border-radius: 3px; padding: 10px; } #importItemWindow .inner { padding: 0px 6px; } #importItemWindow h3 { margin-bottom: 5px; } #importItemWindow #iitem .field { border: none; box-shadow: none; background-color: #FBFDFB; } #importItemWindow #iitem .field .filler { padding: 6px 0px; min-height: 17px; } #importItemWindow #iitem .images { display: none; } #importItemWindow #iitem .images .imported { float: left; margin: 0px 10px 10px 0px; } #importItemWindow #iitem .images #load_image { height: 80px; width: 80px; float: left; } #importItemWindow #import_form { position: relative; margin-top: 35px; } #importItemWindow #import_form .field { padding-right: 145px; border-radius: 3px 0px 0px 3px; } #importItemWindow #import_form input[type=submit] { position: absolute; top: 0px; right: 0px; padding: 0px; width: 145px; height: 29px; line-height: 29px; border-radius: 0px 3px 3px 0px; } #importItemWindow #import_message { margin: 20px 0px 35px 0px; } #importItemWindow #import_message .msg { margin: 0px 0px 5px 6px; } #importItemWindow .import_error { color: #FF6600; } #importItemWindow .import_complete b, #importItemWindow .import_complete a { margin-right: 10px; } #importItemWindow #iitem { display: none; margin-top: 20px; } /* ITEM FORM */ #itemform { max-width: 624px; } #itemform .inner { padding: 0px 6px; } #itemform .category_name { float: left; margin-right: 15px; } #itemform #change_category { float: left; } #itemform .field textarea { height: 125px; } #itemform .pictures { position: relative; } #itemform .pictures label { display: none; position: absolute;top: -16px; left: 6px; color: #939393; font-size: 12px; } #itemform .pictures #limit_reached { display: none; background: #FFFFFF; border: 1px solid transparent; text-align: center; } #itemform .pictures #limit_reached .text { margin-top: 30px; } #itemform .pictures #image_uploader .text { display: none; position: absolute; top: 50%; left: 50%; margin-left: -54px; margin-top: 16px; font-size: 22px; color: #1FC22F; } #itemform .pictures #image_uploader .camera { display: none; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; } #itemform .pictures .picture { height: 192px; width: 192px; border: 1px dashed #C7C7C7; float: left; margin: 5px; position: relative; overflow: hidden; background-color: #E7E7E7; border-radius: 3px; } #itemform .pictures .picture .image { background-repeat: no-repeat; background-position: center; height: 100%; } #itemform .pictures .picture .options { height: 32px; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; background: rgba(0, 0, 0, 0.4); } #itemform .pictures .picture .option { cursor: pointer; position: absolute; top: 0px; height: 32px; width: 32px; z-index: 200; } #itemform .pictures .picture .option .sprite { margin: 8px; } #itemform .pictures .picture .option.remove { right: 0px; } #itemform .pictures .picture .option.thumbnail { left: 50%; margin-left: -16px; } #itemform .pictures .picture .option.thumbnail .sprite { background-position: -16px -2000px; } #itemform .pictures .picture .option.rotate { left: 0px; } #itemform .pictures .picture.selected .option.thumbnail .sprite { background-position: -16px -2016px; } #itemform .pictures .picture.editing .options { display: none; } #itemform .pictures .picture.editing .option { display: none; } #itemform .pictures .picture.loading .load_wheel { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; } #itemform .pictures .picture.loading .progress { height: 20px; position: absolute; bottom: 10px; left: 10px; right: 10px; border: 1px solid #C7C7C7; border-radius: 3px; } #itemform .pictures .picture.loading .progress .bar { height: 100%; background: #0089D3; } #itemform .pictures.disabled .error_msg { color: red; text-align: center; margin: 20px 0px 32px; 0px; } #itemform .pictures.fancy { margin-top: 5px; } #itemform .pictures.fancy #image_uploader { border: 1px dashed #1FC22F; background-color: #FFFFFF; } #itemform .pictures.fancy #image_uploader input[type=file] { height: 192px; width: 278px; left: -86px; top: 0px; position: absolute; opacity: 0.0; cursor: pointer; } #itemform .pictures.fancy #image_uploader .text,#itemform .pictures.fancy #image_uploader .camera { display: block; } #itemform .pictures.old { margin-top: 20px; } #itemform .pictures.old label { display: block; } #itemform .pictures.old #image_uploader { margin-bottom: 15px; } #itemform .updateAddress { position: relative; } #itemform .updateAddress .required_update { display: none; text-align: center; margin: 10px 0px; color: #FF6600; } #itemform .updateAddress .privacy { } #itemform .updateAddress .privacy .text { font-family: Georgia, Times, Serif; line-height: 32px; padding-left: 10px; margin-right: 32px; text-align: center; font-size: 10px; } #itemform .updateAddress .privacy .tip { cursor: pointer; position: absolute; top: 0px; right: 0px; } #itemform .updateAddress .privacy .tip .sprite { } #itemform .updateAddress .privacy .explain { display: none; margin-bottom: 10px; font-family: Georgia, Times, Serif; text-align: center; } #itemform .updateAddress .toggle { display: none; } #itemform .updateAddress #map_field { padding: 0px; } #itemform .updateAddress .mapHolder .change { position: absolute; bottom: 10px; left: 50%; width: 150px; margin-left: -75px; z-index: 10000000000; height: 25px; line-height: 25px; border: 1px solid #000; } #itemform .updateAddress .mapHolder.updater .mapShell #map_canvas { width: auto; } #itemform .updateAddress .buttons { width: 300px; margin: 20px auto 10px auto; } #itemform .updateAddress .buttons input[type=submit] { margin: 0px; width: 192px; } #itemform .updateAddress .buttons .close { margin: 0px 0px 0px 10px; } #itemform .updateAddress.required .required_update { display: block; } #itemform .updateAddress.required label.piece { color: #FF6600; } #itemform .updateAddress.required .buttons .close { display: none; } #itemform .updateAddress.required .buttons input[type=submit] { float: none; width: 100%; } #itemform #itemLogin { width: 300px; margin: 0px auto; } #itemform #itemLogin .title { font-weight: bold; text-align: center; margin: 10px 0px; } #itemform #itemLogin .tabs { } #itemform #itemLogin .tabs .tab { cursor: pointer; float: left; border: 1px solid #E7E7E7; color: #0098D3; text-align: center; height: 22px; line-height: 22px; width: 143px; border-radius: 3px; } #itemform #itemLogin .tabs .tab:hover { color: #FF6600; } #itemform #itemLogin .tabs .tab:first-child { margin-right: 10px; } #itemform #itemLogin .tabs .tab.selected { background-color: #1fc22f; border: 1px solid #1fc22f; color: #FFF; } #itemform #itemLogin .tabs .tab.selected:hover { color: #FFFFFF; } #itemform #itemLogin #byAccount { display: none; } #itemform #itemLogin #byAccount input[type=submit] { float: none; display: block; width: 100%; padding: 0px; margin: 10px 0px; } #itemform #itemLogin #byEmail { } #itemform #verification { width: 300px; margin: 10px auto; } #itemform #verification .title { font-weight: bold; text-align: center; margin: 10px 0px; } #itemform #verification .mobile_number { position: relative; margin-right: 100px; border-radius: 3px 0px 0px 3px; } #itemform #verification #send_confirmation_code { border-radius: 0px 3px 3px 0px; position: absolute; top: 0px; right: -100px; height: 28px; line-height: 28px; width: 100px; } #itemform #verification #send_confirmation_code.disabled { pointer-events: none; opacity: 0.6; cursor: auto; } #itemform .personal { } #itemform .personal .field { float: left; width: 284px; } #itemform .personal .field .button.white { display: block; border: none; position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; height: auto; line-height: 27px; } #itemform .personal .field .exclude { display: none; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 32px; height: 27px; line-height: 27px; text-align: center; color: #0098D3; } #itemform .personal .field .exclude:hover { color: #FF6600; } #itemform .personal .field.first_name { margin-right: 15px; } #itemform .personal .field.include { } #itemform .personal .field.include .button.white { display: none; } #itemform .personal .field.include .exclude { display: block; } #itemform .video { } #itemform .video #video_uploaded { display: none; margin-bottom: 30px; } #itemform .video .load_wheel { } #itemform .video .oauth { display: none; } #itemform .video .allowed { display: none; } #itemform .video .progress { display: none; border: 1px solid #999999; border-radius: 3px; position: relative; } #itemform .video .progress .text { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; line-height: 30px; color: #222A25; text-align: center; } #itemform .video .progress .bar { height: 30px; } #itemform .video .progress .bar .percent { background-color: #0098D3; height: 100%; width: 0%; } #itemform .video #current_video { display: none; } #itemform .video #current_video #youtubeId { } #itemform .video #current_video .status { } #itemform .video #current_video .remove { } #itemform .video #video_upload_form { display: none; } #itemform .video #video_upload_form .field.file { margin-right: 103px; position: relative; padding: 6px; margin-bottom: 10px; border-radius: 3px 0px 0px 3px; } #itemform .video #video_upload_form input[type=file] { width: 100%; } #itemform .video #video_upload_form input[type=submit] { position: absolute; top: -1px; right: -103px; height: 35px; line-height: 35px; border-radius: 0px 3px 3px 0px; } #itemform .video #attach_video .field.file { margin-right: 103px; position: relative; padding: 6px; margin-bottom: 10px; border-radius: 3px 0px 0px 3px; } #itemform .video #attach_video input[type=file] { width: 100%; } #itemform .video #attach_video input[type=submit] { position: absolute; top: -1px; right: -103px; height: 35px; line-height: 35px; border-radius: 0px 3px 3px 0px; } #itemform .video #video_upload_form .disclaimer { font-size: 10px; line-height: 14px; margin-bottom: 25px; } #itemform .video.oauthed { } #itemform .video.oauthed .oauth { display: none; } #itemform .video.oauthed .allowed { display: block; } #itemform .video.hasVideo #current_video { display: block; } #itemform .video.hasVideo #video_upload_form, #itemform .video.hasVideo #attach_video { display: none; } #itemform .video.hasVideo .allowed { display: none !important; } #itemform .video.hasVideo .load_wheel { display: none; } #itemform #item_submit { float: none; width: 300px; margin: 10px auto; } #itemform #item_submit.l_disabled, #itemform #item_submit.m_disabled, #itemform #item_submit.loc_disabled { pointer-events: none; opacity: 0.6; cursor: auto; } #itemform .additionalNote { font-size: 12px; margin-bottom: 5px; text-align: center; } #newitem_cover { display: none; } #item_categories { z-index: 100000000000000; position: relative; display: none; padding: 20px; border-radius: 3px; width: 900px; background-color: #FFFFFF; margin: 80px auto; } #item_categories h1 { margin-bottom: 10px; } #item_categories #columns_holder { height: 490px; position: relative; } #item_categories .column { position: absolute; width: 180px; top: 0px; } #item_categories .column.col0 { left: 0px; } #item_categories .column.col1 { left: 180px; } #item_categories .column.col2 { left: 360px; } #item_categories .column.col3 { left: 540px; } #item_categories .column.col4 { left: 720px; } #item_categories .category { color: #0098D3; margin-bottom: 5px; position: relative; display: block; height:16px; line-height: 16px; } #item_categories .category .mobile { display: none; position: absolute; top: 0px; right: 15px; font-weight: bold; } #item_categories .category.highlight { color: #FF6600; } #item_categories .category.unpostable { pointer-events: none; cursor: auto; } #item_categories .category.unpostable:hover { color: #0098D3; } #item_categories .category.postable { cursor: pointer; } #item_categories .category.postable:hover { color: #FF6600; } #item_categories .category.highlight:hover { color: #0098D3; } #item_categories .category.level1 { font-weight: bold; } #item_categories .category.level2 { padding-left: 10px; } #reset_password { max-width: 312px; } #reset_password #success_msg { display: none; margin-top: 10px; border: 1px solid #FF6600; text-align: center; padding: 10px; } #messages { max-width: 768px; min-height: 400px; outline: 1px solid #000000; } #messages .inner { padding: 0px 4px; } #messages #actions { } #messages #actions .unconfirmed { } #messages #actions .unconfirmed .message { } #messages #actions .unconfirmed .message .text { } #messages #actions .unconfirmed .message .remove { } #messages #actions .unconfirmed .message .remove { } #messages #conversations { } #messages #conversation { } .load_wheel { background-image: url(https://a9b342703822313bd493-9c8de170feb0883ba5649f745b33cd82.ssl.cf2.rackcdn.com/47a02a1d147d524537ecc65366738.gif); height: 80px; width: 80px; } .betaTester { max-width: 624px; } .betaTester .beta { width: 312px; margin: 10px 0px; } .itemsIcon.large { background-position: -96px -336px; } .messageIcon.large { background-position: -224px -208px; } .responseTime.large { background-position: -64px -592px; } #changeEmailPage { } #changeEmailPage .contents { max-width: 312px; margin: 0px auto; } #changeEmailPage .button.green { margin-top: 10px; width: 100%; float: none; } /* PRINT RULES */ @media print { .nimbusHolder { display: none; } .bookooAd { display: none; } #rightCol { display: none; } #leftNavigation { display: none; } #headerStage { display: none; } #footerStage { display: none; } .footerV2 { display: none; } #middleColumn { margin: 0px; } #itemDetails .ownerButtons { display: none; } #itemDetails .breadcrumbs { display: none; } #itemDetails .messaging { display: none; } #itemDetails .next.button.green { display: none; } #itemDetails .footerAds { display: none; } #itemDetails .itemOptions { display: none; } #itemDetails .moreFromUser { display: none; } #timerTable { display: none; } #headerInstage, #footerStage { display: none; } #header1, #menu_bar, #footer { display: none; } #singleEvent .sidePanel { display: none; } #singleEvent .details { margin-left: 10px; } #singleEvent { width: 672px; } #wrapper .likebox { display: none !important; } #yssEvents .header, #yssEvents .left, #headerInstage, #footerStage { display: none; } #yssEvents .event p.eventdesc { overflow: auto !important; height: auto !important; } #yssEvents .event a.mapDetails { display: none; } #yssEvents .event p.eventdesc .readMore { display: none; } #yssEvents .event .whenLocation .otherOptions { margin-bottom: 10px; position: relative; } #yssEvents .event .image { display: none; } #header1, #menu_bar { display: none; } #container, #yssEvents, .likebox, #footer { background-color: #FFFFFF; } } /* RETINA SPRITES */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { .sprite { background-size: 176px 1144px; } #itemform .pictures .picture .option.thumbnail .sprite { background-position: -16px -1000px; } #itemform .pictures .picture.selected .option.thumbnail .sprite { background-position: -32px -1000px } .searchLense.medium { background-position: -80px -72px; } .questionBubble.medium { background-position: -48px -72px; } .check.medium { background-position: -112px -72px; } .x.medium { background-position: -144px -72px; } .blueX.small { background-position: -16px -680px; } .messageIcon.medium { background-position: -112px -104px; } .messageIcon.none.medium { background-position: -144px -104px; } .messageIcon.none.medium:hover { background-position: -144px -104px; } #availableIcon.medium { background-position: -48px -136px; } #availableIcon.medium.done { background-position: -80px -136px; } #availableIcon.medium.done:hover { background-position: -48px -136px; } #availableWarning.small { background-position: -32px -184px; } .swishArrowLeft.small { background-position: -16px -344px; } .defaultIcon.medium { background-position: -48px -104px; } .defaultIcon.small { background-position: -32px -104px; } .dropDown.small { background-position: -16px -216px; } .dropDownWhite.small { background-position: -32px -200px; } .dropDownBlack.small { background-position: -32px -216px; } .compact.small { background-position: -32px -8px; } .preview.small { background-position: -32px -24px; } .gallery.small { background-position: -32px -40px; } .viewSelector .view:hover .compact.small { background-position: -16px -8px; } .viewSelector .view:hover .preview.small { background-position: -16px -24px; } .viewSelector .view:hover .gallery.small { background-position: -16px -40px; } .viewSelector .view.selected .compact.small { background-position: -16px -8px; } .viewSelector .view.selected .preview.small { background-position: -16px -24px; } .viewSelector .view.selected .gallery.small { background-position: -16px -40px; } .picsOnly.medium { background-position: -144px -40px; } #search #picsOptions:hover .picsOnly.medium { background-position: -112px -40px; } #search #picsOptions.selected .picsOnly.medium { background-position: -112px -40px; } .camera.small { background-position: -16px -744px; } .map.small { background-position: -16px -776px; } .phone.small { background-position: -16px -760px; } #index .toggles #favorites .favoriteStar.small { background-position: -16px -200px !important; } .favoriteStar.small { background-position: -32px -264px; } .forward.small { background-position: -32px -712px; } .Facebook.small { background-position: -32px -360px; } .pinterest.small { background-position: -32px -392px; } .tweet.small { background-position: -32px -424px; } .flagPic.small { background-position: -32px -456px; } .favoriteHolder:hover .favoriteStar.small { background-position: -16px -280px; } .favoriteHolder.active:hover .favoriteStar.small { background-position: -16px -280px; } .favoriteHolder:active .favoriteStar.small { background-position: -16px -200px; } .favoriteHolder.active .favoriteStar.small { background-position: -16px -200px; } .itemOptions .option.forwardHolder:hover .forward.small { background-position: -16px -728px; } .itemOptions .option.fbHolder:hover .Facebook.small { background-position: -16px -376px; } .itemOptions .option.pinHolder:hover .pinterest.small { background-position: -16px -408px; } .itemOptions .option.tweetHolder:hover .tweet.small { background-position: -16px -440px; } .itemOptions .option.flagHolder:hover .flagPic.small { background-position: -16px -472px; } .itemOptions .option.forwardHolder:active .forward.small { background-position: -32px -728px; } .itemOptions .option.fbHolder:active .Facebook.small { background-position: -32px -376px; } .itemOptions .option.pinHolder:active .pinterest.small { background-position: -32px -408px; } .itemOptions .option.tweetHolder:active .tweet.small { background-position: -32px -440px; } .itemOptions .option.flagHolder:active .flagPic.small { background-position: -32px -472px; } .leftArrowPointer.medium { background-position: -144px -232px; } .leftArrowPointer.small { background-position: -16px -248px; } .homeIcon.small { background-position: -56px -328px; } .messageIcon.small { background-position: -16px -120px; } .itemMessages .messageIcon.small { background-position: -96px -120px; } .itemMessages:hover .messageIcon.small { background-position: -96px -104px; } .itemsIcon.small { background-position: -16px -168px; } .itemsIcon.medium { background-position: -48px -168px; } .itemsIconBlue.small { background-position: -120px -168px } .icon:hover .itemsIconBlue.small { background-position: -120px -184px } .favoriteIcon.small { background-position: -16px -264px; } .favoriteIcon.medium { background-position: -32px -528px; background-size: 352px 2288px; } .availabilityIcon.small { background-position: -16px -136px; } .availabilityIconBlue.small { background-position: -16px -152px; } .icon:hover .availabilityIconBlue.small { background-position: -32px -152px; } .friendsIcon.small { background-position: -16px -104px; } .comment.from .chatBubbleArrow { background-position: -40px -232px; } .comment.reply .chatBubbleArrow { background-position: -16px -248px; } .upArrowPointer.medium { background-position: -112px -232px; } .downCarrot.small { background-position: -32px -312px; } .pencilIcon.small { background-position: -16px -504px; } .trashIcon.small { background-position: -16px -520px; } .statsIcon.small { background-position: -16px -488px; } .itemOption:hover .pencilIcon.small { background-position: -32px -504px; } .itemOption:hover .trashIcon.small, .icon:hover .trashIcon.small { background-position: -32px -520px; } .itemOption:hover .statsIcon.small { background-position: -32px -488px; } .adminIcon.small { background-position: -16px -552px; } .deleteX.small { background-position: -16px -312px; } .rotateLeft.small { background-position: -16px -296px; } .credits.small { background-position: -16px -184px; } .responseTime.small { background-position: -32px -296px; } .menuIcon.medium { background-position: -80px -168px; } .southWestLeaf.medium { background-position: -80px -616px; } .northWestLeaf.medium { background-position: -48px -616px; } .northLeaf.medium { background-position: -112px -616px; } .eastLeaf.medium { background-position: -144px -616px; } .southWestLeaf.gold.medium { background-position: -80px -584px; } .northWestLeaf.gold.medium { background-position: -48px -584px; } .northLeaf.gold.medium { background-position: -112px -584px; } .eastLeaf.gold.medium { background-position: -144px -584px; } .backArrowCircle.small { background-position: -16px -328px; } .rightArrowCarrot.small { background-position: -16px -568px; } .messages .thread.actionNeeded .rightArrowCarrot.small { background-position: -32px -568px; } .messages .thread:hover .rightArrowCarrot.small { background-position: -64px -552px; } .messages .thread.selected .rightArrowCarrot.small { background-position: -64px -552px; } .email.small { background-position: -32px -344px; } .breadcrumbBack.small { background-position: -16px -536px; } .breadcrumbBack.medium { background-position: -112px -520px; } .breadcrumbs:hover .breadcrumbBack.small { background-position: -32px -536px; } #accountMessages #conversation .heading .picHolder.delete:hover .trashIcon { background-position: -32px -520px; } .block.small { background-position: -56px -520px; } .icon:hover .block.small { background-position: -56px -536px } .blueX.small { background-position: -16px -680px; } .facebookLogo.medium { background-position: -80px -904px; } .bookooLogo.medium { background-position: -48px -904px; } .goldCheck.medium { background-position: -80px -872px; } .family.medium { background-position: -48px -936px; } .multiHome.medium { background-position: -112px -872px; } .nortonIcon.medium { background-position: -112px -904px; } .lemon.medium { background-position: -48px -872px; } .play.medium { background-position: -144px -872px; } .locator.medium { background-position: -48px -840px; } #search .alert .alertBolt.small { background-position: -16px -280px; } #search .alert.active .alertBolt.small { background-position: -16px -200px; } #search .alert:hover .alertBolt.small { background-position: -16px -200px; } #search .alert.active:hover .alertBolt.small { background-position: -16px -280px; } .item_sharing .share.byFollow .favoriteStar.small { background-position: -16px -280px; } .item_sharing .share.byFollow:hover .favoriteStar.small { background-position: -16px -200px; } .item_sharing .share.byFollow.active .favoriteStar.small { background-position: -16px -200px; } .item_sharing .share.byFollow.active:hover .favoriteStar.small { background-position: -16px -280px; } .item_sharing .share.byEmail:hover .forward.small { background-position: -16px -728px; } .item_sharing .share.byFacebook:hover .Facebook.small { background-position: -16px -376px; } .item_sharing .share.byPin:hover .pinterest.small { background-position: -16px -408px; } .item_sharing .share.byTweet:hover .tweet.small { background-position: -16px -440px; } .item_sharing .share.byFlag:hover .flagPic.small { background-position: -16px -472px; } #sellerProfile .top .profileOptions .option.favoriteHolder .favoriteStar.small { background-position: -16px -280px; } #sellerProfile .top .profileOptions .option.favoriteHolder:hover .favoriteStar.small { background-position: -16px -200px; } #sellerProfile .top .profileOptions .option.favoriteHolder.active .favoriteStar.small { background-position: -16px -200px; } #sellerProfile .top .profileOptions .option.favoriteHolder.active:hover .favoriteStar.small { background-position: -16px -280px; } .feedPage .suggestions .suggest .star { background-position: -32px -264px; } .feedPage .suggestions .suggest.clicked .star { background-position: -16px -200px; } .feed .entry .starTool .sprite { background-position: -16px -216px; } #headerInstage .mobile.searchTool .sprite { background-position: -80px -72px; } #headerInstage .mobile.sellTool .sprite { background-position: -80px -968px; } #headerInstage .mobile.itemsTool .sprite { background-position: -48px -168px; } #headerInstage .mobile.joinTool .sprite { background-position: -48px -104px; } #headerInstage .mobile.accountTool .sprite { background-size: 352px 2288px; } #headerInstage .mobile.logInTool .sprite { background-position: -48px -104px; } #headerInstage .mobile.messageTool .sprite { background-position: -112px -104px; } #headerInstage .mobile.followTool .sprite { background-position: -48px -264px; } .availWarning { background-position: -32px -184px; } .feed .entry .starTool.search .sprite { background-position: -80px -1032px; } .feed .entry .starTool.seller .sprite { background-position: -64px -208px; background-size: 353px 2288px; } .feed .entry .starTool.item .sprite { background-position: -48px -1032px; } .sprite1 { background-size: 630px 489px; } #index .welcome .bottom { background-position: -19px 147px; } #index .welcome .QAHolder.link1 .question { background-position: -172px -236px; } #index .welcome .QAHolder.link2 .question { background-position: 0px -291px; } #index .welcome .QAHolder.link3 .question { background-position: -294px -191px; } #index .welcome .QAHolder.link4 .question { background-position: -352px -235px; } #index .welcome .learnMore { background-position: -169px -193px; } .cloud.blurred { background-position: -88px -166px; } .cloud.large { background-position: 2px -212px; } #titleContainer { background-position: -456px -349px; } #mainTree { background-position: -509px 3px; } #headerInstage .mobile.search .sprite { background-position: -80px -72px; } #headerInstage .mobile.post .sprite { background-position: -80px -968px; } #headerInstage .mobile.account .sprite { background-position: -112px -872px; } #headerInstage .mobile.items .sprite { background-position: -48px -168px; } #headerInstage .mobile.log .sprite { background-position: -48px -104px; } #headerInstage .mobile.join .sprite { background-position: -48px -104px; } #headerInstage .mobile.myMessage .sprite { background-position: -112px -104px; } #headerInstage .mobile.myMessage.none .sprite { background-position: -144px -104px; } #headerInstage .mobile.myFollowing .sprite { background-position: -48px -264px; } #headerInstage .mobile.myAvailability .sprite { background-position: -48px -136px; } #headerInstage .mobile.myAvailability.done .sprite { background-position: -80px -136px; } #accountMessages .messages.editing .rightHolder .sprite { background-position: -16px -520px; } #accountMessages .messages.editing .rightHolder:hover .sprite { background-position: -32px -520px; } #accountMessages #conversation .heading .follow .favoriteStar { background-position: -16px -280px; } #accountMessages #conversation .heading .follow:hover .favoriteStar { background-position: -16px -200px; } #accountMessages #conversation .heading .follow.active .favoriteStar { background-position: -16px -200px; } #accountMessages #conversation .heading .follow.active:hover .favoriteStar { background-position: -16px -280px; } }