/* Global */
body{margin:0; padding:0; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:90%; line-height:130%; background:#eee}
h1{margin:0; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:220%; line-height:140%}
a{color:#517CC4}
a:hover, #sidebar a:hover, #top a:hover, #foot a:hover, .itemlist a span:hover{color:#D51260; text-decoration:underline}
a:link{-moz-transition:color .15s linear,background-color .15s linear !important;-webkit-transition:color .15s linear,background-color .15s linear !important;transition:color .15s linear,background-color .15s linear !important}
input[type="submit"]{cursor:pointer}
a[rel~="external"]{background:url(/images/external.png) center right no-repeat; padding-right:17px}
a img{border:none}
fieldset{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#promo{text-align:center; width:100%}
#panorama{margin:0 auto; margin-bottom:7px}
#top{border-bottom:1px solid #bbb; margin-bottom:10px; padding:3px 20px; height:60px; clear:both}
#top{width:100%; background:#fff; margin:0 0 16px; border-bottom:1px solid #ccc}
#toparea{max-width:1100px; margin:0 auto}
#logo{float:left; margin-right:10px; margin-top:4px}
#logolink{text-decoration:none}
#top a{color:#000; font-weight:bold; font-family:Helvetica Neue,Helvetica-Neue,Helvetica,Arial,Nimbus Sans L,sans-serif; text-decoration:none}
#menu{margin:auto 0; padding:0; list-style:none; line-height:60px; font-weight:bold; float:left; font-size:125%;border-left:1px solid #eee}
#menu li{float:left;border-right:1px solid #eee}
#menu a{float:left; padding:0 20px; text-decoration:none; color:#555}
#menu a:hover{text-decoration:none; background:#DFEAF8; color:#000}
#menu{list-style:none; padding:0}
#voodoofilm{float:left; margin-top:10px; margin-left:40px}
#columns{clear:both; overflow:hidden; max-width:1100px; margin:0 auto; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-shadow:0px 0px 20px #ddd}
#main{float:left; width:100%}
#columns .innertube{padding:10px}
#sidebar{float:left; width:200px; margin-left:-100%}
#sidebaritems h3{display:block; padding:1px 4px; margin:5px 0 0 0;background:#000;color:#fff; font-size:80%; font-weight: bold; text-transform:uppercase;}
.sidebarsection ul{margin:0; padding:10px; background:#fec url("/images/backgrounds/headbg.png") repeat-x scroll center bottom}
.sidebarsection ul ul{background:transparent}
#sidebaritems ul{margin-top:0; padding-left:12px; font-size:80%; line-height:1.3em; list-style:none}
#sidebaritems a{color:#0F71B4; text-decoration:none; display:block}
#sidebaritems a:hover{background:#DFEAF8;color:#000;text-decoration:none}
#sidebaritems li.count_0 span.counter{display:none}
#sidebaritems span.counter{color:#808080;float:right}
#content{margin-left:200px}
#foot{clear:both; font-size:80%; text-align:center}
#foot, #foot a{color:#999}
a[rel~="external"]{background:none;padding-right:0;}
#foot ul{list-style:none; padding:0; padding-left:20px}
#foot ul li{margin-right:20px; display:inline}
.help{cursor:help}
.discreet{color:#808080; font-size:small}
.messagebox{display:block;border:1px solid #BBE1BB;background:#DFFFDF; padding:5px 10px;font-weight:bold;margin:10px 0}
.error{background:#f99}
.right{text-align:right}
img.icon{width:16px; height:16px}
div.maxpagewidth{max-width:600px}
input.warning:hover{background:#f00}
a.rss{background:transparent url(/images/feed.png) no-repeat scroll left center; padding:4px 4px 4px 20px}
span.nobreak{white-space:nowrap}
fieldset.fancybox{margin-bottom:20px; background:#F9F9F9; border:1px solid #eee; margin:0 0 1.5em; padding:0 2em}
fieldset.fancybox legend{font-size:120%; font-weight:bold; padding:4px}
img.classifiedimagethumbnail:hover{opacity:0.8}

/* Frontpage */
#welcometext{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:3px 10px; width:150px; margin-bottom:10px; font-size:small; border:1px solid #eee; background:url("/images/backgrounds/headbg.png") repeat-x scroll center bottom}
#frontpageintroduction p{font-size:140%; font-family:"Myriad Pro",Verdana,Arial,Helvetica,Sans-Serif; line-height:150%}
#facebooklike{padding:20px 0}
 
/* Frontpage+search */
#sidebar a.selected{font-weight:bold; text-decoration:underline; color:#000}
#searcharea{display:table; clear:both; margin-top:20px; padding:7px 15px; border:1px solid #eee; background:#f9f9f9}
#q{width:300px}
.itemlist{margin-top:20px; border-spacing:0; font-size:90%; width:100%}
.itemlist th,.itemlist td{padding:18px 12px; border-bottom:2px solid #EDEDED; vertical-align:top}
.itemlist th{text-align:left; font-size:110%; border-bottom:3px solid #EDEDED}
.itemlist tr.type.kopes td{}
.itemlist a.title{font-size:130%; font-weight:bold}
.itemlist a.title:hover{text-decoration:underline}
.itemlist span.posted, .itemlist span.meta{font-size:85%; color:#808080}
.badge-type{vertical-align:top;font-size:70%; font-weight:bold; color:#fff; background:#555; margin:0; padding:1px 5px 1px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.badge-type.kopes{background:green}
.badge-type.saljes{background:#FFB63F}
.badge-type.uthyres{}
.badge-company{background:#F15822;font-weight:normal;vertical-align:top;font-size:70%;color:#fff;margin:0; padding:1px 5px 1px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.region,.category{color:#808080}
.itemlist a{text-decoration:none}
.itemlist .price{float:right;color:#7BA02F; font-size:140%;letter-spacing:-.5px;font-size:helvetiva,arial,verdana,sans-serif}
.itemlist .company{margin-right:4px; vertical-align:middle; float:right; cursor:help;}
a.shadowbox img{box-shadow:2px 2px 2px #eee}
.itemlist img.classifiedimagethumbnail{width:90px; max-height:90px}
a.rsslink{float:right}
.pager{margin-top:20px;padding:20px 0}
.pager a{border:1px solid #ccc;background:#f5f5f5;color:#333;padding:3px 9px;text-decoration:none;border-radius:3px}
.pager strong{padding:3px 9px;}
.pager a:hover,.pager strong{border-color:#000;border-radius:3px}

/* Images only */
#onlyimageclassifieds ul{list-style:none; margin:0; padding:0}
#onlyimageclassifieds ul li{float:left}
#onlyimageclassifieds div.imagebox{position:relative;:left; margin:0; padding:0 50px 10px 0; width:300px; height:250px}
#onlyimageclassifieds img.classifiedimagethumbnail{float:left; max-width:300px; max-height:250px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px}
#onlyimageclassifieds .pager{clear:both; margin-top:20px}
#onlyimageclassifieds .badge-price{position:absolute;overflow:hidden;left:5px;top:5px;opacity:0.8;font-size:100%;color:#fff;background:#555;margin:0;padding:1px 5px 1px 4px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/* Display advert */
#displayadvert{margin-right:30px; max-width:700px}
#displayadvert #adverttext{margin-bottom:10px}
#displayadvert #advertmetadata{color:#808080;font-size:110%;line-height:1.4em;margin-bottom:20px}
#displayadvert #advertmetadata a{color:#808080; font-size:110%; text-decoration:none}
#displayadvert #advertmetadata a:hover{color:#D51260; text-decoration:underline}
#displayadvert #advertmetadata p{float:left; margin:0; margin-right:5px}
#displayadvert .company{background:transparent url(/images/company.png) no-repeat scroll right center; padding:4px 20px 4px 0}
#displayadvert .maplink{background:transparent url(/images/map.gif) no-repeat scroll right center; padding:4px 17px 4px 0}
#displayadvert .maplink:before{content:"("}
#displayadvert .maplink:after{content:")"}
#displayadvert #details{margin-top:30px; border-top:1px solid #ccc}
#displayadvert #details p{font-size:80%}
#displayadvert #classifiedimage{padding-top:20px; clear:both}
#displayadvert #classifiedimage img{max-width:600px; max-height:600px; box-shadow:0px 0px 20px #eee}
#displayadvert #interact{margin-top:40px}
#displayadvert .advertiserlink{background:url(/images/external.png) center right no-repeat; padding-right:17px}
#displayadvert .mailadvertiser{background:url(/images/mail.gif) center left no-repeat; padding-left:27px; margin-right:10px}
#displayadvert .advertiserphone{background:url(/images/phone.gif) center left no-repeat; padding-left:27px}
#displayadvert fieldset#contactadvertiser{margin-top:20px; background:url("/images/backgrounds/headbg.png") repeat-x scroll center bottom}
#displayadvert fieldset#contactadvertiser legend{font-weight:bold}
#displayadvert #imageclassifieds{margin-top:40px}
#displayadvert #imageclassifieds fieldset{padding:15px;border:1px solid #ccc}
#displayadvert #imageclassifieds legend{font-weight:bold}
#displayadvert #imageclassifieds table{width:100%}
#displayadvert #imageclassifieds table td{vertical-align:top; padding:10px}
#displayadvert #prisjakt{margin-top:20px}
#socialshare{float:right}

/* New advert */
#newadvert p#selectadtype label{margin-right:10px; font-size:120%; padding:5px 5px 5px 0}
#newadvert p#selectadtype label:hover{cursor:pointer}
#newadvert input.title{font-size:150%}
#newadvert span.mandatory{color:Red; font-weight:bolder; font-size:120%}
input.default{font-weight:bold; cursor:pointer}
#newadvert span.inputdescription{color:#808080; font-size:75%}

/* Edit advert */
#editadvert #details{background:#eee; border:1px solid #ccc; padding:5px 10px; font-size:90%}
#editadvert fieldset.adminoptions{border:1px dashed red; width:400px; padding:5px 10px; margin-bottom:20px}
#editadvert #adminstats table{font-size:80%}
#editadvert #adminstats table th{text-align:right; padding-right:10px; font-weight:normal; background:#eee}
#editadvert #adminstats table td{padding:0 5px}
#editadvert #eventloglist table{width:100%; border-spacing:0; font-size:80%}
#editadvert #eventloglist table th{text-align:left}
#editadvert #eventloglist table th, #editadvert #eventloglist table td{padding-right:10px; border-bottom:1px solid #ccc}
#editadvert #eventloglist .scrollbox{max-height:500px; overflow:scroll; border:1px solid #ccc; padding:5px 10px}

/* Archive/latest ads*/
ul.archiveadlist{line-height:21px; font-size:90%}
ul.archiveadlist a.title{text-decoration:none}
ul.archiveadlist a.title:hover{text-decoration:underline}

/* Help */
#helppage .answer h2{margin-top:30px; margin-bottom:10px}
#helppage .answer p, #helppage .answer ul{margin-top:5px; margin-left:25px}

/* About */
#aboutpage.maxpagewidth{max-width:600px}
#aboutpage #twitterwidget{float:right; width:250px; margin-left:100px; margin-right:-200px; z-index:1000}
#aboutpage a.facebook{background:transparent url(/images/facebook.gif) no-repeat scroll left center; padding:4px 4px 4px 20px}
#aboutpage a.twitter{background:transparent url(/images/twitter.gif) no-repeat scroll left center; padding:4px 4px 4px 20px}

/* Admin */
.sidebarsection.admin ul{list-style-type:square; line-height:150%}
#adminpage h1{margin-bottom:20px}
#adminpage #statstable{width:700px; line-height:200%}
#adminpage #statstable th{text-align:left; font-weight:normal; background:#eee; padding-left:5px}
#adminpage #statstable td{padding-right:20px; text-align:right; background:#f5f5f5}
#adminpage #statstable span.stats{font-size:200%; font-weight:bold; letter-spacing:3px}
#adminpage #statstable span.totalprice{font-size:150%; font-weight:bold; letter-spacing:3px}
#adminpage #loginstatus{border-bottom:1px solid #ccc; font-size:90%; padding:0 20px 5px 0; margin-bottom:30px; text-align:right}
#adminpage div.eventlist{max-height:300px; overflow:scroll}
#adminpage table{width:100%}
#adminpage div.eventlist table{font-size:80%; empty-cells:show; border-collapse:collapse; border-spacing:0}
#adminpage div.eventlist table th{text-align:left; padding:3px; background:#eee}
#adminpage div.eventlist table td{border-top:1px solid #ccc; padding:3px}
#adminpage table.latestads td{font-size:90%}
#adminpage table.latestads td.views{font-size:110%; padding-right:10px}

/* Print */
.print{display:none}
@media print{
    .noprint{display:none}
    .print{display:inline}
    body{background:transparent;font-size:10pt}
    #promo,#sidebar,#interact,#socialshare,#prisjakt{display:none}
    #columns{box-shadow:none;border-radius:0}
    #content{width:100%;margin:0}
    #foot .print{margin-top:5px; font-size:10pt}
    h1{font-size:18pt}
}