/*
BOLIG site specific styles

NOTES:
	You should generally avoid box-model properties in this file, esp. width, padding and margins!
	If you still find it appropriate, consider all consequences!
	
	When targeting less specific elements, take care when using shorthand properties.
	It's usually better to be verbose on this level, thus allowing us to override globally
	in base.css.
	(obviously, shorthand here can conversely be used to override completely, if necessary.)
	
	NEVER apply location specific rules in here, eg. #location .element {property: value;} !!!
	If you need to apply such rules, you should add another class to the element itself, and consider
	if that (new) classname can "live" on its own. (thus being usable in another context, outside your #location)

TO-DO:
	* Get all cosmetics styles from chrome.css and content.css sheets in here!
	* Define generic link styles/colors - remember :visited !
*/
/* @group Misc. */
a img { border: 0;}

.marketingAd {background: url(../images/pile.gif) no-repeat right top; border: solid #ddd; border-width: 1px 0;}

.imgMain {margin-bottom: 5px;}

.galleryThumbnails {border-bottom: 3px double #ddd;}
.galleryThumbnails li.current, .galleryThumbnails li:hover {outline-color: #4B90B1;}
	.galleryThumbnails li.current img, .galleryThumbnails li img:hover {outline-color: #6daec2;}

.info {border: solid #ddd; border-width: 1px 0; background: #f7f6f6;}

.tabs, .tabs li {border-color: #1F749B;}
	.tabs li {background: #4B90B1; padding: 3px;}
	.tabs .currentTab, .tabs li:hover a {color: #4B90B1;}

.columnListHighlight {background-color: #f8e0a0; color: #000;}
	.columnList.columnListHighlight li * a {color: #000;}

.header + .columnListRegular {margin-top: 5px;}
/* @end */

/* @group Elements */
.articleSections ol li a { color: #1F749B;}
	.articleSections ol li.current { background: #E6EFF4; }
		.articleSections ol li.current a { color: #444; }

.searchBox {background-color: #4B90B1;}
.searchResults .imgLink {text-decoration: none;}
/* @end */

/* @group Typography */
.callout {color:#1f749b; font-weight:bold; text-decoration:underline;}
.callout:hover {color:#91C0D0;}

.callout.current:hover {color: #000;}

.callout.button {font-size: 1em; background: #1f749b; color: #fff; text-decoration: none;}
.callout.button:active {background: #91C0D0;}

a {color:#333333; text-decoration:none;}
a:hover{text-decoration: underline;}

.copyPrimary a:link {color: #1F749B; text-decoration: underline;}
.copyPrimary a:visited {color: #91b0D9; text-decoration: underline;}
.copyPrimary a:hover, .copyPrimary a:active {color: #1F749B; text-decoration: none;}

p, h1, h2, h3, h4{line-height:1.4em;}

	/* @group Headers */
	.header {padding: 5px 0; font-weight:bold;}
	.headerCallout,
	.headerSection {
		margin: 0 0 5px; padding: 0.2em 5px;
		background: #4B90B1 url(../images/box_streamer2.gif) repeat-x;
		color: #fff;
		font-size: 1.4em;
		}
	.headerBlock {border-bottom: 1px solid #bbb;}
	/* @end */

	/* @group Body Copy */
	.copy {color: #000;}
	.copyPrimary {font-weight:normal;}
	
		.copy a {text-decoration: underline; color: #000;}
		.copy a:hover {text-decoration: none;}
	/* @end */
/* @end */

/* @group Market */
ul.market_advertiser_list li a { font-weight: bold; color: #1F749B; }
	ul.market_advertiser_list li a:hover { color: #91C0D0; }
/* @end */

/* @group Widgets */
	/* @group Classifieds */
	li.classifiedAd { background: #E6EFF4 url(https://www.benjamin.dk/static/bolig/images/classifiedad.gif) no-repeat scroll right top; border-top:2px solid #FFFFFF; padding-left:114px; width:186px; clear:both; float:left; padding-bottom:10px;}
	li.classifiedAd a { color:#333333; text-decoration:none; }
	li.classifiedAd img { border:1px solid #4B90B1; padding:1px; float: left; margin:10px 0pt 0pt -104px; }
	li.classifiedAd { list-style-image:none; list-style-position:outside; list-style-type:none; }
	{ color:#333333; font-family:Arial,Helvetica,sans-serif; }
	li.classifiedAd .headerD { color:#333333; font-family:Arial,Helvetica,sans-serif; padding:0 10px 0 0; margin-top:10px; font-size:9.8pt; font-weight:bold; margin:0px 0pt 5px 0px; line-height:15px; margin-top:10px; }

	li.classifiedAd .paragraphD { font-size:120%; font-weight:normal; line-height:1.4em; }
	li.classifiedAd a.callOuts { text-decoration:underline; color:#1F749B; font-size:11px; font-weight:bold; }
	li.classifiedAd .metaInfo { color:#999999; font-size:85%; padding-bottom:5px; padding-top:5px; }
	/* @end */
	
	/* @group Market categories (sidebar widget) */
			.widget_market_categories ul li a { font-weight: bold; color: #1F749B; }
				.widget_market_categories ul li a:hover { color: #91C0D0; }
		.widget_market_categories ul li.current { background: #91C0D0; }
	/* @end */
	
	/* @group Weekly Theme Box */
	.widget_weekly_theme_box {background: url(../images/louise.gif) no-repeat 24px 100%;}
	.widget_weekly_theme_box, .widget_weekly_theme_box .grid_5.alpha.omega {border-color: #900;}
	/* @end */
	
	/* @group Rotator */
	.widget_article_rotator {background: #222; border: solid #e4c457; border-width: 1px 0;}
		.widget_article_rotator .tabList li,
		.widget_article_rotator .tabList li:hover { border: solid #ebc557 !important; border-width: 0 0 1px 0 !important; }
			.widget_article_rotator .tabList li a {
				padding: 7px 10px 7px 70px;
				background: #f3da88;
				border-style: solid; border-color: #f6e7b5 transparent #efd26e; border-width: 2px 0;
				}
		.widget_article_rotator .tabList li.selected a, 
		.widget_article_rotator .tabList a:hover { background: #fef5c3; border-color: #fef5c3 transparent #ffe797;}
			.widget_article_rotator .tabList li a strong {font-weight: normal;}
	/* @end */
/* @end */