/*
-----------------------------------------------
Kuling 2.0 screen styles
Author:   Andreas Rübner Johnsen
Dates:    2007-04-11
----------------------------------------------- */

/* YUI Reset CSS file normalizes the default rendering of all HTML elements, for example it sets margin, padding, and border to 0, font sizes to YUI Font's default, italic and bold styles to normal, and list-style to none.
   See http://developer.yahoo.com/yui/reset/ for more information. */
@import url(http://yui.yahooapis.com/2.2.0/build/reset/reset-min.css);


/* Elements
----------------------------------*/
body { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left: 15px; margin-right:15px; color: #333333; background-color: #555; width:955px; min-height: 600px; background-image: url(kuling_images/background.gif); background-repeat: repeat; }

a { color: #444477; text-decoration: none; }
a:hover { color: #666688; text-decoration: none; }
/* h1 { color: #D8D8D8; font-size: 2.6667em; font-style: italic; font-weight: normal; background-color: #6E0D00; padding: 7px } */
h2#welcome { margin-top: 5px; font-size: 1.25em; font-weight: bold; font-style: italic; }


table { width: 100%;}

/* Classes
----------------------------------*/
.instance.selected {background-image: none;}
.generic-header { height: 1.15em; color: #333333; font-size: 2.5em; font-weight: normal; padding: 7px; margin-top: 0px; font-weight: bold; }
.imgleft {margin-top:12px;}
.sortSearch {
	margin-left:150px;
}
.FormLayout th{font-weight: bold}
/*.highlighter { vertical-align: middle; }*/


/* Ids
----------------------------------*/
#kulingemne h1 { height: 1.15em; color: #D8D8D8; font-size: 1.9em; font-weight: normal; background-color: #6E0D00; padding: 7px; margin-top: 0px; background-image: url(kuling_images/red1.png); background-repeat: repeat-x; }
#artikkel h1 { height: 1.15em; color: #D8D8D8; font-size: 1.9em; font-style: italic; font-weight: normal; background-color: #004273; padding: 7px; background-image: url(kuling_images/blue1.png); background-repeat: repeat-x; }
h1 span { display: inline-block; float: left; }
#artikkel h1 span.title { width: auto; }
#artikkel h1 span.autorisert { width: auto; margin-right: 5px; vertical-align: middle; }
#kulingemne h1 span.title { width: auto; }
#kulingemne h1 span.type { width: auto; text-align: right; float: right; font-style: italic; font-size: 0.8em; vertical-align: text-bottom; }
#kulingemne h1 span.type a { color: #D8D8D8; }
#kulingemne h1 span.type a:hover { color: #666688; text-decoration: none; }
#kulingemne h1 span.autorisert { width: auto; margin-right: 5px; vertical-align: middle; }

#content { margin-bottom: 10px }
#content p { line-height:1.4; padding-bottom: 10px; }
#content-description { font-size: 1.3em; }
#main-text {  margin-bottom: 10px; height: 1%}

#articles th { font-size: 1.2em; line-height: 1.5em; font-style: italic; font-weight: bold; color: #000; margin-bottom: 10px; padding-left: 10px; background-color: #C48A6E; }
#articles td, #attachments td {  line-height: 2em; color: #000; padding-left: 10px; } 
#articles tr.even { background-color: #FFDDD1; }
#articles tr.odd { background-color: #FFF2EB; }
#articles caption { font-size: 1.3em; line-height: 1.8em; font-style: italic; font-weight: normal; color: #F8F8F8; margin-top: 10px; padding-left: 10px; background-color: #9F301B; background-image: url(kuling_images/red2.png); background-repeat: repeat-x; }

#attachments caption { font-size: 1.3em; line-height: 1.8em; font-style: italic; font-weight: normal; color: #F8F8F8; margin-top: 10px; padding-left: 10px; background-color: #1260AF; background-color: #9F301B; background-image: url(kuling_images/blue2.png); background-repeat: repeat-x; }
#attachments th { font-size: 1.2em; line-height: 1.5em; font-style: italic; font-weight: bold; color: #000; padding-left: 10px; background-color: #599CDF; }
#attachments tr.even { background-color: #C8D6FF; }
#attachments tr.odd { background-color: #E4EBFF; }
#attachments .cc { padding-top: 10px;}

#context { }
#context h3, .heading, #contextwrapper h3 { font-size: 1.2em; line-height: 1.8em; font-style: italic; font-weight: bold; color: #F8F8F8; padding-left: 10px; background-color: #373737; background-image: url(kuling_images/menu-bkgr.png); background-repeat: repeat-x; }
#context-assocs h4 { font-size: 1.2em; line-height: 1.8em; font-style: italic; font-weight: bold; padding-left: 10px; background-color: #8A8A8A; }
#context-assocs li { background-color: #green; padding-left: 20px; padding-bottom: 5px; padding-top: 5px; }
#context-assocs li.even { background-color: #DCDCDC; }
#context-assocs li.odd { background-color: #EFEFEF; }

#context-metadata {background-color: #DCDCDC; margin-bottom: 10px; padding-bottom: 10px;}
#context-metadata .property {clear: right; padding: 1em 0 1em 0;}
#context-metadata .attribute { float: left; width: 48%; font-weight: bold; text-align: right;}
#context-metadata .value { float: right; width: 48%;}

#context-map { margin-bottom: 10px }

#context-assocs {}

#comments { margin-top: 5px;}
#comments h2 { font-weight: bold;}
#comments p { margin-bottom: 10px; font-size: 0.9em;}
#comments .meta { font-size: 0.85em; font-style: italic;}


#extra { background:#FF8539 }

#footer { background: #333;color: #FFF }
#footer p { margin:0;padding:5px 10px }

#globalmenu {  height: 1.5em; background-image: url(kuling_images/menu-bkgr.png); background-repeat: repeat-x; margin-top: 10px; background-color: #333333; margin-left: 0px; margin-bottom: 5px; padding-top: .4em; padding-bottom: .4em; padding-left: .3em; padding-right: .3em }
#globalmenu ul { margin-left: .5em; }
#globalmenu li { font-size: 0.95em; list-style-type: none; float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding-left: .5em; padding-right: .5em; margin-top: 0.2em }
#globalmenu span { font-size: 0.8em; color:#fff }
#globalmenu span a { color:#fff; text-decoration: none; }
#globalmenu span a:hover { color:#aaa; text-decoration: none; }
#globalmenu li a { color: #FFFFFF; text-decoration: none; }
#globalmenu li a:hover { color: #aaa; text-decoration: none; }

#frontpage-lists { line-height: 1.5;  width: 652px; margin-bottom: 5px; margin-top:5px; margin-right: 10px; }
#frontpage-focus { line-height: 1.5; margin-bottom: 1em; clear: both; }

#frontpage-focus h3 { color: #fff; padding-left: 10px; padding-right: 10px; padding-top: 5px; font-style: italic; font-weight: bold; font-size: 1.1em; background-color: #aaa; }
#frontpage-focus p { padding: 10px; background-color: #aaa; color: #fff }
#frontpage-focus-case { float:left; width: 211px; margin-right: 10px }


#frontpage-latest { float:right; width: 100%; background-color: #DDDDFF; margin-bottom: 10px }
#frontpage-latest h3, #sitemap-latest h3 { margin: 0 0 0 0; background-color: #9A321A; color: #fff; background-image: url(kuling_images/blue2.png); background-repeat: repeat-x; }
#frontpage-latest ul { margin: 4px 0px 10px 10px; line-height: 1.3em; }
#frontpage-login { background-color: #DCDCDC; margin-bottom: 10px; width: 250px;}
#frontpage-latest li { padding: 2px }

#inappropriate{float: right; margin-right: 10px;}

#all-my-pages-link { margin-left: 20px; font-weight: bold; padding-bottom: 10px }

#nav-frontpage { font-size: 2em; }

#registration-teaser p { padding-bottom: 10px; padding-top: 10px; padding-left: 4px; padding-right: 4px; margin-bottom: 10px; }
#reklamelenke{margin-bottom: 5px}
#searchBox{margin-top: 5px; margin-left: 20px;}
#sideSok{margin-top: 58px; }
#sideSok h2{font-size: 1.2em; line-height: 1.8em; font-style: italic; font-weight: bold; color: #F8F8F8; padding-left: 10px; background-color: #373737; background-image: url(kuling_images/menu-bkgr.png); background-repeat: repeat-x; }
#filterheader{margin-top: 30px; margin-left: 20px;}
#filterheader h2{font-size: 1.2em; line-height: 1.8em; font-style: italic; font-weight: bold; color: #F8F8F8; padding-left: 10px; background-color: #373737; background-image: url(kuling_images/menu-bkgr.png); background-repeat: repeat-x; }
#filters ul li{ background-color: #DCDCDC; padding: 4px; margin-top: 2px;}

#searchResult h2{ height: 1.15em; color: #D8D8D8; font-size: 1.3em; background-image: url(kuling_images/red2.png); background-repeat: repeat-x; margin-top: 10px; background-color: #333333; margin-left: 0px; margin-bottom: 5px; padding-top: .4em; padding-bottom: .4em; padding-left: .3em; padding-right: .3em }
#searchResult h2 a{color: #D8D8D8}
#searchResult h2 a:hover{color:#aaa;}
div.even { background-color: #FFDDD1; padding: 2px;}
div.odd { background-color: #FFF2EB;  padding: 2px;}

#sitemap { list-style-type: disc; }
#sitemap h3 { font-size: 1.3em; line-height: 1.8em; font-style: italic; font-weight: normal; color: #F8F8F8; margin-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #9F301B; background-image: url(kuling_images/red2.png); background-repeat: repeat-x; }
#sitemap h3 a { color: #F8F8F8; }
#sitemap ul li { padding-left: 1em; padding-right: 1em; line-height: 1.6em; color: #6E0D00; font-weight: bold }
#sitemap ul li a { color: #6E0D00; }
#sitemap ul li.even { }
#sitemap ul li.odd { }
#sitemap ul li li { padding-left: 1em; font-weight: normal; font-style: italic }
#sitemap ul li li a { }
#sitemap .topic-instance { padding-left: 1em; font-weight: normal; font-style: italic }

#sokefelt {padding-top: 10px;}

#contentActions { float: right; width: 40%; text-align: right; }

#footer span { font-size: 0.9em; color:#fff }
#footer span a { color:#fff; text-decoration: none; }
#footer span a:hover { color:#aaa; text-decoration: none; }

#searchform { float: right; margin-top: 0px;}
#addassocform { margin-top: 0px;}

/* Layout
----------------------------------*/
div#wrapper {float:left;width:100%;margin-left:-275px; margin-bottom: 10px; margin-top: 5px; }
div#container { background-color:#fff; background-repeat: repeat;}
div#content {margin-left:285px; background-color: #fff; }
div#frontpage-content { background-repeat: repeat; }
div#contextwrapper {float:right; width:260px; margin-top: 5px; margin-right: 10px; margin-left: 0px; margin-bottom: 10px; }
div#contextwrapper img {margin-top: 10px; margin-bottom: 10px }
div#frontpage-latest ul li img {margin-top: 0px; margin-bottom: 0px }
div#contextwrapper div#context-assocs .relatedTopics img {margin-top: 0px; margin-bottom: 0px }
div#extra {float:right;clear:right;width:250px; margin 0 15px 0 10px}
div#footer {clear:both; background-image: url(kuling_images/menu-bkgr.png); background-repeat: repeat-x; height: 2.0em; margin-bottom: 10px }


#sidebar_list{}    
  #sidebar_list li{
    margin-bottom: 5px;
  }
  #sidebar_list div{
    font-size: 1.2em;
    color:black;
    border:1px solid;
    background-color: lightblue;
    width:87%;
    height:27px;
    overflow:auto;
    margin-right:5px;
    padding:10px;
    position: top;
  }   


/* New & update article
----------------------------------*/
form#edit { background-color: #DEDEDE; padding-bottom: 10px;}
.buttonHolder a { text-decoration: underline; }

/* Text and images */

/* Associations */
#firstlevel, .secondlevel { width: 11em; }
#mer-assoc{color: #666666}
li.instance, #addNew { width: 70%; margin-left: 1em; margin-bottom: 1em; background: url(kuling_images/grey-add.gif) no-repeat right center; }
#addNew { background-position: right top; }
#addedAssociations li.instance, #existingAssociations li.instance { background-image: url(kuling_images/grey-delete.gif); }
li.instance:hover, #addNew:hover { background-color: #f0f0f0; background-image: url(kuling_images/add.gif); }
#addedAssociations li.instance:hover, #existingAssociations li.instance:hover  { background-image: url(kuling_images/delete.gif); }
#newTopicName {width: 100pt}


li.instance.selected { background-image: none; color: #999; }
li.instance.selected:hover { background-color: transparent; }

#typeLabel, #newTopicNameTypeLabel { font-size: 80%; color: #999; }

/* li span, #typeLabel { display: block; margin-bottom: 1em; width: auto; font-size: 80%; color: #999; } */

/* Rights */

/* Attachments */

ul.expandable_list{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.expandable_list ul{
    margin-left: 10px;
}

/* .blockLabels label.dn, .dn, .blockLabels textarea.dn {
    display:none;
 }
*/

.commentForm { background-color: lightblue;}
    .commentForm p {
        width: 200px;
    }
    
    
    .commentForm label {
        text-align: left;
    	width: 130px;
    	padding-right: 20px;
    	display: block;
    }

    .commentForm label.dn, .dn, .blockLabels textarea.dn {
        display:none;
    }


div.Sidevelger {
	margin-top: 10px;
	text-align: center;
}


div.Sidevelger ul li{
	float: left;
	margin-right: 16px;
	font-weight: bold;
}

div.Sidevelger ul li a.selected {
	color: #ff0000;
}