/* Total reset ----------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; outline: 0; vertical-align: baseline; background: transparent; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; } /* Common ------------------------------------------------------------------------------*/ html, body { height: 100%; width: 100%; } .hidden { display: none; } td, th, body { font-size: 13px; font-family: Arial, sans-serif; } a img {border: 0;} a { color: blue; text-decoration: underline; cursor: pointer; } .inactive { color: #ddd !important; } label .required { color: #D50000; } .clear { clear: both; } /* Auth form ------------------------------------------------------------------------------*/ #auth { width: 400px; height: 120px; background: url('/images/logo.png') 0 0 no-repeat #fff; top: 50%; left: 50%; position: absolute; margin-top: -60px; margin-left: -200px; } #auth .form { margin: 0 0 0 100px; } #auth table { border-collapse: collapse; } #auth td { padding: 5px 5px 5px 0; } #auth .form label { font-size: 90%; } #auth .form input.text { width: 120px; } #auth .loginError { margin: 10px; background: #FFFF80; text-align: center; padding: 10px; } /* Main layout ------------------------------------------------------------------------------*/ html, body { min-height: 100%; } #mainContainer { min-height: 100%; } #ballast { height: 50px; } #footer { } /* Page footer ------------------------------------------------------------------------------*/ #footer { margin: -75px 10px 0 10px; text-align: center; font-size: 85%; padding: 10px; border-top: 1px solid #eaeaea; height: 50px; } /* Header ------------------------------------------------------------------------------*/ #header { background: #8EB73F; margin-bottom: 20px; } #header .headline { width: 100%; } #header .headline td { vertical-align: middle; } #header .logo { width: 80px; text-align: center; } #header .title { width: 200px; vertical-align: middle; color: #fff; } #header .title .name { font-size: 170%; } #header .title .subname { font-size: 110%; } #header .quicksearch { font-size: 130%; } #header .quicksearch table { width: 100%; } #header .quicksearch .fieldSelect { background: #fff; padding: 2px 0 2px 5px; border: 1px solid #222; border-right: 0; width: 90px; } #header .quicksearch .fieldSelect select { border: 0; font-size: 120%; } #header .quicksearch .fieldSearch { background: #fff; padding: 2px 5px 2px 0; border: 1px solid #222; border-left: 0; } #header .quicksearch .fieldSearch input { border: 0; font-size: 120%; width: 100%; } #header .quicksearch .fieldSearch input:focus { background: #FFFFD7; } #header .quicksearch .submit { padding-left: 10px; width: 120px; } #header .quicksearch .label { padding-right: 10px; font-size: 120%; width: 60px; text-align: right; } #header .controlPanel { width: 200px; background: #fff; padding: 10px; vertical-align: top; } #header .controlPanel a { color: #222; } #header .controlPanel .controls { width: 100%; } #header .controlPanel .controls .exit { text-align: right; } #header .controlPanel .controls .exit a { color: #C92525; } #header .controlPanel .region { margin-top: 10px; } #header .controlPanel .region a { text-decoration: none; border-bottom: 1px dashed #000; } /* Index categorizer ------------------------------------------------------------------------------*/ #categorizer { margin: 0 20px 20px 20px; height: 350px; } #categorizer .panel { width: 100%; } #categorizer .panel td {vertical-align: top;} #categorizer .actions { width: 200px; } #categorizer .actions div { font-size: 130%; padding: 10px 5px; } #categorizer .actions div a { } #categorizer .actions div.current { background: #eee; font-weight: bold; } #categorizer .actions div.current a { text-decoration: none; color: #222; } #categorizer .actions div:hover { background: #f5f5f5; } #categorizer .categories { padding: 0 20px; } #categorizer .categories table { width: 100%; } #categorizer .categories table td.section { width: 50%; vertical-align: top; padding: 10px; } #categorizer .categories .title { font-size: 120%; margin-bottom: 5px; } #categorizer .categories .section .full { display: none; } #categorizer .categories .section .full table { border-collapse: collapse; } #categorizer .categories .section .full table td { vertical-align: top; width: 50%; } #categorizer .categories table td.current { background: #FFFFCC; border: 1px solid #ECECD3; height: 120px; } #categorizer .myPanel { width: 190px; padding: 0 0 0 20px; } #categorizer .myPanel button { width: 100%; padding: 10px; } #categorizer .myPanel .my { margin-top: 20px;} #categorizer .myPanel .my a { font-size: 120%; font-weight: bold; } #categorizer .myPanel .searchById { margin-top: 20px; } #categorizer .myPanel .searchById input.text { width: 60px;} /* Index suggester ------------------------------------------------------------------------------*/ #suggester { margin: 40px 20px 20px 20px; } #suggester .panel { width: 100%; } #suggester .panel td {vertical-align: top;} #suggester h3 { font-size: 16px; } #suggester .tags { width: 190px; padding: 0 0 0 20px; } #suggester .tags .tag { margin: 3px 0; } #suggester .tags .more { font-size: 90%; margin: 7px 0; } #suggester .tags .more a { color: #000; } #suggester .results { padding-right: 20px; } #suggester .results .sectionName { margin-bottom: 20px; } #suggester .results .sectionName h3 {display: inline; } #suggester .results .sectionName a { font-size: 80%; margin-left: 10px; } #suggester .results table { width: 100%; } /* Advertisement row ------------------------------------------------------------------------------*/ .advRow td { padding: 10px; vertical-align: top; } .advRowMarked { background: #f3f3f3; } .advRowMarked td { } .advRow .flags { width: 30px; text-align: center; } .advRow .flags .select { margin-bottom: 5px; } .advRow .photo { width: 150px; text-align: center; vertical-align: top;} .advRow .info { padding-left: 20px; } .advRow .info .action { font-size: 85%; color: #777; margin-bottom: 5px; } .advRow .info .title { font-size: 135%; margin-bottom: 5px; } .advRow .info .intro { margin-bottom: 5px; } .advRow .info .text { margin-bottom: 5px; } .advRow .info .contact { } .advRow .controls { width: 130px; border-left: 1px dotted #aaa; } .advRow .controls .newwindow { margin-bottom: 5px; } .advRow .controls .tag { margin-bottom: 5px; } .advRow .controls .tag a { text-decoration: none; border-bottom: 1px dashed; } .advRow .controls .tagCurrent { margin-bottom: 5px; } .advRow .controls .tagCurrent span { background: #507BAF; padding: 3px 5px; color: #fff; display: inline-block; margin-right: 5px; } .advRow .controls .print { margin-bottom: 5px; } .advRow .controls .mail { margin-bottom: 5px; } .advRow .controls .mail a { text-decoration: none; border-bottom: 1px dashed; } .advRow .controls .delete { margin-bottom: 5px; } .advRow .controls .delete a { color: red; text-decoration: none; border-bottom: 1px dashed; } .advRow .controls .serial { margin-top: 20px; font-size: 85%; } .advRow .controls .date { font-size: 85%; } /* Search page ------------------------------------------------------------------------------*/ #search { margin: 0px 20px 20px 20px; } #search .panel { width: 100%; } #search .panel td {vertical-align: top;} #search .data { } #search .data .searchResult { width: 100%; } #search .data h1 { font-family: "Times New Roman", serif; font-size: 22px; font-style: italic; margin: 20px 0 10px 0; font-weight: normal; } #search .actions { width: 290px; padding: 0 0 0 40px; } #search .actions .addButton {} #search .actions .addButton button { padding: 10px; width: 100%; } #search .actions .rss { margin-top: 20px; font-size: 90%; } #search .actions .rss img { vertical-align: top; } #search .actions .rss a { text-decoration: none; color: #000; } #search .actions .mail { margin-top: 20px; font-size: 90%; } #search .actions .mail img { vertical-align: top; } #qsearchAllCategories { font-size: 120%; margin-bottom: 10px; } #qsearchAllCategories a { border-bottom: 1px dashed; text-decoration: none;} #search .foundCategories { margin-bottom: 10px; font-size: 110%; } #search .foundCategories div { margin: 10px 0; } #categoryTraveller {} #categoryTraveller .path {} #categoryTraveller .path a.all { font-size: 120%; } #categoryTraveller .path a.switched { padding: 3px 7px; color: #fff; background: #aaa; text-decoration: none; } #categoryTraveller .selected { padding: 10px; background: #eee; margin: 5px 0; } #categoryTraveller .selected table {width: 100%;} #categoryTraveller .selected td { vertical-align: middle; } #categoryTraveller .selected .title { font-size: 140%; } #categoryTraveller .selected .tags { text-align: right; font-size: 110%; } #categoryTraveller .selected .tags a { margin-left: 5px; padding: 1px 5px; } #categoryTraveller .selected .tags a.active { background: #ccc; text-decoration: none; color: #000; } #categoryTraveller .subcategories { } #categoryTraveller .subcategories img { vertical-align: top; } #search .resultControllers { margin: 20px 0; } #search .resultControllers a { text-decoration: none; border-bottom: 1px dashed; } #search .resultControllers table { width: 100%; } #search .resultControllers td { vertical-align: middle; font-size: 90%; } #search .resultControllers .selections { text-align: left; } #search .resultControllers .selections img { vertical-align: top; } #search .resultControllers .selections a { margin-left: 5px; } #search .resultControllers .selections .separator { margin: 0 5px; } #search .resultControllers .sort { text-align: right; } #search .resultControllers .sort a { margin-left: 5px; padding: 2px 5px; } #search .resultControllers .sort a.active { background: #eee; border: 0; color: #000; } #search .next { margin: 20px 0; font-size: 140%; background: url('/images/next-delimiter.png') 0 12px repeat-x; } #search .next span { background: #fff; padding-right: 5px; } #searchResultEpmty { padding: 40px; text-align: center; display: none; } #search .myPanel { width: 190px; padding: 0 0 0 20px; } #search .myPanel button { width: 100%; padding: 10px; } /* Search categorizer ------------------------------------------------------------------------------*/ #searchCategorizer { background: #aaa; padding: 1px; font-size: 90%; position: absolute; display: none; } #searchCategorizer .actions { width: 200px; padding: 0; } #searchCategorizer .actions div { background: #eee; font-size: 110%; padding: 10px 5px; } #searchCategorizer .actions div a { color: #222; } #searchCategorizer .actions div.current { background: #fff; font-weight: bold; } #searchCategorizer .actions div.current a { text-decoration: none; } #searchCategorizer .actions div:hover { background: #f5f5f5; } #searchCategorizer .categories { padding: 0 20px; background: #fff; width: 700px; } #searchCategorizer .categories table { width: 100%; } #searchCategorizer .categories table td.section { width: 50%; vertical-align: top; padding: 10px; } #searchCategorizer .categories .title { font-size: 120%; margin-bottom: 5px; } #searchCategorizer .categories .section .full table { border-collapse: collapse; } #searchCategorizer .categories .section .full table td { vertical-align: top; width: 50%; } #searchCategorizer .categories table td.current { background: #FFFFCC; border: 1px solid #ECECD3; } #searchCategorizer .categories .current .short { display: none; } #searchCategorizer .categories .current .full { display: block; } /* Form block (add and search) ------------------------------------------------------------------------------*/ .searchForm { padding: 10px 20px; background: #F2F2F2; margin-top: 20px; } .searchForm .field { margin: 10px 0; } .searchForm .field label { display: block; margin-bottom: 3px; } .searchForm .numeric input, .searchForm .integer input { width: 90px; } .searchForm .list select { width: 100%; } .searchForm .boolean input {} .searchForm .boolean label { display: inline; padding-left: 4px; } .searchForm .text input { width: 100%; } .searchForm .text textarea { width: 100%; height: 60px; } .searchForm .subregion { border-style: dashed; border-color: #aaa; border-width: 1px 0; padding: 10px 0; } .searchForm .subregion label { display: block; margin-bottom: 3px; } .searchForm .subregion select { width: 100%; } .addForm { padding: 10px 20px; background: #F2F2F2; } .addForm .field { margin: 10px 0; } .addForm .field label { display: block; margin-bottom: 3px; } .addForm .numeric input, .addForm .integer input { width: 90px; } .addForm .list select { width: auto; } .addForm .boolean input {} .addForm .boolean label { display: inline; padding-left: 4px; } .addForm .text input { width: 300px; } .addForm .text textarea { width: 300px; height: 60px; } .addForm .field .errorMessage { font-size: 10px; color: #DD0000; } .addForm .photo {} .addForm .photo input { display: block; } /* Region selector ------------------------------------------------------------------------------*/ #regionSelector { border: 1px solid #aaa; background: #eee; padding: 10px; width: 300px; position: absolute; right: 160px; top: 55px; } #regionSelector #regionSelectorCloseIcon { float: right; } #regionSelector label { display: block; margin-bottom: 3px; } #regionSelector input.text { width: 100%; } #regionSelector .history { margin: 7px 0; font-size: 85%; color: #777; } #regionSelector .history a { color: blue; text-decoration: none; border-bottom: 1px dashed; } #regionSelector .controls {} #regionSelector .controls a { color: blue; } /* Add page ------------------------------------------------------------------------------*/ #add { margin: 0px 20px 20px 20px; } #add .panel { width: 100%; } #add .panel td {vertical-align: top;} #add .data { } #addStepper { border-bottom: 1px dashed #FFC820; } #addStepper table { height: 40px; width: 100%; } #addStepper table td { vertical-align: middle !important; text-align: left; font-size: 120%; width: 25%; height: 100%; } #addStepper .position { padding: 1px 5px; background: #0070C0; color: #fff; display: inline-block; } #addStepper a { display: inline-block; padding: 1px 5px; } #addStepper table td.current { } #addStepper table td.current .position { padding: 5px 10px; } #addStepper table td.current a { padding: 5px 10px; font-weight: bold; color: #000; text-decoration: none; } #addStepper table td.disabled { } #addStepper table td.disabled .position { background: #BFBFBF; border: 1px solid #767676; } #addStepper table td.disabled a { color: #767676; text-decoration: none; } #add .addStep { margin-top: 20px; } #addSelectedCategoryPreview, #addSelectedCategoryFormPreview { font-size: 150%; font-weight: bold; } #addSelectedCategoryPreview span, #addSelectedCategoryFormPreview span { font-weight: normal; } #add .proceed { border-top: 1px dashed #FFC820; text-align: right; margin-top: 20px; } #add .proceed button { padding: 0 30px; height: 40px; margin-top: 20px; } #addFormLoading { margin-top: 20px; } #addFormContainer { margin-top: 20px; } #addRegionContainer { margin-top: 20px; } #addRegionContainer td { padding: 10px; height: 100%; border-left: 1px solid #ddd; height: 300px; } #addRegionContainer select { width: 150px; } #addResultContainer { height: 300px; } #addResultContainer .success { border: 1px solid #8EB73F; background: #D8E8C9; padding: 10px; } #addResultContainer .success .serial { font-size: 200%; margin: 10px 0; } #addResultContainer .success button { padding: 10px; } #addResultContainer .success p { margin: 10px 0; } #addResultContainer .failed { } #addResultContainer .failed p { margin: 10px 0; } #addResultContainer .failed table { border: 1px solid #AF340A; background: #FDF2F2; padding: 10px; width: 100%; } #addResultContainer .failed td { vertical-align: top; padding: 10px; } #addResultContainer .failed td.reSend { width: 300px; text-align: right; } #addResultContainer .failed td.reSend button { height: 40px; padding: 0 20px; } #addResultContainer .failed .errorResult { background: #000; color: #fff; font-size: 85%; padding: 10px; } #add .infobox { width: 290px; padding: 40px 0 0 20px; } #add .infobox .container { background: #fafafa; padding: 10px; border: 1px solid #D3D3D3; } #add .infobox .title { font-size: 120%; } #add .infobox .section { border: 1px solid #e7e7e7; background: #f2f2f2; margin: 10px 0; padding: 5px; } #add .infobox .current { border: 1px solid #d3d3d3; background: #dadada; } #add .infobox .section .element { } #add .infobox .section .element span { color: #0070C0; } #add .infobox .section .field { padding-bottom: 2px; border-bottom: 1px dashed #E7E7E7; margin-bottom: 2px; } /* Add categorizer ------------------------------------------------------------------------------*/ #addCategorizer { border: 1px solid #aaa; background: #eee; padding: 1px; font-size: 90%; margin: 20px 0; } #addCategorizer .actions { width: 200px; padding: 0; } #addCategorizer .actions div { background: #eee; font-size: 110%; padding: 10px 5px; } #addCategorizer .actions div a { color: #222; } #addCategorizer .actions div.current { background: #fff; font-weight: bold; } #addCategorizer .actions div.current a { text-decoration: none; } #addCategorizer .actions div:hover { background: #f5f5f5; } #addCategorizer .categories { padding: 0 20px; background: #fff; width: 700px; } #addCategorizer .categories table { width: 100%; } #addCategorizer .categories table td.section { width: 50%; vertical-align: top; padding: 10px; } #addCategorizer .categories .title { font-size: 120%; margin-bottom: 5px; } #addCategorizer .categories .section .full table { border-collapse: collapse; } #addCategorizer .categories .section .full table td { vertical-align: top; width: 50%; } #addCategorizer .categories table td.current { background: #FFFFCC; border: 1px solid #ECECD3; } #addCategorizer .categories .current .short { display: none; } #addCategorizer .categories .current .full { display: block; } #addCategorizer a.current { background: #0070C0; color: #fff !important; text-decoration: none; padding: 1px 3px; } /* View page ------------------------------------------------------------------------------*/ #view { margin: 40px 20px 20px 20px; } #view .panel { width: 100%; } #view .panel td {vertical-align: top;} #view .data { } #adView { width: 100%; } #adView td { vertical-align: top; } #adView td.photos { width: 200px; text-align: center; } #adView td.photos .photo { margin-bottom: 20px; } #adView td.detail { width: auto; padding-left: 20px; } #adView td.detail .price { margin-bottom: 20px; } #adView td.detail .price label { font-weight: bold; } #adView td.detail .attr { margin-bottom: 10px; } #adView td.detail .attr label { font-weight: bold; } #adView td.detail h1 { font-family: "Times New Roman", serif; font-size: 22px; font-style: italic; margin: 0; font-weight: normal; } #adView td.detail .category { margin-bottom: 0; font-style: italic; color: #777; font-size: 85%; } #adView td.detail .region { margin-bottom: 10px; font-style: italic; color: #777; font-size: 85%; } #adView td.info { width: 240px; } #adView td.info .contact { margin-bottom: 20px; padding: 10px 10px 10px 50px; background: url('/images/phone48.png') 10px 10px no-repeat #f3f3f3; } #adView td.info .contact label { font-weight: bold; display: block; } #notExists { margin: 50px; text-align: center; } #view .actions { width: 290px; padding: 0 0 0 40px; } #view .actions .print { margin-bottom: 20px; font-size: 90%; } #view .actions .print img { vertical-align: top; } #view .actions .mail { margin-bottom: 20px; font-size: 90%; } #view .actions .mail img { vertical-align: top; } /* Progress bar ------------------------------------------------------------------------------*/ .progressBar { background: url('/images/progress.gif') 0 0 repeat-x; height: 16px; width: 16px; display: inline-block; border: 1px solid #000; } /* Sendmail block and form ------------------------------------------------------------------------------*/ #sendmailBlock { display: block; border: 1px solid; border-color: #eee #aaa #aaa #eee; padding: 10px; width: 250px; position: absolute; background: #FFFDE4; } #sendmailBlock .attr { margin: 5px 0; } #sendmailBlock .attr .text { width: 100%; font-size: 14px; } #sendmailBlock .attr label { display: block; } /* Tag form ------------------------------------------------------------------------------*/ #tagformBlock { display: block; border: 1px solid; border-color: #eee #aaa #aaa #eee; padding: 10px; width: 200px; position: absolute; background: #FFFDE4; } #tagformBlock .attr { margin: 5px 0; } #tagformBlock .attr .text { width: 100%; font-size: 14px; } #tagformBlock .attr label { display: block; } /* Subscribe block and form ------------------------------------------------------------------------------*/ #subscribeBlock { display: block; border: 1px solid; border-color: #eee #aaa #aaa #eee; padding: 10px; width: 250px; position: absolute; background: #FFFDE4; } #subscribeBlock .attr { margin: 5px 0; } #subscribeBlock .attr .text { width: 100%; font-size: 14px; } #subscribeBlock .attr label { display: block; } /* Autocomplete ------------------------------------------------------------------------------*/ .ac_results { width: 300px; padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; position: absolute; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { position:relative; margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_results li:hover, .ac_results li.hover { color: #FFFFFF; background-color: #6073AA; }