/**
*	sitebase.css
*
*       This is the default stylesheet of CoreTreks Site Base for CorePublish frontends
*
*	Please DO NOT CHANGE this file.
*	To override any style, create a "style.css" file in the same directory (/css), and
*	override/add your styles there. This makes sure you can update this file (sitebase.css)
*	from a newer distribution without worrying about keeping your changes.
*
*	@author Geir Helge Tjostolvsen-Schmidt and Arve Skj�restad
*
*/

/* ==== GENERAL STYLES ==== */
	html, body {
	/*background: url(../images/bodybg2.jpg) repeat-y #F5F5F5 center;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div, td {
	font-family: tahoma,arial,verdana,helvetica,geneva;
	font-size: 11px;
}

a, a:hover {
	color: #713F3F;
	text-decoration: underline;
}

input, select, textarea {
font-family: verdana,helvetica, geneva;
font-size: 10px;
font-weight: bold;
padding: 2px;
}

/* ==== PLACEHOLDER DEFINITIONS ==== */

/* This is the "main container" surrounding the other divs */
.ctsitebase-pagecontainer {
        width: 980px;
        /*margin-left: auto;*/
        /*margin-right: auto;*/
}

/* This holds the "top" placeholder */
.ctsitebase-placeholder-1 {
        /* no definitions needed here!! */
}

/* This holds the "left" placeholder */
.ctsitebase-placeholder-2 {
	float:		left;
	width:		20%;

}


.ctsitebase-placeholder-main-onecol {
        float:		left;
	width: 		79%;
}


.ctsitebase-placeholder-main-twocol {
        float:		left;
	width:		54%;
	margin-bottom:	10px;
}


/* This holds the "right" placeholder */
.ctsitebase-placeholder-3 {
	float:		left;
	width:		25%;
	padding-top:	40px;

}

/* This holds the "bottom" placeholder */
.ctsitebase-placeholder-4 {
        border: 	0px solid red;/* set this to "1px" to debug.. */
	clear:		both;
	width: 		585px;
	margin-left:	170px;
	text-align: 	left;
	margin-bottom:	20px;

}

/* ==== PAGE TOP DEFINITIONS ==== */

.ctsitebase-pagetop {
	background: url(../images/top_bg.gif) #FFCC00;
	width: 		720px;
	height: 	84px;
	padding: 	0px 20px 0px 20px;
}

.ctsitebase-pagetop-logo {
	float: left;
	width: 33%;
	text-align: left;
	padding: 30px 0px 0px 0px;
}

.ctsitebase-pagetop-cont {
	float: right;
	width: 33%;
	text-align: right;
	padding: 30px 0px 0px 0px;
}

.ctsitebase-pagetop-cont2 {
	float: right;
	width: 33%;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.ctsitebase-pagetop-searchbox {
	width: 90px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #BBBBBB;
}

.ctsitebase-pagetop-searchbutton {
	background: url() #1E0505;
	border-top: solid 1px #AE3A3A;
	border-right: solid 1px #AE3A3A;
	border-bottom: solid 1px #AE3A3A;
	border-left: solid 1px #AE3A3A;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 1px;
}

/* ==== MENU TILE SPECIFIC DEFINITIONS ==== */
.ctsitebase-categorymenu {

}

ul.ctsitebase-categorymenu {
	margin: 	0;
	padding: 	0;
	list-style: 	none;
	width: 		150px;
	border-bottom: 	none;
	margin-top: 	20px;
}

ul.ctsitebase-categorymenu ul.ctsitebase-categorymenu {
	margin-top: 0px;
}

ul.ctsitebase-categorymenu li {
position: relative;
}


/* applies to both menu types */
ul.ctsitebase-categorymenu li a {
	display: block;
	text-decoration: none;
	color: #777777;
	background: #E8E4E4;
	padding: 5px 10px 5px 20px; /* top-right-bottom-left */
	border: none;
	border-bottom: solid 1px #FFFFFF;
}

/* only applies to the 'tree' menu */
ul.ctsitebase-categorymenu li a.treemenu {

	/* overridden properties */
	padding: 5px 10px 5px 10px; /* top-right-bottom-left */
	border-bottom: 0px;

	/* new properties */
	font-family: tahoma,verdana,helvetica,geneva;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
        background-color: #D8D6D5;
}

/* level 2 - only present in the 'tree' menu */
ul.ctsitebase-categorymenu ul.ctsitebase-categorymenu li a {
	display: block;
	color: #713F3F;
	background: #E8E4E4;
	margin:0px;
	padding: 2px 10px 2px 10px;
	border-bottom: 0px;

	font-family: tahoma,verdana,helvetica,geneva;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}

/* level 3 - only present in the 'tree' menu */
ul.ctsitebase-categorymenu ul.ctsitebase-categorymenu ul.ctsitebase-categorymenu li a {
	display: block;
	color: #713F3F;
        background: #E8E4E4;
	margin:0px;
	padding: 2px 10px 2px 20px;
	border-bottom: 0px;

	font-family: verdana,helvetica,geneva;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: none;
}

ul.ctsitebase-categorymenu ul.ctsitebase-categorymenu {

}

ul.ctsitebase-categorymenu li span {
	display:none;
}

* html ul.ctsitebase-categorymenu li {
float: left;
height: 1%;
}

* html ul.ctsitebase-categorymenu li a {
height: 1%;
}

ul.ctsitebase-categorymenu li a:hover {
color: #713F3F;
background: #f9f9f9;
text-decoration: none;
}


ul.ctsitebase-categorymenu li:hover ul, li.over ul {
display: block;
}



/* ==== ARTICLE LIST SPECIFIC DEFINITIONS ==== */
.ctsitebase-articlelist,
.ctsitebase-articlelist-twocols {
	padding: 20px;
}

.ctsitebase-articlelist-twocols {
	padding-bottom:10px;
}


.ctsitebase-articlelist-twocols-topcol,
.ctsitebase-articlelist-twocols-bottomcol {
	width: 100%;
}


.ctsitebase-articlelist-twocols-bottomcol {
	margin-top:20px;
}

.ctsitebase-articlelist-twocols-leftcol,
.ctsitebase-articlelist-twocols-rightcol {
        float: left;
        width:48%
}

.ctsitebase-articlelist-twocols-leftcol {
        margin-right:10px;
}


.ctsitebase-articlelist-twocols-rightcol {
        margin-left:10px;
}

.ctsitebase-articlelist-twocols {

}


/* use this to always align the matching left and right article in the two-column list */
.ctsitebase-articlelist-twocols .ctsitebase-articlelist-twocols-leftcol .ctsitebase-articlelist-row,
.ctsitebase-articlelist-twocols .ctsitebase-articlelist-twocols-rightcol .ctsitebase-articlelist-row {
	height: 140px;
}

.ctsitebase-articledisplay-hr {
	height: 1px;
	color: #E8E4E4;
}

.ctsitebase-articlelist-header,
.ctsitebase-articlelist-header-first {
        font-family: arial,verdana,helvetica,geneva;
	font-size: 15px;
	margin: 3px 0px 8px 0px;
	font-weight: bold;

}

.ctsitebase-articlelist-header-first {
	font-size: 22px;
	margin: 3px 0px 8px 0px;
}

.ctsitebase-articlelist-ingress,
.ctsitebase-articlelist-ingress-first {
	/* no styles needed here for this impl. */
}

.ctsitebase-articlelist-date {
	/* no styles needed here for this impl. */
}

.ctsitebase-articlelist-thumbnail-left {
	float:left;
	margin-right: 5px;
	border: 0px solid yellow;
}

.ctsitebase-articlelist-thumbnail-right {
	float:right;
	margin-left: 5px;
	border: 0px solid yellow;
}

.ctsitebase-articlelist-links {
        text-align: left;
	margin-top: 10px;

}

.ctsitebase-articlelist-link-internal,
.ctsitebase-articlelist-link-internal:link,
.ctsitebase-articlelist-link-internal:visited,
.ctsitebase-articlelist-link-internal:hover {
	font-weight: bold;
	text-decoration: none;
        list-style: circle;
}

.ctsitebase-articlelist-link-external {

}


/* the navigation bar showing "previous | 2 | 3 | 4 | 5 | next" */

.ctsitebase-articlelist-navigationbar {
	text-align:left;
	margin-left: 20px;
}

.ctsitebase-articlelist-navigationbar-link:link,
.ctsitebase-articlelist-navigationbar-link:visited,
.ctsitebase-articlelist-navigationbar-link:hover,
.ctsitebase-articlelist-navigationbar-link-active,
.ctsitebase-articlelist-navigationbar-link-active:link,
.ctsitebase-articlelist-navigationbar-link-active:visited,
.ctsitebase-articlelist-navigationbar-link-active:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.ctsitebase-articlelist-navigationbar-link-active,
.ctsitebase-articlelist-navigationbar-link-active:link,
.ctsitebase-articlelist-navigationbar-link-active:visited,
.ctsitebase-articlelist-navigationbar-link-active:hover
{
	font-weight:bold;
}



/* the navigation text showing "showing 6 to 10 of total 21 articles" */
.ctsitebase-articlelist-navigationtext {
	margin-left: 20px;
	text-align: left;
}

/* ==== SMALL ARTICLE LIST SPECIFIC DEFINITIONS ==== */
.ctsitebase-smallarticlelist {
	border: 	1px solid rgb(234, 234, 234);
	padding:	10px;
	margin-top:	10px;
	margin-right:	10px;
}


/* ==== SMALL ARTICLE DISPLAY SPECIFIC DEFINITIONS ==== */
.ctsitebase-smallarticledisplay {
	margin-top:	10px;
	margin-right:	10px;
}

.ctsitebase-smallarticledisplay-colored {
	background-color: rgb(234, 234, 234);
	padding:	10px;
	margin-top:	10px;
	margin-right:	10px;
}

/* ==== ARTICLE DISPLAY SPECIFIC DEFINITIONS ==== */
.ctsitebase-articledisplay-area {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;

}

.ctsitebase-articledisplay-header,
.ctsitebase-articledisplay-header-de2 {
        font-family: arial,verdana,helvetica,geneva;
	font-size: 15px;
	margin: 3px 0px 8px 0px;
	font-weight: bold;
	font-size: 22px;
	margin: 3px 0px 8px 0px;
}




.ctsitebase-articledisplay-ingress,
.ctsitebase-articledisplay-ingress-de2
{
	font-style: 	italic;
	margin-bottom:  10px;
}

.ctsitebase-articledisplay-body,
.ctsitebase-articledisplay-body-de2
{
        font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 	11px;
	color: 		#000000;
}

/* ==== DIRECT EDIT 2 SPECIFIC DEFINITIONS ==== */
.ctsitebase-articledisplay-directedit-button {
        text-align:	right;
}

/* General de2 styles when beeing edited */
.ctsitebase-articledisplay-header-de2,
.ctsitebase-articledisplay-ingress-de2,
.ctsitebase-articledisplay-body-de2
{
        border: 		1px dotted gray;
        padding:		2px;
        -moz-user-modify: 	read-write;
	-moz-user-input: 	enabled;
}


/* MM archive images  - alignment */
.cp-mmarchive-image-left {
        margin-right:	10px;
        margin-top:	10px;
        margin-bottom:	10px;
}

.cp-mmarchive-image-right {
        margin-left:	10px;
        margin-top:	10px;
        margin-bottom:	10px;
}


/* ==== SITE LOCATOR SPECIFIC DEFINITIONS ==== */
.ctsitebase-sitelocator {
	font-size: 10px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background: #FFFFFF;
}


/* ==== LINK TOOLBAR SPECIFIC DEFINITIONS ==== */
.ctsitebase-linktoolbar {
	text-align:right;
	vertical-align:bottom;
	margin-top:20px;
	margin-right:15px;
	margin-bottom:15px;
}

/* ==== LOGIN FORM  SPECIFIC DEFINITIONS ==== */
.ctsitebase-loginform,
.ctsitebase-loginform-loggedin
 {
	border: 	1px solid rgb(234, 234, 234);
	padding:	10px;
	margin-top:	10px;
	margin-right:	10px;
}

.ctsitebase-loginform div {
	font-weight: 	bold;
}

.ctsitebase-loginform-text {
	width: 		90px;
	margin: 	0px 5px 0px 0px;
	border: 	1px solid #BBBBBB;
}

.ctsitebase-loginform-submit {
	background: 	#1E0505;
	border-top: 	solid 1px #AE3A3A;
	border-right: 	solid 1px #AE3A3A;
	border-bottom: 	solid 1px #AE3A3A;
	border-left: 	solid 1px #AE3A3A;
	font-size: 	9px;
	font-weight: 	bold;
	color: 		#FFFFFF;
	text-transform: uppercase;
	padding: 	1px;
}


/* ==== ARTICLE SEARCH SPECIFIC DEFINITIONS ==== */
/* css for both the normal article search and the AJAX article search */


#ctsitebase-ajaxarticlesearch-result,
#ctsitebase-ajaxarticlesearch-searching,
.ctsitebase-ajaxarticlesearch-input,

.ctsitebase-searchinput {
	margin: 20px;
}

.ctsitebase-ajaxarticlesearch-input {
	/* background-color: rgb(234, 234, 234); */
	margin-top:	10px;
	margin-right:	10px;
	padding:0px;
}

.ctsitebase-ajaxarticlesearch-input div,
.ctsitebase-searchinput-header {
	font-weight:bold;
	display:block;
}

.ctsitebase-searchinput-header,
.ctsitebase-searchinput-text {
	margin-bottom:10px;
}

.ctsitebase-ajaxarticlesearch-input span {
	font-style:italic;
}

.ctsitebase-searchinput form {
	display:inline;
}

.ctsitebase-searchinput-searchfield,
.ctsitebase-searchinput-button  {
	display: inline;
}
.ctsitebase-searchinput-searchfield input {
	border-top: 	solid 1px #AE3A3A;
	border-right: 	solid 1px #AE3A3A;
	border-bottom: 	solid 1px #AE3A3A;
	border-left: 	solid 1px #AE3A3A;
	font-size: 	9px;
	font-weight: 	bold;
}

.ctsitebase-searchinput-button input {
	background: #1E0505;
	border-top: solid 1px #AE3A3A;
	border-right: solid 1px #AE3A3A;
	border-bottom: solid 1px #AE3A3A;
	border-left: solid 1px #AE3A3A;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 1px;
}


/* ==== ERROR MESSAGE SPECIFIC DEFINITIONS ==== */

.ctsitebase-errormessage #top {
	background: url(../images/top_bg.gif) #FFCC00;
	width: 		720px;
	height: 	84px;
	padding: 	0px 20px 0px 20px;

}

.ctsitebase-errormessage #header,
.ctsitebase-errormessage #url,
.ctsitebase-errormessage #message  {
	margin-left:170px;
}


.ctsitebase-errormessage #header {
	margin-top:	20px;
	margin-bottom:	10px;
	font-family: arial,verdana,helvetica,geneva;
	font-size: 15px;
	font-weight: bold;
	font-size: 22px;
}

.ctsitebase-errormessage #message {
	margin-bottom:	10px;
}