/** Color table
*	background (banana yellow): #fffeee
*	border (dark brown): 		#cfcfc1
*	darker background:			#efefe7
*/

body {font-family:verdana,helvetica,arial,sans-serif;font-size:12px;color:#222;}
body .body {max-width:64em;margin-left:auto;margin-right:auto;}
fieldset {border:1px solid #cfcfc1;padding:0.5em;background:white;}
fieldset legend {margin-left:1em;font-weight:bold;color:#3f3f3f;}
label {font-weight:bold;color:#3f3f3f;}
strong {font-weight:bold;}
.error {color:red;font-weight:bold;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.root.header {overflow:hidden;margin-bottom:0.5em;min-height: 5em;}
.root.header .teddy {float:left;width:4em;height:4,7em;}
.root.header .logo {margin-top:0.5em;font-size:1.5em;color:#3f3f3f;}
.root.header .rootline {float:left;font-size:1.3em;max-width:75%;}
.root.header .rootline li {float:left; list-style:none;}
.root.header .rootline li a {display:block; text-decoration:none; white-space:nowrap;margin-right:0.5em;}
.root.header .rootline li ul {position:absolute; visibility:hidden;background:white;border:1px solid #cfcfc1;opacity:0.9;}
.root.header .rootline li ul li {float:none;}
.root.header .rootline li ul li:hover {background:#efefe7;}
.root.header .actions {float:right;}
.root.header .actions a {margin-left:0.5em;}

.root.footer {width:100%; text-align: center; margin-top:1.5em;}
.root.footer a {margin:0em 0.6em 0 0.6em;}

.root.support-box {position:fixed;top:35%;left:0;width:30px;z-index: 0;}

.body.default .root.content {border:1px solid #cfcfc1;background-color:#fffeee;overflow:hidden;}
.body.default .root.content p {margin:0 1em 1em 1em;}
.body.default .root.content .header {margin-bottom:1em;overflow:hidden;background-color:#efefe7;border-bottom:1px solid #cfcfc1;padding:0.3em;}
.body.default .root.content .header .title {float:left;font-size:1.4em;}

.root.content {width:100%;background-color:white;}
.body.index .root.content {overflow:hidden;}
.body.index .root.content .topBox {border:1px solid #cfcfc1;max-width:30em;height:12em;margin-bottom:1.5em;overflow:hidden;background-color:#fffeee;}
.body.index .root.content .topBox .buttonBox {padding:2em 2.5em 1em 2.5em;text-align:center;height:4em;}
.body.index .root.content .topBox .textBox {margin:0em 1em 1em 1em;font-size:0.9em;}
.body.index .root.content .topBox.search {float:left;}
.body.index .root.content .topBox.search .buttonBox input {font-size:1.3em;}
.body.index .root.content .topBox.search .buttonBox input.text {width:16.5em;font-size:1em;padding:0.2em;}
.body.index .root.content .topBox.search .buttonBox input.empty {color:grey;}
.body.index .root.content .topBox.createAdvert {float:right;}
.body.index .root.content .topBox.createAdvert .buttonBox {padding:2em 3em 1em 3em;text-align:center;}
.body.index .root.content .topBox.createAdvert .buttonBox .subline {font-size:0.8em;}
.body.index .root.content .topBox.createAdvert .buttonBox .subline a {text-decoration:underline;}
.body.index .root.content .categories {float:left;width:100%;}
.body.index .root.content .categories .mainCategories {font-size:1.2em;overflow: hidden;margin-left:1em;}
.body.index .root.content .categories .mainCategories .category {float:left;margin:0.5em 1em -1px 0.5em;padding:0.2em;text-decoration:underline;border:1px solid white;}
.body.index .root.content .categories .mainCategories .category.active {background-color:#efefe7;border:1px solid #cfcfc1;}
.body.index .root.content .categories .subCategories {background-color:#efefe7;overflow:hidden;margin-left:0em;border:1px solid #cfcfc1;border-bottom:none;}
.body.index .root.content .categories .subCategories .category {float:left;margin:0.3em 2.5em 0.3em 0.5em;}
.body.index .root.content .adverts {border:1px solid #cfcfc1;background-color:#fffeee;}
.body.index .root.content .adverts li {list-style-type:none;}
.body.index .root.content .adverts li.header {background-color:#efefe7;padding:0.2em 0 0.2em 0.5em;font-weight:bold;margin-top:2em;border-top:1px solid #cfcfc1;border-bottom:1px solid #cfcfc1;}
.body.index .root.content .adverts li.advert {margin:0.6em 0.5em 0.6em 0.5em;height:1.6em;line-height:2em;overflow:hidden;}
.body.index .root.content .adverts li.advert.DELETED,
.body.index .root.content .adverts li.advert.EXPIRED {opacity:0.3;filter: alpha(opacity = 30);}
.body.index .root.content .adverts li.advert .status {display:inline;font-weight: bold;}
.body.index .root.content .adverts li.advert.ACTIVE .status {color:lightgreen;}
.body.index .root.content .adverts li.advert.UNVERIFIED .status {color:red;}
.body.index .root.content .adverts li.advert.DELETED .status,
.body.index .root.content .adverts li.advert.EXPIRED .status {color:grey;}
.body.index .root.content .adverts li.advert .title {display:inline;}
.body.index .root.content .adverts li.advert .pic {display:inline;font-size:0.8em;color:#737373;font-weight:bold;margin-left:0.5em;}
.body.index .root.content .adverts li.advert .description {display:inline;color:#737373;font-size:0.9em;margin-left:0.5em;overflow:hidden;}
.body.index .root.content .adverts li.advert .actions {display:inline;font-weight: bold;}
.body.index .root.content .moreAdverts {width:100%;text-align:center;font-size:1.2em;margin-top:0.5em;}
.body.index .root.subContent {width:100%;overflow:hidden;margin-top:2em;}
.body.index .root.subContent .box {border:1px solid #cfcfc1;background-color:#fffeee;float:left;margin-bottom:2em;}
.body.index .root.subContent .box .title {background-color:#efefe7;border-bottom:1px solid #cfcfc1;margin-bottom:0.5em;padding:0.2em;text-align:center;font-weight:bold;}
.body.index .root.subContent .box.twitter,
.body.index .root.subContent .box.events {padding-bottom:0.5em;float:right;width:16em;}
.body.index .root.subContent .box.events li {margin-left:0.5em;margin-bottom:0.2em;width:15em;overflow:hidden;}
.body.index .root.subContent .box.events li a {margin-bottom:0.3em;margin-left:0em;}
.body.index .root.subContent .box.events .calendar {overflow:hidden;width:16em;margin-left:0.2em;margin-bottom:1em;padding-left:0.2em;}
.body.index .root.subContent .box.events .calendar .days div {float:left;width:2em;height:1.6em;display:block;background-color:#efefe7;margin:0.1em;text-align:center;padding-top:0.2em;}
.body.index .root.subContent .box.events .calendar .days div a {display:block;}
.body.index .root.subContent .box.events .calendar .days.headers div {background-color:#cfcfc1;height:1.6em;}
.body.index .root.subContent .box.events .calendar .days div.current {background-color:#fffeee;}
.body.index .root.subContent .box.blog,
.body.index .root.subContent .box.forums {max-width:45em;overflow:hidden;padding-bottom:0.5em;}
.body.index .root.subContent .box.forums .forum {float:left;min-width:10em;margin-left:0.5em;margin-right:0.5em;}
.body.index .root.subContent .box.twitter .entry {margin-left:0.5em;margin-bottom:0.5em;}
.body.index .root.subContent .box.twitter .entry .time {font-size:0.8em;color:grey;text-align:right;margin-right:0.5em;margin-top:0.5em;}
.body.index .root.subContent .box.twitter .entry .text {font-size:0.9em;}
.body.index .root.subContent .box.blog .entry {margin-bottom:1em;}
.body.index .root.subContent .box.blog .header {font-size:1.2em;font-weight:bold;margin-left:0.83em}
.body.index .root.subContent .box.blog .time {font-size:0.8em;color:grey;margin-left:1.25em;margin-bottom:1em;}
.body.index .root.subContent .box.blog .text {margin-left:1em;margin-right:1em;}


.body.search {width:95%;max-width:none;}
.body.search .root.content {border:1px solid #cfcfc1;background-color:#fffeee;overflow:hidden;border-top:none;}
.body.search .root.content .subCategories {background-color:#efefe7;width:100%;border-bottom:1px solid #cfcfc1;border-top:1px solid #cfcfc1;overflow:hidden;margin-bottom:1em;padding:0.5em;}
.body.search .root.content .subCategories .cont {}
.body.search .root.content .subCategories .cont .category {float:left;width:12em;}
.body.search .root.content .searchform {background-color:#efefe7;width:100%;border-bottom:1px solid #cfcfc1;border-top:1px solid #cfcfc1;overflow:hidden;}
.body.search .root.content .searchform .field {float:left;margin-left:1em;}
.body.search .root.content .searchform .field label {display:block;margin-left:0.5em;}
.body.search .root.content .searchform .field.price input {width:3em;}
.body.search .root.content .searchform .field.location input {width:8em;}
.body.search .root.content .searchform .field.picture input {margin-left:1.5em;margin-top:0.3em;}
.body.search .root.content .searchform .actions {float:right;}
.body.search .root.content .searchform .actions a {display:block;float:left;margin:0.5em;}
.body.search .root.content .statistics {width:99%;text-align:right;padding:0.5em;margin-bottom:-2em;}
.body.search .root.content .adverts li {list-style-type:none;}
.body.search .root.content .adverts li.header {background-color:#efefe7;padding:0.2em 0 0.2em 0.5em;font-weight:bold;margin-top:2em;border-top:1px solid #cfcfc1;border-bottom:1px solid #cfcfc1;}
.body.search .root.content .adverts li.advert {margin:0.6em 0.5em 0.6em 0.5em;height:1.6em;line-height:2em;overflow:hidden;}
.body.search .root.content .adverts li.advert.DELETED,
.body.search .root.content .adverts li.advert.EXPIRED {opacity:0.3;filter: alpha(opacity = 30);}
.body.search .root.content .adverts li.advert .status {display:inline;font-weight: bold;}
.body.search .root.content .adverts li.advert.ACTIVE .status {color:lightgreen;}
.body.search .root.content .adverts li.advert.UNVERIFIED .status {color:red;}
.body.search .root.content .adverts li.advert.DELETED .status,
.body.search .root.content .adverts li.advert.EXPIRED .status {color:grey;}
.body.search .root.content .adverts li.advert .title {display:inline;}
.body.search .root.content .adverts li.advert .pic {display:inline;font-size:0.8em;color:#737373;font-weight:bold;margin-left:0.5em;}
.body.search .root.content .adverts li.advert .description {display:inline;color:#737373;font-size:0.9em;margin-left:0.5em;overflow:hidden;}
.body.search .root.content .adverts li.advert .actions {display:inline;font-weight: bold;}
.body.search .root.content .bottomline {background-color:#efefe7;text-align:center;padding:0.2em;margin-top:2em;border-top:1px solid #cfcfc1;}
.body.search .root.paging {margin-left:auto;margin-right:auto;width:40em;text-align:center;margin-top:1em;}
.body.search .root.paging a,.body.search .root.paging span {text-decoration:none;display:-moz-inline-box;display:inline-block;min-width:0.5em;padding:0.1em 0.5em 0.1em 0.5em;margin:0.2em;}
.body.search .root.paging a:hover {color:#cfcfc1;}
.body.search .root.paging span.active {border:none;color:#cfcfc1;font-weight:bold;}
.body.search .root.paging span.disabled {border:none;color:#cfcfc1;}
.body.search .root.topKeywords {margin-left:1em;margin-top:1em;}
.body.search .root.topKeywords a {margin-right:0.5em;}

.body.createAdvert .root.content {background-color:#fffeee;border:1px solid #cfcfc1;padding-bottom:1em;overflow:hidden;}
.body.createAdvert .root.content hr {width:95%;color:#cfcfc1;}
.body.createAdvert .root.content fieldset {padding-bottom:1em;}
.body.createAdvert .root.content label {display:block;padding-left:0.3em;font-weight:bold;color:#3f3f3f;}
.body.createAdvert .root.content span.optional {font-size:0.8em;color:darkgrey;}
.body.createAdvert .root.content .header {padding:0.5em;margin-bottom:1em;background-color:#efefe7;border-bottom:1px solid #cfcfc1;}
.body.createAdvert .root.content .header .title {font-size:1.4em}
.body.createAdvert .root.content .header .subtitle {font-size:0.9em}
.body.createAdvert .root.content fieldset {width:92%;margin-left:3%;overflow:hidden;margin-top:2em;}
.body.createAdvert .root.content .formular {}
.body.createAdvert .root.content .formular div {margin-right:1em;margin-bottom:0.5em;float:left;}
.body.createAdvert .root.content .formular .price input {width:6em;}
.body.createAdvert .root.content .formular .title input {width:37em;}
.body.createAdvert.bulk .root.content .formular .title input {width:34em;}
.body.createAdvert .root.content .formular .location {float:right;margin-right:0;}
.body.createAdvert .root.content .formular .location input {width:10em;}
.body.createAdvert .root.content .formular .description {width:100%;}
.body.createAdvert .root.content .formular .description textarea {width:99%;height:11em;}
.body.createAdvert .root.content .formular .date {float:left;}
.body.createAdvert .root.content .images {}
.body.createAdvert .root.content .images .title{margin:1em;}
.body.createAdvert .root.content .images .inputs {margin:1em 0 0 1em;float:left;}
.body.createAdvert .root.content .images .inputs label {display:inline;margin-right:0.2em;}
.body.createAdvert .root.content .images .inputs div{margin-bottom:0.2em;}
.body.createAdvert .root.content .images .info {width:40%;margin:1.3em 0 0 3em;float:left;}
.body.createAdvert .root.content .images .info li {margin-bottom:0.5em;}
.body.createAdvert .root.content .contact {}
.body.createAdvert .root.content .contact .title {margin:1em 0 0 1em;}
.body.createAdvert .root.content .contact div {margin-left:1em;margin-top:0.5em;overflow:hidden;}
.body.createAdvert .root.content .contact input.radio {float:left;}
.body.createAdvert .root.content .contact input.text {width:20em;}
.body.createAdvert .root.content .contact label {margin-left:1em;width:80%;font-weight:normal;}
.body.createAdvert .root.content .contact label strong {font-weight:bold;}
.body.createAdvert .root.content input.preview {margin:2em;font-size:1.5em;float:right;}
.body.createAdvert .root.content input.submit {float:right;}
.body.createAdvert .root.content .previewImages {width:100%; overflow:hidden;}
.body.createAdvert .root.content .previewImages .image {border:2px solid #efefe7;padding:2px;float:left;margin:0 1em 2em 1em;text-align:center;}
.body.createAdvert .root.content .previewImages .image img {width:12em;}
.body.createAdvert .root.content .previewImages .image input {}

.body.login .root.content {background-color:#fffeee;border:1px solid #cfcfc1;overflow:hidden;}
.body.login .root.content fieldset {float:left;width:22em;height:20em;padding:2em;margin:2em;}
.body.login .root.content fieldset legend {font-size:1.3em;}
.body.login .root.content fieldset.login {}
.body.login .root.content fieldset.register {float:right;}
.body.login .root.content fieldset.sendPassword {float:right;}
.body.login .root.content fieldset .placeholder {height:4.5em;}
.body.login .root.content fieldset .field {float:none;margin-bottom:1em;}
.body.login .root.content fieldset input.text {font-size:1.4em;}
.body.login .root.content fieldset .field label,
.body.login .root.content fieldset .field span {display:block;margin-left:0.5em;}
.body.login .root.content fieldset input.submit {float:right;margin-right:1em;}

.body.passwordForm .root.content {margin-top:2em;}

.body.forum .root.content {background-color:#fffeee;border:1px solid #cfcfc1;padding-bottom:2em;}
.body.forum .root.content .header {margin-bottom:1em;overflow:hidden;background-color:#efefe7;border-bottom:1px solid #cfcfc1;padding:0.3em;}
.body.forum .root.content .header .title {float:left;font-size:1.4em;}
.body.forum .root.content .header .action {float:right;}
.body.forum .root.content .posting {margin-bottom:1em;}
.body.forum .root.content .posting .info {overflow:hidden;padding-top:0.3em;}
.body.forum .root.content .posting .info div {float:left;margin-left:0.7em;}
.body.forum .root.content .posting .info .title {font-weight:bold;}
.body.forum .root.content .posting .info .title input {width:30em;margin-left:1.3em;}
.body.forum .root.content .posting .info .author {font-style:italic;}
.body.forum .root.content .posting .info .date {font-style:italic;font-size:0.9em;line-height:1.55em;}
.body.forum .root.content .posting .content {padding-left:2em;}
.body.forum .root.content .posting .content textarea {width:80%;}
.body.forum .root.content .posting .children {border-left:1px dashed #888;display:block;margin-left:1.2em;margin-top:0.2em;}
.body.forum .root.content .posting .children .posting {margin-bottom:0;}
.body.forum .root.content .postingForm {border:1px solid #cfcfc1;width:90%;margin-top:1em;margin-left:2em;margin-bottom:1.5em;padding:0.5em;background-color:#efefe7;}
.body.forum .root.content .postingForm label {width:4em;display:inline-block;}
.body.forum .root.content .postingForm input.text {width:45.8em;}
.body.forum .root.content .postingForm textarea {width:50em;}

.body.myAdverts {width:95%;max-width:100em;}
.body.myAdverts .root.content h1 {margin:1em 0em 0.3em 1em;font-size:1.2em;font-weight:bold;}
.body.myAdverts .root.content h1.unverified {color:red;}
.body.myAdverts .root.content h1.active {color:#69E05C;}
.body.myAdverts .root.content h1.deleted {color:darkgrey;}
.body.myAdverts .root.content table.adverts {width:100%;background-color:#fffeee;border:1px solid #cfcfc1;margin-bottom:2em;}
.body.myAdverts .root.content table.adverts.deleted {opacity:0.6;}
.body.myAdverts .root.content table.adverts thead {background-color:#efefe7;border-bottom:1px solid #cfcfc1;font-size:1.2em;font-weight: bold;}
.body.myAdverts .root.content table.adverts thead th {cursor:pointer;background:url(../images/th.gif) no-repeat center right;}
.body.myAdverts .root.content table.adverts thead th.asc {background:url(../images/asc.gif) no-repeat center right;}
.body.myAdverts .root.content table.adverts thead th.desc {background:url(../images/desc.gif) no-repeat center right;}
.body.myAdverts .root.content table.adverts thead th:hover {background-color:#cfcfc1;}
.body.myAdverts .root.content table.adverts th {padding:0.1em 0.4em 0.1em 0.4em;}
.body.myAdverts .root.content table.adverts td {padding:0.4em;border-left:1px solid #cfcfc1;}
.body.myAdverts .root.content table.adverts tr.odd {background-color:white;}
.body.myAdverts .root.content table.adverts .date {width:5em;padding-left:0.5em;cursor:default;}
.body.myAdverts .root.content table.adverts .date em {display:none;}
.body.myAdverts .root.content table.adverts .category {width:10em;cursor:default;}
.body.myAdverts .root.content table.adverts .pictures {width:4.5em;text-align:center;}
.body.myAdverts .root.content table.adverts .price {width:6em;text-align:center;}
.body.myAdverts .root.content table.adverts .visits {width:6.5em;text-align:center;}
.body.myAdverts .root.content table.adverts .actions {width:16em;text-align:center;background-image:none;padding:0;}
.body.myAdverts .root.content table.adverts .actions:hover {background-color:inherit;cursor:inherit;}
.body.myAdverts .pager {margin-top:-2.0em;margin-left:43%;}
.body.myAdverts .pager span {display:block;float:left;width:2em;height:1.5em;margin:0.2em;cursor:pointer;text-align:center;}
.body.myAdverts .pager span.pagedisplay {width:auto;padding:0 0.2em 0 0.2em;}

.body.advert {width:64em;}
.body.advert .root.content {border:2px solid #efefe7;background-color:white;}
.body.advert .root.content.preview {background:url(../images/preview-bg.png) repeat left center;}
.body.advert .root.content .header {padding-left:1em;padding-right:0.5em;background-color:#efefe7;overflow:hidden;}
.body.advert .root.content .header div {margin-left:0.25em;margin-right:0.25em;}
.body.advert .root.content .header .price {color:#00068a;float:left;font-size:1.5em;}
.body.advert .root.content .header .title {color:black;float:left;font-size:1.5em;}
.body.advert .root.content .header .location {float:left;font-size:1.2em;color:#444;line-height:1.8em;}
.body.advert .root.content .header .spam {float:right;line-height:1.8em;}
.body.advert .root.content .main .header .spam a {color:red;}
.body.advert .root.content .info {overflow:hidden;margin:1em 2.4em 0 2.4em;color:#666;}
.body.advert .root.content .info .left {float:left;}
.body.advert .root.content .info .right {float:right;text-align:right;}
.body.advert .root.content .info .email {font-size:1.2em;color:#111;font-weight:bold;}
.body.advert .root.content .info .date {font-size:1.1em;color:#111;}
.body.advert .root.content .info .creationTime {}
.body.advert .root.content .info .visitors {}
.body.advert .root.content hr {border:none;background-color:#efefe7;width:95%;margin-top:2em;margin-bottom:2em;}
.body.advert .root.content .content {margin-left:2em;margin-right:2em;font-size:1.2em;min-height:10em;}
.body.advert .root.content .pictures {margin-left:2.4em;margin-bottom:2em;overflow:hidden;}
.body.advert .root.content .pictures img {border:2px solid #efefe7;padding:2px;width:26.5em;float:left;margin:0 1em 2em 1em;}
.body.advert .root.content .advertId {font-size:0.8em;margin-left:3em;margin-bottom:1em;color:#aaa;}
.body.advert .root.content .preview.header {background:#cfcfc1;padding:0.5em;height:8em;}
.body.advert .root.content .preview.header h1 {font-size:1.8em;font-weight:bold;}
.body.advert .root.content .preview.header p {margin-bottom:1em;}
.body.advert .root.content .preview.footer {background:#cfcfc1;overflow:hidden;padding:0.5em;}
.body.advert .root.content .preview .form {float:left;}
.body.advert .root.content .preview .post {float:right;font-size:1.5em;}

.body.categorySelection .root.content {border:1px solid #efefe7;background-color:#fffeee;overflow:hidden;}
.body.categorySelection .root.content .header {border-bottom:1px solid #efefe7;background-color:#efefe7;padding-left:1em;}
.body.categorySelection .root.content .categories {overflow:hidden;padding:1em;}
.body.categorySelection .root.content .categories .category {width:13em;float:left;margin:0 1em 1em 1em;background-color:white;border:1px solid #cfcfc1;}
.body.categorySelection .root.content .categories .category .title {background-color:#efefe7;border-bottom:1px solid #cfcfc1;}
.body.categorySelection .root.content .categories .category .subCategories a {display:block;padding-left:0.5em;}
.body.categorySelection .root.content .bulkPost {float:right;margin-bottom:1em;margin-right:1em;}

.body.redirect {font-size:1.2em;text-align:center;margin-top:20em;}

.body.waitlist .root.content {margin-top:5em;padding:2em;width:40em;overflow:hidden;font-size:1.2em;}
.body.waitlist .root.content img {float:left;}
.body.waitlist .root.content p {margin:0 0 2em 5em;float:left;}