/* this is the main CSS page. */ /* - - - - - - - - - - - - - - - - [ SEARCH BOX & RESULTS ] - - - - - - - - - - - - - - - - */ #cse-search-box input[type="text"] { background: none !important; } #cse-search-results { overflow: hidden; width: 720px !important; } div#cse-search-results iframe { width: 720px !important; } table.ra { display: none !important; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ LAYOUT ] - - - - - - - - - - - - - - - - */ body { padding: 20px; } #livein { border: 1px solid #EEEEEE; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; text-align: left; width: 960px;} #header { background: #EEEEEE; height: 140px; overflow: hidden; padding: 5px; position: relative; width: 950px; } #content { font-size: 0.9em; overflow: hidden; padding: 5px 0px 5px 0px; width: 960px; } #display { display: inline; float: left; min-height: 500px; padding: 5px 5px 5px 0px; position: relative; width: 715px; } .displayRight { display: inline; float: left; margin-bottom: 20px; position: relative; width: 100%; } /* - - - - - - - - - - - - - - - - [ FOOTER ] - - - - - - - - - - - - - - - - */ #footer { clear: both; font-size: .9em; line-height: 100%; overflow: hidden; padding: 5px; text-align: center; width: 950px; } #footerCopy { float: left; text-align: left; width: 30%; line-height:16px; } #footerLinks { float: left; margin: 0 auto; text-align: center; width: 300px; line-height:16px; } #footerTerms { float: right; text-align: right; width: 30%; line-height:16px; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ S I D E B A R ] - - - - - - - - - - - - - - - - */ #sidebar { background: #F4F4F4;color: #222222; border: 1px solid #EEEEEE; margin-left: 10px; padding: 5px 5px 5px 5px; float: left;display: inline; width: 218px; min-height: 500px; z-index:-10; } /* #sidebar a { text-transform:uppercase; } - - - - - - - - - - - - - - - - [ BLOCKS in SIDEBAR ] - - - - - - - - - - - - - - - - */ .block { display: inline; float: left; margin-bottom: 20px; width: 217px; } .block h3 { background: #FBFBFB; border-left: 4px solid #FFA500; font: normal 14px sans-serif; margin-bottom: 10px; padding: 5px; } .block ul { margin: 5px 0px 0px 15px; } .block ul li { } .block ul li a { } .block img { border: 1px solid #EEEEEE; float: left; margin-right: 5px; padding: 5px; width: 72px; } /*.block img { background: #FAFAFA; border: 1px solid #EEEEEE; display: inline; float: left; margin-right: 5px; padding: 5px; width: 72px; }-->*/ .block p.blockDescription { display: inline; float: left; font-size: .8em; width: 138px; } .block p.blockPrice { display: inline; float: left; font-size: 1.6em; font-weight: bold; width: 135px; } span#moreInfo { float: right; margin-top: 20px; } #fpOptions > div { height: auto; overflow: hidden; width: 228px; } #fpOptions li { display: inline; font-size: 1.3em; padding: 1px 3px 5px 3px; width: 33%; } #fpOptions ul { list-style: none; margin: 0; padding: 0; } #fullProfile { clear: left; } #contactSidebar, #sendSidebar { display: none; float: left; } .contact-sidebar-child, .send-sidebar-child { display: none; float: left; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ PREFERENCES ] - - - - - - - - - - - - - - - - */ .preferences { border: 1px solid #DDDDDD; margin: 3px 0px 0px 0px; overflow: hidden; padding: 10px; } #preferences ul { } #preferences ul.idTabs li { background: #DDDDDD; display: inline; font-size: 1.3em; padding-top: 3px; } #preferences ul.idTabs li a { background-color:#272622; color:#FFFFFF; padding: 3px 10px 3px 10px; } #preferences ul.idTabs li.ui-tabs-selected a { background: #EEEEEE; color: #0080C0; } #preferences ul.idTabs li a:hover { background: #FFFFFF; color: #0080C0; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ #addDescriptionBlock input { clear: both; float: left; margin-top: 10px; } #addDescriptionBlock textarea { clear: both; float: left; width: 143px; } #addDescription { clear: both; cursor: pointer; float: left; margin-top: 20px; } #post h1 a:hover { text-decoration: underline; } #post h2 a:hover { text-decoration: underline; } #post a.readMore { font-size: 1em; } #post a.readMore:hover { font-size: 1.1em; text-decoration: underline; } #post h1 a.CA { background: #DDDDDD; font-size: 1.4em; margin: 0px 0px 0px 70px; padding: 3px 5px 3px 5px; } #post h2 a.CA { background: #DDDDDD; font-size: 1.4em; margin: 0px 0px 0px 70px; padding: 3px 5px 3px 5px; } .paginate { margin: 40px 0px 0px 0px; text-align: center; } .paginate a:hover { color: #4A4A4A; text-decoration: underline; } #post span { margin: 0px 0px 0px 20px; } #post3, #post1 p, #post2 { margin-top: 10px; } /* - - - - - - - - - - - - - - - - [ PROMO / SOCIAL BLOCK ] - - - - - - - - - - - - - - - - */ #socialBlock { margin: 0 auto; position: relative; text-align: center; width: 100%; } #socialBlock a { display: inline; font-size: 1.2em; line-height: 150%; padding: 0px 0px 0px 0px; text-align: center; width: auto; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ FRONTPAGE BLOCKS ] - - - - - - - - - - - - - - - - */ .fpbl { border: 1px solid #FFFFFF; display: inline; float: left; height: 150px; margin: 0px 0px 5px 0px; padding: 1px; width: 351px; } .fpbl h3, .fpbr h3 { background: #777777; color: #EEEEEE; font-size: 1em; line-height: 120%; padding: 5px 5px 5px 7px; text-transform: uppercase; } .fpbl a, .fpbr a { font-size: 1em; font-variant: normal; text-transform: capitalize; } .fpbr { border: 1px solid #FFFFFF; display: inline; float: left; height: 150px; margin: 0px 0px 5px 5px; padding: 1px; width: 351px; } #homePageNews, #homePageEvents { display: inline; float: left; height: 125px; overflow: hidden; } /* this rule hide some of the post. height:125px is related to the entire block. */ /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ LISTINGS PRICE SLIDER ] - - - - - - - - - - - - - - - - */ .indicator { background: #FF9900; border: none; font-size: 1px; height: 10px; overflow: hidden; position: absolute; width: 20px; } .indicator:focus { background: #FF0000; } #indicator3, #indicator1, #indicator2 { background-color: #272622 } .slider4 { background: #EEEEEE; border: 0px hidden #000000; height: 10px; position: relative; width: 316px; } /* - - - - - - - - - - - - - - - - [ BREADCRUMBS ] - - - - - - - - - - - - - - - - */ #breadcrumbs { display: block; font-size: .8em; } #breadcrumbs a { color: #0000FF; } #breadcrumbs a:hover { color: #000000; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ SITEMAP ] - - - - - - - - - - - - - - - - */ ul#sitemap li { display: inline; float: left; list-style: none; margin: 5px; width: 90%; } ul#sitemap li a { background: #F9F9F9; border-left: 4px solid #DDDDDD; color: #555555; display: inline; float: left; padding: 3px 50px 3px 6px; font-size: 1.4em; line-height: 140%;} ul#sitemap li a:hover { background: #EEEEEE; border-left: 4px solid #CCCCCC; padding: 3px 50px 3px 10px; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - [ TESTIMONIALS ] - - - - - - - - - - - - - - - - */ .testimonialsBlock p { display: inline; float: left; font-style: italic; line-height: 130%; margin: 0px; text-align: left; width: 100%; } p.testimonialsInfo { border-top: 1px solid #EEEEEE; display: inline; float: left; font-size: 1.2em; font-weight: bold; line-height: 100%; margin-bottom: 60px; padding: 3px 35px 0px 0px;; text-align: right; width: 95%; } /* = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = */ /* - - - - - - - - - - - - - - - - - - - GENERAL CODE USED ON LIVEINSKIN.XLSUITE.COM - - - - - - - - - - - - - - - - - */ a.forgotPass { clear:left; margin-top:10px; } /* forgot password link */ #avatarFp { display: inline; float: left; margin: 5px; width: 80px; } /* featured bussines */ #detailsFp { display: inline; float: left; height: 110px; margin-top: 10px; overflow: hidden; width: 260px; } #detailsFp li { color: #777777; display: inline; float: left; font-size: 1em; list-style: none; width:230px;} #detailsFp li span { color: #555555; display: inline; float: left; font-weight: bold; width: 90px; } #detailsFp p { color: #555555; font-weight: bold; } /* featured bussines EOF */ img.stars { border: none !important; clear: none !important; margin-top: -18px !important; } /*stars rating*/ #displayLeftNews iframe { margin: 0px 0px 7px 12px; } /* iframe for single article page */ /* write a comment block */ #writeComment { display: none; float: left; margin: 0px 0px 0px 0px; overflow: hidden; width: 492px; } #writeComments { display: none; float: left; margin: 0px 0px 0px 0px; overflow: hidden; width: 445px; } /* other related news */ .related { display: inline; float: left; margin-bottom: 6px; width: 99%; } .related h3 { background: #EEEEEE; font-size: 1.8em !important; line-height: 120%; margin: 5px 0px 10px 0px; overflow: hidden; padding-left: 5px; } .related h3 span { color: #4A4A4A; display: inline; float: right; font: 10px sans-serif; margin: -15px 5px 0px 0px; text-transform: uppercase; } .related h5 { border-bottom: 1px solid #DDDDDD; color: #4A4A4A; font-size: 1.5em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; } .related p { font-size: 1.1em; margin: 5px 0px 10px 0px; } #relatedBlock { display: none; float: left; } .topComment { background: #EEEEEE; display: inline; float: left; overflow: hidden; width: 100%; } .topComment h3 { display: inline; float: left; font-size: 1.25em !important; line-height: 100% !important; margin: 5px 0px 5px 0px !important; padding-left: 5px; width: 200px; } .topComment a { color: #0080C0; display: inline; float: left; font: 10px sans-serif; margin: 9px 0px 0px 0px; text-align: right; text-transform: uppercase; width: 280px; } /* write a comment eof */ /* CSS for some pages from blogs , profiles, directory and listings */ #editBlog img { display: inline; float: left; height: 22px; margin-top: 2px; width: 22px; } #blogNewPage iframe { border: 1px solid #EEEEEE; display: inline; float: left; } #blogNewPage .x-toolbar { display: inline; float: left; overflow: hidden; width: 593px; } #blogNewPage table { float: left; overflow: hidden; } #blogNewPage .x-html-editor-wrap { display: inline; float: left; margin: 30px 0px 0px 10px; overflow: hidden; } a.backBlogs { display: inline; float: left; width: 100%; } #blogNewPage { width: 100%; /* width for blogs/posts/new */ } #blogNewPage form a img { display: inline; height: 25px; margin-top: 3px; width: 22px; } #blogNewPage table.listTable { margin-top: 10px !important; width:100%;} #blogNewPage table.listTable thead td { background: #EEEEEE; font-weight: bold; padding: 5px; } #blogNewPage table.listTable tbody td { border-bottom: 1px solid #EEEEEE; padding: 3px; } #blogNewPage table.listTable tbody td a { display: inline; font-weight: bold; letter-spacing: 1px; padding: 0px; text-transform: uppercase; } #blogNewPage h2 { float:left; display:inline; width:100%;} #blogNewPage table.listTable tbody td a:hover { background: #FFA500; color: #FFFFFF; } .titleimg {position:absolute; top:210px; left:1px; z-index:1; width:899px; height:39px;} .titleimg p.phone { position:absolute; top:10px; right:60px; color:#E54B31; font-size:17px; font-weight:bold;} .titleimg p.icons { position:absolute; top:10px; right:10px; padding-top:5px; } ul#smallMenu li a {text-transform:capitalize; font-size:11px;} ul#smallMenu { margin-left:0px !important; padding-left:17px;}