/**
*	style.css - Stylesheet
*	
*        This is the default stylesheet of CoreTreks Site Base for CorePublish frontends
*
*	@author Geir Helge Tjostolvsen-Schmidt and Arve Skjørestad
*	
*	Modified:
*/

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

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

/* This holds the "top" placeholder */
.ctsitebase-placeholder-1 {
        width:770px;
        border: 0px solid red; /* set this to "1px" to debug.. */
}

/* This holds the "left" placeholder */
.ctsitebase-placeholder-2 {
        position:absolute;
        margin-left:0px;
        width:185px;
        height:400px;
        border: 0px solid green;/* set this to "1px" to debug.. */
        background-color: #FAF3ED;
}

/* This holds the "main" placeholder */
.ctsitebase-placeholder-3 {
        position:absolute;
        margin-left:185px; 
        width:400px;
        height:400px;
        border: 0px solid blue;/* set this to "0px" to debug.. */
}

/* This holds the "right" placeholder */
.ctsitebase-placeholder-4 {
        position:absolute;
        margin-left:585px; 
        width:185px;
        height:400px;
        border: 0px solid yellow; /* set this to "1px" to debug.. */
}


/* ==== TILE SPECIFIC DEFINITIONS ==== */

.ctsitebase-topelement {
        width:100%;
        height:20px;
         background-color:#E06001;
        background-image: url('images/design/bg_dotted.gif');
        background-repeat: y-repeat;
        color: black;
}

.ctsitebase-topelement div {
        background-image: url('images/design/coretrek_logo.gif');
        background-repeat: no-repeat;
        width:113px;
        height:24px;
        margin-left: 657px; /* 770-113 */
}

.ctsitebase-toplevelmenu {
        
        height:20px;
        background-color:#F0B385;
        color: black;
        padding: 6px 0px 0px 14px;
        height:20px;
}

.ctsitebase-toplevelmenu-item {
        display:inline;
        background-color:#F0B385;
}

.ctsitebase-toplevelmenu-item a, .ctsitebase-toplevelmenu-item a:visited,.ctsitebase-toplevelmenu-item a:link  {
        color:#9E4604;
        text-decoration:none;
        font-weight:bold;
}

.ctsitebase-toplevelmenu-itemseparator {
        display:inline;
        margin-left: 7px;
        margin-right: 7px;
        padding-left:1px;
        background-color:#9E4604;
}


.cpsitebase-sublevelmenu {
        margin-left:10px;
        margin-top:10px;
        margin-bottom:20px;
}

.cpsitebase-sublevelmenu ul {
        margin-left: 0px;
        padding-left: 0px;
}

.cpsitebase-sublevelmenu-1 {
        /* list-style-image:url('images/design/submenu_arrow_off.gif'); */
        list-style-type: circle;
        list-style-type: none;
        margin-left:0px;
        padding-left:0px;
}

.cpsitebase-sublevelmenu-2,
.cpsitebase-sublevelmenu-3,
.cpsitebase-sublevelmenu-4,
.cpsitebase-sublevelmenu-5
{
        list-style:none;
}


.cpsitebase-sublevelmenu-1 a:link,.cpsitebase-sublevelmenu-1 a:visited  {
        color:#149140;
        text-decoration:none;
        font-weight:bold;
}

.cpsitebase-sublevelmenu-2 a:link,
.cpsitebase-sublevelmenu-2 a:visited,
.cpsitebase-sublevelmenu-3 a:link,
.cpsitebase-sublevelmenu-3 a:visited,
.cpsitebase-sublevelmenu-4 a:link,
.cpsitebase-sublevelmenu-4 a:visited,
.cpsitebase-sublevelmenu-5 a:link,
.cpsitebase-sublevelmenu-5 a:visited
{
        color:#149140;
        text-decoration:none;
}

.cpsitebase-sublevelmenu-1 a:hover,
.cpsitebase-sublevelmenu-2 a:hover,
.cpsitebase-sublevelmenu-3 a:hover,
.cpsitebase-sublevelmenu-4 a:hover,
.cpsitebase-sublevelmenu-5 a:hover
{
        text-decoration:underline;
}

.cpsitebase-sublevelmenu-2 {
        margin-left:10px;
}

.cpsitebase-sublevelmenu-3 {
        margin-left:20px;
}


.cpsitebase-loginheader {

}


/* ==== ARTICLE LIST SPECIFIC DEFINITIONS ==== */
.cpsitebase-articlelist-row {

}

.cpsitebase-articlelist-header {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

}

.cpsitebase-articlelist-ingress {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

.cpsitebase-articlelist-links {
        text-align: right;

}

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

.cpsitebase-articlelist-link-external {

}


/* ==== ARTICLE DISPLAY SPECIFIC DEFINITIONS ==== */
.cpsitebase-articledisplay-area {
        margin:10px;

}

.cpsitebase-articledisplay-header,
.cpsitebase-articledisplay-header-de2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
        margin-bottom:10px;
        margin-top:10px;

}

.cpsitebase-articledisplay-ingress,
.cpsitebase-articledisplay-ingress-de2 
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
        margin-bottom:10px;
}

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

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

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


/* 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;
}




body{
        background: #FFFFFF;
        background-image: url("./images/bg_pixel.gif")

}


TD,BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
}

SELECT,INPUT,TEXTAREA,INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.BIGHEADER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}



.SUBHEADER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #149140;
}

	A:link    {color:#149140; font-weight:normal; font-style: normal; text-decoration: underline;}
	A:visited {color:#149140; font-weight:normal; font-style: normal; text-decoration: underline;}
	A:hover   {color:#149140; font-weight:normal; font-style: normal; text-decoration: underline;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  USER DEFINED  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

a.menu{
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
}
a.menu:link{
        color:#000000;
        text-decoration: none;
        font-weight:bold;
}
a.menu:visited{
        color:#000000;
        text-decoration: none;
        font-weight:bold;
}
a.menu:hover{
        color:#000000;
        text-decoration: underline;
        font-weight:bold;
}
a.menu_selected{
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #149140;
}
a.menu_selected:link{
        color:#149140;
        text-decoration: none;
        font-weight:bold;
}
a.menu_selected:visited{
        color:#149140;
        text-decoration: none;
        font-weight:bold;
}
a.menu_selected:hover{
        color:#149140;
        text-decoration: underline;
        font-weight:bold;
}

td.menu{
        padding-top: 3px;
        padding-left: 10px;
        padding-bottom: 3px;
}
div.menu{
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
}

div.header{
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 19px;
        font-weight: bold;
        color: #000000;
}

div.opening{ /* ingress */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
}

div.text{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
}

div.company_bottom{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        padding-bottom: 10px;
}

b.company_bottom{
        font-weight: bold;
        color: #149140;
}