@CHARSET "UTF-8";

/* -------------------------------------------------------------------------- */
/* General HTML elements                                                      */
/* -------------------------------------------------------------------------- */

html, body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #6f6f6f;
	background-image: url(images/page_bg.png);
}

h1 {
    font-size: 22px;
	font-weight: normal;
}

a,
a:visited,
a:link {
	color: #3366ff;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

iframe {
	border: 1px solid #6f6f6f;
}

/* -------------------------------------------------------------------------- */
/* Container/placeholder positioning                                          */
/* -------------------------------------------------------------------------- */

#container {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
	width: 900px;
}

#placeholder-top {
	float: left;
	height: 164px;
	margin-bottom: 10px;
	background-image: url(images/top_bg.png);
}

#placeholder-left {
	float: left;
	width: 175px;
}

#placeholder-right {
	float: right;
	margin-left: 5px;
	width: 265px;
    margin-bottom: 0px;
}

#container.frontpage #placeholder-left {
	display: none;
}

#placeholder-content, #placeholder-content-no-right {
	float: left;
	padding: 10px;
	margin-left: 5px;
	width: 430px;
	background-color: #fff;
}
#placeholder-content-no-right {
	width: 700px;
}

#container.frontpage #placeholder-content {
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 620px;
}

#container.frontpage #placeholder-content p {
	padding: 0px;
	margin: 0px;
}



#placeholder-bottom {
	width: 900px;
	clear: both;
	padding: 0px;
	margin-top: 10px;
	background-color: #fff;
}

#content-link {
	display: none;
}


/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */

/* 
Tiles in top, bottom and content placeholders should not be styled using
the general styles, so we reset these styles here. HTML element ID spesific
styling, using the #html-element-id notion has precendence over styles set
generally using only the css-class. If we want to override these styles later
in the stylesheet, we must remember to use the full element path.
*/

#placeholder-top .tile-content,
#placeholder-top .tile-common,
#placeholder-top .tile-common h3,
#placeholder-bottom .tile-content,
#placeholder-bottom .tile-common,
#placeholder-bottom .tile-common h3,
#placeholder-content .tile-content,
#placeholder-content .tile-common,
#placeholder-content .tile-common h3,
#placeholder-content-no-right .tile-content,
#placeholder-content-no-right .tile-common,
#placeholder-content-no-right .tile-common h3 {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.tile-common h3 {
	/* background-color: #ddd; */
	margin: 0 0 5px 0;
	padding: 2px 10px 3px 10px;
}

.clear_both {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.paddingleft10 {
	padding-left: 150px;
}

.paddingleft10 img {
	vertical-align: top;
}

#placeholder-right h3 {
	height: 15px;
	background-color: #333333;
	color: #fff;
	font-size: 12px;
	padding-left: 0px;
}


/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */

.horizontal-menu h3,
.linktoolbar h3,
.sitelocator h3 {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}	

.horizontal-menu ul,
.linktoolbar ul,
.sitelocator ul {
	display: inline;
	float: left;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */

.full-articlelist ul,
.full-articlelist-twocolumn ul,
.full-articlelist-horizontal ul,
.full-articlelist-vertical ul,
.small-articlelist ul,
.vertical-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.full-articlelist li li,
.small-articlelist li li,
.vertical-menu li li {
	padding-left: 0px;	
}

.full-articlelist-twocolumn li {
	width: 49.9%;
	float: left;
	clear: right;
}


/* -------------------------------------------------------------------------- */
/* Styling for spesific elements                                              */
/* -------------------------------------------------------------------------- */


.ratingDisplay1 {
	background: url(images/rateicons1.png) no-repeat top left;
	height: 10px;
	float: left;
}

.ratingDisplay0 {
	background: url(images/rateicons0.png) no-repeat top right;
	height: 10px;
	float: left;
}

/* 
Some of these elements have been styled using id-context above. We therefore
need to use the full id-element path to override these styles.
*/

/* -- Page header ----------------------------------------------------------- */
.page-header {
	float: left;	
}

.page-header .logo {
	font-size: 1.85em;
	font-weight: bold;
}

#placeholder-top .horizontal-menu h3 {
	display: none;  
}

#placeholder-top .small-articledisplay {
	float: left;
}

#placeholder-top .small-articledisplay p {
	margin: 0px;
}

/* -- Language selector ----------------------------------------------------- */
.language-selector {
	float: left;
}

.language-selector ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-left: 15px;
}

.language-selector img {
	border: none;
}

.language-selector h3 {
	display: none;
}

/* -- Toolbar in top placeholder -------------------- */

#placeholder-top .linktoolbar {
	float: left;
	width: 100px;
	margin-top: 10px;
	margin-left: 10px;
}

#placeholder-top .linktoolbar li {
	float: left;
	margin-right: 10px;
}

#placeholder-top .linktoolbar h3 {
	display: none;  
}

/* -- Search input in top placeholder -------------------- */
.small-searchinput {
	float: left;
}

.small-searchinput div {
	margin-top: 14px;
	margin-left: 15px;
	width: 250px;
}

.small-searchinput h3 {
	display: none;
}

.small-searchinput input.textinput {
	width: 150px;
	height: 12px;
	font-size: 10px;
}

.small-searchinput input.submit {
	height: 20px;
	font-size: 10px;
}

/* -- Horizontal menu in top placeholder -------------------- */
#placeholder-top .horizontal-menu ul {
	float: left;
	clear: both;
	margin-top: 10px;
	width: 900px;
	height: 26px;
	background-color: #444444;
}

#placeholder-top .horizontal-menu li {
	display: block;
	float: left;
	height: 26px;
	padding: 0px;
	text-align: center;
	border-right: 1px solid #747474;
	background-color: #444444;
}


#placeholder-top .active li {
	background-color: #ddd;
}

#placeholder-top li.main-active {
	background-color: #ccc;
}

#placeholder-top .menu1 ul {
	margin-top: 2px;
	background-color: #ccc;
}

#placeholder-top .menu1 li {
	background-color: #ccc;
}

#placeholder-top .menu1 .active {
	background-color: #eee;
}

#placeholder-top .horizontal-menu a {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	width: 1px auto;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	white-space: nowrap;
}

#placeholder-top .horizontal-menu a:hover {
	color: #fff;
	background-color: #3366ff;
	text-decoration: none;
}

#placeholder-top .main-active a {
	color: #000;
}

#placeholder-top .menu1 li a {
	color: #000;
}


/* -- Vertical menu in left placeholder -------------------- */
#placeholder-left .vertical-menu {
	border: none;
}

#placeholder-left .vertical-menu h3 {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	width: 155px;
	height: 20px;
	margin-bottom: 0px;
	padding-top: 7px;
	background-image: url(images/heading_bg.png);
	background-repeat: repeat-x;
}


#placeholder-left .vertical-menu li {
	float: left;
	margin-bottom: 2px;
	width: 175px;
	height: 25px;
	background-color: #444444;
}

#placeholder-left .vertical-menu a {
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#placeholder-left .active li {
	background-color: #ddd;
}

#placeholder-left li.main-active {
	background-color: #ddd;
}

#placeholder-left .vertical-menu a {
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

#placeholder-left .vertical-menu a:hover {
	background-color: #3366ff;
	text-decoration: none;
}

#placeholder-left .active a {
	color: #000;
}

/* -- Front page article list in content placeholder -------------------- */
#container.frontpage #placeholder-content .full-articlelist-twocolumn {
	margin-top: 10px;
	margin-left: 10px; /* MOS */
	width: 610px;
}

#container.frontpage #placeholder-content .full-articlelist-twocolumn ul {
	/*width: 620px; MOS*/
	padding-left: 0px; /*MOS*/
	margin-left: 0px; /*MOS*/
}

#container.frontpage #placeholder-content .full-articlelist-twocolumn li {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin-left: 0px;
	/*float: left; MOS*/
}
#container.frontpage #placeholder-content .full-articlelist-twocolumn li.odd {
	clear: both !important;
	/* float: left !important; */
}
#container.frontpage #placeholder-content .full-articlelist-twocolumn li.even {
	clear: none !important;
	/* float: left !important; */
}

/*#placeholder-content*/ .full-articlelist-twocolumn li.odd {
	float: left;
	clear: both;
}

/*#placeholder-content*/ .full-articlelist-twocolumn li.even {
	float: right;
	/*clear: right;*/
}


#container.frontpage #placeholder-content .full-articlelist-twocolumn h3 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 7px;
}

#container.frontpage #placeholder-content .full-articlelist-twocolumn p {
	font-size: 11px;
}

#placeholder-content .articlelist-link-internal a,
#placeholder-content-no-right .articlelist-link-internal a {
	display: none;
}

/* -- Flash map in right placeholder -------------------- */
#placeholder-right .small-articledisplay {
	margin: 0px;
	margin-bottom: 10px;
	border: none;
}

#placeholder-right .small-articledisplay h3 {
	font-size: 11px;
	height: 16px;
	margin: 0px;
	padding-top: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	background-image: url(images/heading_bg.png);
}

#placeholder-right .small-articledisplay p {
	margin-top: 2px;
	padding: 0px;
}

/* -- Sponsor banners on front page in right placeholder -------------------- */
#placeholder-right img.cp-mmarchive-image-default {
	margin-bottom: 2px;
}

/* -- Latest media contributions in right placeholder -------------------- */

#placeholder-right .uploadElementList h3 {
	font-size: 11px;
	height: 16px;
	margin: 0px;
	margin-top: 5px;
	padding-top: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	background-image: url(images/heading_bg.png);
}

#placeholder-right .uploadElementList li {
	height: 60px;
	width: 265px;
	background-color: #fff;
	margin-top: 2px;
	overflow: hidden;
}

#placeholder-right .uploadElementList img {
	width: 80px;
	height: 60px;
	overflow: hidden;
	float:left;
}
#placeholder-right .uploadContentArticle h3 {
	width: 180px;
	font-size: 11px;
	text-transform: none;
	padding: 0px;
	white-space:nowrap;
	overflow:hidden;
	/*overflow: hidden;*/
}

#placeholder-right .uploadContentArticle div.info {
	float: right;
	overflow: hidden;
	font-size: 11px;
	padding: 0px;
}
#placeholder-right .uploadContentArticle div.ratingWrapper {
    display: none;
}

/* -- Media list in content placeholder -------------------- */
#placeholder-content div.listNavigation,
#placeholder-content-no-right div.listNavigation {
	background-color: #eeeeee;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

#placeholder-content div.uploadContentArticle,
#placeholder-content-no-right div.uploadContentArticle {
	margin-bottom: 20px;
}

#placeholder-content .uploadContentArticle div.thumbnail,
#placeholder-content-no-right .uploadContentArticle div.thumbnail {
	width: 80px;
	height: 60px;
	overflow: hidden;
}

#placeholder-content .uploadContentArticle h3,
#placeholder-content-no-right .uploadContentArticle h3 {
	width: 120px;
	height: 15px;
	overflow: hidden;
	font-size: 12px;
	padding: 0px;
}

#placeholder-content .uploadContentArticle div.info,
#placeholder-content-no-right .uploadContentArticle div.info {
	width: 120px;
	overflow: hidden;
	font-size: 11px;
	padding: 0px;
	padding-left: 5px;
}

/* -- Contact information in bottom placeholder ------------------------------------------------------- */
#placeholder-bottom .small-articledisplay p {
	text-align: left;
	padding: 10px;
}

/* -- Article display ------------------------------------------------------- */
.full-articledisplay {
	clear: both;
}

.full-articledisplay h1 {
	margin-top: 0px;
}

.full-articledisplay p {
	clear: both;
}

.full-articledisplay .rating {
	margin-bottom: 5px;
}

/* -- Article list ---------------------------------------------------------- */
#placeholder-content .full-articlelist h3,
#placeholder-content-no-right .full-articlelist h3 {
}

#placeholder-content .full-articlelist .uploadContentArticle,
#placeholder-content-no-right .full-articlelist .uploadContentArticle {
	clear: both;
	margin-top: 10px;
}

.full-articlelist-twocolumn .uploadContentArticle {
	padding-bottom: 5px;
}

#placeholder-content .full-articlelist .uploadContentArticle h3,
#placeholder-content-no-right .full-articlelist .uploadContentArticle h3 {
	margin-top: 0px;
}

.full-articlelist .uploadContentArticle .thumbnail,
.full-articlelist-twocolumn .uploadContentArticle .thumbnail {
	float: left;
}

.full-articlelist .uploadContentArticle .info,
.full-articlelist-twocolumn .uploadContentArticle .info {
	float: left;
	padding-left: 15px;
}

/* layout adjustment for video icon */
.videoinfo {
    position: relative;
    top:-20px;
}

.full-articlelist-horizontal .uploadContentArticle {
	float: left;
	text-align: center;
}

.full-articlelist-horizontal .uploadContentArticle h3,
.full-articlelist-vertical .uploadContentArticle h3 {
	font-size: 14px;
}

.full-articlelist-horizontal .ratingWrapper,
.full-articlelist-vertical .ratingWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 85px;
}

#placeholder-right .full-articlelist-vertical .tile-content {
	padding: 0px;
}

.full-articlelist-twocolumn h3 {
	font-size: 14px;
}

#placeholder-right .full-articlelist-vertical,
#placeholder-left .full-articlelist-vertical {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#placeholder-right .full-articlelist-vertical .tile-content h3,
#placeholder-left .full-articlelist-vertical .tile-content h3 {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* -- Digest ---------------------------------------------------------------- */
h2.digest {
	font-size: 1em;
}

/* -- File uploads ---------------------------------------------------------- */
.fileUpload .fields {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 5px;
	width: 270px;
	height: 444px;
	background-color: #eeeeee;
}

.fileUpload .tags {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

.fileUpload .fields textarea {
	width: 255px;
}

#placeholder-content div.tags,
#placeholder-content-no-right div.tags {
	margin-bottom: 5px;
	padding-bottom: 10px;
	width: 135px;
	background-color: #eeeeee;
}

#placeholder-content .tags h4,
#placeholder-content-no-right .tags h4 {
	margin: 0px;
	padding: 0px;
}

#placeholder-content .tags input,
#placeholder-content-no-right .tags input {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

/* -- Reporting and suggestion form ----------------------------------------- */
.entitycomment li.comment {
}

.entitycomment ul{
}

.entitycomment .reportContent {
    position: relative;
	bottom: 12px;
	right: 0px;
	font-size: 10px;
	margin-bottom: 20px;
}

.entitycomment p {
    padding-bottom: 10px;
}

.uploadArticle .reportContent,
.uploadArticle .suggestContent {
	float: right;
	clear: right;
	font-size: 10px;
    width: 300px;
}
.reportContent .wrapper,
.suggestContent .wrapper {
	float: right;
	
	position: relative;
    z-index: 98;
}

.suggestContent .wrapper {
    z-index: 99;
}

.reportContent .reportForm,
.suggestContent .suggestionForm {
	padding: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #dddddd;
	border: 3px double #888888;
	display: none;
    width: 300px;
    clear: both;
}

.reportForm textarea,
.suggestionForm textarea {
    width: 300px;
}

.suggestionForm label {
	display: block;
    width: 100px;
}

.reportContent .visible,
.suggestContent .visible {
	display: block;
}

.reportContent .error {
	color: #dd0000;
}

.reportContent .cancel,
.suggestContent .cancel {
	float: right;
}

/* -- Comment form ----------------------------------------- */
#placeholder-content .entitycomment ul,
#placeholder-content-no-right .entitycomment ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#placeholder-content .entitycomment li,
#placeholder-content-no-right .entitycomment li {
	padding: 5px;
}

#placeholder-content .entitycomment li.odd,
#placeholder-content-no-right .entitycomment li.odd {
	background-color: #eee;
}

#placeholder-content .entitycomment li.even,
#placeholder-content-no-right .entitycomment li.even {
	background-color: #fff;
}

#placeholder-content .entitycomment h2,
#placeholder-content-no-right .entitycomment h2 {
	font-size: 14px;
}

#placeholder-content .entitycomment h3,
#placeholder-content-no-right .entitycomment h3 {
	font-size: 11px;
	margin: 0px;
}

#placeholder-content .entitycomment-byline,
#placeholder-content-no-right .entitycomment-byline {
	font-size: 11px;
}

#placeholder-content .entitycomment-form div,
#placeholder-content-no-right .entitycomment-form div {
	margin-top: 10px;
}

#placeholder-content .articleCommentForm h3,
#placeholder-content-no-right .articleCommentForm h3 {
	margin-top: 10px;
}

.articleCommentForm {
	display: none;
}

.uploadArticle .ingress {
	margin-bottom: 10px;
}

#coretrek-colofon { /* MOS */
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

#coretrek-colofon a {
	/*float:left; MOS*/
	color: #555;
	font-size: 10px;
	/*margin-top: 10px; MOS*/
	/*margin-bottom: 20px; MOS*/
}
input#captcha {
	width: 60px;
}
.required-field {
    font-weight: bold;
}