/************************/
/* GLOBAL               */
/************************/

body
{
	font: 12px Verdana, serif;
	margin: 0;
	padding: 0;
	/*background: url(images/fading_background_white_green.png) repeat-x;*/
	background-image: url("images/green/form_background_green.jpg");
    background-repeat:repeat-x repeat-y;
	min-height: 860px;
	line-height: 20px;
}

a:link, a:active, a:hover, a:visited
{
	outline: none;
}

body form
{
	min-height: 840px;
	width: 998px;
	max-width: 1200px;
	min-height: 800px;
    /*overflow: hide;*/
	margin: 0px auto 0px auto;
	position: relative;
	background-image: url("images/green/form_background_green.jpg");
    background-repeat:repeat-x repeat-y;
}

#Page 
{
    /*height:920px;*/
    min-height: 860px;
    width:100%;
	/*top: -830px;*/
	position: relative;
	
}

a 
{
	color: #76B521;
}


/*#LeftFill
{
	height: 830px;
    background-repeat:repeat-x;
	float: left;
}
#RightFill
{
	height: 830px;
    background-repeat:repeat-x;
    position: relative;
	float:right;
	
}*/
#BottomShadow
{
    width: 100%;
    height: 33px;
    background-repeat:no-repeat;
    position:relative;
    clear: both;
    left: 0px;
}

#LeftCurtain
{
    width:94px;
    background-repeat:repeat-y;
    height:100%;
    position: relative;
    float:left;
    border: 0;
}

 
#RightCurtain
{
    width:94px;
    background-repeat:repeat-y;
    position:relative;
    float:left;
    border: 0;
    
}

#MainArea
{
    background-repeat: repeat-x repeat-y;
    width:800px;
    min-height: 830px;
    border-style:solid;
	border-width:5px;
	border-bottom-width:4px;
	border-bottom-style:none;
	border-color: #76b521; 
	float: left;
    position:relative;
    top: 0px;
	border-top-style:none;
}

/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	background: url(images/green/header_area_background_green.jpg) top right no-repeat;
	margin: 0 0;
	position: relative;
	
}

#Header
{
	position: relative;
	/*background: url(images/PageCornerLeft.png) 0 0 no-repeat;*/
	padding: 2px;
	height: 75px;
}

#HeaderLeft
{
	position: relative;
	float: left;
	width: 40%;
}

#HeaderRight
{
	position: relative;
	float: right;
	width: 40%;
}

#HeaderRightTop
{
	height: 33px;	
}

#LanguageSelect
{
	position: relative;
	float: right;
	margin: 3px 21px 0px 10px;
	height: 30px;
	/*top: -20px;*/
}

#Logotype
{
	position: relative;
	float: left;
	margin: 5px 0px 0px 23px;
}

#LoginName
{
	display:block;
	position: relative;
	float: left;
	margin: 3px 21px 0px 10px;
	width: 70%;
	height: 30px;
	font-size:0.8em;
}

/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea 
{
	
	position: relative;
	left: 1px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	height: 30px; 
	color: White;
	font-size: 1em;
	font-weight: bold;
	line-height: 15px;
	width: 798px;
	background-color: #76b521;
	text-transform: lowercase;
	
}

#MainMenuItems 
{
	/*border-bottom-style:dotted;*/
	text-align: center;
	border-width:5px;
	margin: 0px 10px 0px 7px;
	
}

#MainMenuArea ul 
{   
    position:relative;
	height: 20px;
	width: 720px;
	letter-spacing: 1px;
	/* Change to:
	width: 740px
	letter-spacing: 0px;
	when activating login*/
	margin: 0 auto;
	list-style-type: none;
}

#MainMenu
{
	text-align: center;
}

#MainMenuArea li 
{
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	width:auto;
	background-color: #76b521
}

#MainMenuArea li.selected 
{
	padding: 1px 17px;
}

#MainMenuArea li.selected a 
{
	background-color:#bcce82;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 17px;
	height: 15px;
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/

}

#MainMenuArea li a 
{
	display: block;
	
	text-decoration: none;
	color: White;
	
}

#MainMenuArea li.unselected 
{
	padding: 1px 17px;
}

#MainMenuArea li.unselected a
{
	padding: 3px 17px;
	
}

#MainMenuArea li.unselected a:hover 
{
	padding: 3px 17px;
	background-color:#bcce82;
	height: 15px;
}


/*************************/
/* QUICKSEARCH           */
/*************************/
.QuickSearchArea
{
	background: url('images/searchfield_bg2.png') no-repeat top left;
	position: relative;
	float: right;
	margin: 4px 15px 0px 0px;
	padding: 5px 6px;
	
}

.QuickSearchLabel
{
	position: relative;
	float: right;
	margin: 5px 8px 0px 0px;
	padding: 4px 6px;
	font: 1.2em;
	font-weight: bold;
	color: #76b521;
}

input.quickSearchField
{
	background: transparent;
	border: none;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 126px;
}

.quickSearchButton
{
	background: url(images/MainMenuSearchButton.png) no-repeat top left;
	width: 23px;
	height: 28px;
	display: block; 
	float: left;
	position: relative;
	top: -5px;
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
    padding: 16px;
	position: relative;
	/*height:600px;*/
	min-height: 600px;
}

.ImageArea
{
 background-repeat: no-repeat;
   position: relative;
   left: 4px;
   width: 778px;
   height: 231px;
   margin-bottom: 6px;
}

/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
    min-height: 180px;
    width:100%;
}

/* IE 6 doesn't understand the > selector and ignores it */
/*html>body #MainContentArea {height: auto;}*/

#MainBodyArea
{
	width: 100%;
	overflow: hidden;
	position:relative;
}

#MainBodyArea ul
{
	margin: 2px 0 0 0;
	padding: 0;
	list-style-type: none;
}

/*#MainBodyArea ul li
{
	display: block;
	float: left;
	padding: 0 8px;
	font-size: 0.7em;
}*/

#MainBodyArea #MainBody
{	
	margin: 2em 2em 2em 2em
}

#MainBodyArea .pageList
{
	padding: 0;
}

#MainBodyArea .pageList ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#SecondaryBodyArea
{
	width: 100%;
	overflow: hidden;
	float: left;
}

#SecondaryBodyArea #SecondaryBody
{
	margin: 0 1em;
}

/*
 * Startpage
 *
 */
 
.RightContent 
{
	padding-left: 10px;
	padding-top: 60px;
	padding-right: 25px;
	color: White;
	font-weight: bold;
	font-size: 14px;
}

.RightContent a
{
	color: White;
}

.RightContent h3
{
    font-weight: bold; font-size: 1.4em; padding: 0; 
    margin-bottom: 16px;
    margin-top: 5px;
}

.RightAlign 
{
	text-align: right;
}

a 
{
	color: #006ea0;

}

h1, h2, h3, h4 
{
	font-family: Verdana, serif;
	
}

h1 {font-weight: bold; font-size: 12pt; line-height: 1.4em; padding: 0; margin: 10px 0; color: #76b521}
h2 {font-weight: bold; font-style: normal; font-size: 1.4em; padding: 0; margin: 10px 0;}
h3 {font-weight: bold; font-size: 1.4em; padding: 0; margin-bottom: 10px; margin-top: 5px;}

p 
{
    margin: 1em 0.8em 1em 0; 
    padding: 0; 
}

.introduction 
{
    font-style:italic;
}

hr 
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border:0;
}

hr.clear 
{
    clear: both;
}

ul 
{
    padding: 0;
    margin: 1.5em;
}

fieldset 
{   
	margin: 0 0 1em 0;
	padding: 1em;
	border:0;
	text-align: center;
	width: 100%;
}

.hidden 
{
    display: none;
}

.error 
{
    color: Red;
}

.button
{
	border: solid 2px White;
    color:White;
    background-color:#76B521;
    font-weight:bold;
	
}

.button:hover
{
    border-style:dotted;
    border-color:White;
}


table
{
	font-size: 1em;
	border-collapse: collapse;
}

th
{
	text-align: left;
}

a.loginButton
{
	background: url(images/ButtonLogin.png) no-repeat;
}

a.logoutButton
{
	background: url(images/ButtonLogin.png) no-repeat;
}

a.rssButton
{
	background: url(images/ButtonRss.png) no-repeat;
}

a.sitemapButton
{
	background: url(images/ButtonSitemap.png) no-repeat;
}

a.languageButton, input.languageButton
{
	background: url(images/buttonLanguage.png) no-repeat;
}

input.languageButton 
{
    width: 20px;
    float: left;
    height: 1.6em;
}

select.languageButton 
{
    font-size: 1em;
}


#FlashArea
{
	position: relative;
	overflow: hidden;
	width: 768px;
	height: auto;			
	padding-bottom:1em;
	padding-right:1em;		
}


#BottomContentArea
{
	background: url(images/pattern_plattastart.png) no-repeat;
    height: 170px;
	width: 740px;
	min-height: 0;
	padding: 10px 30px 16px 24px;
	margin-top: 16px;
	padding-bottom: 16px;
	margin-left: 6px;
	/*overflow: auto;*/
	clear: both;
	position: relative;
}

#BottomContentArea h1
{
	font-size: 14px;
}

.LargeBottomArea
{
	height: 400px;
	width: 783px;
	min-height: 0;
	margin-top: 16px;
	overflow: hidden;
}

#BottomContentAreaHeader
{
	background: url(../images/round_top_green.png) no-repeat;
    width: 100%;
	height: 21px;
}

#BottomContentAreaMiddle
{
	float: left;
	width: 741px;
	top: -1px;
	position:relative;
	border: solid 4px #FFFFFF;
	border-top-style: none;
	background: #e6edb9;
	color: green;
}

#TextArea
{
	float: left;
	width: 445px;
	height: 170px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	background: url(images/transparentdots_vertical.png) no-repeat;
	background-position: center right;
}

#FlashArea
{
	float: left;
	border: 0;
	top: 12px;
	margin-left: 15px;
	padding: 0;
	overflow: hidden;
	height: 100%;
	width: 230px;
}

.imageList
{
    position:relative;
    float:left;
    padding-right: 6px;
    border:none;
    left: 6px;
    
}

.imageList img
{
    border:none;
}



/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 250px;
    margin-top: 40px;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    margin-top: 10px;
    padding-top: 4px;
    font-weight: bold;
}

.loginArea input
{
	margin-left: 10px;
    margin-top: 10px;
    position: relative;
    float: left;
}


#LoginTopArea
{
   background-image: url(images/login_bg.jpg);
   position: relative;
   left: 4px;
   width: 757px;
   height: 217px;
   text-align: center;
}

#LoginHeader
{
    font-size: 14pt;
    color: White;
    padding-top: 10px;
}

.LoginContainerCentered
{
    width: 750px;
    text-align: center;
}

#centerdiv
{
	width: 350px;
	margin-left: auto;
    margin-right: auto;

}

#LoginStartLeft
{
    float:left;
    height: 33px;
    width: 295px;
    position:relative;
    border-style:none;
    background-color: #e9f2d3;
    padding: 4px;
    margin-top: 60px;
    margin-left: 45px;
}

#LoginStartRight
{
    float:right;
    height: 33px;
    width: 295px;
    position:relative;
    border-style:none;
    background-color: #e9f2d3;
    padding: 4px;
    margin-top: 60px;
    margin-right: 45px;
}

#LoginCenter
{
    border-style:none;
    padding: 4px;
    clear: both;
    text-align: center;
    width: 750px;
}

.LoginLink
{
	border-width: 1px;
	border-style:solid;
	height: 100%;
	font-size: 14pt;
    color: #76b521;
    vertical-align: middle;
    line-height: 30px;
}

.LoginLink a
{
	color: #76b521;
	text-decoration: none;
	margin-top: 10px;
	position: relative;
}

/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea 
{
    width: 100%;
}

.registerArea label 
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* SUBSCRIPTION PAGE     */
/*************************/
.subscriptionArea 
{
    width: 100%;
}

.subscriptionArea label.topLabel 
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td 
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}

/*************************/
/* SEARCH PAGE           */
/*************************/
#ResultArea 
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

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

input.searchText 
{
    width: 75%;
}

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
    list-style-image: none;
    text-transform: lowercase;
    display: block;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
    font-size: 1em;
}
#SiteMap li a
{
    text-decoration: none;
    
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 1em;
    font-weight: normal;
}

#SiteMap li li a
{
    text-decoration: underline;
}

#SiteMap li li li
{
    font-size: 1em;
}





/*************************/
/* DOCUMENTS             */
/*************************/
#MainBody.documentList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#MainBody.documentList li
{
    clear: both;
}

#MainBody.documentList .download 
{
    float: right;
}

#MainBody.documentList a
{
    padding: 0 0 2px 20px;
}

a.bmpExtension {background: url(images/extensions/bmp.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.docExtension, a.docxExtension {background: url(images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.htmExtension, a.htmlExtension {background: url(images/extensions/htm.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mp3Extension {background: url(images/extensions/mp3.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mpgExtension {background: url(images/extensions/mpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.wavExtension {background: url(images/extensions/wav.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}

/*************************/
/* PAGELIST              */
/*************************/
.pageList ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pageList li
{
    padding-bottom: 0.2em;
	list-style-type: none;
}

.pageList h2
{
	margin: 0;
}

/*************************/
/* FORMS                 */
/*************************/
.xForm 
{
	
}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm legend 
{
    color: Black;
}

.xForm input 
{
    float: left;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}

.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm .options 
{
    float: left;
}

.xForm label 
{
    margin-right: 0.5em;
    float: left;
}

#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}

.LeftSubMenu
{
	
    width: 220px;
    float:left;
    color:White;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 10px;
    padding-top: 10px;
    /*margin-top: 16px;*/
    margin-left:6px;
    min-height:153px;
    text-transform: lowercase;
    line-height: 18px;
    font-size: 12px;
    line-height: 20px;
}


.LeftSubMenu a
{
    color:White;
    text-decoration:none;
    display: block;
}

.LeftSubMenu a:hover
{
    background-color:#BCCE82;
}

.LeftSubMenu h3
{
	background-image: url(images/transparentdots_submenu.png);
	background-position: center bottom;
	background-repeat: no-repeat;
    color:White;
    text-decoration:none;
    font-weight:normal;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-transform: uppercase;
}

.MenuItemLevel1
{
	padding-left: 10px;
	font-weight:bold;
}

.MenuItemLevel2
{
	padding-left: 30px;
}

.MenuItemLevel3
{
	padding-left: 50px;
}

.MenuItemLevel4
{
	padding-left: 70px;
}

.MenuItemSelected a
{
	background-color: Transparent;
	font-weight:bold;
	/*background-image: url(images/whitedot.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 10px;*/
	position: relative;
	
	/*left: -10px; /* Compensate for additional padding due to background dot */
}

.MenuItemLevel2.MenuItemSelected a
{
	background-color: #BCCE82;
	font-weight:bold;
	background-image: url(images/whitedot.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 10px;
	position: relative;
	left: -10px; /* Compensate for additional padding due to background dot */
	display: block;
}



.LeftSmallImage
{
    position:relative;
    float:left;
    width: 250px;
    height: 180px;
    margin-top: 16px;
    margin-left: 6px;
}

.LeftSmallImageNoMargin
{
    position:relative;
    float:left;
}



.LeftNarrowContent
{
    width:260px;
    height:400px;
    float:left;
    position:relative;
}

.RightMediumContent
{
	background-image: url(images/green/produkt_platta.png);
    float:left;
    position:relative;
    width:480px;
    height:330px; 
	margin-left: 2px;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.Scroll
{
	overflow:auto;
	height: 100%;
	margin-right: 16px;
	margin-top: 7px;
	padding-right: 16px;
}

.ProductTableScroll
{
	overflow:auto;
	height: 580px;
}

.RightMediumContent td
{
	vertical-align: top;
	padding-top: 16px;
}

.RightMediumContent input 
{
	border-style: none;
}

.RightMediumContent textarea
{
	border-style: none;
}

.WrappedImage
{
	border-style: none;
	float: right;
	margin: 0px 0px 10px 10px;	
}


/*************************/
/* FOOTERAREA            */
/*************************/
#AddressArea
{
	position: relative;
	width: 100%;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #95b34b;
	font-size: 0.8em; 
	text-align: center;
	margin-bottom: 0px;
	margin-top: 16px;
	clear: both;
	letter-spacing: 2px;
}




#FooterArea
{
	position: relative;
	width: 780px;
	overflow: visible;
	/*margin-left: 10px;*/
	font-family: Verdana, Arial, Sans-Serif;
	/*border-top-style:dotted;
	border-width:5px;
	color: white;*/
	text-align: center;
}

.WhiteDots
{
	background-image: url(images/transparentdots_narrowlow.png);
	background-position:center top;
	background-repeat:no-repeat;
	width: 800px;
	height:6px;
}

#Footer 
{
	height: 40px;
	float: none;
	color: #95b34b;
	font-weight: bold;
	margin-left: 24px;
}

#FooterArea ul
{
	position: relative;
	
	top: 15px;
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-transform: lowercase;
}

#FooterArea ul li
{
	display: block;
	float: left;
	color: black;
	border-left: solid 1px black;
	padding: 0 0.8em;
	font-size: 0.6em;
}

#FooterArea ul li.first
{
	color: black;
	border: 0;
}

#FooterArea a
{
	text-decoration: none;
	color: black;
}

#FooterArea a:hover
{
	text-decoration: underline;
}




.BottomContentWide
{
    width:730px;
    padding:16px;
    margin-top:16px;
    height:200px;
    border:solid 2px white;
}

.MediumWideContent
{
    position:relative;
    width:490px;
    height: 170px;
    float:left;
    padding-left: 16px;
    margin-left: 16px;    
    /*margin-top: 16px;*/
    padding-top: 10px;
    margin-bottom: 8px;
}

.MediumWideBottomContent
{
    position:relative;
    width:460px;
    height: 165px;
    float:left;
    padding-left: 26px;
    margin-left: 16px;
}

.LeftDots
{
    background: url(images/green/prickar.png) no-repeat;
	background-position:left center;
	background-repeat:no-repeat;
}

.Centered
{
	text-align: center;
}

.BigFlashBg 
{
	background: url(images/fruktensresa_platta.png) no-repeat;
	padding: 20px 30px 30px 30px;
	width: 700px;
	height: 365px;
}

.SmallFlash 
{
	position:relative;
    width:500px;
    height: 170px;
    float:left;
    margin-left: 16px;    
    margin-bottom: 16px;
}

/*
RECEPIE
*/

#RecepiePartner
{
	position: relative;
	float: left;
	margin-left:16px;	
	width: 200px;
	height: 80px;
	top: 130px;
	
}

#RecepiePartner a
{
	display: block;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
}

#RecepiePartner img
{
	border: 0;
	vertical-align: middle;
}