/* GENERIC */
.articleImgText{text-align:left; font:italic 11px verdana; padding:4px 0;}
.articleRssFeed,.articleRssFeed:visited,.articleRssFeed:active{display:block; background:url(http://www.smode-resource.se/gfx/icons/rss.gif) no-repeat; padding:0 0 0 20px; font:11px arial; color:#333; margin-bottom:2px; width:48px; text-decoration:none; float:right; text-align:right; margin-top:5px;}
.articleAllNews,.articleAllNews:active,.articleAllNews:visited{display:block; background:url(http://www.smode-resource.se/gfx/icons/16/copy_16.gif) no-repeat; padding:0 0 0 20px; font:11px arial; color:#333; margin-bottom:2px; width:80px; text-decoration:none; float:left; margin-top:5px;}
.articleRenderSubheader{margin:10px 0; padding:0; color:#666666; font-style:italic; font-size:10px; text-align:right;}

.article-sidebar{float:right; width:200px; background:#f9f9f9; margin:0 0 80px 30px; padding:10px; border-bottom:4px solid #ddd;}
.article-sidebar h3{font:bold 12px Trebuchet MS, arial; margin:0 0 5px; padding:0 0 3px; border-bottom:1px solid #eee;}
.article-sidebar a{font-size:10px;}
.article-sidebar p{font-size:10px; margin:0;}
.article-sidebar a.similar-post{display:block;}
.article-sidebar .author-image{float:right; margin:0 0 0 8px;}

.art-ad-spot-above-list{}
.art-ad-spot-above-post{margin:0 0 20px;}
.art-ad-spot-after-teaser{margin:10px 0;}
.art-ad-spot-in-sidebar{margin:10px 0; text-align:center;}
.art-ad-spot-below-post{margin:10px 0;}
/* MINI VIEW */
.miniArticles{padding:3px 5px;}
.miniArticles .articleHeader{font:bold 11px Trebuchet MS, arial; color:#000; padding:2px 0; display:block; text-decoration:none;}
.miniArticles .articleHeader .date-info{font:11px Trebuchet MS, arial; color:#999;}
.miniArticles .articleTeaser{font:10px arial; color:#666; text-align:left; display:block; text-decoration:none;}
.miniArticles .articleHeader:hover{text-decoration:underline;}
.miniArticles .articleTeaser:hover{text-decoration:underline;}

.miniArticles.withImage .articleHeader{font:bold 13px Trebuchet MS, arial; color:#000; padding:6px 0 2px;}
.miniArticles.withImage .articleTeaser{text-align:left;}
.miniArticles.withImage .viewArticle{margin-bottom:20px;}
/* BLOG VIEW */
.blogArticles{clear:both; }
.blogArticles td{border-bottom:0px solid #eee; padding:5px;}
.blogArticles .lastRow td{border-bottom:0;}
.blogArticles .headerRow td{border-bottom:1px dotted #eee;}
.blogArticles .tinyRow td a{font:bold italic 10px verdana; text-decoration:none;}
.blogArticles .mainImg{margin:10px 0;}
.blogArticles .imageFillOut{width:120px; height:120px; background:url(/_project/_layout/gfx/logo.png) no-repeat;}
.blogArticles .articleHeader{font:italic 14px Trebuchet MS, arial; color:#000; padding:6px 0 2px;}
.blogArticles .articleSubHeader{padding:0 0 8px; font:10px arial; color:#999;}
.blogArticles .articleSubHeader .headerViewPost{font:10px arial; color:#999;}
.blogArticles .articleTeaser{color:#005e7d; font:11px verdana; text-align:justify; padding:0 20px 0;}
.blogArticles .articleDateInline{color:#000; font:10px verdana;}
.blogArticles .viewArticle{display:block; font:11px verdana; color:#666; border-top:1px dotted #f0f0f0; margin:8px 0 0; padding:8px 0 4px; text-align:right;}
.blogArticles .articleComments{float:right; width:40px; padding:11px 4px 20px; background:url(http://www.smode-resource.se/gfx/commentBG.gif) no-repeat; color:#71a4be; font:bold 12px georgia; text-align:center;}
.blogArticles .articleProtected{background:url(http://www.smode-resource.se/gfx/icons/16/lock_16.gif) 100% 8px no-repeat; padding-right:20px;}
#moduleBlog .blog-simple-row a.articleHeader{font:bold 14px Trebuchet MS, arial; padding:6px 0 2px; display:block;}
#moduleBlog .blog-simple-row a.articleTeaser{font:12px Trebuchet MS, arial; color:#000; padding:6px 0 2px; display:block;}
/* DOUBLE VIEW */
.doubleArticles{clear:both; width:100%;}
.doubleArticles td{border-bottom:1px solid #eee; padding:10px;}
.doubleArticles .lastRow td{border-bottom:0;}
.doubleArticles .left{border-right:1px dotted #ccc;}
.doubleArticles .imageFillOut, .doubleArticles .mainImg{height:100px; display:none;}
.doubleArticles .articleHeader{font:italic 14px Trebuchet MS, arial; color:#000;}
.doubleArticles .articleSubHeader{padding:4px 0; font:10px arial; color:#999;}
.doubleArticles .articleTeaser{color:#005e7d; font:11px verdana; text-align:justify; padding:0 6px 0 20px;}
.doubleArticles .viewArticle{display:block; font:11px verdana; color:#666; border-top:1px dotted #f0f0f0; margin:8px 0 0; padding:8px 0 4px; text-align:right;}
.doubleArticles .articleComments{float:right; width:40px; padding:11px 4px 20px; background:url(http://www.smode-resource.se/gfx/commentBG.gif) no-repeat; color:#71a4be; font:bold 12px georgia; text-align:center;}
.doubleArticles .articleProtected{background:url(http://www.smode-resource.se/gfx/icons/16/lock_16.gif) 100% 8px no-repeat; padding-right:20px;}
/* ARCHIVE VIEW */
.articleArchive th{font:bold 12px Trebuchet MS, arial; color:#129ec9;}
.articleArchive td{padding:2px; font-size:10px;}
.articleArchive td.articleArchiveHeader{font:bold 11px Trebuchet MS, arial;}
/* AJAX VIEW */
.articleSubTools{background:url(/_project/_layout/gfx/fadedBG.jpg) 0 100% repeat-x #fff; border:1px solid #eee; padding:8px 10px 0px 12px; height:30px; font:bold 16px Trebuchet MS, arial;}
.articleSearch{padding:0; width:150px; height:20px; float:left; margin:0;}
.articleSearch .formGroupClearer{display:none;}  
.articleSearch .articleAJAXSearchStr .formLabel{color:#005e7d; padding:3px 3px 0 0; display:inline; width:70px; margin:0;}
.articleSearch .articleAJAXSearchStr input{width:90px; display:inline; padding:0; margin:0;}
.articleSubTools a{display:block; padding:0px 10px 0px 6px; height:15px; text-decoration:none; float:left; font:11px verdana;}
.articleSubTools .allNews{float:right; text-align:right;}
.articleSubTools .rssFeed{background:url(http://www.smode-resource.se/gfx/icons/rss.gif) 5px no-repeat; padding:0px 0 0px 26px; float:right; text-align:right;}
.ajaxArticles{padding:0px 10px 5px; margin-top:10px;}
.ajaxArticles .articleHeader{font:italic 14px Trebuchet MS, arial; color:#000; text-decoration:none;}
.ajaxArticles .articleSubHeader{margin-bottom:30px; font:12px verdana; color:#999; padding:4px 0;}
.ajaxArticles .articleTypeName{color:#005e7d;}
.ajaxArticles .mainImg{margin:0px 0px 2px 0; width:160px;}
.ajaxArticles .articleImgText{text-align:left; font:italic 11px verdana; padding:4px 0;}
.ajaxArticles .articleImgContainer{font:10px verdana; color:#999; float:left; width:160px; margin:0px 20px 10px 0;}
.ajaxArticles .clientShowArticle{display:block; font:11px verdana; cursor:pointer; border-top:1px solid #d2d2d2; background:url(http://www.smode-resource.se/gfx/slidePanelSmall.jpg) 100% 0 no-repeat; height:20px; text-align:right; padding:3px 50px 0 0; clear:both; text-decoration:none;}
.ajaxArticles .viewArticle{background:#f0f0f0; margin:5px 0 0px; padding:4px 10px; clear:both; text-transform:uppercase; text-decoration:none; display:block; font:11px verdana; color:#666; border-top:1px dotted #f0f0f0; text-align:right;}
.ajaxArticles .articleContent{font:12px verdana; padding:8px 10px 18px 10px; display:none;}	
.ajaxArticles .articleComments{float:right; width:40px; padding:11px 4px 20px; background:url(http://www.smode-resource.se/gfx/commentBG.gif) no-repeat; color:#71a4be; font:bold 12px georgia; text-align:center;}
/* SINGLE VIEW */
.singleArticles{clear:both; width:100%;}
.singleArticles .bottom-cell{border-bottom:1px solid #ddd; padding-bottom:10px;}
.singleArticles .header-cell{height:35px; padding:5px 0px 0px 0;}
.singleArticles .content-cell{}
.singleArticles .content-cell.no-image{padding-left:0px;} 
.singleArticles .image-cell{padding:10px 20px 10px 0; overflow:hidden;}
.singleArticles .image-cell img{padding:0; margin:0;}
.singleArticles .tiny-content a{font:bold italic 10px verdana; text-decoration:none;}
.singleArticles .tiny-content{padding:4px 10px;}
.singleArticles .left{border-right:1px dotted #ccc; padding-right:10px;}
.singleArticles .advertisement-row td{border-bottom:1px dotted #ccc; padding:10px 0; text-align:center;}
.singleArticles .right.noImage{padding-left:60px;}
.singleArticles .articleHeader{font:bold 16px Trebuchet MS, arial; color:#000; padding:6px 0 2px; display:block; text-decoration:none;}
.singleArticles .articleSubHeader{padding:0 0 0px; font:10px arial; color:#999;}
.singleArticles .archive-name,.singleArticles .archive-name:visited, .singleArticles .archive-name:active{color:#000; font-weight:bold; text-decoration:none; font:12px Trebuchet MS, arial; }
.singleArticles .archive-name:hover{text-decoration:none;}
.singleArticles .articleTeaser,.singleArticles .articleTeaser:visited,.singleArticles .articleTeaser:active{color:#005e7d; font:12px verdana; line-height:18px; text-align:justify; padding:0; text-decoration:none;}
.singleArticles .articleTeaser:hover,.singleArticles .articleHeader:hover{color:#ffb362; text-decoration:none;}

.singleArticles .articleDateInline{color:#333; font:10px verdana;}
.singleArticles .articleComments{float:right; width:40px; padding:8px 8px 10px; background:url(http://www.smode-resource.se/gfx/com-ico.png) no-repeat; color:#fff; font:14px "Arial Black"; letter-spacing:-1px; text-align:center;}
.singleArticles .articleProtected{background:url(http://www.smode-resource.se/gfx/icons/16/lock_16.gif) 100% 8px no-repeat; padding-right:20px;}
.art-project-container{
	float:left;
	margin:20px 0 30px;
}
.art-project-container .art-project-box{
	margin:3px;
	border:1px solid #ccc;
	background:#eee;
	float:left;
	width:299px;
	height:300px;
	padding:10px;
}
.art-project-box .gfx-box{
	height:220px; 
	background:#fff; 
	display:block; 
	overflow:hidden; 
	margin:0 0 5px;
}
.art-project-box .gfx-box img{
	border:0;
}
.art-project-box .image-fillout{
	height:220px; 
	display:block;
}
.art-project-box .sub-header{
	margin:0 0 6px; 
	padding:4px 0 0; 
	display:block; 
	color:#000; 
	font:bold 14px Trebuchet MS, arial; 
	border-bottom:1px solid #eee;
	text-decoration:none;
}
.art-project-box .archive-name{
	text-decoration:none;
	font:11px verdana;
	line-height:16px;
	color:#333;
}
.art-project-box .teaser{
	text-decoration:none;
	margin:0;
	font:11px verdana;
	line-height:16px;
}
.art-project-container .bottom-tools{
	clear:both;
	float:left;
}
.interactive-archive{
	width:788px;
}
.interactive-archive .left-column{
	float:left;
	width:448px;
	margin-right:8px;
}

.interactive-archive .left-column .sub-tools{
	margin:2px 0 8px;
	padding:5px;
	border:1px solid #eee;
	background:url(http://www.smode-resource.se/gfx/fadedBG.jpg) 0 50% repeat-x;
}
.interactive-archive .left-column .main-news-media-container{
	position:relative;
	height:286px;
	overflow:hidden;
}
.interactive-archive .left-column .main-news-media-container .main-news-image{
	height:auto;
	width:448px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}.interactive-archive .left-column .main-news-media-container a img{border:0;}
.interactive-archive .left-column h1.main-news-header{
	background:#005e7d;
	color:#fff;
	padding:7px;
	margin:0;
	position:absolute;
	font-size:16px;
	top:130px;
	width:140px;
}
.interactive-archive .left-column a.main-news-teaser{
	background:#f68724;
	display:block;
	text-decoration:none;
	color:#fff;
	padding:10px;
	font-size:11px;
	line-height:20px;
	margin:0 0 5px;
	height:43px;
	overflow:hidden;

}
.interactive-archive .left-column a.main-news-article-link{
	display:block;
	outline:0;
	position:absolute;
	top:205px;
	left:296px;
	width:140px;
	text-align:right;
	text-decoration:none;
	padding:2px 10px 2px 2px;
	background:#005e7d;
	color:#fff;
}
.interactive-archive .left-column div.main-news-date{
	display:block;
	outline:0;
	width:48px;
	text-align:center;
	position:absolute;
	top:0px;
	left:390px;
	text-decoration:none;
	padding:2px 5px;
	background:#005e7d;
	color:#fff;
}
.interactive-archive .left-column a.main-news-category-link{
	display:block;
	outline:0;
	position:absolute;
	top:118px;
	left:0px;
	text-decoration:none;
	font-size:10px;
	background:#333;
	color:#999;
	padding:1px 10px;
}

.interactive-archive .right-column{
	float:left;
	width:332px;
}
.interactive-archive .right-column .moreNews{
	display:block;
	padding:10px;
	background:#005e7d;
	color:#fff;
	font:13px Trebuchet MS, arial;
	text-align:center;
	text-decoration:none;
	outline:0;
}
.interactive-archive .right-column .moreNews:hover{
	background:#fff;
	color:#005e7d;
}

.interactive-archive .right-column .art-block{
	margin:0;
}
.interactive-archive .right-column .sub-news-container{
	margin-bottom:5px;
	padding:5px;
	background:#f0f0f0;
}
.interactive-archive .right-column .sub-news-container h3{
	font:bold 12px Trebuchet MS, arial;
	margin:0 0 4px 82px;
	padding:0;
}
.interactive-archive .right-column .sub-news-container h3 .date{
	display:none;
}

.interactive-archive .right-column .sub-news-container .sub-news-category-link{
	font-weight:bold;
	display:inline;
	text-decoration:none;
}
.interactive-archive .right-column .sub-news-container .sub-news-teaser{
	display:block;
	padding:0px 5px 5px 0;
	text-decoration:none;
	font-size:10px;
	line-height:15px;
	margin-left:82px;
}
.interactive-archive .right-column .sub-news-container .sub-news-media{
	display:block;
	float:left;
	border:0;
	margin-top:4px;
	margin-left:4px;
}
.interactive-archive .right-column .sub-news-container.video .sub-news-media{cursor:pointer;}
.archive-overview-header{
	font-size:18px;
	clear:both;
	margin-top:0;
}
.archive-overview-box{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px;
	background:#eee;
	clear:both;
	float:left;
}
.archive-overview-box .archive-box{
	border:1px solid #ccc;
	background:#fff;
	float:left;
	width:177px;
	height:125px;
	overflow:auto;
	margin:4px;
	padding:10px 15px 5px;
}
.archive-overview-box .archive-box.full-width{width:625px; height:255px; padding:10px;}
.archive-overview-box .archive-box .sub-header{margin:0 0 6px; padding:4px 0; display:block; color:#000; font:bold 14px Trebuchet MS, arial; border-bottom:1px solid #eee;}
.archive-overview-box .archive-box .gfx-box{height:160px; background:#eee; display:block; overflow:hidden; margin:0 0 8px;}
.archive-overview-box .archive-box .video-fillout{height:160px; background:url(http://www.smode-resource.se/gfx/icons/social-media/youtube.png) -70px -52px no-repeat; display:block;}
.archive-overview-box .archive-box.full-width .left-col{width:370px; margin-right:15px; padding-right:10px; border-right:1px solid #eee; float:left; height:254px;}
.archive-overview-box .archive-box.full-width .right-col{width:220px; height:254px; float:left;}

.archive-overview-box .archive-box .archive-header{
	font:bold 14px Trebuchet MS, arial;
	display:block;
	border-bottom:1px solid #eee;
	padding:4px 0;
	text-decoration:none;
	margin-bottom:6px;
	color:#000;
}
.archive-overview-box .archive-box a{
	display:block;
	font-size:10px;
	line-height:17px;
	text-decoration:none;
}
.archive-overview-box .archive-box a.rss{
	display:block; 
	background:url(http://www.smode-resource.se/gfx/icons/rss.gif) no-repeat;
	width:16px;
	height:16px;
	text-decoration:none; 
	float:right;
	margin-top:4px;
}
#articleCommentsSnippet{}
#articleCommentsSnippet a{
	display:block;
	text-decoration:none;
}
#articleCommentsSnippet a.rss{
	display:block; 
	background:url(http://www.smode-resource.se/gfx/icons/rss.gif) 100% 5px no-repeat;
	height:18px;
	padding:5px 20px 0 0;
	text-decoration:none; 
	margin-top:4px;
	text-align:right;
	color:#333;
	font:12px arial;
	border-top:1px solid #eee;
}