﻿/******************************************************
/* FORMS
/*****************************************************/
input, textarea, select, option
{
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #603745;
}

form 
{
	display:block;
	margin-left:5px;
	width:780px;
}

input
{
	vertical-align: middle;
}

.InputBlock
{
	clear: both;
	margin-bottom: .5em;
}

.TextBox
{
	border: solid 1px #aaa;
	width: 160px;
}

.TextBox2
{
	border: solid 1px #aaa;
	width: 185px;
}

.ButtonBlock
{
	clear: both;
	margin-top: 1em;
	text-align: right;
	background: #eee url(/images/buttonblock.gif);
	height: 40px;
	overflow: hidden;
	width: 100%;
}

.ButtonBlock .Button
{
	margin: 10px;
}

.Button img
{
	vertical-align: middle;
}

.ButtonOnForm
{
	width: 75px;
	height: 22px;
	background-image: url(/images/Buttons/skicka.gif);
	float:right;
	border: 5px;
}



label
{
	float: left;
	width: 150px;
	line-height: 18px; /* TextBox height */
	vertical-align: middle;
}

.CheckBox label
{
	float: none;
}

.ReportViewer label
{
	float: none;
}

.Required
{
	color: #f00;
	margin: 0 3px;
}

.FormHelp
{
	vertical-align: middle;
}

.FormHelpToolTip
{
	position: absolute;
	display: none;
	font-size: .8em;
	background-color: #ffa;
	border: solid 1px #ccc;
	padding: 5px;
	width: 300px;
	left: 10px;
}

* html .FormHelpToolTip
{
	margin-top: 20px;
}


.ErrorSummary
{
	border: solid 1px #C00;
	background-color: #fff;
	margin-bottom: 1em;
	padding: 5px 10px;
	font-size: .9em;
	color: Red;
	display: block;
	height: 1%;
}

.ErrorSummaryOrder
{
	border: solid 1px #C00;
	background-color: #fff;
	margin-bottom: 1em;
	padding: 5px 10px;
	font-size: .9em;
	color: Red;
	display: block;
	height: auto;
}

.ErrorSummary ul
{
	list-style: none none;
	margin: 0;
	padding: 0;
}

.ErrorSummaryOrder ul
{
	list-style: none none;
	margin: 0;
	padding: 0;
}


.InfoSummary
{
	border: solid 1px #CCC;
	background-color: #fff;
	margin-bottom: 1em;
	padding: 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	display: block;
	height: 1%;
}

.InfoSummary .InfoSummarylink
{
	font-size: 11px;
	font-weight:normal;
}

/******************************************************
/* Contact
/*****************************************************/

.Contact select
{
	width: 165px;
}

.Contact textarea
{
	width: 315px;
	height: 150px;
}

/******************************************************
/* LISTS
/*****************************************************/
ul, ol
{
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
}

ul
{
	list-style-image: url(/Images/icons/list_bullet.gif);
}

ul li, ol li
{
	margin: 0 0 .5em 0;
	padding: 0;
	vertical-align: middle;
}

dl
{
	margin-bottom: 1em;
}

dl dt
{
	font-weight: bold;
	margin-bottom: .3em;
}

dl dd
{
	margin-bottom: 1em;
}



/*************************/
/* CONTENTAREA           */
/*************************/

.TopContent
{
	margin-bottom: 10px;
}

.LeftContent
{
	float: left;
	width: 360px;
}

.RightContent
{
	float: right;
	width: 175px;
	margin-right: 10px;
}

* html .RightContent { display: inline; }


#RegionHeader
{
	position: relative;
	margin: 10px 0 1em 4px;
	background: #fff url(/images/pageheader_bg.jpg) right 39px no-repeat;
	width: 765px;
	height: 128px;
}

#RegionLeft
{
	float: left;
	width: 190px;
	padding-top: 10px;
	margin: 0 0 0 5px;
	background-image: url(/images/left_top.gif);
	background-repeat: no-repeat;
}
* html #RegionLeft { display: inline; }

#RegionContent
{
	position: relative;
	float: right;
	width: 570px;
	/*margin-bottom: 20px;*/
}

#RegionMain
{
	float: left;
	width: 404px;
}

#RegionRight
{
	float: right;
	width: 150px;
}


#RegionFooter
{
	margin-bottom: 20px;
}

#RegionBanners
{
	position: absolute;
	left: 802px;
	top: 10px;
	overflow: visible;
}

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	margin-bottom: 20px;
}

/******************************************************
/* CLEAR SPACER
/*****************************************************/
.FloatContainer:after, 
.Region:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE Bugfix - This hides from IE-mac \*/
* html .Region 
{
	height: 1px;
}
/* End hide from IE-mac */

/* IE Bugfix - This hides from IE-mac \*/
* html .FloatContainer
{
	height: 1px;
}
/* End hide from IE-mac */

* html .TeaserFloatContainer
{
	height: 102px;
}

* .TeaserFloatContainer
{
	min-height: 102px;
}

* html .Newsfeed
{
	margin-bottom:1em;
	height:1px;
}

* .Newsfeed
{
	clear:both;
	margin-bottom:1em;
	height:22px;
}

.ProductFloatContainer:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.TeaserContainerMiddle .TeaserImage
{	padding: 0;
	margin: 0;
	line-height: 0;
	display: block;
}

.TeaserContainerMiddle
{
	width: 100%;
	float: left;
	display:block;
	height: 200px;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
*html .TeaserContainerMiddle
{
	width: 100%;
	float: left;
	display:block;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#colmiddle 
{
	float: left;
	cursor:pointer;
	margin: 0;
}

/******************************************************
/* AREA COLORS
/*****************************************************/
.BlackArea ul
{
	list-style-image: url(/Images/icons/list_bullet_black.gif);
}

.OrangeArea ul
{
	list-style-image: url(/Images/icons/list_bullet_orange.gif);
}

.RedArea ul
{
	list-style-image: url(/Images/icons/list_bullet_red.gif);
}

.BlueArea ul
{
	list-style-image: url(/Images/icons/list_bullet_blue.gif);
}

.YellowArea ul
{
	list-style-image: url(/Images/icons/list_bullet_yellow.gif);
}

.FullbrickaArea ul
{
	list-style-image: url(/Images/icons/list_bullet_turq.gif);
}
.SverigelottenArea ul
{
	list-style-image: url(/Images/icons/list_bullet_iceblue.gif);
}
.SmashArea ul
{
	list-style-image: url(/Images/icons/1x1.gif);
}
.OrganizationArea ul
{
	list-style-image: url(/Images/icons/list_bullet_black.gif);
}
.StoreArea ul
{
	list-style-image: url(/Images/icons/list_bullet_black.gif);
}
.CompanyArea ul
{
	list-style-image: url(/Images/icons/list_bullet_black.gif);
}
.PersonArea ul
{
	list-style-image: url(/Images/icons/list_bullet_black.gif);
}

.RegionblueArea ul
{
	list-style-image: url(/Images/icons/1x1.gif);
}

.ExtranetArea .hr
{
	border-color: #C60B0B;
}

.OrangeArea .hr
{
	border-color: #FDDEB2;
}

.RedArea .hr
{
	border-color: #FF576F;
}

.BlackArea .hr
{
	border-color: #4D1878;
}

.BlueArea .hr
{
	border-color: #98D2FF;
}

.YellowArea .hr
{
	border-color: #FFF7BB;
}

.FullbrickaArea .hr
{
	border-color: #56bbc8;
}

.SverigelottenArea .hr
{
	border-color: #005798;
}

.SmashArea .hr
{
	border-color: #e2007a;
}

.OrganizationArea .hr
{
	border-color: #005ea8;
}

.StoreArea .hr
{
	border-color: #f18a00;
}

.CompanyArea .hr
{
	border-color: #e3001a;
}

.PersonArea .hr
{
	border-color: #57AB27;
}

.RegionblueArea .hr
{
	border-color: #002f67;
}

.OrangeArea .ListItem
{
	border-color: #FDDEB2;
}

.RedArea .ListItem
{
	border-color: #FF576F;
}

.BlackArea .ListItem
{
	border-color: #4D1878;
}

.BlueArea .ListItem
{
	border-color: #98D2FF;
}

.YellowArea .ListItem
{
	border-color: #FFF7BB;
}

.FullbrickaArea .ListItem
{
	border-color: #56bbc8;
}

.SverigelottenArea .ListItem
{
	border-color: #005798;
}

.OrganizationArea .ListItem
{
	border-color: #005ea8;
}

.StoreArea .ListItem
{
	border-color: #f18a00;
}

.CompanyArea .ListItem
{
	border-color: #e3001a;
}

.PersonArea .ListItem
{
	border-color: #57AB27;
}

.RegionblueArea .ListItem
{
	border-color: #002f67;
}

.OrangeArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_orange.gif);
}

.OrangeArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_orange.gif);
}

.RedArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_red.gif);
}

.RedArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_red.gif);
}

.BlackArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_black.gif);
}

.BlackArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_black.gif);
}

.BlueArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_blue.gif);
}

.BlueArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_blue.gif);
}

.YellowArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_yellow.gif);
}

.YellowArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_yellow.gif);
}

.FullbrickaArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.FullbrickaArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.SverigelottenArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/closed_iceblue.gif);
}

.SverigelottenArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/opened_iceblue.gif);
}

.SmashArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.SmashArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.OrganizationArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.OrganizationArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.StoreArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.StoreArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.CompanyArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.CompanyArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.PersonArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.PersonArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.RegionblueArea .ExpandablePanel .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

.RegionblueArea .ExpandablePanel.Expanded .ExpHeader
{
	background-image: url(/images/icons/1x1.gif);
}

/******************************************************
/* SPECIAL ITEMS
/*****************************************************/
.Unit
{
	display: block;
	margin-bottom: 1em;
}

.UnitBL
{
	display: block;
	margin-bottom: .7em;
}

.UnitFB
{
	display: block;
	text-decoration: none;
}

.UnitSL
{
	display: block;
	text-decoration: none;
}

.UnitFBTeaser2
{
	display: block;
	text-decoration: none;
	cursor:pointer;
	/*margin-bottom: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	*/
}

.UnitTeaser
{
	display: block;
	text-decoration: none;
	cursor:pointer;
	padding-left: 5px;
	margin-left: 5px;
	/*margin-bottom: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	*/
}

.UnitSubMenu
{
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
	background: #f6f5f5 url(/Images/Fullbricka/undermeny_bg.gif) repeat-y left top;
}

.UnitSubMenuSL
{
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
	background-color: #fff;
}

.ContentHeader
{
	display: block;
	margin-bottom: 1em;
	clear: both;
}

.TextIcon
{
	vertical-align: middle;
	margin: 0 3px;
}

.hr
{
	border-bottom: solid 1px #d3f0af;
	margin: 1em 0;
}

.hr hr
{
	display: none;
}

.ListItem
{
	display: block;
	margin-top: 5px;
	border-top: solid 1px #d3f0af;
	padding-top: 5px;
}

.ListItemRecipe
{
	display: block;
	margin-top: 5px;
	/*border-top: solid 1px #4d1878;*/
	padding-top: 5px;
}

.ListItemRegion
{
	display: block;
	margin-top: 6px;
	padding-top: 6px;
	text-decoration: none;
}

body, form, h1, h2, h3, h4, h5, h6, h6, p, img, blockquote, dl, dt, dd
{
	margin: 0;
	padding: 0;
}

html, body, td, th
{
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	line-height: 1.5;
}

.xform input
{
	float:right;	
}

.xform td
{
	width:50%;
}

.xform select
{
	width:100%;
}

.xform label
{
	float:right;	
}

.xform textarea
{
	float:right;
	width:100%;	
}

p
{
	margin-bottom: 1em;
}

.ImageGallery .ListImage 
{
float:right;
}



/******************************************************
/* ImageAlign
/*****************************************************/
.LeftImage
{
	float: left;
	margin: 0 1em .5em 0;
}

.RightImage
{
	float: right;
	margin: 0 0 .5em 1em;
}

/******************************************************
/* LotCorrect
/*****************************************************/

.LotCorrect .Left 
{
	float:left;
	width:165px;
}
.LotCorrect .Right 
{
	float:right;
}
.LotCorrect .Description 
{
	float:left;
	width:160px;
}
.LotCorrect .InputBlock	
{
	clear:none;
	float:left;
	width:55px;
}
.LotCorrect .InputBlock label 
{
	width:auto;
}
.LotCorrect .TextBox 
{
	width:45px;
}
.LotCorrect .Result 
{
	font-size:11px;
	margin-top:1em;
	text-align:center;
}
.MultiLott .InputBlock 
{
	float:none;
	margin-bottom:2em;
	margin-top:2em;
	text-align:center;
	width:auto;
}


/******************************************************
/* HEADING STYLES
/*****************************************************/
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Sans-Serif;
	margin-bottom: .3em;
	line-height: normal;
}

h1
{
	font-size: 1.6em;
}

h2
{
	font-size: 1.2em;
}

h3
{
	font-size: 1.1em;
}

h4, h5, h6
{
	font-size: 1em;
}

.Ingress
{
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
}