/**************************/
/* GLOBAL                 */
/**************************/
/* Last update 2011-10-31 */

body
{
	font: 76%/1.4 Verdana, serif;
	margin: 0;
	padding: 1em 0.5em 0 0.5em;
	background-color: #fffffb;
	color:#000000;
	font-size:76%;	
}

body form
{
	width: 947px;
	width: 78.01em;
	text-align: left;	
}

a 
{
	color: #e46709;
	font-weight:bold;	
}

a:hover
{
	color:#000000;
}

/*a:visited
{
	color:Black;
}*/

a:link img, a:visited img 
{ 
	border-style: none; 
} 

h1, h2, h3, h4, .newsheader1, .newsheader2
{
	font-family: Verdana, Arial, serif;
}

h1, .calendarList .ChangeCalendarDates h1 {font-weight: normal; font-size: 1.6em; padding: 0; margin: 0 0 0.4em 0;}
h2, .calendarList .ChangeCalendarDates h2 {font-weight: bold; font-size: 1.2em;  padding: 0; margin: 0.2em 0;}
h3, .calendarList .ChangeCalendarDates h3,h4, h5, h6 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0;}


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

.newsheader1
{
	font-size: 1.4em;
	font-weight:bold;
	padding: 0; 
	margin: 0;
}

.newsheader2
{
	font-weight: bold; 
	font-size: 1.2em; 
	padding: 0; 
	margin:0; 
	display:inline;
}

.introduction 
{
    font-weight:bold;
}

.infotext
{
	font-style:italic;
	font-size:0.85em;
	padding-bottom:0.5em;
}

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;
}

.hidden 
{
    display: none;
}

.error 
{
    color: Red;
}

.button
{
    border: 1px solid black;
    color:White;
    background: black url(images/buttonBg.png) repeat-x;
}

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

th
{
	text-align: left;
}

ul.horizontal
{
	list-style-type:none;
	list-style-image:none;
	overflow:hidden;
	margin: 0;
	width: 100%;
}

ul.horizontal li
{
	float:left;
	padding-right: 0.7em;
}

.rightaligned
{
	text-align:right;
}



#Page 
{
	padding: 0 0.4em 0 0;
	background-color:#fffffb;
	margin:0 0 0 0.4em;
	font-size:1.0em;
	font-size:11px;
	font-size:0.91em;
}

/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	margin-bottom:1.5em;
	padding:0 0 0 0.5em;
}
#Header
{
	position: relative;
	padding: 2px;
	height: 70px;
}

#Logotype
{
	float: left;
}

#Functions
{
	position: absolute;
	top: 8px;
	right: 2px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	
}

#Functions li
{
	float: left;
	text-align:center;
	padding:0;
	
}

#Functions li.morespace
{
	float: left;
	text-align:center;
	padding:0 0.8em 0 0;
	
}

#Functions li.first
{
	border-left: 0;
}

#Functions li a 
{
	font-weight:normal;
	color:Black;
	text-decoration:none;
	width: 6.0em;
	display: block;
	padding-top:4.3em;
}

#Functions li a:hover
{
	text-decoration: underline;
}


a.loginButton
{
	background: url(images/Icons/login_off.gif) no-repeat top center;
}

a:hover.loginButton
{
	background: url(images/Icons/login_on.gif) no-repeat top center;
}

#Functions li a.Search
{
	background: url(images/Icons/sok_off.gif) no-repeat top center;
}
#Functions li a:hover.Search
{
	background: url(images/Icons/sok_on.gif) no-repeat top center;
}

#Functions li a.SignLanguage
{
	background: url(images/Icons/teckensprak_off.gif) no-repeat top center;
}

#Functions li a:hover.SignLanguage
{
	background: url(images/Icons/teckensprak_on.gif) no-repeat top center;
}

#Functions li a.Listen
{
	background: url(images/Icons/lyssna_off.gif) no-repeat top center;
}
#Functions li a:hover.Listen
{
	background: url(images/Icons/lyssna_on.gif) no-repeat top center;
}

#Functions li a.EasyRead
{
	background: url(images/Icons/lattlast_off.gif) no-repeat top center;
}
#Functions li a:hover.EasyRead
{
	background: url(images/Icons/lattlast_on.gif) no-repeat top center;
}

#Functions li a.RSS
{
	background: url(images/Icons/rss_off.gif) no-repeat top center;
}
#Functions li a:hover.RSS
{
	background: url(images/Icons/rss_on.gif) no-repeat top center;
}

#Functions li a.Index
{
	background: url(images/Icons/a-o_off.gif) no-repeat top center;
}
#Functions li a:hover.Index
{
	background: url(images/Icons/a-o_on.gif) no-repeat top center;
}

#Functions li a.English
{
	background: url(images/Icons/engelska_off.gif) no-repeat top center;
}
#Functions li a:hover.English
{
	background: url(images/Icons/engelska_on.gif) no-repeat top center;
}

#Functions li a.Swedish
{
	background: url(images/Icons/svenska_off.gif) no-repeat top center;
}
#Functions li a:hover.Swedish
{
	background: url(images/Icons/svenska_on.gif) no-repeat top center;
}

#Functions li a.Documents
{
	background: url(images/Icons/blanketter_off.gif) no-repeat top center;
}
#Functions li a:hover.Documents
{
	background: url(images/Icons/blanketter_on.gif) no-repeat top center;
}

#Functions li a.Contact
{
	background: url(images/Icons/kontakt_off.gif) no-repeat top center;
}
#Functions li a:hover.Contact
{
	background: url(images/Icons/kontakt_on.gif) no-repeat top center;
}

#Functions li a.Login
{
	background: url(images/Icons/login_off.gif) no-repeat top center;
}
#Functions li a:hover.Login
{
	background: url(images/Icons/login_on.gif) no-repeat top center;
}

#Functions li a.Print
{
	background: url(images/Icons/skriv-ut_off.gif) no-repeat top center;
}
#Functions li a:hover.Print
{
	background: url(images/Icons/skriv-ut_on.gif) no-repeat top center;
}




/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea
{
	height: 1.6em;
	font-family:Verdana, Helvetica, Sans-Serif;
	color: Black;
	font-size: 1em;
	font-size: 13px;
	font-size: 1.2em;
	border-bottom: solid 2px #e46709;
}

#MainMenuArea ul 
{
	height: 1.6em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

#MainMenuArea li 
{
	display: block;
	float: left;
	padding: 0;
	height:100%;
	background: url(images/MainMenuDivider.png) no-repeat right center;
}
#MainMenuArea li.menuSeparator
{
	background: url(images/MainMenuDivider.png) no-repeat right center;
	width:2px;
}

#MainMenuArea li.selected
{
	background-color:#e46709;
	background-image:none;
	margin-left:-0.15em;
	margin-right:-0.15em;
} 

#MainMenuArea li.Start
{
	margin-left:0;
} 


#MainMenuArea li a
{
	color:#666666;
	text-decoration:none;
	display: block;
	padding:0.2em 1em 0.2em 1em;
	padding: 0.1em 1.2em 0.1em 1.2em;
}

#MainMenuArea li.selected a
{
	font-weight:bold;
	background-image:none;
	color:Black;
	padding-left:1.35em;
	
}

#MainMenuArea a:hover
{
	font-weight:bold;
	color:Black;
	text-decoration:underline;
}


/*************************/
/* QUICKSEARCH           */
/*************************/
input.quickSearchField
{
	border: 1px solid #9c9c9c;
	float: left;
	margin: 0px 1em 0px 0px;
	width: 12.33em;
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
    margin: 0.3em 0em 1.5em 0em;
    padding:0;
	overflow: hidden;
	width:100%;
	/* Lagt till för IE6 */
	height:100%;
}

#MainAndRightArea
{
	float:left;
	margin:0;
	padding:0;
}

/*************************/
/* BREADCRUMBS           */
/*************************/
#BreadCrumbsArea
{
    width: 100%;
    float: left;
    padding: 0 0 0 0.5em;
	margin-bottom: 0.7em;
	font-size: 0.9em;
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	line-height: 1.8em;
	overflow: hidden;
}
#BreadCrumbsArea a
{
    color: Black;
    font-weight:normal;
	text-decoration: none;
}
#BreadCrumbsArea a.selected
{
	font-weight:bold;
}
#BreadCrumbsArea a:hover
{
	text-decoration: underline;
}

/*************************/
/* SUBMENUAREA           */
/*************************/
#SubMenuArea
{
	width:19.0em;
	float: left;
	overflow: hidden;
	padding:0.1em 0 0 0;
	border-top: solid 2px #e46709;
}


#SubMenuArea a
{
	padding:0 0 0 14px;

}

#SubMenuArea ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#SubMenuArea ol ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin: 0 0 0 1.5em;
	
}

#SubMenuArea li
{
	border-bottom: solid 2px #e46709;
	padding: 0.3em 0;
}
#SubMenuArea li li
{
	border:none;
}

#SubMenuArea li a
{
	display: block;
	text-decoration: none;
	margin:0.1em 0 0.1em 0.4em;
}
 #SubMenuArea li span
 {
	display: block;
	
 }
 
 /* IE 6 doesn't understand the > selector and ignores it */
/*html>body #SubMenuArea li a {display: block;}
html>body #SubMenuArea li span {display: block;}
html>body #SubMenuArea li {padding: 0;}*/


#SubMenuArea li li span a, #SubMenuArea li li a, #SubMenuArea li li li a
{
	color: Black;
	font-weight: normal;
}

#SubMenuArea li span.toptemplate a
{
	color: Black;
	font-weight: bold;
}

#SubMenuArea span.selected
{
	 background: url(Images/Star.png) no-repeat left top;
}

#SubMenuArea span.selected a
{
	 font-weight:bold;
}

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

/*************************/
/* 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 */
    height: 30em;
    min-height: 30em;
    float: left;
}

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

#FullBodyArea
{
	float:left;
	padding-left:1.5em;
	width:63.5em;
}

#MainBodyArea
{
	float: left;
	margin:0;
	padding:0;
	width:38.625em;	
}

#MainBodyArea a
{
	/*padding-right:0.7em;
	background: url(Images/LinkArrow.png) no-repeat right center;*/	
}

#MainBodyArea a 
{
  color:Black;
  font-weight:normal;
}

MainBodyArea a h2, MainBodyArea a h3, #MainBodyArea h2 a, #MainBodyArea h3 a
{
  font-weight:bold;
}

#MainBodyArea a:link 
{ 
	color: #e46709;
	font-weight:bold;
}

#MainBodyArea a:visited 
{
  color: #e46709;
	font-weight:bold;
}

#MainBodyArea a:hover 
{
	color:#000000;
	font-weight:bold;
}

#MainBodyArea a:active 
{ 
	color: #e46709;
	font-weight:bold;
}

#MainBodyArea #MainBody
{	
	float:left;
	margin:0;
	padding:0 1.6em 1.2em 1.6em;	
}

#MainBodyArea #MainBody.NoArrowLink a
{
	background:none;
}

.SignLanguageLink
{
	padding-bottom:0.5em;
}
.SignLanguageLink a
{
	padding-left:0.5em;
	vertical-align:super;	
}

#MetaInfoArea
{
	float:left;
	padding:1.0em 1.6em 0 1.6em;
	width:35em;
	padding-top:2em;
}

#FullBodyArea #MetaInfoArea
{
	
	padding:2em 0 0 0;
}

#InterviewFacts
{
	float:right;
	margin:0.5em 0 0.5em 0.8em;
	border:1px solid #838383; 
	padding:0.5em;
	width:10em;
}

#InterviewBody
{	
	margin:1.5em 0 0 0;
}

#MainBodyArea .RssArea ul.RssList
{
	list-style-type:none;
	margin:1em 0;
	padding:0;
}

#MainBodyArea .RssArea ul.RssList li
{
	display:block;
	padding:0.3em 0;	
}

#MainBodyArea .RssArea ul.RssList li h2
{
	margin:0.2em 0 0 0;
}

#MainBodyArea .RssArea ul.RssList li .RssIntro
{
	display:block;
	max-width:390px;
	overflow:hidden;
}

/*************************/
/* RIGHTCONTENTAREA      */
/*************************/
#RightContentArea
{
	float: left;
	width:27.1em;
}

.RandomImg
{
	margin:0 0 0.3em 0;
}

#RightContentArea div
{
	padding:0;
}

#RightBodyArea, .RightBodyArea
{
	float:left;
	width:100%;
	background: url(Images/Divider_Vertical.png) repeat-y left top;
}

#RightBodyArea div.RightBody, #RightContentArea div.RightBodyArea div.RightBody
{
	padding:1em;
	margin:0 0 0 0.4em;
	background: url(Images/Divider_Horizontal.png) repeat-x left bottom;
}


#RightContentArea ul , .RightContentArea ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(Images/Divider_Horizontal.png) repeat-x left bottom;
	padding-bottom:1em;	
}

#RightContentArea ul.newslist
{
	border:solid 1px #e46709;
	background:none;
	padding: 0;
	background-color: #FEFFEF;
}

#RightContentArea li 
{
	display: block;
	padding:0.3em 1.2em;
}

#RightContentArea ul.newslist li 
{
	display: block;
	padding:0.4em 1.2em;
}

#RightContentArea ul.newslist li.header 
{
	background-color: #e46709;
	padding:0.1em 1.2em;
}

#RightContentArea li.archivelink
{
	text-align:right;	
}

#RightContentArea a
{
	/*padding-right:0.7em;*/
	/*background: url(Images/LinkArrow.png) no-repeat right center;*/
}

#RightContentArea .rssDate 
{
	display:block;
}

#RightContentArea .RssArea
{
	background: url(Images/Divider_Vertical.png) repeat-y left top;
}

/*************************/
/* BUTTONS               */
/*************************/

.buttonToolbar 
{
    float: right;
	padding: 0 10px 6px 10px;
}

.createButton,
.editButton,
.deleteButton,
.stickyButton,
.lockButton,
.upButton
{
    padding: 0 4px 4px 18px;
    background-repeat: no-repeat;
    line-height: 1.4em;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.createButton
{
    background-image: url(Images/Add.png);
}

.editButton
{
    background-image: url(Images/Edit.png);
}

.deleteButton
{
    background-image: url(Images/Delete.png);
}

.stickyButton
{
    background-image: url(Images/forum/sticky.png);
}

.lockButton
{
    background-image: url(Images/forum/lock.png);
}

.upButton
{
    background-image: url(Images/forum/up.png);
}

/*************************/
/* STARTPAGE             */
/*************************/

#StageArea.StartPage #LeftArea
{
	width:19.0em;
	float: left;
	padding:0.1em 0 0 0;
	border-top: solid 2px #e46709;
}
#StageArea.StartPage ul.StartPageNewsList
{
	list-style-type: none;
	margin:0;
	padding:0;
}
#StageArea.StartPage ul.StartPageNewsList li
{
	list-style-type: none;
	float:left;
	margin:0;
	padding:0;
	
}
.NewsItem
{
	float:left;
	width:35.55em;
	padding: 0 0 2em 0;
	
}
#StageArea.StartPage ul.StartPageNewsList li.archivelink
{
	float:right;
}

.StartPageEditor
{
	padding:0.5em 0;
}

.StartPageCalendar
{
	padding:0.5em 1.0em 0.5em 0;
}


.startpagecalendaritem
{
	padding:0 0 1em 0;
	
	
}
#StageArea.StartPage a
{
	/*padding-right:0.7em;
	background: url(Images/LinkArrow.png) no-repeat right center;*/
}


/*************************/
/* LOGIN PAGE            */
/*************************/


/*************************/
/* REGISTER PAGE         */
/*************************/



/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

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

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
#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: 0.7em;
}

#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;
}

.folder
{
	padding: 0 0 2px 20px;
	background-image: url(images/filemanager/folder.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
}

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

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

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

.pageList h2
{
	margin: 0 0 0.5em 0;
}

.pageList h3
{
	margin: 0;
	padding: 0;
	
}

.seeMore
{
	margin-top:2.5em;
	float:right;
	display:block;
}

a.lattlastLink
{
	display:block;
	background: url(images/Icons/lattlast_small_off.gif) no-repeat top left;
	padding:3px 0 10px 30px;
	/*background: url(images/Icons/lattlast_small_off.gif) no-repeat top right;
	padding:0px 20px 3px 0;*/
	margin:7px 0 10px 0;
}

a.signlanguageLink
{
	display:block;
	background: url(images/Icons/teckensprak_small_off.gif) no-repeat top left;
	padding:3px 0 10px 32px;
	margin:7px 0 10px 0;
}

.easyreadandsignlinkarea
{
	display:block;
	padding:0px;
}
.paddingbottom10
{
	padding-bottom:10px;
}
.easyreadandsignlinkarea a.lattlastLink, .easyreadandsignlinkarea a.signlanguageLink
{
	display:inline-block;
	padding:15px 0 15px 30px;
	margin:8px 10px 0 0;
}

a:hover.lattlastLink
{
	background: url(images/Icons/lattlast_small_on.gif) no-repeat top left;
}
a:hover.signlanguageLink
{
	background: url(images/Icons/teckensprak_small_on.gif) no-repeat top left;
}

/*************************/
/* FILELIST              */
/*************************/
#FileList a:hover
{
	
}

#FileList .MainBody
{
	padding:1em 0 0 0;
}



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

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

.xForm legend 
{
    color: Black;
}

.xForm input {
	/*float:left;*/
}

.xForm input[type=text], .xForm textarea {
	display: block;
	clear: left;
}

.xForm .blockclearleft {
	display: block;
	clear: left;
}

.xForm .blockclearleft100 {
	display: block;
	clear: left;
	width: 100%;
}

.xForm .blockclearleft50 {
	display: block;
	clear: left;
	width: 50%;
}

.xForm .blockclearleft20 {
	display: block;
	clear: left;
	width: 20%;
}

.xForm .inline100 {
	display: inline;
	width: 100%;
}

.xForm .inline50 {
	display: inline;
	width: 50%;
}

.xForm .inline20 {
	display: inline;
	width: 20%;
}

.xForm .inline3em {
	display: inline;
	width: 3em;
}

.xForm .inline7em {
	display: inline;
	width: 7em;
}

.xForm .inline5em {
	display: inline;
	width: 5em;
}

.xForm .inline10em {
	display: inline;
	width: 10em;
}

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

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	overflow: visible;
	margin: 0 -0.5em;
	clear: both;
	color:Black;
	
}

#Footer 
{
	height: 2.0em;
	background: url(images/Divider_Horizontal.png) repeat-x top left;
}

#FooterArea ul
{
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width:100%;
}

#FooterArea ul li
{
	display: block;
	float: left;
	color: Black;
	border-left: solid 1px White;
	padding: 0 3.0em;
	font-size: 0.9em;
}

#FooterArea ul li.first
{
	border: 0;
	padding: 0 3.0em 0 0.3em;
}

#FooterArea ul li.last
{
	float:right;
	padding: 0 0.4em;
}

#FooterArea ul.secondrow li
{
	padding: 0.2em 26.0em;
}

#FooterArea ul.secondrow li.first
{
	border: 0;
	padding: 0.2em 3.0em 0 0.3em;
}
#FooterArea ul.secondrow li.last
{
	float:right;
	padding: 0.2em 0.4em;
}



#FooterArea a
{
	text-decoration: none;
	color: Black;
	font-weight:normal;
}

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

/* Print items */
#PrintCopyrightArea, #PrintAddressArea
{
	display:none;
	
	
}





/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted {}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}


/**********************************/
/*   Image  classes for content    */
/**********************************/
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}
img.borderless
{
	border:0;
}

/*************************/
/* CALENDAR              */
/*************************/
.ChangeCalendarDates, #RightContentArea div.ChangeCalendarDates
{
	padding:30px 0;
	float:left;
}


#RightContentArea .NoArrowLink a
{
	background:none;
}
.calendar
{
	width: 100%;
	border-color: #e3e3e3;
	font-family: Verdana, Helvetica, Sans-Serif;
}

.calendar .title
{
	border-bottom: 1px solid #e3e3e3;
}

.calendar table,
.calendar table td,
.calendar .title td
{
	padding-bottom: 3px;
	border: 0;
}

.calendar th
{
	padding: 3px;
	text-align: center;
}
.calendar td
{
	text-align: center;
	border: 1px solid #eeeeee;
	padding:  2px 1px;
}

.calendar .selector
{
	font-weight: normal;
	border-top-width: 0;
	border-bottom: 1px solid #eeeeee;
	color: #e46709;
}

.calendar a
{
	padding: 2px 0px;
	text-decoration: none;
	
}
.calendar .today
{
	font-weight: bold;
	background-color: #dddddd;
	background-color:Red;
}

.calendar td.highlighted
{
	/*background-color: #e46709;*/
	background-color:Gray;
	background-color: #e46709;
}

.nextPrevMonth
{
	color: #e46709;
}

/* Calendar list */
.calendarList
{
	margin: 10px 0;
	width:35.5em;
}
.calendarList h1
{
	font-size: 1em;
	font-weight: bold;
}
.calendarList h2
{
	margin: 10px 0px 6px 0px;
	font-size: 1.1em;
	font-weight:normal;
	background-color:#e3e3e3;
	padding: 0.3em 0.5em;
}

.calendarListHeader
{
	width: 100%;
	overflow:hidden;
	
}

.calendarListEventItem
{
	width: 100%;
	overflow:hidden;
	padding:0.5em 0;
}
.calendarListEventItem h1
{
	padding-left: 0.5em;
}
.calendarListEventItem .eventDate
{
	float: right;
}
.calendarListEventItem .eventDateIcon
{
	float: right;
	background: url(images/Clock.png) no-repeat;
	width: 16px;
}
.calendarListEventItem .eventDateIconLeft
{
	background: url(images/Clock.png) no-repeat;
	background-position: left;
	padding-left: 18px;
	float: right;
}
.calendarListEventItem .eventDateIconRight
{
	background: url(images/Clock.png) no-repeat;
	float: right;
	background-position: right;
	padding-right: 18px;
}

.CalendarIntro
{
	display:block;
	font-weight:normal;
}
.CalendarReadMore
{
	margin-bottom:1em;
}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

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

/*************************/
/* WORKROOM              */
/*************************/

#workroomSpacer
{
	float:left;
	/*margin-left:1.9em;*/
	padding-left:1.9em;
}
/* Classes used by NewsList and CalendarList */








/* Från demo */

.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow
{
	width: 665px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
}

.contentAreaFull
{
	margin-left: 0;
}
.contentAreaWide
{
	width: 435px;
}
.contentAreaHalf
{
	width: 325px;
}
.contentAreaNarrow
{
	width: 215px;
}

.contentAreaFirst 
{
    margin-left: 0;
}

.container 
{
	display: block;
    padding: 0.3em 0;
    margin-bottom: 1.5em;
    background-color:Fuchsia;
}

.contentAreaFull .container
{
	background: url(images/PageMainBodyWideBg.png) no-repeat;
}
.contentAreaWide .container
{
	background: url(images/PageMainBodyBg.png) no-repeat;
}
.contentAreaHalf .container
{
	background: url(images/PageMainBodyColumnBg.png) no-repeat;
}
.contentAreaNarrow .container
{
	background: url(images/PageSecondaryBodyBg.png) no-repeat;
}

.container textarea 
{
    width: 90%;
    height: 12em;
}

.container .containerCaption
{
	padding: 0 10px 2px 10px;
}

.container .containerCaution
{
	padding: 0 10px 2px 10px;
}

.container .containerCaption h1, .container .containerCaution h1
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
    line-height: 1.6em;
}

.container .containerCaution h1
{
    color: #e99636;
    background: url(images/WRcommon/notice.png) no-repeat center right;
}

.container .containerContent
{
	display: block;
	border: 1px solid #dcdcdc;
	padding: 0.5em;
	background-color: White;
	overflow: hidden;
	height: auto;
}

.container .containerContentText
{
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 1em 1em 1.5em 2.5em;
	margin-bottom: 0.5em;
}

.container .containerContentText ul
{
	display: block;
	margin-left: 1.5em;
	overflow: visible;
}

.container .containerToolbar
{
	float: right;


	padding: 0 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
}

.container .containerCaption .containerToolbar 
{
    padding: 0;
}

.containerContent .validation ul
{
	font-family: Verdana, Helvetica, Sans-Serif;
    font-style: normal;
    font-size: 0.8em;
	background-color: #eeeeee;
	margin: 1em 2em;
	padding: 1em;
}

.containerContent .validation li
{
	margin-left: 1.4em;
	list-style-image: none;
    padding: 0;
} 

.containerContent div, .containerContent table
{
	overflow: hidden;
	display: block;
	height: auto;
	}
	
.containerContent .buttons
{
	clear: both;
	float: left;
	display: inline;
	padding-top: 0.5em;
	}
	
.containerContent .buttonsRight
{
	float: right;
	padding-top: 0.5em;
	}
/*************************/
/* BUTTONS               */
/*************************/

.button, .buttonExt
{
    border: 1px solid black;
    color: White;
    background: black url(images/buttonBg.png) repeat-x;
}

.buttonExt
{
    padding: 0 0.5em;
}

.buttonToolbar 
{
    float: right;
	padding: 0 10px 6px 10px;
}

.WRbuttons
{
	float: right;
	padding: 1em 0 0.5em 0;
	}

.WRbuttonsLeft
{
	float: left;
	padding: 1em 0 0.5em 0;
	}
	
.WRbuttonsDiv
{
	width: 1em;
	height: 0.5em;
}

.createButton, .editButton, .deleteButton, .stickyButton, .lockButton, .upButton, .inviteButton
{
    padding: 0 4px 4px 18px;
    background-repeat: no-repeat;
    line-height: 1.4em;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.createButton
{
    background-image: url(Images/Add.png);
}

.editButton
{
    background-image: url(Images/Edit.png);
    
}

.deleteButton
{
    background-image: url(Images/Delete.png);
}

.stickyButton
{
    background-image: url(Images/forum/sticky.png);
}

.lockButton
{
    background-image: url(Images/forum/lock.png);
}

.upButton
{
    background-image: url(Images/forum/up.png);
}

.inviteButton
{
    background-image: url(Images/Invite.png);	
}

.MMeditButton, .MMcreateButton, .MMinviteButton, .WReditButton, .WRcreateButton, .WRdeleteButton
{
	padding: 0 0 0.6em 2em;
	margin: 0 0 0 0.6em;
    background-repeat: no-repeat;
    line-height: 1.8em;
    font-family: Verdana, Helvetica, Sans-Serif;
    width: auto;
    display: inline;
	}

.WReditButton
{
	background-image: url(Images/WRcommon/edit.png);
	
	}
	
.WRdeleteButton
{
	background-image: url(Images/WRcommon/delete.png);
	}

.MMcreateButton, .WRcreateButton
{
	background-image: url(Images/Managemembers/add.png);
	}
	
.MMeditButton
{
	background-image: url(Images/Managemembers/edit.png);
	}
	
.MMinviteButton
{
	background-image: url(Images/Managemembers/invite.png);
	}
	
.SendNotificationsConfirmation
{
    padding-left: 2em;    
}
/* Classes used by NewsList and CalendarList */
.workroomItemlist, .workroomMembershiplist
{
	clear: both;
	overflow: hidden;
	display: block;
}

.WYMeditor
{
	display: block;
	margin-bottom: 0.3em;
	}

.workroomItemlist .containerContent
{
	display: block;
	padding: 3px;
}

.workroomItemlist ul
{
	list-style-type:none;
	list-style-image: none;
	width: 98%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

a.WRlistItem:link, a.WRlistItem:visited 
{
	color: #606060;
	text-decoration: none;
	border-bottom: dotted 1px #606060;
	}

a.WRlistItem:hover 
{
	color: #000;
	text-decoration: none;
	border-bottom: none;
	}

.workroomItemlist li
{
	padding: 0.5em 0.5em 0.8em 0.7em;
	display: block;
}

.workroomItemlist li.selected
{
	 border-left: 4px solid #F49E46;
}

.workroomItemlist li.even
{
	background-color: #ebf0f3;	
}

.workroomItemlist li.uneven
{
	background: transparent;
}

.workroomItemlist h2
{
	margin: 0;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
}

.workroomItemlist h3
{
	margin: 0;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.1em;
}

.workroomItemlist p
{
	margin: 0;
}

.workroomItemlist .PagingContainer
{
	text-align: center;
	font-family: Verdana, Helvetica, Sans-Serif;
}

.newsBody
{
	width: 32em;
	}

.expanded h1
{
	background: url(images/WRcommon/expanded_off.png) no-repeat center right;
	cursor: pointer;
	}
	
.expanded.over h1, .collapsed.over h1
{
	color: #f2811e;
	}

.collapsed h1
{
	background: url(images/WRcommon/collapsed_off.png) no-repeat center right;
	cursor: pointer;
	}

.sendInvitationError
{
	padding-top: 0.3em;
	color: #e99636;
}

/* File listing */
.workroomFilelist
{
}

.workroomFilelist .containerContent
{
	display: block;
	padding: 3px;
	padding-top: 7px;
}

.workroomFilelist ul
{
	list-style-type:none;
	list-style-image: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.workroomFilelist li
{
	font-family: Verdana, Helvetica, Sans-Serif;
	clear:both;
	padding: 2px 5px 2px 7px;
	overflow:hidden;
}

.workroomFilelist li.even
{
	background: transparent;
}

.workroomFilelist li.uneven
{
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	background-color: #ebf0f3;
}

.workroomFilelist .document
{
	float: left;
}

.workroomFilelist .date
{
	font-size: 0.8em;
	line-height: 2em;
	float: right;
	min-width:9em;
}

/* Workroom listing page */
ul.workroomList 
{
    width: 100%;
    overflow: hidden;
    list-style-image: none;
    list-style-type: none;
}

ul.workroomList li
{
    display: block;
    width: 205px;
    margin-bottom: 1.5em;
    float: left;
    overflow: visible;
}

ul.workroomList li a
{
    font-family: Verdana, Helvetica, Sans-Serif;
    line-height: 1.2em;
}

ul.workroomList li img
{
    width: 32px;
    height: 32px;
    border: 1px solid #e3e3e3;
    background-color: White;
    padding: 4px;
    margin-right: 4px;
    float: left;
}

ul.workroomList li span 
{
    display: block;
    margin-top: 4px;
    text-decoration: underline;
}

.createWorkroom label
{
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createWorkroom input.name
{
   width: 200px;
}

.createWorkroom div
{
    margin-bottom: 1em;
}

.createWorkroom div.buttons
{
    margin-left: 13em;
    display: block;
}

.createWorkroom .templateDescription
{
    display: block;
    margin: 0.5em 0;
    }

.createNews input.name
{
   width: 200px;
}

.createNews div
{
    margin-bottom: 1em;
}

/* Calendar */
.workroomCalendar
{
	width: 100%;
	border-color: #e3e3e3;
	font-family: Verdana, Helvetica, Sans-Serif;
}

.workroomCalendar .title
{
	border-bottom: 1px solid #e3e3e3;
}

.workroomCalendar table, .workroomCalendar table td, .workroomCalendar .title td
{
	padding-bottom: 3px;
	border: 0;
}

.workroomCalendar th
{
	padding: 3px;
	text-align: center;
}
.workroomCalendar td
{
	text-align: center;
	border: 1px solid #eeeeee;
	padding: 2px;
}

.workroomCalendar .selector
{
	font-weight: bold;
	border-top-width: 0;
	border-bottom: 1px solid #eeeeee;
}

.workroomCalendar a
{
	padding: 3px;
	text-decoration: none;
}
.workroomCalendar .today
{
	font-weight: bold;
	background-color: #dddddd;
}

.workroomCalendar td.highlighted
{
	background-color: #307DA0;
}

/* Calendar list */
.workroomCalendarList
{
	margin: 1em 0;	
}
.workroomCalendarList h1
{
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
}
.workroomCalendarList h2
{
	margin: 10px 0px 6px 0px;
	font-size: 1em;
	border-bottom: 1px solid #e3e3e3;
}

.workroomCalendarList .calendarDateRow
{
	display: block;
	margin: 0 0 0.2em 0.5em;
	}

.workroomCalendarList .calendarDateLabel
{
	float: left;
	display: block;
	width: 4em;
	font-weight: bold;
	}

.workroomCalendarList .calendarDateValue
{
	display: block;
	}

/* Membership page */
.workroomMembershiplist table
{
    font-family: Verdana, Helvetica, Sans-Serif;
    width: 100%;
    border: 1px solid #e3e3e3;
}

.workroomMembershiplist tbody
{
    border-collapse: collapse;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }

.workroomMembershiplist td.WRMembershipEmail
{
    min-width: 24em;
    }

.workroomMembershiplist td.WRMembershipRemove
{
    width: 0.7em;
    min-width: 0em;
    }


.workroomMembershiplist th 
{
    background-color: #eeeeee;
    font-weight: normal;
    padding: 3px 5px;
}

.workroomMembershiplist td 
{
    padding: 3px 5px;
}

.workroomMembershiplist .buttonToolbar
{
    margin-top: 1em;
}

.workroomMembershiplist .deleteButtonToolbar
{
    margin-top: 1em;
}

.deleteColumnHeader
{
    background-position: center;
    background-image: url(Images/Managemembers/remove.png);
    background-repeat: no-repeat;
}

.deleteMemberButton
{
    border: 1px solid black;
    color: White;
    background: black url(images/buttonBg.png) repeat-x;
}

.workroomMembershiplist .even 
{

    background: white;
    }

.workroomMembershiplist .uneven 
{
    background: #fafafa;
    }
    
.WRMembershipUsername
{
    margin: 0;
    font-weight: bold;
    }
    
.WRMembershipStatus
{
    margin: 0;
    font-style: italic;
    font-size: 0.82em;
    }
    
a.WRMembershipEmailAddress
{
    margin: 0;
    padding: 0.5em 0;
    }

/* User Profile Page*/

.displayPanelGroup
{
	display: block;
	}

.displayPanel
{
	display: block;
	line-height: 1.8em;
	}
	
.displayPanelLabel
{
	float: left;
	width: 12em;
	font-weight: bold;
	}
	
.displayPanelValue
{
	font-weight: normal;
	max-width: 40em;
	}
	
.displayPanelShow
{
	float: inherit;
	max-width: 40em;
	}
	
.displayPanelCaution
{
	font-weight: normal;
	}


/*************************/
/* MY SETTTINGS          */
/*************************/

.mySettingsForm
{
	margin-top: 1em;
	width: 360px;
}
.mySettingsForm div
{
	overflow: hidden;
	margin-bottom: 0.4em;
}
.mySettingsForm div label
{
	float: left; clear:left;
}
.mySettingsForm div input
{
	float: right;
	width: 200px;
}

.mySettingsForm div.buttons input
{
	float: left;
	width: auto;
	clear:both;
}


.mySettingsForm div div
{
	float: right;
}
/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div.filemanagercontrol h1, div.filemanagercontrol h2, div.filemanagercontrol h3, div.filemanagercontrol h4
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
div.filemanagercontrol h1
{
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 0;
	margin: 0.3em 0em 0.2em 0em;
}
div.filemanagercontrol h2
{
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	padding: 0;
	margin: 0.2em 0em;
}
div.filemanagercontrol h3
{
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0.4em 0em;
}
div.filemanagercontrol h4
{
	font-weight: bold;
	font-size: 0.9em;
	padding: 0;
	margin: 0.4em 0em;
}

div.filemanagercontrol p
{
	margin: 0.3em 0em 0.4em 0;
}
div.filemanagercontrol fieldset
{
	margin: -0.5em 0.8em 1em 0.2em;
}
div.filemanagercontrol label
{
	display: block;
	padding-top: 0.3em;
	float: left;
	width: 7em;
}


div.filemanagercontrol .toolbar
{
	background: url(images/filemanager/toolbarbg.png) no-repeat;
	padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
	overflow: hidden;
	width: 100%;
	padding-bottom: 0.1em;
	clear: both;
	text-align: center;
}

div.filemanagercontrol .toolbarbuttonsectionleft, div.filemanagercontrol .toolbarbuttonsectionright
{
	overflow: hidden;
	float: left;
}

div.filemanagercontrol .toolbarbuttonsectionleft
{
	padding-right: 0.3em;
	margin-right: 0.3em;
	border-right: dotted 1px #aaa;	
	}

div.filemanagercontrol .toolbarbuttonsectionright
{
	padding-left: 0.3em;
	margin-left: 0.3em;
	border-left: dotted 1px #aaa;	
	}

div.filemanagercontrol .toolbarmessage
{
	margin-left: 0.4em;
	color: #ff6600;
}

div.filemanagercontrol .crumbs
{
	color: #006ea0;
	font-size: 0.9em;
	background: url(images/filemanager/toolbarcrumbsbg.png) no-repeat;
	padding: 0.3em;
	padding-left: 1.1em;
}

div.filemanagercontrol .validator ul
{
	list-style-type:none;
	list-style-image: none;
    margin: 0;
    margin-left: 0.4em;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
}

div.filemanagercontrol .body
{
	border: 1px solid #DCDCDC;
	min-height: 400px;
	overflow: hidden;
}

div.filemanagercontrol .body .leftpanel, div.filemanagercontrol .body .rightpanel
{
	overflow: auto;
	padding-top: 0.7em;
}
div.filemanagercontrol .body .leftpanel
{
	float:left;
	width:23%;
	border-right: 1px solid #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
	width:100%;
}

div.filemanagercontrol a
{
	text-decoration: none;
	color: #3e3e3e;
	border: 0;
	}

div.filemanagercontrol .toolbar a
{
	font-family: Helvetica, "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #3e3e3e;
	border: 0;
	min-width: 3.8em;
	max-width: 5.2em;
}

* html div.filemanagercontrol .toolbar a
{
	font-family: Helvetica, "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #3e3e3e;
	border: 0;
	width: 4.1em;
}

/* --------------- */
/* ToolBar BUTTONS */
/* --------------- */

div.filemanagercontrol .toolbar a[disabled="disabled"], div.filemanagercontrol .toolbar a:hover.addfile_dis, div.filemanagercontrol .toolbar a:hover.addfolder_dis, div.filemanagercontrol .toolbar a:hover.copy_dis, div.filemanagercontrol .toolbar a:hover.cut_dis, div.filemanagercontrol .toolbar a:hover.checkin_dis, div.filemanagercontrol .toolbar a:hover.checkout_dis, div.filemanagercontrol .toolbar a:hover.undocheckout_dis, div.filemanagercontrol .toolbar a:hover.delete_dis, div.filemanagercontrol .toolbar a:hover.details_dis, div.filemanagercontrol .toolbar a:hover.paste_dis, div.filemanagercontrol .toolbar a:hover.rename_dis, div.filemanagercontrol .toolbar a:hover.version_dis
{
	color: #888;
	text-decoration: none;
	border: 0;
}

.toolbar a.addfile_dis, .toolbar a.addfolder_dis, .toolbar a.copy_dis, .toolbar a.cut_dis, .toolbar a.checkin_dis, .toolbar a.checkout_dis, .toolbar a.undocheckout_dis, .toolbar a.delete_dis, .toolbar a.details_dis, .toolbar a.paste_dis, .toolbar a.rename_dis, .toolbar a.version_dis
{
	color: #888;
	display: block;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
	padding-top: 18px;
	margin: 0 0.4em;
	text-decoration: none;
	border: 0;
}

div.filemanagercontrol a:hover
{
	color: #000;
	text-decoration: none;
	border-bottom: dotted 1px #888;
	background-color: transparent;
}

.toolbar a.addfile, .toolbar a.addfolder, .toolbar a.copy, .toolbar a.cut, .toolbar a.checkin, .toolbar a.checkout, .toolbar a.undocheckout, .toolbar a.delete, .toolbar a.details, .toolbar a.paste, .toolbar a.rename, .toolbar a.version
{
	display: block;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
	padding-top: 18px;
	margin: 0 0.4em;
	color: #000;
	border: 0;
}

* html .toolbar a
{
	letter-spacing: -0.1em;
    }

div.filemanagercontrol .toolbar a:hover
{
	color: #ff6600;
	background-color: Transparent;
	text-decoration: none;
	border: 0;
}


div.filemanagercontrol a.addfile
{
	background-image: url(images/filemanager/buttonaddfile_off.png);
}
div.filemanagercontrol a.addfolder
{
	background-image: url(images/filemanager/buttonaddfolder_off.png);
}
div.filemanagercontrol a.copy
{
	background-image: url(images/filemanager/buttoncopy_off.png);
}
div.filemanagercontrol a.cut
{
	background-image: url(images/filemanager/buttoncut_off.png);
}
div.filemanagercontrol a.checkin
{
	background-image: url(images/filemanager/buttoncheckin_off.png);
}
div.filemanagercontrol a.checkout
{
	background-image: url(images/filemanager/buttoncheckout_off.png);
}
div.filemanagercontrol a.undocheckout
{
	background-image: url(images/filemanager/buttonundocheckout_off.png);
}
div.filemanagercontrol a.delete
{
	background-image: url(images/filemanager/buttondelete_off.png);
}
div.filemanagercontrol a.details
{
	background-image: url(images/filemanager/buttondetails_off.png);
}
div.filemanagercontrol a.paste
{
	background-image: url(images/filemanager/buttonpaste_off.png);
}
div.filemanagercontrol a.rename
{
	background-image: url(images/filemanager/buttonrename_off.png);
}
div.filemanagercontrol a.view
{
	background-image: url(images/filemanager/buttonview_off.png);
}
div.filemanagercontrol a.version
{
	background-image: url(images/filemanager/buttonversion_off.png);
}
div.filemanagercontrol a:hover.addfile
{
	background-image: url(images/filemanager/buttonaddfile_on.png);
}
div.filemanagercontrol a:hover.addfolder
{
	background-image: url(images/filemanager/buttonaddfolder_on.png);
}
div.filemanagercontrol a:hover.copy
{
	background-image: url(images/filemanager/buttoncopy_on.png);
}
div.filemanagercontrol a:hover.cut
{
	background-image: url(images/filemanager/buttoncut_on.png);
}
div.filemanagercontrol a:hover.checkin
{
	background-image: url(images/filemanager/buttoncheckin_on.png);
}
div.filemanagercontrol a:hover.checkout
{
	background-image: url(images/filemanager/buttoncheckout_on.png);
}
div.filemanagercontrol a:hover.undocheckout
{
	background-image: url(images/filemanager/buttonundocheckout_on.png);
}
div.filemanagercontrol a:hover.delete
{
	background-image: url(images/filemanager/buttondelete_on.png);
}
div.filemanagercontrol a:hover.details
{
	background-image: url(images/filemanager/buttondetails_on.png);
}
div.filemanagercontrol a:hover.paste
{
	background-image: url(images/filemanager/buttonpaste_on.png);
}
div.filemanagercontrol a:hover.rename
{
	background-image: url(images/filemanager/buttonrename_on.png);
}
div.filemanagercontrol a:hover.view
{
	background-image: url(images/filemanager/buttonview_on.png);
}
div.filemanagercontrol a:hover.version
{
	background-image: url(images/filemanager/buttonversion_on.png);
}


div.filemanagercontrol a.addfile_dis
{
	background-image: url(images/filemanager/buttonaddfile_dis.png);
}
div.filemanagercontrol a.addfolder_dis
{
	background-image: url(images/filemanager/buttonaddfolder_dis.png);
}
div.filemanagercontrol a.copy_dis
{
	background-image: url(images/filemanager/buttoncopy_dis.png);
}
div.filemanagercontrol a.cut_dis
{
	background-image: url(images/filemanager/buttoncut_dis.png);
}
div.filemanagercontrol a.checkin_dis
{
	background-image: url(images/filemanager/buttoncheckin_dis.png);
}
div.filemanagercontrol a.checkout_dis
{
	background-image: url(images/filemanager/buttoncheckout_dis.png);
}
div.filemanagercontrol a.undocheckout_dis
{
	background-image: url(images/filemanager/buttonundocheckout_dis.png);
}
div.filemanagercontrol a.delete_dis
{
	background-image: url(images/filemanager/buttondelete_dis.png);
}
div.filemanagercontrol a.details_dis
{
	background-image: url(images/filemanager/buttondetails_dis.png);
}
div.filemanagercontrol a.paste_dis
{
	background-image: url(images/filemanager/buttonpaste_dis.png);
}
div.filemanagercontrol a.rename_dis
{
	background-image: url(images/filemanager/buttonrename_dis.png);
}
div.filemanagercontrol a.view_dis
{
	background-image: url(images/filemanager/buttonview_dis.png);
}
div.filemanagercontrol a.version_dis
{
	background-image: url(images/filemanager/buttonversion_dis.png);
}

div.filemanagercontrol ul.folderlist
{
    list-style-type:none;
	list-style-image: none;
    margin: 0em 0 0 0.8em;
    padding: 0;
}
div.filemanagercontrol ul.folderlist li
{
	background-image: url(images/filemanager/folder.png);
	background-repeat: no-repeat;
	padding-left: 1.7em;
}
div.filemanagercontrol ul.folderlist li.parent
{
	background-image: url(images/filemanager/folderup.png);
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

div.filemanagercontrol table.fileList
{
	width: 98%;
	border-collapse: collapse;
	margin: 0;
}

div.filemanagercontrol table.fileList tr.selected
{
	background-color: #eee;
}

div.filemanagercontrol .fileList th
{
    border-bottom: 1px solid #DCDCDC;
    padding: 0 1em 0.3em 1em;
}

div.filemanagercontrol .fileList th a, div.filemanagercontrol .crumbs a
{
	border-bottom: dotted 1px #888;
}

div.filemanagercontrol .fileList th a:hover, div.filemanagercontrol .crumbs a:hover
{
	border-bottom: none;
}

div.filemanagercontrol .fileList td
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    padding-top: 0.3em;
    padding-right:15px;
}

div.filemanagercontrol .fileList td a
{
	padding: 3px 0 2px 20px;
	line-height: 1.4em;
}
div.filemanagercontrol ul.documentList
{
	list-style-type:none;
	list-style-image: none;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    padding-top: 0.3em;
}

/* File summary css styling */
/* Applied to override what is in the filesummary.config */
div.filemanagercontrol fieldset.editfilesummary
{
}

div.filemanagercontrol .editfilesummary p
{
	padding-left: 20.3em;
}
div.filemanagercontrol fieldset.editfilesummary fieldset
{
	margin-top: 0.2em;
}
div.filemanagercontrol fieldset.editfilesummary label
{
	float:none;
	display: inline;
	width: auto;
}
div.filemanagercontrol fieldset.editfilesummary td
{
	vertical-align: top;
	padding-top: 0.3em;
	width: 20em;
}

div.filemanagercontrol fieldset.editfilesummary a
{
	cursor: text;
	text-decoration: none;
	color: #606060;
}

div.filemanagercontrol fieldset.editfilesummary a:hover
{
	background: none;
}

.sort 
{
	padding: 0 0 2px 14px; 
	line-height: 1.2em;
}

.Ascending 
{
	background-image: url(images/Filemanager/ascending.png); 
	background-repeat: no-repeat; 
	background-position: left;
	padding: 0 0 2px 14px; 
	line-height: 1.2em;
}
.Descending 
{
	background-image: url(images/Filemanager/descending.png); 
	background-repeat: no-repeat; 
	background-position: left;
	padding: 0 0 2px 14px; 
	line-height: 1.2em;
}

/*************************/
/* FORUMS                */
/*************************/

.forumTable 
{
	width: 100%;
}
.forumTable th.title
{
	width: 50%;
}
.forumTable th
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	border-bottom: 1px solid #dcdcdc;
}
.forumTable th.replies, .forumTable td.replies
{
	text-align: right;
}
.forumTable td.info
{
	width: 20%;
}
.forumTable th
{
	padding: 0 8px;
}
.forumTable a 
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.forumTable tr.even td, .forumTable tr.uneven td
{
	padding: 4px 8px;
}

.forumTable tr.even td
{
	background-color: #ebf0f3;
}

.forumTable tr.uneven td
{
}

.forumTable a:hover
{
	background-color: Transparent;
}

.forumTable a.default 
{
    display: block;
    background-image: url(images/forum/default.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.information 
{
    display: block;
    background-image: url(images/forum/Information.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.auction 
{
    display: block;
    background-image: url(images/forum/Auction.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.bomb 
{
    display: block;
    background-image: url(images/forum/bomb.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.sticky
{
    background-image: url(images/forum/sticky.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.locked
{
    background-image: url(images/forum/lock.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.stickylocked
{
    background-image: url(images/forum/stickylocked.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 40px 0px 0px;
}

.createForum label, .createThread label, .createReply label, .createWorkroom label
{
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createThread label, .createWorkroom label 
{
    width: 120px;
}

.createReply label
{
    width: 80px;
}

.createForum div, .createThread div, .createReply div, .createWorkroom div
{
    margin-bottom: 0.8em;
}

.createForum input.title
{
   width: 300px;
}

.createThread input.title, .createThread textarea, .createThread div.text, .createWorkroom input.title, .createWorkroom div.text
{
   width: 68%;
}

.createThread div.buttons, .createWorkroom div.buttons
{
	margin-left: 130px;
}

.createReply textarea
{
    width: 460px;
}

.createForum div.buttons
{
    padding-left: 190px;
    text-align: left;
}

.createReply div.buttons 
{
    margin-left: 90px;
}

.replyList
{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.reply
{
    margin: 0 0 10px 0;
    padding: 10px 0;
    overflow: hidden;
}

.reply .content 
{
    background-image: url(images/forum/replyBg.png);
    background-repeat: repeat-y;
    background-position: 485px;
    width: 100%;
    overflow: hidden;
}

.reply .text 
{
    float: left;
    width: 460px;
    padding: 10px 15px;
    overflow: hidden;
}

.reply .info 
{
    float: left;
    width: 120px;
    padding: 10px 15px;
    overflow: hidden;
}

/* Special för tillbaka länk */
#MainBody a.BackLink
{
	padding-left:0.7em;
	background: url(Images/LinkArrowLeft.png) no-repeat left center;
	margin-top:1em;
	display:block;
	
}

/* FAQ webpart */
.fq_question_faq{border: 2px solid #808080; padding-top: 8px; padding-left: 8px; padding-right: 8px;}
.fq_col1 {float: left; width: 115px;  padding: 0px;}
.fq_col2 {float: left; width: 410px; padding: 0px;} 
.fq_col3 {float: left; width: 540px; padding: 0px;} 
.fq_newline {clear:both} 


/**** Butiken *****/

 .newLine {height:10px;}
 .newLine2{clear:both;}

.subscriberInfoLeft
{
    float:left;
    width:140px;    
}

.subscriberInfoRight
{
    padding:5px; 
    margin-left:145px;
}

.subscriberInfoLeft_1
{
   
    float:left;
    width:300px;    
}

.subscriberInfoRight_1
{
    padding:5px; 
    margin-left:300px;
}
  
  
  /* Cart */   
.cartMain
{
    padding:5px;   
    border:1px solid #e46709;
    height: 58px;
	   
}

.catalougeInfo
{
    padding:5px;   
    border:1px solid #e46709;
	   
}
  
.cartLeft
{
    float:left;
    width:80px;
    margin:0;
    text-align: left; 
}  

.cartRight
{
float:right;
width:140px;
margin-top:0px;   
text-align: right;


} 
  
  
  
  .mainLeft
{
float:left;
width:450px;
margin:0;
padding:0px;


}
.mainRight
{
width:240px;
margin-top:0px;    
margin-left:450px;
border-left:2px solid #e46709; height:1460px; 
padding-left:4px;
/*padding:5px;*/
} 


.startLeft
{
float:left;
width:230px;
margin:0;
padding:0px;
}
.startRight
{
margin-top:0px;    
margin-left:210px;
padding:10px;
} 
 .shop_right
 {
     text-align:right;
 } 

  
  
 .shop_center
 {
     text-align:center;
 } 
  
  
/* Cart */   
.cartLeftOld
{
float:left;
width:100px;
margin:0;

    
}  

.cartRightOld
{
margin-top:0px;    
margin-left:120px;
padding:10px;
} 
  
  
/* PayBox */    
.payBoxHead
{
float:left;
width:150px;
margin:0;
    
}

.payBoxInfoLeft
{
margin-top:0px;    
margin-left:150px;
padding:0px;
float:right;
width:200px;



}

.payBoxInfoRight
{
 
margin-top:0px;    
margin-left:470px;
padding:0px;
}
    
/* Product */
.productLeft
{
float:left;
width:300px;
margin:0;
padding:0px;
}

.productRight
{
/*width:120px;*/
margin-top:0px;    
margin-left:315px;
padding:0px;
} 

.productBottomLeft
{
 float:left;
 width:60px; 
 padding:3px; 
}

.productBottomRight
{
 /*width:250px;*/
 width:170px;  
 margin-left:90px;
 padding: 3px;
}

.productBottomLine
{
border-bottom:2px solid #000033; 
  
}
.productCartInfoLeft {float:left; width: 80px;  padding: 2px;}
.productCartInfoRight { width: 50px; padding: 2px;}
.fq_newline {clear:left}
.newline {clear:left}


.left
{
float:left;
width:300px;
margin:0;
padding:0px;
}
.content
{
margin-top:0px;    
margin-left:305px;
padding:1em;
} 
.center {text-align: center }
.commonColumn {float: left; padding: 10px;}
.searchListOrderNoCol {float: left; width: 40px;  padding: 10px;}
.searchListLinkCol { width: 410px; padding: 10px;}
 
/*ChangCart */
.changeCartColBig
{
width:200px; 
padding: 10px;
float:left;
}

.changeCartColSmall
{
width:80px; 
padding: 10px;
float:left;
}

/*Cart*/
.cartRow
{
    padding: 15px;
}

/*Slut Butiken */

/* Kursdatabasen webpart */

/*********************/
/* registerForm      */
/********************/
.regCourseFormHead {
float: left; 
width: 200px;  
padding-top: 1px;
padding-bottom: 1px;


}
.regCourseFormInfo {
float: left; 
width: 340px;  
padding-top: 1px;
padding-bottom: 1px;
text-align:right;

}
.radioButtonList {float: left; width: 150px;  padding: 2px;}
.pul{
float: left; 
width: 540px; 
 padding-top: 1px;
 padding-bottom: 5px;
background-color: #E6E6E6;
}

.personSpacer
{
 background-color: #E6E6E6;
 width: 540px;
 padding-top: 1px;
 padding-bottom: 1px;
 
}

.personHr
{
 width: 540px;
 padding-top: 1px;
 padding-bottom: 1px;
 
}

/*********************/
/* showCourse        */
/*********************/
.showCourseHead {
float: left;
width: 115px;
padding-top: 5px;  

}
.showCourseInfo {float: left; width: 410px; padding: 10px;} 
.showCourseTitle
{
  float: left; 
  width: 525px; 
  padding: 10px;                 
  
     
 }
 
 .showCourseFull
{
  float: left; 
  width: 525px; 
}


/*********************/
/* searchResult      */
/*********************/
.searchResultHeadCol  {float: left; width: 200px;  padding: 10px;}
.searchResultDateCol {float: left; width: 100px;  padding: 10px;}
.searchResultRegisterCol {float: left; width: 100px;  padding: 10px;}
.searchResultCityCol {float: left; width: 150px;  padding: 10px;}

.searchResultDateColGray {float: left; width: 100px;  padding: 10px; }
.searchResultRegisterColGray {float: left; width: 100px;  padding: 10px; }
.searchResultCityColGray {float: left; width: 150px;  padding: 10px; }
.searchResultHeadColGray  {float: left; width: 200px;  padding: 10px; }


/*********************/
/*     common        */
/********************/
.cr {clear:both}
.commonHead { color:#000000;font-weight:bold;font-size:17px;font-family:Verdana,arial,sans-serif; } 

/* Slut Kursdatabasen webpart */

/*'''''''''''''''''''
  BEGIN CHANGELOG  
  
2011-10-31 Per Hellström

Justerat padding på #FooterArea ul.secondrow li

2011-10-28 Per Hellström

Justerat .container .containerContentText ul (display:box bytt till display:block)

Lagt till och justerat klasser för .xForms:
.xForm input 
.xForm input[type=text], .xForm textarea (eftersom EPi inte skriver ut input:type=text måste man komplettera. Explorer misstolkar, så där fungerar det)
.xForm .blockclearleft
.xForm .blockclearleft100
.xForm .blockclearleft50
.xForm .blockclearleft20
.xForm .inline20
.xForm .inline50
.xForm .inline100
.xForm .inline3em
.xForm .inline7em
.xForm .inline5em
.xForm .inline10em
.xForm .heading, .xForm h4
*/