﻿body   
{
	background-color: #ebebeb;
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #555555;
}

#WholePage
{
	background-image: url(/Templates/Images/banner_x.png);
	background-repeat:repeat-x;
	background-color:White;
}

#Page
{
	width: 960px;
	min-height:700px;
	margin: 0px auto;
	padding-bottom:20px;
}

#TopMenuBackground
{
    width: 960px;
    height: 138px;
    margin-left: -480px;
    position: absolute;
    top: 0px;
    left: 50%;
    overflow: visible;
}

#TopMenuLogo
{
    width: 960px;
    height: 138px;
    margin-left: -480px;
    position: absolute;
    top: 0px;
    left: 50%;
    overflow: visible;
}

#ui-datepicker-div
{
    font-size: 0.9em;
}

img
{
    border:0px;
}


hr
{
	border-top: 1px solid #CCCCCC;
}

br
{
    line-height:80%;
}

p
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.imagetext
{
    color: #8F8F8F;
    font-size: 10px;
    line-height:120%;
    margin: 5px 0px 0px 0px;
}

label
{
    margin-left:2px;
    vertical-align:top;
}

input[radio], input[checkbox]
{
    margin-left:0px;
    padding-left:0px;
}

table
{
    margin: 10px 0px 0px 0px;
    padding:0px;
}

td.narrow-width 
{
    width: 110px;
}
td.wide-width
{
    width: 350px;
}
td.full-width
{
    width: 460px;
}

/* IMAGE FORMAT
-------------------------------------------------------- -*/
img.image-topleft
{
    /*margin-right: 1em;
    margin-bottom: 1em;*/
    margin-right: 20px;
    margin-bottom: 20px;
	float: left;
}
img.image-topright
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
    /*margin-left: 1em;
    margin-bottom: 1em;*/
}

div.image-center-block
{
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:0px;
}

p.image-center-block
{
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:0px;
}


/* HEADINGS   
----------------------------------------------------------*/

h1
{
	color: #338EC8;
    /*font-size: 1.7em;*/
    font-size:22px;
    font-family: Georgia, Serif;
    margin-top:24px;
    font-weight:bold;
    font-style:normal;
    line-height:115%; /* 108 */
    padding-bottom: 0;
    margin-bottom:0; 
    text-transform: none; 
}

h2
{
    color: #338EC8;
    /*font-size: 1.4em;*/
    font-size: 16px;
    font-weight: bold;
    line-height:125%;
    padding-bottom: 0px; /* 5 JONNY */
    padding-top:0px;
    margin-bottom:0;
    margin-top:17px;  
    text-transform: none; 
}

h3
{
    color: #338EC8;
    font-size: 14px;
    font-weight:bold;
    font-style: italic;
    line-height:125%;
    padding-bottom: 0px;
    margin-bottom:0px;
    margin-top:12px;
    text-transform: none; 
}

h4
{
    color: #FFFFFF;
    font-size: 30px;
    margin: 7px 0px 0px 0px;
	font-family: Georgia, Serif;
}

.heading-contact-card
{
    margin-top: 20px;
}

.HeadingInSquares
{
    font-size: 18px;
    line-height:110%;
}

.BlueHeadingInSquares
{
    color: #338EC8;
}

.GrayHeadingInSquares
{
    color: #555555;
    
}

.WhiteHeadingInSquares
{
    color: #FFFFFF;
}

.GreenHeadingInSquares
{
    color: #55A74C;
}

.extra-line-height
{
    line-height: 135%;
}

/* EXTRA FOR EDITOR
----------------------------------------------------------*/
div.small-grey-right-date
{
    padding:0;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    width:460px;
    text-align:right;
    color: #C0C0C1;
    font-size:85%;
}

p.no-bottom-margin
{
    margin-bottom: 0px;
}


/* PAGEHEADER   
----------------------------------------------------------*/

#HeaderArea
{
	height: 138px;
}

#RightHeaderArea
{
	float:right;
	width:720px;
}

#SearchArea
{
	float: right;
}

#SearchAndLogin
{
	float: right;
	height:84px;
	margin-top:20px;
	position: relative;
	/*width: 480px;*/
}

#Login
{
	float: left;
	color:#66c5ec;
	padding-top:8px;
	padding-left:40px;
}

#Login a:link, #Login a:visited
{
    color:#66c5ec;
    padding-right:2px;
    padding-left:2px;
    text-decoration: none;
}

#Login a:hover
{
    color:white;
    text-decoration: none;
}

#BreadCrumbsArea
{
	font-size:11px;
	margin:0px;
	padding: 11px 0px 0px 10px;
}

#BreadCrumbsArea a:link, #BreadCrumbsArea a:visited
{
	color: #999999;
	text-decoration: none;
}

#BreadCrumbsArea a:hover
{
	color: #004489;
	text-decoration: none;
}

/* MAINREGION   
----------------------------------------------------------*/

#MainArea
{
	width: 940px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

#LeftSection
{
	float: left;
	margin: 0px;
	padding:0px;
}

#TopLeftSection
{
	background-image: url(/Templates/Images/boybanner.png);
	background-repeat:no-repeat;
	width: 700px;
	height: 220px;
	margin: 0px;
	padding:0px;
}

#TopLeftSectionText
{
	padding:  45px 0px 0px 30px;	
}
/*#TopLeftSectionText h1
{
	color: White;
	font-size: 2.2em;
	font-style: italic;
	font-family: Georgia, Serif;
	padding-bottom:15px;
	font-weight:bold;
}*/

.infoText
{
	color: #004489;
	/*font-size: 12px;*/
	font-style: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 135%;
}

#LeftInnerSection
{
	float: left;
	margin: 0px;
}

#MainContent
{
	float: left;
	width:460px;
	border-top: 1px solid #CCCCCC;
	margin: 0px 20px 0px 0px;
	padding:0;
	/*line-height:1.5em;*/
	line-height: 135%;
}

#MainContent a:link, #MainContent a:visited, #MainContent a:active
{
    color:#338EC8;
    text-decoration:none;
    /*font-weight:bold;*/
}

#MainContent a:hover
{
    color:#336699;
    text-decoration:none;
}

/*#MainBody
{
	padding: 0px;
	margin: 9px 0px 0px 0px;
}*/

#RightSection
{
	float: right;
	width:700px;
    /*border-top:1px solid #CCCCCC; borta för punkt 4*/
    margin: 6px 0px 0px 20px;
    padding:0px;
}

/* SHARE   
----------------------------------------------------------*/

#ShareArea
{
	margin:0px;
	padding-bottom:20px;
	height: 20px;
	width: 960px;
	margin: 0px auto;
}
#ShareButtons
{
	padding-right: 245px;
	float:right;
}

/* FOOTER   
----------------------------------------------------------*/

#WholeFooter
{
	margin:0px;
	padding:0px;
	height: 185px;
	width: 960px;
	margin: 0px auto;
	border-bottom: 1px solid #c2c2c2;
	color:#8F8F8F;
	/*line-height:1.5em;*/
	line-height: 135%;
}

#FooterArea
{
	padding-top:10px;
}

#ContactAndAbout
{
	float: left;
}

.FooterHeading
{
	color: #808080;/*555555*/
	font-style: normal;
	font-weight:normal;
	/*font-size: 1.5em;*/
	font-size: 20px;
	line-height:200%;
}

#ContactFooter
{
	float: left;
	text-align:left;
	width:220px;
	padding-right:20px;
}

#ContactFooterText
{
	padding-top:12px;
	/*line-height: 20px;*/
}

#ContactFooterText a:link, #ContactFooterText a:visited
{
	color: #8F8F8F;
	text-decoration: none;
}

#ContactFooterText a:hover
{
	color: #666666;
}

#FooterLine
{
	border-top:1px solid #c2c2c2;
	width:220px;
}

#LongFooterLine
{
	border-top:1px solid #c2c2c2;
	width:480px;
}

#AboutFooter
{
	width: 480px;
	text-align: left;
	float: right;
}

#AboutFooterText
{
	padding-top:12px;
	/*line-height: 20px;*/
}

/*.Victoria
{
	font-style: italic;
	font-size: 90%;
}

#MiddleText
{
	padding-top: 10px;
	padding-bottom: 10px;	
}*/

#QualityFooter
{
	float:right;
	width:220px;
}

#QualityFooterImages
{
	padding-top:12px;
}

#LeftImage
{
	float:left;
	padding-left: 10px;
}

#RightImage
{
	float:right;
	padding-right: 10px;
}

#LowerFooterLogos
{
	margin: 0px auto;
	padding-top:5px;
	padding-bottom:10px;
	width: 200px;
}
#LeftLogo
{
	text-align:center;
	width: 80px;
	float:left;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 10px;
	color: #8F8F8F;
	line-height:200%;
}
/*#LeftLogo h1
{
	font-size: 10px;
	font-style:normal;
	color: #8F8F8F;#555555
	padding-bottom:3px;
}*/
#RightLogo
{
	text-align:center;
	width: 80px;
	float: right;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 10px;
	color: #8F8F8F;
	line-height:200%;
}
/*#RightLogo h1
{
	font-size: 10px;
	font-style:normal;
	color: #8F8F8F; #555555
}*/

/* STARTPAGE 
----------------------------------------------------------*/

#MainContentStartPage
{
    float:right;
	margin: 0px 20px 0px 20px;
	padding:0px;/*försök att få bort utrymme i ie 6*/
	width:460px;
	/*line-height:1.5em;*/
	line-height: 135%;
}

#LeftAndMiddleSection
{
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:720px;
}

#LeftColumnStartPage
{
	width: 220px;
	float: left;
	margin: 20px 0px 5px 0px;	
}

#LeftColumnColor
{
    background-color: #CCE3F1;
    width: 220px;
    margin-top:20px;
}

#LeftColumnText, #PartnerColumnText
{
	padding: 10px 10px 10px 10px;
}

#LeftColumnBottom, #PartnerColumnBottom
{
	width:210px;
	height: 30px;
	background-color:#99c7e3;
	padding-left:10px;
	padding-top:12px;
}

/*#LeftColumnText 
{
	font-size: 17px;
	color: #0072ba;
	font-weight: normal;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}*/

#PartnerColumnColor
{
	background-color: #CCE3F1;
    width: 220px;
    margin-top:20px;
}

/*#PartnerColumnText h1
{
	font-size: 17px;
	color: #0072ba;
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	font-weight: normal;
}*/

#LeftColumnVictoria
{
    width: 220px;
	margin: 0px 20px 10px 0px; /* 20px margin-right */
}
#LeftColumnVictoriaTop
{
	background-color:#f3f3f3;
	width: 220px;
	height: 115px;	
	padding:0px;
	margin:0px;
}
#VictoriaImage
{
	float:left;
	width: 89px;
	height: 115px;
	overflow:hidden;
}
#VictoriaText
{
	float:right;
	width: 111px;
	height: 95px;
	padding: 10px 10px 10px 10px;
}

#LeftColumnVictoriaLink
{
    width:220px;
	height: 30px;
	padding-top: 12px;
	background-color:#a4a4a4;
	margin:0px;
}

#LeftColumnVictoriaLink a, #LeftColumnBottom a, #PartnerColumnBottom a
{
	text-decoration: none;
	color: White;
	font-size:14px;
	font-weight:bold;
}

#ForumColumnColor
{
	background-color:#f3f3f3;
	width: 220px;
	margin-top: 20px; 
}

#ForumHeading
{
	background-color:#a4a4a4;
	width:210px;
	height:32px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin-top: 20px;
}
/*#ForumHeading h1
{
	color: White;
	font-size:14px;
	font-weight:bold;
}*/

.ForumColumnText
{
	border-bottom: 1px solid #cccccc;
	height:26px;
	padding-top: 12px;
	padding-left: 10px;
}
.ForumColumnText a
{
	padding-left: 10px;
	color: #555555;
	/*line-height:18px;*/
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	
}

.arrow-white
{
    background-image:url('/Templates/Images/Lankpil_vit.png'); 
    background-repeat:no-repeat; 
    background-position:left center;
    padding-left:12px;
}
.arrow-grey
{
    background-image:url('/Templates/Images/Lankpil.png'); 
    background-repeat:no-repeat; 
    background-position:left center;
    padding-left:12px;
}

/* RIGHTBANNERAREA   (Samarbetspartner "PartnerColumn" is located in the startpage section)
----------------------------------------------------------*/

#RightBody
{
    background-image: URL(/Templates/Images/Children.JPG);
    background-repeat:no-repeat;
	width: 220px;
	height: 443px;
	background-color: #e2f2d1;
	float:right;
	margin:0px;
}

#WholeRightBody
{
	float:right;
	margin:0px 0px 0px 0px; /*8px top*/
	/*padding: 20px 0px 0px 0px; borta för punkt 4*/
	padding:0px;
	width:220px;
}

#GiftHeading
{
	padding-top: 140px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*#GiftHeading h1
{
	color: #55A74C;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 21px;
}*/

.gift
{
	border-top: 1px solid #B7DBA9;
	width: 220px;
	height: 70px;
}

.gift-icon
{
	float: left;
	width: 50px;
	padding-left:10px;
	padding-top: 15px;
}

.gift-text
{
	float: right;
	width: 145px;
	padding-right: 15px;
	padding-top: 10px;
}

.gift-href
{
	color: #555555;
	text-decoration: none;
	line-height: 135%;
	/*font-size: 1em;*/
	font-size: 12px;
	padding: 0px;
	margin:0px;
}

.gift-box-header
{
	color: #40A52B;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 1px 0px;
	margin:0px;
	font-style: normal;
}

#MoreGifts
{
	background-color: #55A74C;
	height: 30px;
	padding: 12px 0px 0px 10px;
}

#MoreGifts a
{
	text-decoration: none;
	color: White;
	font-size:14px;
	font-weight:bold;
}

#SvenskInsamlingskontroll 
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}




/* NEWS & EVENTS
----------------------------------------------------------*/

.news-list
{
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
    list-style:none;
    width:460px;
}

.news-list li
{
    list-style:none;
    padding: 0px 0px 0px 0px;
    margin:0;
    border-bottom:1px solid #cce3f1; 
}

.news-list li h2
{
    padding-bottom: 0px;
}

.news-list li a
{
    color:#555555;
    text-decoration:none; 
    font-weight:normal;
}

.news-list li a:hover h2
{
    text-decoration:none;
    color:#336699;
}

.no-spacing-news-template
{
    margin:0px;
    padding: 0px 0px 0px 0px;
}

.SpacingAfterFirstNewsTemplate
{
    margin:0px;
    padding: 0px 0px 14px 0px;
}

.OlderNewsArea a:link, .OlderNewsArea a:visited
{
    color:#338EC8;
    font-weight:bold;
    text-decoration:none;
}

.OlderNewsArea a:hover
{
    color:#336699;
}

.NewsImage
{
    width:460px;
    overflow:hidden;
}

.EventsImage
{
    margin: 19px 0px 0px 0px;
    width:110px;
    float:right;
    overflow:hidden;
}f

.EventsImageZeroWidth
{
    margin:0px;
    padding:0px;
    width:0px;
    float:right;
    display:none;
    overflow:hidden;
}

.EventsText
{
    float:left;
    width:340px;
    margin:0px;
    padding: 0px 10px 0px 0px;
}

.EventsTextWithOutImage
{
    float:left;
    width:460px;
    margin:0px;
    padding: 0px 0px 0px 0px;
}

.EventsDate
{
    padding:0;
    margin:0;
    width:460px;
    text-align:right;
}

.PagingContainer
{
    padding-top: 5px;
}

/* SUBMENU   
----------------------------------------------------------*/

#SubMenuArea
{
	width: 220px;
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	/*padding-bottom: 2em;*/
	padding-bottom: 25px;
	margin-top:44px; 
	padding-top:0px;
	font-weight: bold;
	font-size: 12px;
}

#SubMenuArea a:link, #SubMenuArea a:visited
{
	color: #338EC8;
}

#SubMenuArea a:hover
{
	color: #336699;
}

#SubMenuArea ul
{
	padding: 0px;
	margin-top:0px;
	list-style-type: none;
	/*line-height: 1em;*/	
	border-top: 1px solid #CCE3F1;
}

#SubMenuArea ul a
{
	padding-left: 0.5em; /*Rubrik nivå 1*/
}

#SubMenuArea ul ul
{
	border: 0;
	margin:0;
	background-color: #E5F1F8; /*Rubrik nivå 2 selected*/
}

#SubMenuArea ul li ul li
{
    /* Har testat att lägga till 5 px, då blir li större, men selected följer inte med... */
	padding-bottom:0px; 
    padding-top:0px;
}

#SubMenuArea ul li ul li span.SubSelected
{
	padding-bottom:7px; 
    padding-top:7px;
   
}

#SubMenuArea ul li ul li a
{
	padding-bottom:7px; 
    padding-top:7px;
}
 
#SubMenuArea ul ul a
{
	padding-left: 25px; /* 2em Rubrik nivå 2*/
	border: 0;
}

#SubMenuArea li
{
	border-bottom: 1px solid #CCE3F1;
}

#SubMenuArea li .SubSelected
{
	padding-left: 0.6em;
	border-bottom: 1px solid #CCE3F1;
	color: #336699;
}

#SubMenuArea li a 
{
	display: block;
	text-decoration: none;
	padding-top:15px;
	padding-bottom:15px;
}
#SubMenuArea li span
{
	display: block;
	text-decoration: none;
}

#SubMenuArea li li
{	
	border-bottom:0px;
	font-size: 12px;
	
	
}

#SubMenuArea li li .SubSelected
{
    padding-left: 2em; 
    background-color: #CCE3F1; /*Bakgrund selected Nivå 2*/
    padding-bottom:7px; 
    padding-top:7px;
}
.SubSelected
{
	background-color: #CCE3F1;
	padding-bottom:15px; 
    padding-top:15px;
}

.Expanded
{
	background-color: #E5F1F8; /*Bakgrund Nivå 1, när Nivå 2 är selected*/
	border-bottom:1px solid #CCE3F1;
}

/* DOCUMENTS   
----------------------------------------------------------*/
#MainBody.documentList ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#MainBody.documentList li
{
    clear: both;
}
.document-picture
{
	float: left;
	width: 150px;
	margin-top:12px; /* Samma som h3 */
}

.document-picture-text
{
	float: right;
	width: 310px;
}

.category-text
{
	width: 460px;
}
.category-block
{
    padding-bottom: 10px;
}


a.bmpExtension {background: url(/Templates/Images/extensions/bmp.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.docExtension, a.docxExtension {background: url(/Templates/Images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(/Templates/Images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.htmExtension, a.htmlExtension {background: url(/Templates/Images/extensions/htm.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(/Templates/Images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mp3Extension {background: url(/Templates/Images/extensions/mp3.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mpgExtension {background: url(/Templates/Images/extensions/mpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(/Templates/Images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(/Templates/Images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(/Templates/Images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(/Templates/Images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(/Templates/Images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.wavExtension {background: url(/Templates/Images/extensions/wav.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(/Templates/Images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(/Templates/Images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}



/* FORMS 
----------------------------------------------------------*/

/*#FormArea
{
	padding-top: 10px;
}*/

.PulInfo
{
	background-color: #E8E8E8;
	font-size: 10px;
	padding: 7px 7px 7px 7px;
	width: 446px;
	line-height:135%;
	margin-top:10px;
}

#CardInfo
{
	font-size: 0.8em;
	padding: 5px 0px 5px 5px;
	width: 455px;
	line-height:135%;
}



#AskProfessorForm
{
	padding-top:10px;
}

/*.PopupBackground 
{
	background-color:Gray;
	background: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.PreviewPopup 
{
	background-color:#ffffdd;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	display:none;
}

#Popup
{
}*/

.ArrowHeading
{
    background-color: #cce3f1;
	font-weight: bold;
	font-size: 16px;
	color: #336699;
	height:30px;
	padding: 13px 0px 0px 10px;
	margin-bottom:10px;
	margin-top:15px;
}

.MiniHeading
{
	font-weight: bold;
	padding-bottom:8px;
}

.ValidationSummary
{
    background-color:#FFF9CB;
    padding:10px;
    margin:10px 0px 10px 0px;
}

.form-text-box
{
    margin-top:2px;
    margin-bottom:2px;
    margin-left:0px;
}

.form-text-box-light
{
    margin-top:2px;
    margin-bottom:2px;
    margin-left:0px;
    color:#CCCCCC;
}

.form-text-box-font
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;*/
}

/*table.radio-button-list td input 
{  
    padding-left: 0px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:3px;
    margin: 0px;
    margin-top:0px;
}*/

/* PAGELIST   
----------------------------------------------------------*/
.contact-subheading
{
	margin-top: 2px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;
	font-style: italic;
	color: #555555;
}
.contact-address-block
{
    margin-top: 6px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;
	color: #555555;
}
div.right-list-text-photo
{
    width:290px;
    margin-left: 0px;
    margin-top: 10px;
    float: right;
}
div.right-list-text-loggo
{
    width:270px;
    margin-left:20px;
    margin-top: 10px;
    float: right;
}
div.left-list-photo-image
{
    width: 150px;
	overflow:hidden;
	float:left;
	padding-top:17px;
	margin-right: 20px;
	margin-top: 10px;
}
div.left-list-loggo-image
{
    width: 170px;
	overflow:hidden;
	float:left;
	padding-top:19px;
	margin-top: 10px;
}

/*ta bort
#itemTemplate
{
	margin-top: 20px;
	margin-bottom: 10px;
}hit*/

.WholeGift
{
	border-bottom: 1px solid #cce3f1;
	/*padding-bottom:10px;
	height: 100px;*/
	width:460px;
}

.GiftListText
{
	width:340px;
	float: right;
	margin-left:10px;
}

.GiftListText a 
{
	/*font-size: 1.2em;
	color: #338EC8;*/
	text-decoration: none;
}

.GiftListText a:hover
{
	color: #336699;
	text-decoration: none;
}

.GiftImage
{
	float: left;
	width: 110px;
	padding-top:19px;
	overflow:hidden;
}


/* WEB SHOP 
----------------------------------------------------------*/
#WebshopSumArea
{
    background-color: #cce3f1; /* #E0E0E0;*/
    padding-top:9px;
    padding-left:10px;
    height:34px;
    margin-bottom:20px;
    margin-top:25px;
    padding-bottom:0px;
    
    /*background-color: #cce3f1;
	font-weight: bold;
	font-size: 16px;
	color: #336699;
	height:30px;
	padding: 13px 0px 0px 10px;
	margin-bottom:10px;*/
	
}

#WebShopSumImageArea
{
    float:left;
    width:40px;
}

.NumberOfProductsSumArea
{
    float:right;
    /*height:30px;*/
    width:410px;
    padding-top:5px;
    color: #336699;
    font-weight:bolder;
}

#WebshopArea
{
    padding:0px;
    margin:0px 0px 0px 0px;
    width:460px;
}

.WebshopLeftArea
{
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    margin: 0px 0px 0px 0px;
    padding:0px;
    width:224px;
    float:left;
    height:365px;
}

.WebshopRightArea
{
    border-bottom:1px solid #CCCCCC;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    width:224px;
    float:right;
    height:365px;
}

.WebshopImageArea
{
    padding-bottom:10px;
    padding-top:20px;
    margin-left:32px;
    height:150px;
    width:150px;
    overflow:hidden;
}
.WebshopTextArea
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 10px 0px;
    height: 95px;
}

.WebshopPriceArea
{
    padding: 7px 0px 7px 0px;
    margin:0px;
}

/* SEARCHPAGE   
----------------------------------------------------------*/

#SearchPage
{
	margin: 10px 0px 20px 0px;
}

#Search
{
	background-color: White;
	width: 244px;
	height: 28px;
	margin-right:10px;
	margin-left:10px;
	position:relative;
	padding:0px;
	float:right;
}

#SearchTop
{
	width:244px;
	height:3px;
	margin:0px;
	padding:0px;
}
#TopLeft
{
	width:3px;
	height:3px;
	float:left;
	background-image: url(/Templates/Images/top_left.png);
	margin:0px;
	padding:0px;
	background-position: top left;
	background-repeat: no-repeat;
}
#TopRight
{
	width:3px;
	height:3px;
	float:right;
	background-image: url(/Templates/Images/top_right.png);
	margin:0px;
	padding:0px;
	background-position: top right;
	background-repeat: no-repeat;
}
#SearchContent
{
	width:244px;
	height:22px;
}

#SearchBox
{
	float: right;
	height:22px;
	width: 234px;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
	margin:0px;
}
#SearchTxt
{
	float: left;
	padding: 1px 0px 0px 0px;
	margin:0px;
}
#SearchBtn
{
	float: right;
	padding: 0px 3px 0px 0px;
	margin:0px;
}
.SearchTextBox
{
	font-size:16px;
	border-style:none;
	background-color: White !important;
	color: #888888;
	Border-Width: 0px;
	Border-Color: White;
	Border-Style: None;
	Width: 184px;
	Height: 20px; 
	outline: none;
}
.SearchTextBoxLight
{
    font-size:16px;
	border-style:none;
	background-color: White !important;
	color: #CCCCCC;
	Border-Width: 0px;
	Border-Color: White;
	Border-Style: None;
	Width: 184px;
	Height: 20px; 
	outline: none;
}
ul.search 
{
    list-style-type: none;
    padding-left: 0px;
}


#SearchBottom
{
	width:244px;
	height:3px;
	margin:0px;
	padding:0px;
}
#BottomLeft
{
	width:3px;
	height:3px;
	float:left;
	background-image: url(/Templates/Images/bottom_left.png);
	margin:0px;
	padding:0px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
#BottomRight
{
	width:3px;
	height:3px;
	float:right;
	background-image: url(/Templates/Images/bottom_right.png);
	margin:0px;
	padding:0px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

#Account 
{
	float:right;
	width: 420px;
	padding: 0px;
	margin:0px;
}
#AccountEmpty
{
	float: left;
	width: 105px;
	padding:0px;
	margin:0px;
}
#AccountNumbers
{
	float: right;
	width:270px;
	color: White;
	font-size: 12px;
	font-style: normal;
	/*font-weight:bold;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-top:7px;
	text-align: right;
	margin:0px;
	padding-right: 9px;
}



/* FORUM        
----------------------------------------------------------*/

.forumTable 
{
	width: 100%;
}
.forumTable th.title
{
	/*width: 60%;*/
}
.forumTable th.title, .forumTable th.lastUpdated, .forumTable th.replies, .forumTable th.createBy
{
	font-weight: bold;
	padding-bottom:5px;
}
.forumTable th
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #CCE3F1;
	text-align: left;
}
.forumTable th.replies, .forumTable td.replies
{
	text-align: right;
}
.forumTable td.info
{
	width: 20%;
}
.forumTable th
{
	padding: 0px 8px 0px 0px; /* 0 8px;*/
}
.forumTable a 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.forumTable tr.even td, .forumTable tr.uneven td
{
	padding: 4px 8px 4px 0px;
}

.forumTable tr.even td
{
	background-color: #E5F1F8;
}

.forumTable tr.uneven td
{
	
}

.forumTable a:hover
{
	background-color: Transparent;
}

.forumTable a /*.default */
{
    display: block;
    background-image: url(/Templates/Images/forum/Forum.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 38px;
}

.forumTable a.locked
{
    background-image: url(/Templates/Images/forum/lock.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}
.createForum label, .createThread label, .createReply label
{
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createThread label 
{
    width: 120px;
}

.createReply label
{
    width: 80px;
}

.createForum div, .createThread div
{
    margin-bottom: 15px;
}
.createReply div
{
    margin-bottom: 15px;
}


.createForum input.title
{
   width: 300px;
}

.createThread input.title
{
   width: 300px;
}

.createThread textarea
{
   width: 455px;
}

.createReply textarea
{
    width: 455px;
}

/*.createForum div.buttons
{
    margin-left: 190px;
}*/

.createThread div.buttons 
{
    float: right;
}

.createReply div.buttons 
{
	float: right;
}

.replyList
{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.reply
{
    margin: 0px 0px 0px 0px;
    padding: 17px 0px;
    overflow: hidden;
    border-bottom: 1px solid #cce3f1;
}

.reply .content 
{
    background-image: url(/Templates/Images/forum/replyBg.png);
    background-repeat: repeat-y;
    background-position: 485px;
    width: 100%;
    overflow: hidden;
}

.reply .text 
{
    float: left;
    width: 460px;
    /*padding: 10px 15px;*/
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

.reply .info 
{
    float: left;
    width: 460px;
    padding: 0px; /* 10px 15px;*/
    overflow: hidden;
}
.createThreadHeadings
{
	text-align:left;
	margin-top:10px;
}
.createForumHeadings
{
	text-align:left;
	margin-top:10px;
}
.label-no-margin
{
    margin-left: 0px;
}

/*#forumButtons*/
.buttonToolbar
{
    margin-top:0px;
	width:100%;
	display:block;
}
.top-content
{
    margin-top:17px;
}
.container
{
	margin-top:10px;
}
.containerCaption
{
	padding-bottom:5px;
}
.regTable
{
	margin-top:10px;
}
#MessageArea .error
{
	color: Red;
}
#loginForum
{
	/*float: right;
	padding-top: 10px;
	padding-bottom:20px;*/
	padding-top: 0px;
	padding-bottom: 0px;
}

/* OTHER   
----------------------------------------------------------*/
.clear
{
	clear: both
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.ListStyleNone
{
    list-style:none;
    margin:0;
    padding:0;
}

.ListPaddingBottom
{
    padding-bottom:19px;
}

.BlueTopBorder
{
    border-top: 1px solid #cce3f1;
    margin: 19px 0px 0px 0px;
    padding:0;
}

.document-list-description-line
{
    padding: 0px 0px 7px 0px;
    border-bottom: 1px solid #cce3f1;
    margin: 0px 0px 0px 0px;
}

.SmallSoftGray
{
    color: #C0C0C1;
    font-size:10px;
}

.SmallItalic
{
    font-style:italic;
    font-size:10px;
}
.small-info
{
    font-size: 10px;
    line-height:135%;
    font-weight:bolder;
    color: #336699;
}

.Intro
{
    padding-bottom:5px;
    padding-top:5px;
}

.bold
{
	font-weight:bold;
}

.ExtraLineHeight
{
    line-height:250%;
}

.ExtraLineHeightDiv
{
    height:19px;
    margin:0;
    padding:2px 0px 0px 0px;
}

/*.ExtraPaddingBottom
{
    padding-bottom:10px;
}*/

.FAQIntroduction
{
    display: block;
    margin-bottom: 10px;    
}
#FAQList
{
    padding-top: 10px; 
    display: block;   
}
#FAQList .Item
{
    margin-bottom: 15px;
    overflow: auto;
    
}
#FAQList .Item .Question
{
    background-color:  #d9eaf4;
    border: solid 1px #cce3f1;
    color: #338EC8;
    font-weight: bold; 
    padding: 5px;  
    cursor: pointer;
   
}
#FAQList .Item .Question:hover
{
    color: #336699;    
}
#FAQList .Item .Answer
{
    border: solid 1px #cce3f1;    
    padding-left: 5px;
    padding-right: 5px;
    display: none;
}
#FAQList .Item .expansionStatus
{
    float: left;    
}
#FAQList .Item .Question div p
{
       display: inline;
}
