/* Theme name: Sport Swap Description: Custom Theme */ /* WordPress Default styles */ @import url('wp-default.css'); /* Globals */ * { padding: 0; margin: 0; outline: 0; } body { font: 12px/16px Helvetica, Arial, sans-serif; color: #000; background: #f1f1e6; text-align: left; } body, html { height: 100%; } a { color: #ccc; cursor: pointer; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0; } a.img img { display: block; border: 1px solid #ccc; } input, select, textarea { font: 11px Helvetica, Arial, sans-serif; color: #000; } .field, textarea { background: #fff; border: 1px solid #ccc; } input.checkbox, input.radio { float: left; display: inline; height: 13px; width: 13px; margin: 2px 5px 0 0; } label.checkbox, label.radio { float: left; display: inline; line-height: 13px; } input.submit { border: 0; cursor: pointer; } select::-moz-focus-inner, button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0px !important; border: 0px none !important; } textarea { overflow: auto; } fieldset { border: 0; padding-bottom: 15px; } ul, ol { list-style: none outside none; } .ar { display: block; text-align: right; } .al { display: block; text-align: left; } .ac { display: block; text-align: center; } .fr { float: right !important; display: inline; } .fl { float: left !important; display: inline; } .cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .hidden { display: none; } .rel { position: relative; } .shell { width: 960px; margin: 0 auto; } h2, h3, h4, h5 { } h2 {} h3 {} h4 {} h5 {} p { padding-bottom: 15px; } small { font-size: 10px; } #page { min-height: 100%; position: relative; height: auto !important; height: 100%; margin: 0 auto -45px; } .top-btn { position: absolute; top: -6px; right: 30px; z-index: 9999; width: 67px; font-size: 16px; height: 45px; line-height: 45px; border-top: 0 !important; color: #fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; text-align: center; } /*.admin-bar .top-btn { top: 22px; }*/ .top-btn:hover { text-decoration: none; top: 0; } /*.admin-bar .top-btn:hover { top: 28px; }*/ .login-btn, .logout-btn { z-index: 3; right: 168px; background: #1aaa4c url(images/btn-login.png) repeat-x 0 bottom; border: 1px solid #1bc553; } .logout-btn { right: 196px; } .signup-btn, .dashboard-btn { z-index: 2; right: 99px; background: #237acb url(images/btn-signup.png) repeat-x 0 bottom; border: 1px solid #2375da; } .dashboard-btn { width: 95px; } .donate-btn { z-index: 1; background: #ec7200 url(images/btn-donate.png) repeat-x 0 bottom; border: 1px solid #fd8e2f; } h1#logo { padding: 165px 0 20px; margin: 0 auto; width: 477px; } h1#logo a { display: block; position: relative; margin-left: -2px; } .search { width: 1029px; min-height: 120px; margin: 0 auto; background: url(images/search-shadow.png) no-repeat 0 15px; } .search .field { float: left; display: inline; position: relative; overflow: hidden; width: 330px; padding: 0 16px; margin: 0 7px 0 284px; height: 38px; background: url(images/search-field-bg.png) repeat-x 0 0; border: 2px solid #fff; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); box-shadow: inset 0 2px 2px rgba(0,0,0,.75); } .search .nav li a:hover { text-decoration: none; background-position: 0 -33px; } .search .field input { display: block; width: 100%; padding: 10px 0 9px; border: 0; font-size: 15px; color: #042a46; text-align: center; background: none; } .search .selectbox { position: relative; float: left; display: inline; width: 144px; padding: 0 0 0 16px; height: 39px; background: url(images/search-field-bg.png) repeat-x 0 0; border: 2px solid #fff; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); box-shadow: inset 0 2px 2px rgba(0,0,0,.75); } .search .selectbox .currentItem { display: block; height: 39px; line-height: 39px; font-size: 15px; color: #042a46; background: url(images/bullet.png) no-repeat 119px center; } .search .nav li a:hover { text-decoration: none; background-position: 0 -33px; } .search .selectbox .list { border: 2px solid #fff; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; } .search .selectbox .list, .add-edit-listing .selectbox .list, .advanced-search .search-header .select-sport .list { width: 156px; height: 300px; overflow-y: auto; } .search .selectbox li { } .search .selectbox li a { display: block; padding: 6px 0 6px 13px; background: #eeeee1; border-bottom: 1px solid #fff; } .search .selectbox li a:hover { background: #fdfdfc !important; } .search .selectbox li.first a { -moz-border-radius: 15px 0 0 0; -webkit-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; } .search .selectbox li.last a { -moz-border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; border-radius: 0 0 0 15px; border: 0; } .search .selectbox .list ul li a:hover { text-decoration: none; background: url(images/selectbox-list-arrow.png) no-repeat 0 4px; color: #000; } .selectbox { position: relative; } .selectbox select { display: none; } .selectbox .list { display: none; position: absolute; top: 100%; left: 0; z-index: 100; } .selectbox .list ul { list-style: none outside none; font-size: 15px; line-height: 25px; } .selectbox .list ul li { } .selectbox .list ul li a { color: #424242; display: block; } .search .nav { text-align: center; padding: 12px 0; font-size: 0; line-height: 0; } .search .nav li { display: inline; margin: 0 2px; vertical-align: top; } .search .nav li a, .search .nav li input { position: relative; display: inline-block; padding: 0 20px; height: 33px;/* background: url(images/btn-1.png) repeat-x 0 0;*/ background:#F65C9B; border: 2px solid #fff; font-size: 15px; line-height: 33px; color: #fff; font-weight: bold; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; /*-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.75); box-shadow: inset 0 2px 2px rgba(0,0,0,.75);*/ } .search .nav li input { height: 37px; cursor: pointer; } .search .nav li a:hover, .search .nav li input:hover { text-decoration: none; background-position: 0 -33px; } a.advanced { font-size: 14px; font-weight: bold; color: #545353; text-decoration: underline; } a.advanced:hover { text-decoration: none; } .single-field .field { margin: 0 auto; float: none; display: block; } .multi-field .search-category-holder { width: 538px; margin: 0 auto; } .multi-field .search-category-holder .field { margin-left: 0; display: inline-block; zoom: 1; *display: inline; } .multi-field .search-category-holder .selectbox { display: inline-block; zoom: 1; *display: inline; } /* Content */ #content { width: 890px; padding: 35px 0 0; margin: 0 auto; } .mainbox { position: relative; border: 1px solid #e5e5dd; background: #fffff6; padding: 40px 35px; height: 100%; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.20); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.20); box-shadow: inset 0 0 5px rgba(0,0,0,.20);} .box-title { position: absolute; top: -4px; left: 20px; height: 25px; padding: 0 12px; background: url(images/box-title-bg.png) repeat-x 0 0; font-size: 12px; font-weight: bold; line-height: 25px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.20); border: 1px solid #18a046; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); } .box-title-fixed-width { width: 147px; padding: 0; text-align: center; } .wrapper-830 { width: 830px; padding: 15px 0; margin: 0 auto; } h2.section-title { margin: 0 0 10px; font: bold 18px Arial, sans-serif; color: #565656; text-transform: uppercase; text-shadow: 0 1px 2px rgba(33,30,31,.59); } h3.section-title, #content .advertise h3, #content .post .entry-general h3 { margin: 0 0 20px; font: bold 18px Arial, sans-serif; color: #1cb153; text-transform: uppercase; } #content .post .entry-general a { color: #434343; } .table-container { margin: 0 0 7px; } .table-container th { padding: 0 0 7px; text-transform: uppercase; font-weight: bold; text-align: left; color: #565656; } .table-container th.sort span { padding: 0 17px 0 0; background: url(images/bullet-6.png) no-repeat right 2px; cursor: pointer; } .table-container .container { position: relative; overflow-y: scroll; padding: 5px 15px; width: 798px; height: 160px; border: 1px solid #cccbc4; background: #fffff6; -moz-box-shadow: inset 0 0 2px rgba(34,30,31,.30); -webkit-box-shadow: inset 0 0 2px rgba(34,30,31,.30); box-shadow: inset 0 0 2px rgba(34,30,31,.30);} .table-container .container td { padding: 2px 0; font: 14px "AllerRegular", Arial, sans-serif; color: #565656; border-bottom: 2px solid #f7f7ee; } .table-container .container td a { color: #139e46; } .table-container .container td span { position: relative; } .table-container .container td span a { color: #565656; display: inline-block; position: relative; } ul.condition { } ul.condition li { display: inline; } .table-container .jspPane { padding: 2px 15px 15px !important; } .table-container .jspVerticalBar { width: 25px; background: url(images/table-container-border.png) no-repeat 0 0; } .table-container .jspVerticalBar .jspTrack { background: none; } .table-container .jspVerticalBar .jspDrag { background: none; } .table-container .jspVerticalBar .jspArrow { width: 25px; height: 25px; } .table-container .jspVerticalBar .jspArrowUp { background: url(images/bullet-7.png) no-repeat center center; } .table-container .jspVerticalBar .jspArrowDown { background: url(images/bullet-6.png) no-repeat center center; } .table-action { position: relative; z-index: 2; } .table-action label { float: left; display: inline; width: 57px; margin: 0 6px 0 0; font: bold 10px/20px Arial, sans-serif; color: #a4a4a4; text-align: right; text-transform: uppercase; } .table-action .selectbox { float: left; display: inline; width: 110px; height: 18px; background: #fff; border: 1px solid #85cd98; } .table-action .selectbox .currentItem { display: block; padding: 0 0 0 6px; background: url(images/bullet-8.png) no-repeat right center; font: italic 10px/18px Arial, sans-serif; color: #565656; text-transform: uppercase; } .table-action .selectbox .list { border: 1px solid #85cd98; background: #fff; left: -1px; width: 100%; } .table-action .selectbox .list li { padding: 0 0 2px; background: url(images/actions-select-separator.png) no-repeat center bottom; } .table-action .selectbox .list li:last-child { padding: 0; background: none; } .table-action .selectbox .list li a { display: block; padding: 0 6px; font: italic 10px/16px Arial, sans-serif; color: #565656; text-transform: uppercase; } .table-action .selectbox .list li a:hover { text-decoration: none; background: #cfeed3; } .table-action .submit { float: left; display: inline; width: 26px; height: 20px; margin: 0 0 0 10px; border: 1px solid #15943f; background: url(images/btn-4.png) repeat-x 0 0; font: bold 10px Arial, sans-serif; color: #fff; text-transform: uppercase; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.20); box-shadow: 0 1px 1px rgba(0,0,0,.20); } .table-action .submit:hover { background-position: 0 -20px; } .table-tooltip { position: absolute; width: 173px; height: 155px; padding: 9px; background: url(images/tooltip.png); } /* Advanced Search */ .advanced-search {} .advanced-search .search-header { margin: 0 0 15px; min-height: 82px; background: #ebebe2 url(images/advanced-search-header.png) repeat-x 0 0; border: 1px solid #dadad3; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24); box-shadow: 0 2px 2px rgba(0,0,0,.24); } .advanced-search .column-left { float: left; display: inline; width: 412px; padding: 14px 0 0 0; background: url(images/advanced-search-header-separator.png) no-repeat right center; } .advanced-search .search-header label { float: left; display: inline; margin: 0 7px 0 0; font: bold 12px Arial, sans-serif; color: #606060; text-transform: uppercase; line-height: 25px; } .advanced-search .search-submit { position: relative; padding: 0 85px; display: block; margin: 0 auto 20px; height: 42px; width: 241px; } .advanced-search .search-header label.leader { font-size: 14px; } .advanced-search .search-header .column-left label { width: 107px; text-align: right; } .advanced-search .search-header .field { float: left; display: inline; padding: 5px 6px 4px; margin: 0 0 6px; width: 268px; border: 1px solid #cbcbc6; background: #fff; font: 10px Arial, sans-serif; color: #606060; } .advanced-search .search-header .field-2 { width: 80px; } .advanced-search .search-header label.or { width: 35px; text-align: center; margin: 0; } .advanced-search .search-header .selectbox { float: left; display: inline; margin: 0 5px 0 0; min-width: 47px; height: 23px; background: #fff; border: 1px solid #c6c6c0; } .advanced-search .search-header .selectbox .currentItem { display: block; padding: 0 17px 0 6px; line-height: 23px; font-size: 10px; color: #606060; background: url(images/bullet-2.png) no-repeat right center; min-width: 19px; } .advanced-search .search-header .selectbox .list { position: absolute; top: 100%; left: -1px; width: 100%; border: 1px solid #c6c6c0; background: #fff;} .advanced-search .search-header .selectbox .list a { padding: 0 0 0 6px; font-size: 10px; color: #606060; } .advanced-search .search-header .column-left span { float: left; display: inline; margin: 0 5px 0 0; font-size: 9px; color: #606060; line-height: 23px; } .advanced-search .search-header .field-3 { width: 35px; } .advanced-search .search-header .field-4 { width: 110px; margin: 0 13px 10px 0; } .advanced-search .search-header .column-right { float: right; display: inline; width: 380px; padding: 17px 14px 0 0; } .advanced-search .search-header .select-sport { width: 112px; margin: 0; } .advanced-search .search-header .select-date { width: 53px; } .advanced-search .search-header .field-5 { width: 60px; margin: 0 8px 0 0; } .advanced-search .search-header .field-6 { width: 40px; margin: 0 4px 0 0; } .advanced-search .search-header .field-7 { width: 40px; margin: 0 !important; } .search-results th { padding: 0 0 12px; font-size: 12px; font-weight: bold; color: #1cb153; text-align: left; text-transform: uppercase; } .search-results th:first-child { padding-left: 15px; } .search-results th.sort span { cursor: pointer; padding: 0 15px 0 0; background: url(images/bullet-3.png) no-repeat right center; } .search-results h3 { font: 14px "AllerRegular", Arial, sans-serif; color: #1cb153; } .search-results h3 a { color: #1cb153; } .search-results td { padding: 12px 0; font: 14px "AllerRegular", Arial, sans-serif; color: #4c4c4c; } .search-results td li { display: inline; } .search-results .image { margin-left: 16px; width: 77px; } .image { position: relative; margin: 0 0 0 7px; } .image img { border: 1px solid #e3e3db; } .thumb { background: transparent; position: absolute; top: -7px; left: -7px; width: 79px; height: 79px; border: 7px solid #fffffb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.18), 0 0 20px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.18), 0 0 20px rgba(0,0,0,.15); box-shadow: inset 0 0 5px rgba(0,0,0,.18), 0 0 20px rgba(0,0,0,.15); } .thumb .image-popup { display: block; width: 100%; height: 100%; } .paging { padding: 18px 0 20px; text-align: center; } .paging li { display: inline; margin: 0 5px; font: 12px "AllerRegular", Arial, sans-serif; color: #636363; } .paging li.separator { padding: 0 10px 0 0; margin-right: 0; background: url(images/paging-sepator.png) no-repeat right center; } .paging li a { color: #636363; text-shadow: 0 0 2px rgba(33,30,31,.28); } .paging li a:hover, .paging li a.active { text-decoration: none; color: #ababa7; } .search-results .advanced { font-size: 12px; } #main-nav { font-size: 0; line-height: 0; text-align: center; } #main-nav li { display: inline; margin: 0 2px; } #main-nav li a { display: inline-block; min-width: 137px; padding: 0 5px; height: 23px; background: #92b29e url(images/box-title-bg.png) repeat-x 0 -1000px; color: #fff; text-align: center; font: bold 12px/23px Arial, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.20); border: 1px solid #88a592; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); box-shadow: 0 2px 3px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.50); } #main-nav li a:hover, #main-nav li a.active { text-decoration: none; background-position: 0 0; } #main-nav li a.active { text-transform: uppercase; } /* Purchase Credits */ #purchase-credits { padding: 35px 0 0; text-align: center; } #purchase-credits h2 { margin: 0 0 10px; font: bold 18px Arial, sans-serif; color: #676767; } #purchase-credits h2 span { color: #19a549; font-size: 24px; } #purchase-credits p { padding: 0 0 20px; font: italic 14px Arial, sans-serif; color: #676767; } #purchase-credits .btn-2 { width: 270px; margin: 0 auto 15px; } #purchase-credits span a img { position: relative; top: 8px; z-index: 999; } .btn-2, #content .gform_wrapper form .gform_footer .button { position: relative; display: block; height: 43px; text-align: center; font: bold 16px/43px Arial, sans-serif; color: #fff !important; text-transform: uppercase !important; background: url(images/btn-2.png) repeat-x 0 0; border: 1px solid #1bc553; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 0 rgba(0,0,0,.10); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); } .btn-2:hover, #content .gform_wrapper form .gform_footer .button:hover { text-decoration: none; background-position: 0 -43px; } #content .gform_wrapper.resetpass-form { text-align: center; padding: 10px 0; } #content .gform_wrapper.resetpass-form form { padding: 0; } #content .gform_wrapper.resetpass-form form .gform_body, #content .gform_wrapper.resetpass-form form .gform_footer { display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #content .gform_wrapper.resetpass-form form .gform_footer { padding-top: 8px; } #content .gform_wrapper.resetpass-form form .gform_footer .button { height: 38px; line-height: 39px; } .default-width { width: 270px; } /* btn-2 default width on most of the pages */ .btn-3 { display: block; height: 27px; text-align: center; font: bold 15px/27px Arial, sans-serif; color: #6e6e6e !important; text-transform: uppercase !important; background: url(images/btn-3.png) repeat-x 0 0; border: 1px solid #7c7c7c; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset 0 1px rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: inset 0 1px rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); box-shadow: inset 0 1px rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); } .btn-3:hover { text-decoration: none; background-position: 0 -27px; } .btn-4 { display: block; height: 20px; text-align: center; font: bold 11px/20px Arial, sans-serif; color: #fff !important; text-transform: uppercase !important; background: url(images/btn-4.png) repeat-x 0 0; border: 1px solid #1bc352; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.10); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 1px rgba(0,0,0,.20); } .btn-4:hover { text-decoration: none; background-position: 0 bottom; } #purchase-credits .offers { text-align: center; } #purchase-credits .offers li { display: inline; font-size: 0; line-height: 0; position: relative; margin: 0 -4px; } #purchase-credits .offers li form { display: inline; } /* Product Listing */ .product-listing { padding: 55px 0 0 15px; } .product-listing .images { float: left; display: inline; width: 220px; margin: 0 30px 55px 0; } .product-listing .images .thumb { width: 85px; height: 85px; } .product-listing .images .main-image { position: relative; margin: 0 0 30px; } .product-listing .images .main-image .thumb { width: 205px; height: 205px; } .product-listing .images .additional-images { padding: 0 0 0 5px; } .product-listing .images .additional-images li { position: relative; float: left; display: inline; margin: 0 22px 0 0; } .product-listing .text { float: left; display: inline; margin: 0 0 55px; width: 450px; font: 14px/18px "AllerRegular", Arial, sans-serif; color: #606060; } .product-listing .text h2 { float: left; display: inline; margin: 0 6px 12px 0; font: 18px "AllerRegular", Arial, sans-serif; color: #1cb153; } .product-listing .text p { padding: 0 0 10px; } .product-listing .text a { color: #1cb153; } .product-listing .text .btn-2 { min-width: 260px; margin: 0 0 12px; padding: 0 5px; display: inline-block !important; zoom: 1; *display: inline !important; } .product-listing .text .btn-3 { min-width: 260px; margin: 0 0 8px; padding: 0 5px; } .product-listing .paging { padding: 0; } .product-listing .text .rating-star { display: inline-block; width: 21px; height: 21px; padding-right: 5px; vertical-align: bottom; background: url(images/rating-stars.png) no-repeat 0 0; zoom: 1; *display: inline; /*IE hack*/ } .product-listing .text .rating-star.disabled { background-position: 0 -21px; } /* Edit Account */ .edit-account { padding: 30px 0 35px; position: relative; overflow: hidden; } .edit-account .column { float: left; display: inline; width: 215px; margin: 0 50px 0 0; } .edit-account label { display: block; margin: 0 0 10px; font: 14px/16px "AllerBold", Arial, sans-serif; color: #005e20; } .edit-account .field, .add-buyer-notification .field { display: block; width: 203px; padding: 3px 5px; margin: 0 0 12px; background: #fff; border: 1px solid #85cd98; font: 14px "AllerRegular", Arial, sans-serif; color: #000; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); } .edit-account .submit { display: block; min-width: 120px; padding: 0 5px; height: 20px; margin: 0 0 0 auto; border: 1px solid #15943f; background: url(images/btn-4.png) repeat-x 0 0; font: bold 11px Arial, sans-serif; color: #fff; text-transform: uppercase; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.20); box-shadow: 0 1px 1px rgba(0,0,0,.20); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .edit-account .submit:hover { background-position: 0 -20px; } .edit-account .row-select { } .edit-account .row-select .city input { width: 145px; } #content .edit-account .row-select .selectbox .list { height: 150px; } .profile-message, .edit-account .profile-message { padding: 10px 5px; } .profile-message p, .edit-account .profile-message p { padding-bottom: 0 !important; color: #fff !important; font-weight: bold; text-align: center; } .edit-account .account-information { width: 530px; } .edit-account .account-information .profile-message { margin: 0 0 15px; width: 468px; } .profile-update-error, .edit-account .profile-update-error { background: #D33845; color: #fff; border: 1px solid #821821; } .profile-update-success, .edit-account .profile-update-success { background: #44B26D; color: #fff; border: 1px solid #0F5F2B; } .deactivate-account { } .deactivate-account a { color: #1cb254; } /* Donate */ .entry-general {} .entry-general p { padding: 0 0 15px; font: 14px/18px "AllerRegular", Arial, sans-serif; color: 565656; } .add-buyer-notification .selectbox, .edit-account .row-select .selectbox, #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox { float: left; display: inline; width: 53px; height: 25px; background: #fff; border: 1px solid #85cd98; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);} .add-buyer-notification .selectbox .currentItem, .edit-account .row-select .selectbox .currentItem, #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox .currentItem { display: block; padding: 0 0 0 6px; background: url(images/bullet-9.png) no-repeat right center; font: 12px/25px Arial, sans-serif; color: #565656; text-transform: uppercase; } .add-buyer-notification .selectbox .list, .edit-account .row-select .selectbox .list, #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox .list { border: 1px solid #85cd98; background: #fff; left: -1px; width: 100%; height: 50px; overflow-y:scroll; } .add-buyer-notification .selectbox .list li a, .edit-account .row-select .selectbox .list li a, #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox .list li a { display: block; padding: 0 6px; font: 12px/16px Arial, sans-serif; color: #565656; text-transform: uppercase; } .add-buyer-notification .selectbox .list li a, .edit-account .row-select .selectbox .list li a:hover, #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox .list li a:hover { text-decoration: none; background: #cfeed3; } p.big, #content .entry-general .scrollpane-container p { font: 14px/18px "AllerRegular", Arial, sans-serif; color: #565656; } .privacy-policy .btn-2 { margin: 0 auto; } #content .gform_wrapper { width: 100%; max-width: 100%; padding: 15px 0 10px 0; margin: 0; } #content .gform_wrapper form { padding: 0 80px 0 45px; } #content .gform_wrapper form.wideform { padding: 0 37px 0 2px; } #content .gform_wrapper form .gform_fields li.gfield { display: inline; float: left; clear: none; } #content .gform_wrapper form .gform_fields li.clearfield { display: block; float: none; margin: 0; width: 100%; padding: 0; } #content .gform_wrapper form .gform_fields li.clearfield.separator { padding: 0 0 15px; margin: 0 0 15px; background: url(images/success-separator.png) no-repeat center bottom; } #content .gform_wrapper form .gform_fields li.onethird { width: 216px; padding: 0; margin-right: 18px; } #content .gform_wrapper form .gform_fields li.halfwidth { width: 370px; padding: 0; } #content .gform_wrapper form .gform_fields li.twothird { width: 450px; padding: 0; margin-right: 18px; } #content .gform_wrapper form .gform_fields li.nomargin, #content .gform_wrapper form .gform_fields li.onethird.nomargin { float: right; margin-right: 0; } #content .gform_wrapper form.wideform .gform_fields li.halfwidth.nomargin { width: 343px; } #content .gform_wrapper form .gform_fields li.nolabel label { display: none; } #content .gform_wrapper form .gform_fields li.gfield label { display: block; margin: 0 0 10px; font: bold 12px/14px Arial, sans-serif; color: #545353; } #content .gform_wrapper form .gform_fields li.gfield input { display: block; width: 204px; padding: 3px 5px; margin: 0 0 12px; background: #fff; border: 1px solid #85cd98; font: 14px "AllerRegular", Arial, sans-serif; color: #000; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); } #content .gform_wrapper form .gform_fields li.halfwidth input { width: 360px; } #content .gform_wrapper form .gform_fields li.gfield textarea { width: 438px; height: 132px; padding: 5px; margin: 0 0 12px; background: #fff; border: 1px solid #85cd98; font: 14px "AllerRegular", Arial, sans-serif; color: #000; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); resize: none; } #content .gform_wrapper form .gform_fields li.halfwidth textarea { display: block; width: 358px; height: 126px; padding: 5px; border: 1px solid #86cd9e; background: #ffffff; font: 14px Arial, sans-serif; color: #565656; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); resize: none; } #content .gform_wrapper form .gform_fields li.gfield.prettyselect { padding: 0 9px; width: 55px; } #content .gform_wrapper form .gform_fields li.gfield.prettyselect select { width: 53px; } #content .gform_wrapper form .gform_fields li.gfield.prettyselect .selectbox .list ul { margin: 0; } #content .gform_wrapper form .gform_fields li.gfield.phonefield { padding: 0; width: 152px; } #content .gform_wrapper form .gform_fields li.gfield.phonefield input { width: 140px; } #content .gform_wrapper form .gform_fields li.gfield.radiobtns .gfield_radio li { display: inline; float: left; } #content .gform_wrapper form .gform_fields li.gfield.radiobtns .gfield_radio label { width: 70px; } #content .gform_wrapper form .gform_fields li.gfield.radiobtns .gfield_radio input { margin: 0 5px 0 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*#content .gform_wrapper form .gform_fields li.gfield .gfield_checkbox li { display: inline; float: left; }*/ #content .gform_wrapper form .gform_fields li.gfield .gfield_checkbox label { margin: 0 0 10px; font: 8px Arial, sans-serif; color: #5c5c5c; text-transform: uppercase; } #content .gform_wrapper form .gform_fields li.gfield .gfield_checkbox label a { color: #1db355; } #content .gform_wrapper form .gform_fields li.gfield .gfield_checkbox input { margin: 0 5px 0 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #content .gform_wrapper form .gform_fields li.gfield.onethird.gfield_error { width: 205px; } #content .gform_wrapper form .gform_fields li.gfield.onethird.gfield_error input { width: 194px; } #content .gform_wrapper form .gform_fields li.gfield.phonefield.gfield_error { width: 131px; } #content .gform_wrapper form .gform_fields li.gfield.phonefield.gfield_error input { width: 120px; } #content .gform_wrapper form .gform_fields li.gfield.halfwidth.gfield_error { width: 363px; } #content .gform_wrapper form .gform_fields li.gfield.halfwidth.gfield_error input { width: 351px; } #content .gform_wrapper form.wideform .gform_fields li.gfield.halfwidth.nomargin.gfield_error { width: 335px; } #content .gform_wrapper form .gform_fields li.gfield.twothird.gfield_error { width: 442px; } #content .gform_wrapper form .gform_fields li.gfield.twothird.gfield_error textarea { width: 430px; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error { margin-bottom: 0 !important; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error input, #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error .gfield_radio li { margin-bottom: 0; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error .gfield_radio { margin: 0; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error label { margin-bottom: 3px; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error .ginput_container { margin-top: 0; } #content .gform_wrapper form .gform_fields li.gfield.smallerror.gfield_error .gfield_description { padding: 0 !important; margin-top: 3px; } #content .gform_wrapper form .gform_footer .button { width: 270px; margin: 0 auto; } /* Terms & Conditions */ .terms { position: relative; margin: 0 -15px; width: 860px; } .terms .container, #content .scrollpane-container { position: relative; overflow: hidden; height: 510px; } .terms .jspVerticalBar, #content .entry-general .jspVerticalBar { width: 25px; background: url(images/terms-separator.png) no-repeat 0 0; } .terms .jspPane, #content .entry-general .jsPane { width: 780px !important; } .terms .jspVerticalBar .jspTrack, #content .entry-general .jspVerticalBar .jspTrack { background: none; } .terms .jspVerticalBar .jspDrag, #content .entry-general .jspVerticalBar .jspDrag { background: none; } .terms .jspVerticalBar .jspArrow, #content .entry-general .jspVerticalBar .jspArrow { width: 25px; height: 25px; } .terms .jspVerticalBar .jspArrowUp, #content .entry-general .jspVerticalBar .jspArrowUp { background: url(images/bullet-7.png) no-repeat center center; } .terms .jspVerticalBar .jspArrowDown, #content .entry-general .jspVerticalBar .jspArrowDown { background: url(images/bullet-6.png) no-repeat center center; } /* FAQ */ .faq { } .faq .column { float: left; display: inline; width: 840px; } .faq h4 { margin: 0 0 10px; font: 14px/16px "AllerRegular", Arial, sans-serif; text-transform: uppercase; color: #565656; } .faq h4.faq-title { margin-bottom: 3px; } .faq .faq-item { padding-bottom: 15px; } .faq ul { padding: 0 0 30px 15px; font: 14px/16px "AllerRegular", Arial, sans-serif; } .faq a, .faq ul li a { color: #434343; } .faq .btn-2 { margin: 0 auto; } /* Confirmation */ .confirmation { color: #656565; } .confirmation p { padding: 0 0 40px; font: 18px/24px "AllerRegular", Arial, sans-serif; color: #565656; } .confirmation p a { color: #1cb153; } .confirmation .btn-2 { margin: 0 auto; } /* Advertise */ .advertise { } .advertise p { font: 17px/23px "AllerRegular", Arial, sans-serif; color: #565656; text-align: center; } .advertise p strong { font-size: 15px; } .advertise p a { color: #1cb153; } #content .advertise .gform_wrapper, #content .advertise .gform_footer { padding: 0; } #content .advertise .gform_wrapper form { padding: 30px 0 0; height: 100%; background: url(images/advertise-separator.png) no-repeat center 0; } #content .advertise .gform_wrapper .gform_body .gfield { width: 100%; } #content .advertise .gform_wrapper .gform_body .gfield .ginput_container input.medium { display: block; width: 383px; padding: 4px 5px; margin: 0 auto 17px; background: #fffff6; border: 1px solid #8cd4a0; font: italic 14px Arial, sans-serif; text-align: center; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); } .advertise .submit { width: 270px; margin: auto; } /* Sign up */ .signup { position: absolute; top: -732px; right: 35px; z-index: 9010; width: 462px; height: 732px; padding: 0 48px 0 50px; border: 1px solid #d0cece; border-top: 0; background: #fff url(images/signup-bg.png) repeat-x 0 bottom; -moz-box-shadow: 0 0 35px rgba(0,0,0,.57); -webkit-box-shadow: 0 0 35px rgba(0,0,0,.57); box-shadow: 0 0 35px rgba(0,0,0,.57); } .signup-hidden { z-index: 9002; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .signup h2 { margin: 0 0 10px; width: 183px; font: bold 12px/23px Arial, sans-serif; color: #fff; text-transform: uppercase; text-align: center; background: #1c63bb; text-shadow: 0 1px 2px rgba(0,0,0,.10); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); } .signup small { display: block; margin: 0 0 10px; font-size: 10px; text-transform: uppercase; } .signup a { color: #588ccd; } .signup .col { width: 216px; } .signup .row { position: relative; overflow: hidden; margin: 0 0 12px; } .signup .row-select { overflow: visible; z-index: 9999; } .signup label { display: block; margin: 0 0 5px; font-weight: bold; color: #333; } .signup label span { color: #187bb2; } .signup .field { display: block; width: 450px; padding: 4px 5px; background: #f8f8f8; border: 1px solid #85b7d2; font: italic 12px Arial, sans-serif; color: #777; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); } form .field.non-valid, form textarea.non-valid { border-color: #B52421 !important; } .signup .field-2 { width: 204px; } .signup p { font: 10px/12px Arial, sans-serif; color: #5c5c5c; } .signup p.separator { margin: 0 0 15px; background: url(images/signup-separator.png) no-repeat center bottom; } .signup .city { width: 163px; } .signup .city .field { width: 151px; } .signup .state { width: 50px; } .signup .selectbox { float: left; display: inline; width: 48px; height: 23px; background: #f8f8f8; border: 1px solid #84b5d0; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);} .signup .selectbox .currentItem { display: block; padding: 0 0 0 6px; background: url(images/bullet-10.png) no-repeat right center; font: 12px/23px Arial, sans-serif; color: #565656; text-transform: uppercase; } .signup .selectbox .list { border: 1px solid #85cd98; background: #fff; left: -1px; width: 100%; height: 50px; overflow-y:scroll; } .signup .selectbox .list li a { display: block; padding: 0 6px; font: 12px/16px Arial, sans-serif; color: #565656; text-transform: uppercase; } .signup .selectbox .list li a:hover { text-decoration: none; background: #cfeed3; } .signup label.checkbox { font: 8px/10px Arial, sans-serif; color: #5c5c5c; text-transform: uppercase; } .signup .row-checkbox { margin: 0 0 5px; } .signup .submit { width: 260px; margin: 0 auto; background-image: url(images/btn-5.png); } /* Login */ .login { position: absolute; top: -100%; right: 157px; z-index: 9010; width: 260px; min-height: 371px; padding: 0 29px 5px 29px; border: 1px solid #d0cece; border-top: 0; background: #fff url(images/signup-bg.png) repeat-x 0 bottom; -moz-box-shadow: 0 0 35px rgba(0,0,0,.57); -webkit-box-shadow: 0 0 35px rgba(0,0,0,.57); box-shadow: 0 0 35px rgba(0,0,0,.57); visibility: hidden; } .login-hidden { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; z-index: 9003; } .login h2 { margin: 0 0 10px; width: 183px; font: bold 12px/23px Arial, sans-serif; color: #fff; text-transform: uppercase; text-align: center; background: #18a147; text-shadow: 0 1px 2px rgba(0,0,0,.10); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); } .login small { display: block; margin: 0 0 10px; font-size: 9px; text-transform: uppercase; } .login a { color: #19a549; } .login label { display: block; margin: 0 0 10px; font-weight: bold; color: #333; } .login label span { color: #187bb2; } .login .field { display: block; width: 248px; padding: 4px 5px; background: #f8f8f8; border: 1px solid #8ad1a2; font: italic 12px Arial, sans-serif; color: #777; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,.15); } .login .row { margin: 0 0 10px; } .login .login-social { text-align: center; } .login .login-social strong { font-size: 18px; line-height: 20px; color: #18a147; text-transform: uppercase; text-shadow: 0 2px 2px rgba(0,0,0,.31); } .login .login-social ul { padding: 10px 0; } .login .submit { width: 258px; } .login .close, .signup .close, .mainbox .close { position: absolute; top: 10px; right: 10px; width: 9px; height: 9px; background: url(images/close-popup.png); } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(images/overlay-bg.png); z-index: 9005; } /* Popup */ .popup { display: none; position: absolute; left: 50%; top: 50%; width: 884px; background: #e7e6e6 url(images/popup-bg.png) repeat-x 0 0; z-index: 9010; border: 1px solid #c2c5c1; -moz-box-shadow: 0 0 35px rgba(33,30,31,.57); -webkit-box-shadow: 0 0 35px rgba(33,30,31,.57); box-shadow: 0 0 35px rgba(33,30,31,.57); } .popup h2.section-title { text-transform: none; } .popup .close { position: absolute; top: 10px; right: 10px; width: 9px; height: 9px; background: url(images/close-popup.png); } /* Remove Listing */ .remove-listing { padding: 25px 30px; width: 685px; margin-left: -372px; } .remove-listing p { text-align: center; font: 18px "AllerRegular", Arial, sans-serif; color: #565656; } .remove-listing p strong { color: #18a047; } .remove-listing .small-buttons { width: 275px; margin: 0 auto; } .remove-listing .small-buttons a { width: 130px; height: 20px; text-align: center; font: bold 11px/20px Arial, sans-serif; color: #fff; background: url(images/btn-4.png) repeat-x 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #15943f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.20); box-shadow: 0 1px 1px rgba(0,0,0,.20); } .remove-listing .small-buttons a:hover { text-decoration: none; background-position: 0 -20px; } /* Forgot Password */ .forgot-password { padding: 80px 80px 40px 70px; width: 734px; } .forgot-password p { padding: 0 0 45px; font: 18px/24px "AllerRegular", Arial, sans-serif; color: #656565; } .forgot-password p a { color: #1cb153; } .forgot-password .field { display: block; width: 393px; padding: 4px 5px; margin: 0 auto 25px; border: 1px solid #86cd9e; background: none; font: italic 14px Arial, sans-serif; color: #565656; text-align: center; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .forgot-password .submit { display: block; width: 270px; margin: 0 auto; } /* Thank You */ .thank-you { padding: 55px 70px 20px 60px; width: 754px; } .thank-you p { padding: 0 0 60px; font: 18px/24px "AllerRegular", Arial, sans-serif; color: #565656; } .thank-you p a { color: #1cb153; } .thank-you .btn-2 { margin: 0 auto; } /* Success */ .success { padding: 55px 65px 16px; width: 754px; } #content div.separator, .success p { padding: 0 0 35px; margin: 0 0 30px; font: 18px/24px "AllerRegular", Arial, sans-serif; color: #565656; text-align: center; background: url(images/success-separator.png) no-repeat center bottom; } .success p a { color: #1cb153; } .success .btn-2 { margin: 0 auto; } /* Join Mailing List */ .join-mailing-list { padding: 40px 73px 15px 76px; width: 735px; } .join-mailing-list .row { position: relative; overflow: hidden; padding: 0 0 15px; margin: 0 0 15px; background: url(images/success-separator.png) no-repeat center bottom; } .join-mailing-list .col { float: left; display: inline; width: 216px; } .join-mailing-list .col-mid { margin: 0 40px; } .join-mailing-list label { display: block; margin: 0 0 5px; font: bold 11px Arial, sans-serif; color: #565656; } .join-mailing-list label span { color: #18a147; } .join-mailing-list .field { display: block; padding: 4px 5px; width: 204px; border: 1px solid #86cd9e; background: none; font: 14px Arial, sans-serif; color: #565656; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .join-mailing-list .submit { margin: 0 auto; } /* Contact */ .contact { padding: 60px 55px 15px 50px; width: 779px; } .contact .col { float: left; display: inline; width: 216px; margin: 0 21px 0 0; } .contact .row { position: relative; overflow:hidden; height: 100%; } .contact .row-fields { padding: 0 0 15px; margin: 0 0 15px; background: url(images/success-separator.png) no-repeat center bottom; } .contact label { display: block; margin: 0 0 5px; font: bold 11px Arial, sans-serif; color: #565656; } .contact label span { color: #18a147; } .contact .field { display: block; padding: 4px 5px; width: 204px; border: 1px solid #86cd9e; background: none; font: 14px Arial, sans-serif; color: #565656; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .contact .col-left { float: left; display: inline; width: 370px; margin: 0 0 25px; } .contact .col-left textarea { display: block; width: 358px; height: 126px; padding: 5px; border: 1px solid #86cd9e; background: none; font: 14px Arial, sans-serif; color: #565656; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); resize: none; } .contact .selectbox { width: 368px; height: 25px; margin: 0 0 25px; border: 1px solid #86cd9e; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .contact .selectbox .currentItem { display: block; padding: 0 5px; color: #656565; background: url(images/bullet-8.png) no-repeat right center; font: 14px/25px Arial, sans-serif; color: #565656; } .contact .selectbox .list { left: -1px; border: 1px solid #87cea0 !important; background: #fff; width: 100%; max-height: 240px; overflow-y: auto; } .contact .selectbox .list li { padding: 5px; font: 14px/20px Arial, sans-serif; color: #565656; } .contact .col-right { float: right; display: inline; width: 343px; margin: 0 0 25px; } .contact .col-right .row { height: 28px; } .contact .col-right label.checkbox { margin: 0 0 10px; font: 8px Arial, sans-serif; color: #5c5c5c; text-transform: uppercase; } .contact .col-right label.checkbox input { margin: 0 5px 0 0; } .contact .col-right label.checkbox a { color: #1db355; } .contact .col-right .captcha { padding: 15px 0 0; } .contact .submit { margin: 0 auto; } /* Add/Edit Listing */ .add-edit-listing { padding: 20px 13px 30px 30px; width: 700px; display: none; } .add-edit-listing .col-title { float: left; display: inline; width: 348px; } .add-edit-listing .col-title .field { width: 323px; } .add-edit-listing .col-price { float: left; display: inline; width: 92px; } .add-edit-listing .col-price .field { width: 65px; } .add-edit-listing .col-location { float: left; display: inline; width: 128px; } .add-edit-listing .col-location .field { width: 99px; } .add-edit-listing .col-category { float: left; display: inline; width: 111px; } .add-edit-listing label { display: block; font: 14px "AllerRegular", Arial, sans-serif; color: #565656; } .add-edit-listing .field { display: block; padding: 2px 5px 1px; width: 204px; border: 1px solid #86cd9e; background: #fffff6; font: 11px "AllerRegular", Arial, sans-serif; color: #aaa; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .add-edit-listing .selectbox { width: 109px; height: 18px; border: 1px solid #8ad1a2; background: #fffff6; } .add-edit-listing .selectbox .currentItem { display: block; padding: 0 5px; font: 11px/18px "AllerRegular", Arial, sans-serif; color: #565656; background: #fffff6 url(images/bullet-11.png) no-repeat right center; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .add-edit-listing .selectbox .list { border: 1px solid #8ad1a2; background: #fffff6; left: -1px; width: 100%; } .add-edit-listing .selectbox .list li { padding: 5px; font: 11px/18px "AllerRegular", Arial, sans-serif; color: #565656; } .add-edit-listing .row-select { margin: 0 0 13px; position: relative; height: 100%; } .add-edit-listing .col-left { float: left; display: inline; width: 550px; } .add-edit-listing .col-left textarea { display: block; width: 538px; height: 45px; padding: 5px; margin: 0 0 10px; border: 1px solid #86cd9e; background: #fffff6; resize: none; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .add-edit-listing .keywords { position: relative; overflow: hidden; margin-bottom: 15px; } .add-edit-listing .keywords label { float: left; display: inline; width: 103px; line-height: 18px; } .add-edit-listing .keywords .field { float: left; display: inline; width: 435px; } .add-edit-listing .images { float: left; display: inline; } .add-edit-listing .images li { float: left; display: inline; position: relative; margin: 0 5px 0 0; width: 35px; height: 35px; border: 1px solid #86cd9e; background: #fffff6; -moz-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); -webkit-box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); box-shadow: inset 1px 1px 3px rgba(34,30,31,.30); } .add-edit-listing .images li .remove { position: absolute; top: 4px; right: 4px; width: 9px; height: 9px; background: url(images/close-popup.png); cursor: pointer; } .add-edit-listing .upload-images { float: left; display: inline; width: 423px; position: relative; margin-top: -5px; } .add-edit-listing .upload-images small { display: block; margin: 0 0 5px; font: 11px "AllerRegular", Arial, sans-serif; color: #565656; text-align: left; } .add-edit-listing .upload-images .custom-upload { position: relative; width: 127px; height: 27px; cursor: pointer !important; background: url(images/upload-images-btn.png); } .add-edit-listing .upload-images .custom-upload input { position: absolute; top: 0; left: 0; width: 127px; cursor: pointer !important; height: 27px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .add-edit-listing .col-right { float: right; display: inline; width: 130px; } .add-edit-listing .col-right label { padding: 0 0 10px; } .add-edit-listing .col-right .item-cond { width: 21px; height: 21px; border: none; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; } .add-edit-listing .col-right .item-cond.checked { background-color: #8DD5A6; } .google-translate.shell { position: relative; } #google_translate_element { position: absolute; top: -45px; right: 0; } /* Footer */ #footer-push { height: 260px; } .admin-bar #footer-push { height: 252px; } #footer { height: 45px; background: rgba(136, 210, 241, 1); border-top:2px solid #4F8EA8; text-align: center; line-height: 45px; color: #fff; position: relative; } #footer a { color: #545454; } #footer li { display: inline; margin: 0 10px 0 0; } #footer li ul.menu { display: inline; color:#545454; } #footer li ul.menu li { display: inline; margin: 0; } #footer li ul.menu li span { padding: 0 0 0 3px; } #footer li img { position: relative; top: 7px; } #footer li span.st_fblike_buttons > span { vertical-align: middle !important; margin: 0 !important; } /* Auto Complete */ .ac_results{ padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; border-width: 1px; border-style: solid; background: #F1F1E6; min-width: 213px; } .ac_results li { padding: 2px 5px; white-space: nowrap; text-align: left; } .ac_over { cursor: pointer; background: #E4E4A5; } .ac_match { text-decoration: underline; background: #70CD92; } .add-buyer-notification { background: #E2EDEA; border: 1px solid #E6ED1F; padding: 10px; margin-bottom: 15px; } .add-buyer-notification .item { display: inline; float: left; width: 220px; padding-right: 40px; } .add-buyer-notification h4 { padding-bottom: 10px; } .add-buyer-notification textarea.field { width: 796px; height: 120px; } .add-buyer-notification .btn-4 { margin-top: 15px; } /* Tooltip */ #tooltip_h h3, #tooltip_h div { margin: 0; } #tooltip_h { position: absolute; z-index: 3000; padding: 11px 5px 10px; width: 152px; border: 3px solid #fff; color: #fff; font-size: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: url("images/tooltip-bg.png"); background-repeat: repeat; text-align: center; font-family: 'AllerRegular'; -webkit-box-shadow: 3px 4px 5px -3px rgba(15, 32, 27, 0.75); -moz-box-shadow: 3px 4px 5px -3px rgba(15, 32, 27, 0.75); box-shadow: 3px 4px 5px -3px rgba(15, 32, 27, 0.75); } #tooltip_h .fg-tooltip-pointer, #tooltip_h .fg-tooltip-pointer-inner { position: absolute; width: 0; height: 0; background: none; } #tooltip_h .fg-tooltip-pointer { border-bottom: 12px solid #FFFFFF; border-left: 9px solid transparent; border-right: 9px solid transparent; border-width: 0 9px 12px; bottom: auto; left: 50%; margin-left: -9px; right: auto; top: -12px; } #tooltip_h.viewport-bottom { margin-top: 0; } #tooltip_h .fg-tooltip-pointer-inner { border-bottom: 8px solid rgba(58, 105, 166, 0.85); border-left: 6px solid transparent; border-right: 6px solid transparent; border-width: 0 6px 8px; bottom: -12px; left: -6px; } #tooltip_h.viewport-bottom .fg-tooltip-pointer { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 12px solid #FFFFFF; border-width: 12px 9px 0; bottom: -12px; left: 50%; margin-left: -7px; right: auto; top: auto; } #tooltip_h.viewport-bottom .fg-tooltip-pointer-inner { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid rgba(58, 105, 166, 0.85); border-width: 8px 5px 0; bottom: auto; left: -5px; top: -12px; } .ad_container, .video_container { width: 728px; margin: 0 auto; margin-top: 3em; } /*Top Bar*/ .tagline { background: #DBB435; color:#fff; padding: 0 1em; margin-top: -6px; } .tagline a { color:#fff; text-decoration: none; } .tagline p { text-transform: uppercase; font-weight: bold; margin: 5px 0; padding-bottom: 7px; padding-top: 9px; } /*Social Sharing*/ .text .fb-share-button { clear: both; display: block; margin-bottom: 10px; } /*Cbox styles*/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }