/*
-	Dropdown controls
-	Source: QuickBar.ascx
CSS för dropdown kontrollerna längst upp till vänster av sidan.
*/
#quickbardiv .instant
{
	color: #000;
	padding: 9px 0 0 0;
  	background: transparent;
	height:41px;
	width:178px;
	margin: 0 0 0 10px;
	text-align:right;
}
#quickbardiv .service
{
	color: #000;
	padding: 9px 0 0 0;
  	background: transparent;
	height:41px;
	width:178px;
	margin: 0 0 0 10px;
	text-align:right;
}
.dropdown
{
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	font-size: 1.1em;
	font-weight:normal;
	margin-left:7px;
	float: left;
	width:148px;
	background-color: #F7F7F7;
	color:#2B2B2B;
}
.header
{
	margin:0;
	padding:0 0 0 0;
	color:#000;
}
.item
{
	margin:0;
	padding:0 0 0 10px;
}

#quickbardiv .instant_serviceOK
{
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	margin-left: 0px;
	margin-right:7px;
	color:#FFF;
	font-weight: bold;
	margin-top:2px;
	float:right;
	font-size:1.4em;
}

/*
-	Dropdown controls
-	Source: QuickDropDown.ascx
CSS för quickdropdown kontrollen längst upp till höger av sidan.
*/

/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */



/* Begin CSS Popout Menu */

#menu h2
{
	font: 12px/16px arial,helvetica,sans-serif;
	padding-top: 2px;
	font-weight: normal;
}

#menu .wrap 
{
	display: inline;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}

.QuickDropDown_LPadding
{
    padding: 7px 0 5px 6px;
    font-weight: normal;
    text-transform: uppercase;
    color: Black;
}

.dropdown-header
{
	float: left;
	padding-right: 5px;
}

.dropdown-header .block
{
	width: 0;
	height: 25px;
}

.dropdown-header:hover .right, .dropdown-header.sfhover .block
{
	width: 0;
	height: 25px;
}

.dropdown-header .middle
{
	padding: 2px 10px 0 10px;
	background: url(pil_h.gif) right no-repeat;
	float: left;
	height: 23px;
}

.dropdown-header:hover .middle, .dropdown-header.sfhover .middle
{
	padding: 2px 10px 0 10px;
	float: left;
	background: url(pil_n.gif) right no-repeat;
	height: 23px;
}

#menu, #menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu li
{
	margin: 0;
}

#menu li a
{
	color: black;
}

#menu li li a
{
	color: #333;
}

#menu li ul a
{
	color: #333;
	display: block;
	padding: 6px 12px;
	width: 100%;
}

#menu a
{
	display: block;
	text-decoration: none;
}

#menu li ul
{
	border-left: 1px solid #F6E6B1;
	border-right: 1px solid #F6E6B1;
	border-bottom: 1px solid #F6E6B1;
	position: absolute;
	background: white url(bg.png) repeat-x scroll 0 -48px;
	padding: 0;
	z-index: 500;
	overflow: hidden;
	width: 18em;
	margin-left: -1000em;
}

#menu li li a:focus + ul
{
	margin-left: 1000em;
}

#menu li li.sfhover a:hover, #menu li li a:hover
{
	width: 100%;
	background: #fdf7d5;
}

#menu li li.sfhover a.sffocus
{
	width: 100%;
	margin-left: 0;
	background: #fdf7d5;
}

#menu li:hover ul, #menu li a:focus ul, #menu li.sfhover ul
{
	margin-left: 0;
}

.quickdropdown_cat
{
	margin-top: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */
/*
#content{position:absolute;top:3.0em;margin:0;padding:0.5em;border:1px solid #000;clear:both;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}
*/

/* End Content Area - Not Part of CSS Popout Menu */

/* 
-	Source: MiddleHeader.ascx
CSS för headern som ligger högst upp i containerdiv
*/

#headerinside-left
{
	width: 739px;
	height: 100%;
	padding: 0;
	margin: 0;
	float: left;
}

#headerinside-right
{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 195px;
	float: left;
}

#headerutilitiesarea
{
	padding: 7px 0 0 0;
	width: 128px;
	height: 33px;
	float: left;
	margin: 0;
}

#headersearcharea
{
	float: right;
	width: 145px;
	margin-top: 3px;
}

#headerlogoarea
{
	float: left;
	width: auto;
	height: 40px;
	margin: 0;
}

#contentimage
{
	width: 100%;
	height: 170px;
	float: left;
}

.smallcontentheader
{
	height: 40px;
	width: 100%;
	background: #f6d07b;
}

.contentimageheader
{
	overflow: hidden;
	width: 100%;
	height: 170px;
}

.content-top_tools
{
	float: left;
	margin-right: 8px;
	width: 41px;
	height: 17px;
}
.content-top_googletranslate
{
	float: left;
	margin-right: 8px;
	width: 68px;
	height: 17px;
}

#headerdropdownarea
{
	height: 26px;
	float: left;
	margin-top: 15px;
	margin-left: 45px;
	padding: 0;
}

#rightmiddlecontent
{
	float: right;
	height: 25px;
	width: 145px;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 500;
}

.loginstatus
{
	margin-top: 5px;
}

/* End headerarea */

/*
-	Utilities ie. sitemap, search, index
-	Source: Utilities.ascx
CSS för funktions listan under dropdownkontrollerna
*/
#utilities
{
	margin: 0;
	list-style-type:none;
	padding:0;
}
#utilities li a
{
	color: #000;
	padding-top: 30px;
}
#utilities li
{
	display:inline;
}
#utilities img
{
	vertical-align:bottom;
}
#utilities .index
{
	margin:0 0 0 67px;
}
#utilities .separator
{
	margin:0 0 0 3px;
}


/*
-	Left menu classes
-	Source: Menu.ascx
CSS för huvud menyn i vänster spalten
*/

#startpagebox
{
	top: 204px;
	left: 10px;
	font-size: 12px;
	height: 22px;
	position: absolute;
	left: 16px;
}

#startpagebox .left
{
	width: 5px;
	font-size: 0px;
	height: 17px;
	float: left;
	background: url(startpagebox_left2.gif) no-repeat;
}

#startpagebox .middle
{
	float: left;
	text-align: right;
	padding: 1px 2px 1px 0;
	background: #F6D07B;
}

#startpagebox a
{
	color: #000;
	text-decoration: none;
}

#startpagebox a:hover
{
	color: #000;
	text-decoration: none;
}

#startpagebox img
{
	padding: 0 3px 0 0px;
}

#startpagebox .right
{
	width: 5px;
	font-size: 0;
	height: 17px;
	float: left;
	background: url(startpagebox_right2.gif) no-repeat;
}

#leftMenuList
{
	list-style-type:none;
	background-color: #f6d07b;
	margin:0 0 0 0px;
	padding: 0 0 0 0;
	width:100%;

}
#leftMenuList li
{
	padding: 3px 0 3px 0;
	margin:0 0 0 0;
	background-repeat:repeat-x;
	background-position:bottom left;
}
#leftMenuList .navHeader a
{
	color: black;
	padding-left:5px;
	display:block;
}
#leftMenuList li a
{
	color: black;
	padding-left:16px;
	display:block;
}
#leftMenuList li a:hover
{
	color: black;
	text-decoration:none;
}
#leftMenuList .navClosed
{
	background:url(pil_h.gif) no-repeat 5px 2px;
}
#leftMenuList .navOpen
{
	background:url(pil_n.gif) no-repeat 5px 2px;
}
#leftMenuList .navClosedSelected
{
	background:url(pil_h.gif) no-repeat 5px 2px;
	color:#0000CC;
}
#leftMenuList .navOpenSelected
{
	background:url(pil_n.gif) no-repeat 5px 2px;
	background-color: #f6e6b1;
}
#leftMenuList .nav
{
	background:url(bgline.png);
	background-repeat: no-repeat;
	background-position: top;
}
#leftMenuList .nav_noborder
{
	background:#f6e6b1;
}
#leftMenuList .nav_noborder_first
{
	border: 0px;
}
#leftMenuList .navSelected
{
	background: url(bgline.png);
	background-color: #fdf7d5;
	background-repeat: no-repeat;
	background-position: top;
}
#leftMenuList .navSelected_noborder
{
	background-color: #fdf7d5;
}

#leftMenuList .navSelected_noborder_first
{
	background-color: #fdf7d5;
}

#leftMenuList .navStartPage 
{
	background: url(pil_v.gif) no-repeat 5px 2px;	
}

#leftMenuList .navHeader 
{
	font-size: 1.4em;
	font-weight: normal;
	padding: 8px 0px 5px 0;
	border: 0;
	background: url(bgline.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.indentbackground1
{
}
.indentbackground2
{
	background:#c0d371;
	
}
.indentbackground3
{
	background:#c0d371;
}
.indentbackground4
{
	background:#c0d371;
}

.expanded_indentbackground1
{

}
.expanded_indentbackground2
{
	background:#c0d371; 
}
.expanded_indentbackground3
{
	background:#c0d371; 
}
.expanded_indentbackground4
{
	background:#c0d371;
}
/*
-	breadcrumb classes
-	Source: BreadCrumbs.ascx
CSS för navigeringslänken.
*/

#breadcrumbdiv
{
	color: #000;
	padding: 2px 0 2px 0;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #f2941c;
	display: block;
	float: left;
}

.breadcrumb
{
	padding: 3px 0;
}
.breadcrumb .breadCrumbTrail
{
	width: 480px;
	float: left;
}
.breadcrumb .ToolBarPanel
{
	float: right;
}
.breadcrumb .content-bottom-text input
{
	float: left;
	display: inline;
}
.breadcrumb .ToolBarPanel .ShareButton
{
	float: left;
	display: inline;
	height: 10px;
}
.breadcrumb .ToolBarPanel .ShareButton a
{
	text-decoration: none;
	padding: 0;
}
.breadcrumb .ToolBarPanel .ShareButton a span
{
	margin-right: 0;
}
.breadcrumb a
{
	color: Black;
}

/*.breadcrumbselected
{
	color:#9F6A0B;
} */
/*
-	Alphanumeric listing classes
-	Source: Alphanumericlisting.ascx
CSS för sidan med alfabetisk listning
*/
.alpharangelink
{
	font-weight: bold; 
	font-size: 1em; 
	
}
.alpharangelink:hover
{
	text-decoration: underline;
	
}

/*
-	Sitemap
-	Source: Sitemap.ascx
CSS för rubriken i Sitemap
*/
tr.sitemapheader
{
	font-weight: bold; 
	padding: 0.4em 0.4em 0.4em 0.4em;
	font-size: 1.1em;
}
/*
-	Content area classes
-	Source: DefaultFramework.ascx
CSS för innehållsytan på webbplatsen.
*/

#content-top
{
	width: 100%;
	float:left;
	margin-bottom: 5px;
}

#content-top .content-top_inside
{
	padding: 5px 5px 5px 10px;
}
#content-top .content-top_inside .content-top_header
{
	width: 340px;
	float:left;
	margin-top: 3px;
}
#content-top .content-top_inside .content-top_header
{
	float:left;
	margin-top: 3px;
}
.content-middle, .content-middle-wide
{
	line-height: 1.5em;
	font-size: 1.1em;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 5px;
	width: 530px;
	float:left;
}
.content-middle-wide
{
	width: 536px;
	float:left;
}

.content-bottom
{
	padding: 7px 0 0 0;
	height: 45px;
	width: 530px;
	float:left;
}

.MiddleFooter
{
	text-align: center;
	display: block;
}
.URLdiv
{
	display: none;
}

.content-bottom-text
{
	float: left;
	display: inline;
}

.spacing
{
	padding-right: 3px;
}

/*
-	E-mail area classes
-	Source: DefaultFramework.ascx
CSS för innehållsytan på webbplatsen.
*/
.email-top
{
	background:transparent url(email_top_bg.gif) no-repeat left top;
	color: #000000;
	display:block;
	font-family:Arial,Verdana,Tahoma,Helvetica;
	font-size:1em;
	font-weight:bold;
	padding:2px 0pt 2px 10px;
	width: 187px;
}

.email_body_class
{
	font-size: 70%;
	background: #fff;
	margin: 8px 0 0 8px;
}

.email-middle
{
	display: block;
	float: left;
	padding: 7px 0 10px 10px;
}
.email-bottom
{
}

/*
-	Writer info classes
-	Source: DefaultFramework.ascx
CSS för uppdaterad av längst ned på innehållsytan.
*/
.writerinfo
{
	border-top: 1px solid #F2941C;
	color: #666;
	font-size:0.95em;
	clear:both;
	margin-top:0px;
	margin-bottom: 5px;
	padding-top: 5px;
}
/*
-	Right column classes
-	Source: rightColumn.ascx
CSS för högerkolumnen på innehållsytan.
*/
.breakerheading, #rightmenudiv .RightColumnRssPanel .rssheaderrow H2
{
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	display:block;
	font-weight: normal;
	font-size:1.2em;
	padding: 3px 0 3px 0px;
	background: transparent;
	border-bottom: 1px solid #F2941C;
	color: #000;
}
#rightmenudiv .RightColumnRssPanel .rssheaderrow
{
	padding: 0;
	margin: 0;
}
#rightmenudiv .RightColumnRssPanel .RssDate
{
	display: block;
	clear: both;
}
#rightmenudiv .RightColumnRssPanel .rssevenrow, #rightmenudiv .RightColumnRssPanel .rssunevenrow
{
	border-color: transparent;
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	display: block;
	padding: 2px 0 0px 0px;
}
.NewsListPanelItem_Title a, #rightmenudiv .RightColumnRssPanel .NewsLink
{
	background: transparent url(right_dot.gif) no-repeat scroll 0 2px;
	padding: 0 0 0 10px;
	display: block;	
	font-size: 1.0em;
}
.NewsListPanelItem, .First_NewsListPanelItem
{
	padding: 0px 0px 0px 0px;
}
.weatherheading
{
	display: block;
	width: 160px;
	height: 50px;
	margin-bottom: 15px;
}

.toolbarbreaker
{
	border: 1px solid #f6d07b;
	display: block;
	padding: 7px 0 5px 10px;
	margin-bottom:10px;
}

.breaker
{
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	display:block;
	padding: 6px 0 5px 0px;
	margin-bottom:10px;
}

.breaker_iframe
{
	font-family:  Arial, Verdana, Tahoma, Helvetica;
	display:block;
	padding: 6px 0 0 0;
	margin-bottom:10px;
	font-size:1em;
}

.breakerfirstlistheading
{
	display:block;
	font-weight: bold;
	font-size:1em;
	padding: 2px 0 2px 10px;
	background: #F6E6B1;
	color: #000;
}
.breakersecondlistheading
{
	display:block;
	font-weight: bold;
	font-size:1em;
	padding: 2px 0 2px 10px;
	background: #F6E6B1;
	color: #000;
}

.breaker ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.breaker li
{
	background: url(right_dot.gif) no-repeat 0 2px;
	padding: 0 0 0 8px;
}
.breaker .fileHeader
{
	display: block;
	padding: 0px 0 0px 0;
}
.breaker .fileLink, .breaker .fileLink_selected
{
	display: block;
	padding: 0px 4px 2px 6px;
	background: transparent url(right_dot.gif) no-repeat scroll 0 2px;
	padding-left: 10px;
}
.breaker .fileLink_selected
{
	font-weight: bold;
}
.ProgramMessage{
	 padding: 8px 6px 6px 6px;
	 min-height: 5em;
}

#ExclamationMark
{
	float:left;
	margin: 0px 6px 2px 2px;
	font-size: 4em;
}

/*
-	Image scroller area classes
-	Source: DefaultFramework.ascx
CSS för bildlistan under sidhuvudet.
*/

.imagescroller-image
{
	padding: 0;
	height: 170px;
	margin: 0;
}

.image_righttop
{
	background: url(/images/hultsfred/righttop_corner.gif) no-repeat;
	position: absolute;
	height: 10px;
	left: 729px;
	width: 10px;
	z-index: 100;
}

.image_lefttop
{
	background: url(/images/hultsfred/lefttop_corner.gif) no-repeat;
	position: absolute;
	height: 10px;
	width: 10px;
}

.imagescroller-top
{
	width: 180px;
	float: left;
	padding: 0;
	font-size: 0px;
	margin: 0;
	height: 8px;
	background: #000000;
}

.imagescroller-links
{
	padding: 0 55px;
}

.imagescroller-image img
{
	display: block;
}

.imagescroller-selectedimage-border
{
	float: left;
	margin: 0;
	width: 180px;
}

.imagescroller-selectedimage
{
	float: left;
	width: 180px;
	height: 105px;
	background: black;
}

.imagescroller-selectedbuttons
{
	position: absolute;
	top: 207px;
	left: 673px;
	width: 60px;
}

#imagebox
{
	display: none;
	width: 173px;
	height: 49px;
	left: 537px;
	top: 130px;
	color: #fff;
	position: absolute;
}

#imagebox .top
{
	height: 5px;
	width: 195px;
	float: left;
	font-size: 0px;
	background: url(/images/hultsfred/imagebox_top.gif) no-repeat;
}

#imagebox .middle
{
	float: left;
	background: #000;
	padding: 0 7px;
	width: 179px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.imagebox_close
{
	position: absolute;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
	left: 175px;
	top: 7px;
	float: right;
	background: #000;
}

.imagebox_text
{
	width: 160px;
	min-height: 42px;
}

/*
-	IE ONLY
CSS anpassat för IE
*/
/* \*/
* html .imagebox_text
{
	width: 160px;
	height: 42px;
}
/* */

#imagebox .bottom
{
	height: 14px;
	width: 195px;
	float: left;
	font-size: 0px;
	background: url(/images/hultsfred/imagebox_bottom.gif) no-repeat;
}

#imagebox a
{
	color: #fff;
}

.imagescroller-selectedtext
{
	color: #ffffff;
	float: left;
	padding: 3px 10px 0 10px;
	width: 160px;
	height: 47px;
}
/*
-	Customize page classes
-	Source: Customize.aspx
CSS för formuläret och förhandsgranskningen.
*/
.customize-form
{
	 float:right;
	 width:45%;
}
.customize-preview
{
	 border:1px solid #CACACA;
	 width:45%;
	 padding: 5px;
	 
}
/*
-	Notice area classes
-	Source: DefaultFramework.ascx
CSS för notice fältet under huvudinnehållet.
*/
.notice-top
{
	margin-top:0px;
	padding: 8px 0 0 17px;
	height:19px;
	width:502px;
	float:right;
	font-size:1.1em;
}
.notice-middle
{
	color: #2B2B2B;
	padding:0;
	width:519px;
	float:right;
	font-size:1.1em;
	background:url(/images/hultsfred/content_middle.gif);
}
.notice-bottom
{
	height:8px;
	width:519px;
	float:right;
}
/*
-	Footer area classes
-	Source: DefaultFramework.ascx
CSS för sidfoten längst ned till vänster på sidan.
*/
.footer-top, .loginpanel-top
{
	background: #fff;
	height: 2px;
	font-size: 0px;
}

.loginpanel-middle
{
	color:#666;
	padding: 0 0 0 10px;
	background: #ACC6D3;
}
.footer-middle
{
	color:#000;
	width: 190px;
	padding: 0;
	background: #f6d07b;
}

.vapen_bg
{
	width: 140px;
	height: 36px;
	background: url(Hultsfreds_kommun.gif) no-repeat;
}

.loginpanel-bottom
{
	padding-top:9px;
}

.footer-bottom
{
	padding-top: 36px;
	background: #f6d07b url(menu-bottom-logo.gif) no-repeat;
}

.menu-footer
{
	background: #f6d07b;
}

/*
-	Print window classes
-	Source: functions.ascx
CSS för skrivut fönstret.
*/
.printheader
{
	height: 60px;
	display: block;
	width:519px;
}
.printbody
{
	width:485px;
	font-size:1.1em;
	padding:11px 17px 11px 17px;	
}
/*
-	calendar classes
-	Source: calendar.ascx
CSS för kalenderlistning.
*/

.datelistingtext
{
	color: #606060; 
	font-style: italic;
}
div.monthcalendararea
{
	float: right;
	width: 170px;
}
div.calendarlistingarea
{
	float: left;
	width: 290px;
	text-align: left;	
}
h1.calendardayheading
{
	color: #2B2B2B;
	font-weight:bold;
	font-size:1.1em;
	display: inline;
}
table.calendarframe
{
	border-color: #fff;
	background-color: #fff;
}
/* IE 6 does not seem to handle parent-child selectors */
div.monthcalendararea > table
{
	border: 1px solid #ffffff;
}
td.calendaritem, tr.calendaritem
{
	height: 20px; 
	width: 22px;
	background-color: #fff; 
	border: 1px solid #cacaca;
}
td.selecteddatecell 
{
	/*background-color: #fff; */
	border: 1px solid #9F6A0B;
}
td.datecellothermonth
{
	background-color: #fff; 
	border: solid 1px #C8C8C8;
}
td.datecellothermonth a
{
	color: #C8C8C8 !important;
}
td.weekendcell
{
	/*background-color: #DADADA;*/
}
td.datecellactive
{
	background-color: #F0E5CE; 
	border: 1px solid #9F6A0B;
}
td.dayweekheader
{
	color: #2B2B2B;
	border-style: none;
}

/*
-	TeleSearch classes
-	Source: TeleSearch.aspx
CSS för telesökning.
*/

/* Listhuvud. Box för ruta med sökfråga, sökknappar, sorteringsordning m.m. */
div.TSHeader
{
	padding:0.5em 0px 0.5em 0.5em; 
	margin-bottom:1em;
	margin-top:1em;
	border: 1px solid #f6d07b;
}

/* Div som omsluter varje person i listan */
div.TSSearchResultItemBox
{
	padding: 0px 0px 0px 0.5em;
}

/* Div som omsluter varje persons namn i listan */
div.TSNameContainer
{
	font-weight:bold;
	color: #0000cc;
	cursor:pointer;
}

/* Presentation av titel i listan */
div.TSTitleContainer
{
	display: block;
}

/* Presentation av arbetsplats i listan */
div.TSWorkplaceContainer
{
	display: block;
}

/* Presentation av telefonnummer i listan */
div.TSPhoneContainer
{
	display: block;
}

/*
-	ChildCareCalculator classes
-	Source: ChildCareCalculator.ascx, GeriatricCareFeePerson.ascx
CSS för beräkning av barnomsorgstaxa.
*/

/* Yta för parameternamn */
div.ParamName
{
	font-weight: bold;
	float:left;
	width: 110px;
}

/* Yta för kontroller som samlar parametervärden */
div.ParamValue
{
	float:left;
	width: 200px;
}

div.Paramresultbox
{
	border: 1px solid #f6d07b;
	padding: 5px;
	margin-top: 8px;
	width: 285px;
	background-color: #f6e6b1; 
	text-align: left;
}

div.ParamNameWide
{
	font-weight: bold;
	float:left;
	width: 49%;
}

div.ParamValueWide
{
	width: 45%;
	float:right;
}
/* Yta som omsluter ParamName och ParamValue*/
div.ParamRow
{
	width: 99%;
	float: left;
	padding:2px;
	margin-top: 0;
}

/* Fält för inmatning av familjens bruttoinkomst */
input.IncomeTextBox
{
	width: 6em;
}

/*
-	GeriatricCareFeeCalculator classes
-	Source: GeriatricCareFeeCalculator.ascx, GeriatricCareFeePerson.ascx
CSS för beräkning av äldreomsorgsavgift.
*/

span.GCF_sum
{
	font-weight: bold;
}

div.GCF_sum
{
	font-weight: bold;
}

input.GCF_TextBox
{
	width: 6em;
}
/*
-	imagebank classes
-	Source: imagebank.ascx
CSS för bildlista.
*/
.imagelistitem
{
	margin:0em 0em 0.0em 0em;
	float:left;
}
.imageitem
{
	float:left;	
	width:160px;
	height:160px;
}
.metadataitem
{
	border: solid 1px black;
	background-color: White;
	padding: 3px;
	text-align:left;
	float:left; 
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 200px;
}

/*
-	QuickSearch classes
-	Source: QuickSearch.ascx
CSS för sökrutan högst upp på sidan..
*/

.border_left
{
	float: left;
	height: 16px;
	width: 2px;
	padding: 0;
	background-image: url(search_rightborder_btn.gif);
}


input.quicksearchinput
{
	width: 115px;
	font-size: 11px;
	height: 17px;
	padding: 0;
	margin: 0;
	text-indent: 5px;
	float: left;
	color: #000;
	background-image: url(search_input_bg.gif);
	border: 0;
}

.quicksearch
{
	margin: 0;
	float: left;
	padding: 0;
}

.QuickSearchSpan
{
	display: inline;
}

#quicksearch_dropdown
{
	float: right;
	margin: 0;
	padding: 0;
}

#quicksearch_dropdown .wrap 
{
	height: 17px;
	width: 12px;
	margin-right: 0px;
	overflow: hidden;
	cursor: pointer;
}

#quicksearch_dropdown .dropdown-header2
{
	float: left;
	height: 17px;
	width: 12px;
	padding: 0;
	margin: 0;
}

#quicksearch_dropdown li li a:hover
{
	background: #FDF7D5;
	text-decoration: none;
}

#quicksearch_dropdown .dropdown-header_middle
{
	float: left;
	width: 12px;
	height: 17px;
	background: url(search_dropdown_btn.gif) repeat;
}

#quicksearch_dropdown, #quicksearch_dropdown ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#quicksearch_dropdown li
{
	padding: 0;
	margin: 0;
}

#quicksearch_dropdown li li
{
	padding: 0;
	margin: 0;
	width: 100%;
}

#quicksearch_dropdown li ul a
{
	padding: 3px 5px;
	color: #000000;
	margin: 0;
}

#quicksearch_dropdown a
{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

#quicksearch_onoff
{
	position: absolute;
	padding: 0;
	background: #fff;
	border-left: 1px solid #f6d07b;
	border-right: 1px solid #f6d07b;
	border-bottom: 1px solid #f6d07b;
	z-index: 500;
	overflow: hidden;
	width: 135px;
	margin: 0pt 0pt 0pt -1001em;
}

/* WeatherCollector */
.WeatherImagePanel 
{
	height: 30px;
	text-align: center;
	display: block;
	width: 50px;
}

.WeatherState
{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	width: 50px;
}
.WeatherDate 
{
	text-align: center;
	width: 50px;
	margin-bottom: 3px;
	font-size: 0.8em;
	display: block;
}

.WeatherLogo 
{

}

.WeatherRow 
{
	text-align: center;
	float: left;
	width: 50px;
	display: inline;
}

/* RssListing */
.rsstable
{
	border: 1px solid transparent;
}
.rssheaderrow
{
	border: 1px solid transparent;
	padding: 4px 0;
}
.rssevenrow, .rssunevenrow
{
	border: 1px solid transparent;
	padding: 4px 0;
}
.FirstPageRss .rssevenrow, .FirstPageRss .rssunevenrow
{
	border: 1px solid white;
	padding: 0;
}
.rsslinktopage
{
	padding: 4px 0;
	float: left;
}
.rssevenrow .RssDate, .rssunevenrow .RssDate
{
	display: block;
}
.rssevenrow .RssDateLarge, .rssunevenrow .RssDateLarge
{
	display: block;
	font-size: 1.3em;
	padding: 14px 0 4px 0;
	border-bottom: 1px solid #FDF7D5;
}
.FirstPageRss .rssevenrow .NewsLink, .FirstPageRss .rssunevenrow .NewsLink
{
	font-size: 1.0em;
	padding: 0 0 0 10px;
	background: url("right_dot.gif") no-repeat scroll 0 2px transparent;
}
.rssevenrow .NewsLink, .rssunevenrow .NewsLink
{
	font-size: 1.1em;
	display: block;
	padding: 8px 0 3px 8px;
	background: url("right_dot.gif") no-repeat scroll 0 10px transparent;
}
.PagerStyle
{
	border: 1px solid transparent;
}
.NewsItem
{
	clear: both;
	display: block;
	padding: 12px 0;
	float: left;
	display: inline;
	clear: none;
	border-top: 1px solid #FDF7D5;
	min-width: 352px;
}
.NewsItemNoRightColumn
{
	clear: both;
	display: block;
	padding: 12px 0;
	float: left;
	display: inline;
	clear: none;
	border-top: 1px solid #FDF7D5;
	min-width: 530px;
}
.NewsItem img, .NewsItemNoRightColumn img
{
	padding: 0 8px 8px 0;
	float: left;
}

.NewsItem .NewsLink
{
	font-size: 1.1em;
	padding-bottom: 2px;
	clear: both;
}
.NewsItem .NewsDate
{
	padding-bottom: 2px;
	display: block;
}
.NewsItem .NewsLinkReadMore
{
	padding-top: 6px;
	clear: both;
	display: block;
}



/* School programs */
#ProgramsDiv
{
	margin-top:-40px;
	margin-bottom:20px;
	float:left;
	width: 180px;
}

.Program_Left
{
	margin-bottom: 4px;
	float:left;
	height: 90px;
	width: 90px;
}

.Program_Left img
{
	position:relative;
	width: 88px;
	height: 88px;
	z-index: 0;
}

.Program_Left span img /* Default: hide large image */
{
	visibility:hidden;
	display: none;
}

.Program_Left:hover img /* Mouse over: Hide small image */
{
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
}

.Program_Left:hover span img /* Mouse over: Show large image */
{
	visibility: visible;
	display: inline;
	width: auto;
	height: auto;
	z-index:100;
	position: absolute;
	margin-top: -12px;
	margin-left: -4px;
}


.Program_Right
{
	position: relative;
	margin-bottom: 4px;
	float:right;
	height: 90px;
	width: 90px;
}

.Program_Right img
{
	position:relative;
	width: 88px;
	height: 88px;
	z-index: 0;
}

.Program_Right span img /* Default: hide large image */
{
	visibility:hidden;
	display: none;
}

.Program_Right:hover img /* Mouse over: Hide small image */
{
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
}

.Program_Right:hover span img /* Mouse over: Show large image */
{
	visibility: visible;
	display: inline;
	width: auto;
	height: auto;
	z-index:100;
	position: absolute;
	margin-top: -12px;
	right: 0px;
}


/* School programs end */



div#boxwrapper{ margin: 0 auto;background: transparent} /* Setting the background for content and color */
div#boxbackground{ background: #FDF7D5; padding: 0 8px;} /* Setting the background for content and color */
b.rtop, b.rbottom{display:block;background: transparant} /* Setting the corner color, use different color for different layout */
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FDF7D5}/* Setting the strip size and background color */
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
div#background p{display: none;}


/* Eservice */
.Eservice input 
{
	background: white;
	border: 1px solid #FDF7D5;
}
.Eservice input.animate 
{
	background: white url(throbber.gif) no-repeat right 0;
}
.Eservice H2, .Eservice H3
{
	padding-top: 12px;
	width: 100%;
	float: left;
	clear: both;
	display:block;
}

.Eservice .indent
{
	float: left;
	width: 100%;
}
.Eservice .name, .Eservice .namehead
{
	width: 60%;
	float: left;
	overflow:hidden;
}
.Eservice .name div
{
	padding: 0 0 0 12px;
}
.Eservice .name div.closed
{
	cursor: pointer;
	background: url(pil_h.gif) 2px 4px no-repeat;
}
.Eservice .name div.open
{
	cursor: pointer;
	background: url(pil_n.gif) 2px 4px no-repeat;
}
.Eservice .name div.none
{
	cursor: default;
	background: transparent;
}
.Eservice .item
{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
.Eservice .body
{
	padding: 4px 0;
	width: 100%;
	float: left;
	clear: both;
}
.Eservice .list
{
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
.Eservice .itemhead
{
	padding: 4px 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.Eservice .itembody
{
	padding: 2px 0 8px 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.Eservice .itembody div
{
	padding: 0 0 0 12px;
}
.Eservice .selected
{
	background: #FDF7D5;
}
.Eservice .head
{
	margin-top: 16px;
}
.Eservice .doc, .Eservice .service
{
	width: 20%;
	float: left;
	overflow:hidden;
}
.Eservice .doc
{
	clear: right;
}
/* FAQ */
.faq input 
{
	background: white;
	border: 1px solid #FDF7D5;
}
.faq input.animate 
{
	background: white url(throbber.gif) no-repeat right 0;
}
.faq H2, .faq H3
{
	padding-top: 12px;
	width: 100%;
	float: left;
	clear: both;
	display:block;
}

.faq .indent
{
	float: left;
	width: 100%;
}
.faq .name, .faq .namehead
{
	width: 100%;
	float: left;
	overflow:hidden;
}
.faq .name div
{
	padding: 0 0 0 12px;
}
.faq .name div.closed
{
	cursor: pointer;
	background: url(pil_h.gif) 2px 4px no-repeat;
}
.faq .name div.open
{
	cursor: pointer;
	background: url(pil_n.gif) 2px 4px no-repeat;
}
.faq .name div.none
{
	cursor: default;
	background: transparent;
}
.faq .item
{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
.faq .body
{
	padding: 4px 0;
	width: 100%;
	float: left;
	clear: both;
}
.faq .list
{
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
.faq .itemhead
{
	padding: 4px 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.faq .itembody
{
	padding: 2px 0 8px 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.faq .itembody div
{
	padding: 0 0 0 12px;
}
.faq .selected
{
	background: #FDF7D5;
}
.faq .head
{
	margin-top: 16px;
}