﻿/* ------------- General  ------------- */





/* --- Clears --- */
.clear
{
	clear: both;	
}

/* --- Floats --- */
.floatNone
{
	float: none;
}

.floatLeft
{
	
	float: left;
}

.floatRight
{
	float: right;
}

/* --- Paddings --- */
.paddingLeft
{
	padding-left: 10px;
}

.paddingRight
{
	padding-right: 10px;
}

.paddingTop
{
	padding-top: 10px;
}

.paddingBottom
{
	padding-bottom: 10px;
}
.paddingContainer
{
	padding-bottom:40px;	
}
.paddingInnerContainer
{
	padding-bottom:20px;	

}

/* --- Borders --*/
.border
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#929B9C;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#929B9C;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#929B9C;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#929B9C;
}


/* ------------- Komponenter  ------------- */

.ColorDescriptionYearContainer
{
	float:left;
}

.ColorDescriptionBox1
{
	width:10px;
	height:10px; 
	margin-top:2px;
	margin-right:10px;
	margin-left:4px;
	float:left;
}

.ColorDescriptionBox2
{	
	width:10px;
	height:10px; 
	margin-top:2px;
	margin-left:4px;
	float:left;

}
.gridviewBorderLeft
{
	border-left:solid 1px #CCC;	
}

.ResultContainer
{
	padding: 10px 20px 10px 20px;
	}

h3.sectionheadline
{
	font-size:1em;
	font-style:italic;
	border-bottom:dotted 1px #CCC;
	margin-bottom:5px;
}

.LabelMapDescContainer
{
	width:400px;
	padding-bottom:20px;	
}

.StiftDropdown
{
	width:400px;
}

.SamfallighetDropdown
{
	width:400px;
}
.ForsamlingDropdown
{
	width:400px;
}
.LabelMapSelectButtonContainer
{
	width:400px;
	text-align:right;	
}

.MapViewDropdownContainer
{
	padding-bottom:10px;
}

div.TabPaperImage
{
	float:right;
	padding-top:50px;
	}

/*---Stapel diagram---*/

.StapelItem
{
	padding-top:5px;
}
.NameItem {
	float: left;
	width: 250px;
	background-color: #FFEBE1;
	margin-right: 2px;
	padding: 8px 3px 9px 3px
}
/* --- Knappar Gröna --- */
.generalbutton {
	background-color: #339900;
	border-color: #999;
	border-style: outset;
	border-width: 1px;
	border-color: #999;
	color: #fff;
	line-height: 9.24pt;
	padding: 0.4em;
	margin: 0.4em;
	font-family: "DM Sans", sans-serif;
	font-size: 1em;
}


INPUT
{
	margin-top: 0.3em;
}

.generalbuttondisabled {
	background-color: #246B00;
	border-color: #999;
	border-style: outset;
	border-width: 1px;
	border-color: #999;
	color: #fff;
	line-height: 9.24pt;
	padding: 0.4em;
	margin: 0.4em;
	font-family: "DM Sans", sans-serif;
	font-size: 1em;
	pointer-events: none; /* Disables clicks */
	opacity: 0.65; /* Visual indication of disabled state */
}

.generalbutton:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}


/* --- Grid view --- */
.gridheader
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}

.GridHeaderWidthMinimum
{
	width: 50px;
}

.GridHeaderWidthMedium
{
	width: 150px;
}

.GridHeaderWidthMaximum
{
	width: 250px
}

.grid
{
	background-color: #FFFFFF;
	border-width: 1px;
    Padding: 3px;
    margin: 2px;
}

.grid label
{
	display:none
}

.grid td
{
	padding:6px 3px 7px 3px;
	
}

.minPadding
{
	padding:6px 3px 7px 3px
}
.grid th
{
	padding: 3px
}

.grid a:link
{
	color: #990000;
	text-decoration: underline;
}

.grid a:visited
{
	color: #990000;
	text-decoration: underline;
}

.gridalternatingRowStyle {
	background-color: #ff785a;
}

/* --- Vänster menu --- */

.menu table
{
	
	width: 200px;
	
}

.menutopborder
{
	width: 200px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #C5C5C5;
}

.menuMarginLeft
{
	margin-left: -14px
}

.menu td
{
	width: 200px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #C5C5C5;
}

.menu a:link
{
	color: #990000;
	text-decoration:none;
}
.menu a:visited
{
	color: #990000;
	text-decoration:none;
}

.menuitem td
{
	width: 200px;
	border-bottom-style:none;
}

.menuitem
{
	background-image: url(../images/lankpil.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 1.2em;
	color: #990000;
}
.menuitem a {
	max-width: 168px;
	display: block;
	white-space: pre-wrap;
}

.menuitem a:hover
{
	text-decoration: underline;
	cursor: pointer;
	text-align: left;
}

a
{
	color: #990000;
}


.SelectedLink a:link
{
    color:Black;
    font-weight:normal;
    text-decoration: none;
}

.UnSelectedLink a:link
{
    
	color:Black;
    font-weight:normal;	
    text-decoration: none;
}

#scene .ajax__tab_body {
	font-size: 1em;
	font-family: "DM Sans", sans-serif;
}

/* ------------- Page specific Classes ------------- */



/* --- Multipage ---*/
.MinheightPresentation
{
	min-height: 290px;
	_height: 290px;
}

.tab_marked { text-decoration: underline; font-weight:bold;}
.tab_unmarked { text-decoration : none; font-weight:normal;}

.yellowtabselected .bg {background:url(../images/dark_yellow_center_tab.png); text-align:center;}
.yellowtabselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.yellowtabselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.yellowtabselected .tl {background:url(../images/dark_yellow_left_tab.png) 0 0 no-repeat; padding-left:10px;}
.yellowtabselected .tr {background:url(../images/dark_yellow_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.yellowtabunselected .bg {background:url(../images/yellow_center_tab.png); text-align:center}
.yellowtabunselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.yellowtabunselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.yellowtabunselected .tl {background:url(../images/yellow_left_tab.png) 0 0 no-repeat; padding-left:10px}
.yellowtabunselected .tr {background:url(../images/yellow_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.bluetabselected .bg {background:url(../images/dark_blue_center_tab.png); text-align:center}
.bluetabselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.bluetabselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.bluetabselected .tl {background:url(../images/dark_blue_left_tab.png) 0 0 no-repeat; padding-left:10px}
.bluetabselected .tr {background:url(../images/dark_blue_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.bluetabunselected .bg {background:url(../images/blue_center_tab.png); text-align:center}
.bluetabunselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.bluetabunselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.bluetabunselected .tl {background:url(../images/blue_left_tab.png) 0 0 no-repeat; padding-left:10px}
.bluetabunselected .tr {background:url(../images/blue_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.pinktabselected .bg {background:url(../images/dark_pink_center_tab.png); text-align:center}
.pinktabselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.pinktabselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.pinktabselected .tl {background:url(../images/dark_pink_left_tab.png) 0 0 no-repeat; padding-left:10px}
.pinktabselected .tr {background:url(../images/dark_pink_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.pinktabunselected .bg {background:url(../images/pink_center_tab.png); text-align:center}
.pinktabunselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.pinktabunselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.pinktabunselected .tl {background:url(../images/pink_left_tab.png) 0 0 no-repeat; padding-left:10px}
.pinktabunselected .tr {background:url(../images/pink_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.whitetabselected .bg {background:url(../images/dark_white_center_tab.png); text-align:center}
.whitetabselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.whitetabselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.whitetabselected .tl {background:url(../images/dark_white_left_tab.png) 0 0 no-repeat; padding-left:10px}
.whitetabselected .tr {background:url(../images/dark_white_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}

.whitetabunselected .bg {background:url(../images/white_center_tab.png); text-align:center}
.whitetabunselected .bl {background:url(../images/bl.gif) 0 100% no-repeat; width:20em; text-align:center}
.whitetabunselected .br {background:url(../images/br.gif) 100% 100% no-repeat}
.whitetabunselected .tl {background:url(../images/white_left_tab.png) 0 0 no-repeat; padding-left:10px}
.whitetabunselected .tr {background:url(../images/white_right_tab.png) 100% 0 no-repeat; padding-right:10px; padding-top:2px; height:18px}


.textbox50 
{
	width: 50px;
	max-width: 50px;
	text-align: right;
}


/* --- generics recurring textsections ---*/

.txtdescription 
{
	font-style:italic;
	font-size: x-small;
}
.errorlabel
{
	color: Red;
	font-size: small;
}

.Italic
{
	font-style:italic;	
}

/* --- Tab design --- */
/* default layout */



.main_ajax__tab_default .main_ajax__tab_header {white-space:nowrap;}
.main_ajax__tab_default .main_ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.main_ajax__tab_default .main_ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.main_ajax__tab_default .main_ajax__tab_tab {margin-right:4px;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}
/* xp theme */

.main_ajax__tab_xp .main_ajax__tab_header {
	font-family: "DM Sans", sans-serif;
	font-size: 11px;
	background: url(../images/menu_line.gif) repeat-x bottom;
}

	/*.main_ajax__tab_xp .main_ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.main_ajax__tab_xp .main_ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.main_ajax__tab_xp .main_ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}*/
	.main_ajax__tab_xp .main_ajax__tab_tab {
		height: 13px;
		padding: 4px;
		margin: 0;
	}
.main_ajax__tab_xp .main_ajax__tab_outer {padding-right:4px;height:21px;}
.main_ajax__tab_xp .main_ajax__tab_inner {padding-left:3px;}

#active span.main_ajax__tab_tab{background:url(../images/background_active.gif) repeat-x;}
#active span.main_ajax__tab_outer{background:url(../images/round_right_active.gif) no-repeat right;}
#active span.main_ajax__tab_inner{background:url(../images/round_left_active.gif) no-repeat;}


#inaktive1 span.tab1 {background:url(../images/background_yellow.gif) repeat-x;}
#inaktive1 span.tab1_outer {background:url(../images/round_right_yellow.gif) no-repeat right;}
#inaktive1 span.tab1_inner {background:url(../images/round_left_yellow.gif) no-repeat;}


#inaktive2 span.tab2 {background:url(../images/background_pink.gif) repeat-x;}
#inaktive2 span.tab2_outer {background:url(../images/round_right_pink.gif) no-repeat right;}
#inaktive2 span.tab2_inner {background:url(../images/round_left_pink.gif) no-repeat;}

#inaktive3 span.tab3 {background:url(../images/background_blue.gif) repeat-x;}
#inaktive3 span.tab3_outer {background:url(../images/round_right_blue.gif) no-repeat right;}
#inaktive3 span.tab3_inner {background:url(../images/round_left_blue.gif) no-repeat;}

#inaktive4 span.tab4 {background:url(../images/background.gif) repeat-x;}
#inaktive4 span.tab4_outer {background:url(../images/round_right.gif) no-repeat right;}
#inaktive4 span.tab4_inner {background:url(../images/round_left.gif) no-repeat;}


#inner_inactive1 span.tab1,#inner_inactive2 span.tab1, #inner_inactive3 span.tab1   {background:url(../images/background.gif) repeat-x;}
#inner_inactive1 span.tab1_outer, #inner_inactive2 span.tab1_outer, #inner_inactive3 span.tab1_outer {background:url(../images/round_right.gif) no-repeat right;}
#inner_inactive1 span.tab1_inner, #inner_inactive2 span.tab1_inner, #inner_inactive3 span.tab1_inner {background:url(../images/round_left.gif) no-repeat;}


.main_ajax__tab_xp .main_ajax__tab_header a:hover .main_ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.main_ajax__tab_xp .main_ajax__tab_header a:hover .main_ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
/*.main_ajax__tab_xp .main_ajax__tab_header a:hover .main_ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}*/
.main_ajax__tab_xp .main_ajax__tab_header a:hover .main_ajax__tab_tab {background:url(../images/background_hoover.gif) repeat-x;}

/*.main_ajax__tab_xp .main_ajax__tab_active .main_ajax__tab_outer {background:url(/images/round_right_active.gif")%>) no-repeat right;}
.main_ajax__tab_xp .main_ajax__tab_active .main_ajax__tab_inner {background:url(/images/round_left_active.gif")%>) no-repeat;}
.main_ajax__tab_xp .main_ajax__tab_active .main_ajax__tab_tab {background:url(/images/background_active.gif")%>) repeat-x;}*/
.main_ajax__tab_xp .main_ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

.main_ajax__tab_header a
{
	color:Black;
	text-decoration:none;
	
}

.res_staple
{
	float:left;
	position:relative;
	height: 17px; 
	margin-right: 5px; 
	z-index:100	
}

.res_staple_single
{
	float:left;
	position:relative;
	height: 20px; 
	margin-right: 5px; 
	margin-top: 5px; 
	z-index:100	
}

.res_text
{
	position:relative;
	height: 17px; 
	margin-right: 5px;
	margin-top:-3px; 
	z-index:100;
	font-size:.9em;
	float:left;
}

.res_text_single
{
	position:relative;
	height: 20px; 
	margin-right: 5px;
	margin-top:7px; 
	z-index:100;
	font-size:.9em;
	float:left;
}

.res_staple_history
{
	clear:left;
	position:relative; 
	height: 17px; 
	margin-top:-5px; 
	z-index:1
}

.red_staple
{
	height: 13px; 
	margin-right: 2px;	
	float:left;
}


.staple_yellow
{
	border: solid 1px #6d6201;
	background:url(../images/background_staple_yellow.gif);
}

.staple_history_yellow
{
	background-color: #9d8d00;
	border: solid 1px #6d6201;

}


.staple_pink {
	border: solid 1px #fff;
	background-color: #ff785a
}

.staple_history_pink {
	background-color: #cdc3ff;
	border: solid 1px #fff;
}

.staple_blue
{
	border: solid 1px #202947;
	background:url(../images/background_staple_blue.gif);
}

.staple_history_blue
{
	background-color: #394675;
	border: solid 1px #202947;

}

.staple_gray
{
	border: solid 1px #999;
	background:url(../images/background_staple_gray.gif);
}

.staple_history_gray
{
	background-color: #767676;
	border: solid 1px #999;

}


.staple_green
{
    border: solid 1px #036818;
	background:url(../images/background_staple_green.gif);
}

.staple_history_green
{
	background-color:  #037C18;
	border: solid 1px #036818;

}

a.grouplink{color:black}


#UserStiftContaner
{
float:right;
background-color:#efefef;
border-left:solid 1px #ccc;
border-bottom:solid 1px #ccc;
padding: 5px 5px 5px 5px;
}

.kyrkoResultatAsteriskcontainer {
	display: flex;
	justify-content: space-between;
	background: #FFEBE1;
	height: 47px;
	padding-right: 10px;
	font-size: 115%;
	/*flex-direction: column;*/
	justify-content: center; /* Centrerar innehållet horisontellt */
	align-items: center; /* Centrerar innehållet vertikalt */
}

.link {
	color: blue;
}

.multiline-label {
	display: block;
	width: 89%; /* Bredden på labeln */
	white-space: normal; /* Gör att texten bryts vid radslut */
	word-wrap: break-word; /* Bryter ord om de inte passar på en rad */
	line-height: 1.2; /* Höjd mellan raderna */
	/*max-height: 3em;*/ /* Maximal höjd för labeln, motsvarande ca två rader */
	overflow: hidden; /* Döljer överflödigt innehåll som inte får plats */
	text-overflow: ellipsis; /* Visar "..." om texten är längre än två rader */
}