@import url(/Styles/960.css);

/*-----------------------------------------------------------------------------
HTML Elements
-----------------------------------------------------------------------------*/
body, .cmsEditor { margin: 0; padding: 0; font: 75%/1.55 Helvetica, Arial, Sans-serif; color: #000; }
body.iag { background: #999 url(Images/bgbody.gif) repeat-y 50% 0; }
a:link, a:visited { color: #1577d9; text-decoration: underline; }
a:hover, a:active { color: #1f8fff; text-decoration: none; }
p { margin: 0 0 1.2em; }
ul { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; padding-left: 0; }
hr { border: none; border-top: 1px solid #cccccc; height: 1px; margin-top: auto; margin-bottom: auto; }
a img { border: 0; }
h1 { margin: 0 0 20px; font: normal 300%/1 "Trebuchet MS" , Helvetica, Sans-serif; letter-spacing:-.05em; }
h2 { margin: 1em 0 0; font: normal 163.6% "Trebuchet MS" , Helvetica, Sans-serif; }
h3 { margin: 1em 0 0; font: normal 127.2% "Trebuchet MS" , Helvetica, Sans-serif; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #000 !important; text-decoration: none !important; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { color: #000 !important; text-decoration: underline !important; }






/*-----------------------------------------------------------------------------
Utilities
-----------------------------------------------------------------------------*/
.clear { clear: both; }
.container { display: inline-block; }
.container:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
html[xmlns] .container { display: block; }
* + html .container { /* ie7 */ overflow: visible; min-height: 1%; }
* html .container { /* ie6 */ display: inline-block; overflow: visible; height: 1%; }
ul.plain, ul.plain li, ol.plain, ol.plain li { list-style-type: none !important; margin: 0; padding: 0; }


/*-----------------------------------------------------------------------------
Common styling
-----------------------------------------------------------------------------*/
ul.links li { background: transparent url(Images/listbullet.png) no-repeat 0 1.2ex; padding-left: 1em; }
ul.files li img { float: left; margin-right: .3em; }
.intro { font-size: 109.1%; font-weight: bold; margin-bottom: 2em; line-height: 1.4em; }
.imageholder { width: 250px; float: right; margin: 0 0 1em 1em; color: #555; font-style: italic; line-height: 1.2; clear: right; text-align: center; font-size: 91.67%; }
.metadatacontainer { background-color: #f8f8f8; border: 1px solid #e5e5e5; padding: 10px; }
.sidecontainer { padding-left: 10px; border-left: 1px solid #999; }
.hidden { display: none; }
.info { padding: 1em 1em 1em 3em; background: #fff3a5 url(Images/info.png) no-repeat 1em 1.2em; border: 1px solid #ffd329; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.info *, .error *, .message * { margin: 0; }
.message { padding: 1em 1em 1em 3em; background: #e6f5ce url(Images/info.png) no-repeat 1em 1.2em; border: 1px solid #7aae80; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.error { padding: 1em 1em 1em 3em; background: #f4cece url(Images/info.png) no-repeat 1em 1.2em; border: 1px solid #cb7474; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.addthis_toolbox { clear: both; margin: 3em 0; padding: 5px; font-size: 91.67%; color: #777; background-color: #f8f8f8; border: 1px solid #e5e5e5; }
a.WhiteLink:link, a.WhiteLink:active, a.WhiteLink:visited { color: #FFFFFF !important; text-decoration: none; }
a.WhiteLink:hover { color: #FFFFFF !important; text-decoration: underline; }
a.quiet { text-decoration: none; color: #000; }
.pagination { background-color: #f8f8f8; line-height: 1; margin-top: 1em; padding: 5px 5px 3px; border: 1px solid #e5e5e5; }
.pagination a { float: left; padding: 3px 6px; margin: 0 2px 2px 0; border: 1px solid #ddd; background-color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination a:hover { background-color: #6ab5ff; color: #fff; }
.pagination a.PagerSelectedItem { background: #1784f1 url(Images/pattern.jpg) 0 50%; color: #fff; border-color: #1577d9; font-weight: bold; }


/*-----------------------------------------------------------------------------
HTML Editor
-----------------------------------------------------------------------------*/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; margin-top: 2px; }
.normalExtraLineheight { line-height: 17px; }
.largetext { font-size: 110%; }
.cmsEditor { background-image: none !important; }

/*-----------------------------------------------------------------------------
Page not found
-----------------------------------------------------------------------------*/
.pagenotfound { margin: 10em auto 2em; width: 550px; }

/*-----------------------------------------------------------------------------
Framework1.master
-----------------------------------------------------------------------------*/
#printlogo { display: none; }
#logotype { float: left; margin-top: 10px; }
#side { font-size: 91.67%; }
#navcontainer { padding-bottom: 20px; }
.WebMain { margin: auto; width: 980px; }
.WebTopContainer { padding: 10px 50px 25px; }
.WebTopLogoContainer { float: left; width: 280px; height: 81px; }
.WebTopLogo { float: left; width: 400px; }
.WebTopSearchContainer { float: right; width: 400px; }
.logininfo { height: 28px; text-align: right; font-size: 91%; }
.WebTopSearch { float: right; border: 0; margin: 0; padding: 0; }
.WebTopSearch legend, .WebTopSearch label { display: none; }
.toparea { clear: both; display: block; text-align: right; padding-top: .5em; font-size: 91%; }
.bottomarea { display: block; padding-top: .5em; font-size: 91%; }
.toparea a:link, .toparea a:visited, .bottomarea a:link, .bottomarea a:visited, .logininfo a:link, .logininfo a:visited { text-decoration: underline; color: #000; }
.toparea a:hover, .bottomarea a:hover, .logininfo a:hover, .toparea a:active, .bottomarea a:active, .logininfo a:active { text-decoration: none; }
.WebTopTextSizeText { font-size: 1.1em; font-weight: bold; font-family: Arial,Verdana,Helvetica; }
.WebMiddleContainer { height: auto; margin: 30px 0; background-image: url(Images/mainBgDividers.gif); background-repeat: repeat-y; background-position: center; }
.WebMiddleContainerNoRightColumn { height: auto; width: 1000px; margin: 30px 0; background-image: url(Images/mainBgDividersNoRightColumn.gif); background-repeat: repeat-y; background-position: center; }
.WebMiddleContainerNoColumns { height: auto; width: 1000px; margin: 30px 0; }
.WebContentColLeft { float: left; width: 180px; font-family: Arial,Verdana,Helvetica; }
.WebContentColMid { float: left; width: 400px; margin-left: 80px; }
.WebContentColMidWide { float: left; width: 660px; margin-left: 80px; }
.WebContentColRight { float: right; width: 180px; font-family: Arial,Verdana,Helvetica; }
.svensktnaringsliv { float: right; }
.WebBottomDivider { height: 3px; background: #0099dd url(Images/pattern.jpg) 0 -300px; margin-top: 20px; clear: both; }
.WebBottomContainerText { padding: 15px 30px; line-height: normal; font-size: 91.67%; }
.WebBottomContainerTextPrint { display: none; }
.WebBottomContainerText a { color: #000; text-decoration: none; }
.WebBottomText { display: inline; }
.WebBottomTextDivider { display: inline; width: 7px; height: 7px; background-image: url(Images/footerTextSeparator.gif); }
.WebClear { clear: both; }
.WebSearchField { font-size: 11px; width: 210px; height: 15px; padding: 2px 10px 0; margin-right: 5px; border: none; vertical-align: middle; background: transparent url(Images/searchfield.png) no-repeat; }
.WebSearchButton { color: #666666; width: auto; vertical-align: middle; }
.StartPageLoginFieldLabel { float: left; padding-top: 3px; }
.StartPageLoginFieldContainer { float: right; }
.StartPageLoginField { font-size: 90%; border: 1px solid #999; padding: 3px; display: block; background-color: #fff; margin-bottom: 5px; width: 180px; }
.StartPageLoginButtonContainer { text-align: right; margin-bottom: 7px; }
.StartPageLoginButton { background-image: url("Images/loginbutton.png"); background-repeat: no-repeat; border: 0; background-color: Transparent; width: 72px; height: 17px; float: right; margin-bottom: 1em; }
.StartPageLoginRegister { width: 100%; }


/*-----------------------------------------------------------------------------
Topnav
-----------------------------------------------------------------------------*/
#topnav { height: 30px; background: #0094da url(Images/pattern.jpg) 0 -580px; margin: 0 0 20px; padding: 0; text-align: center; overflow: hidden; font-size: 116.67%; text-align: center; font-family: 'Trebuchet MS' , Arial,Verdana,Helvetica; clear: both; }
#topnav li:first-child { border-left: 1px solid #82c5e1; }
#topnav li { padding: 7px 11px; margin: 0; display: inline; float: none !important; line-height: 30px; border-right: 1px solid #82c5e1; }
#topnav li.selected, #topnav li.selectedparent { font-weight: bold; background: transparent url(Images/bg-nav_selected.png); }
#topnav a:link, #topnav a:visited { color: #ffffff !important; text-decoration: none; }
#topnav a:hover, #topnav a:active { color: #ffffff !important; text-decoration: underline; }


/*-----------------------------------------------------------------------------
Subnav
-----------------------------------------------------------------------------*/
#subnav, #subnav ul, #subnav li { margin: 0; padding: 0; list-style-type: none; }
#subnav { border-bottom: 1px solid #e5e5e5; font-size: 91.67%; background-color: #f7f7f7; }
#subnav li { background-color: #f8f8f8; }
#subnav span { display: block; }
#subnav span.parent a { background: transparent url(Images/bg-subnav_parent.png) no-repeat .5em 1.6ex; }
#subnav li.selected span.parent a, #subnav li.selectedparent span.parent a { background: transparent url(Images/bg-subnav_selected_parent.png) no-repeat .5em 1.6ex; }
#subnav li.selected li span.parent a, #subnav li.selectedparent li span.parent a { background-position: 1.5em 1.6ex; }
#subnav li.selected li li span.parent a, #subnav li.selectedparent li li span.parent a { background-position: 2.5em 1.6ex; }
#subnav li.selected li li li span.parent a, #subnav li.selectedparent li li li span.parent a { background-position: 3.5em 1.6ex; }
#subnav li.selected li li li li span.parent a, #subnav li.selectedparent li li li li span.parent a { background-position: 4.5em 1.6ex; }
#subnav li.selected li li li li li span.parent a, #subnav li.selectedparent li li li li li span.parent a { background-position: 5.5em 1.6ex; }
#subnav a { display: block; border-top: 1px solid #e5e5e5; padding: .3em 0 .3em 1.5em; color: #000; }
#subnav a:link, #subnav a:visited { text-decoration: none; }
#subnav a:hover, #subnav a:active { text-decoration: underline; }
#subnav span.selected { background: transparent url(Images/bg-nav_selected.png); display: block; }
#subnav ul a { padding-left: 2.5em; }
#subnav ul ul a { padding-left: 3.5em; }
#subnav ul ul ul a { padding-left: 4.5em; }
#subnav ul ul ul ul a { padding-left: 5.5em; }
#subnav ul ul ul ul ul a { padding-left: 6.5em; }
#subnav > li.selected, #subnav > li.selectedparent { background: #1784f1 url(Images/pattern.jpg) 0 50%; }
#subnav > li.selected li, #subnav > li.selectedparent li { background-color: transparent; }
#subnav li.selected a, #subnav li.selectedparent a { color: #fff; border-top: 1px solid #82c5e1; }
#subnav span.selected a, #subnav span.selectedparent a { font-weight: bold; }
#subnav span.forbidden a span { background: transparent url(Images/bg-nav_locked.png) no-repeat 98% 50%; }


/*-----------------------------------------------------------------------------
System error message
-----------------------------------------------------------------------------*/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 110%; padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 110%; }


/*-----------------------------------------------------------------------------
Direct edit
-----------------------------------------------------------------------------*/
#litium-controls { float: right; }
#litium-controls li { float: left; margin-left: 2px; }
#litium-controls li a:link { background-position: 50% 50%; border-color: #e1e1e1 #888888 #888888 #e1e1e1; border-style: solid; border-width: 1px; }
#litium-controls li a:visited { background-position: 50% 50%; border-color: #e1e1e1 #888888 #888888 #e1e1e1; border-style: solid; border-width: 1px; }
#litium-controls li a:hover { background-position: 80% 80%; border-color: #888888 #e1e1e1 #e1e1e1 #888888; border-style: solid; border-width: 1px; }
#litium-controls li a:active { background-position: 80% 80%; border-color: #888888 #e1e1e1 #e1e1e1 #888888; border-style: solid; border-width: 1px; }
#litium-controls li a.litium-studio { background-image: url(Images/directedit-cms.png); }
#litium-controls li a.litium-edit { background-image: url(Images/directedit-page.png); }
#litium-controls li a { float: left; width: 16px; height: 16px; padding: 1px 2px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; float: left; width: 16px; height: 16px; padding: 1px 2px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; background-position: 50% 50%; border-color: #e1e1e1 #888888 #888888 #e1e1e1; border-style: solid; border-width: 1px; cursor: pointer; }


/*-----------------------------------------------------------------------------
[Templates]
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Startpage
-----------------------------------------------------------------------------*/
.p-startpage h2 { margin: 0; font: normal 127.27% "Trebuchet MS" , Helvetica, Sans-serif; }
.p-startpage #news { margin-top: 15px; }
.p-startpage #news li { border-bottom: 1px solid #e5e5e5; padding-bottom: 1em; margin-bottom: 1em; }
.p-startpage #news li h2 { font-weight: bold; }
.p-startpage #news li img { float: right; margin: 0 0 1em 1em; }
.p-startpage #news li .newsdate { font-size: 91.67%; color: #777; }
.p-startpage .puffimage { display: block; margin-bottom: 15px; }
.p-startpage .middletext { margin-bottom: 15px; }
.p-startpage .calendarcontainer { background: #1784f1 url(Images/pattern.jpg) 0 50%; padding: 15px; color: #fff; text-align: center; line-height: normal; }
.p-startpage .calendarcontainer h2 { padding-bottom: .8em; text-align: left; border-bottom: 1px solid #82c5e1; }
.p-startpage .calendarcontainer ul { margin-bottom: 1em; }
.p-startpage .calendarcontainer ul li { padding: 1em 0; border-bottom: 1px solid #82c5e1; text-align: left; }
.p-startpage .calendarcontainer a { color: #fff; }
.p-startpage .morecontainer { text-align: center; }
.p-startpage #login { background: #3b3b3b url(Images/login.png) no-repeat; border: 1px solid #575757; padding: 15px; color: #fff; margin-bottom: 15px; line-height: normal; }
.p-startpage #login h2 { margin-bottom: .8em; }
.p-startpage #startleft, .p-startpage #startmiddle, .p-startpage #startright { overflow: hidden; }
.p-startpage .username, .p-startpage .password { position: relative; }
.p-startpage .username label, .p-startpage .password label { display: block; position: absolute; width: 183px; height: 21px; line-height: 21px; padding-left: 5px; color: #777; cursor: text; }
.p-startpage #login .registerlink {margin-top:10px; display:block;}
.p-startpage #login a { color: #fff; }


/*-----------------------------------------------------------------------------
AssociationPage
-----------------------------------------------------------------------------*/
.associationlogo { display: block; margin: 0 auto 15px; }
.metadatacontainer strong { display: block; }


/*-----------------------------------------------------------------------------
List
-----------------------------------------------------------------------------*/
body.t-list1 ul.listpages { margin-top: .5em; }
body.t-list1 ul.listpages li { padding: 1em 0; border-bottom: 1px solid #e5e5e5; }
body.t-list1 ul.listpages li h3 { margin-top: 0; }
body.t-list1 ul.listpages li img { float: right; margin: 0 0 1em 3em; }


/*-----------------------------------------------------------------------------
NewsLetterList
-----------------------------------------------------------------------------*/
body.t-newsletterlist1 ul.listnewsletters { margin-top: .5em; }
body.t-newsletterlist1 ul.listnewsletters li { padding: .5em; }
body.t-newsletterlist1 ul.listnewsletters li.even { background-color: #e4e4e4; }


/*-----------------------------------------------------------------------------
EducationInformation
-----------------------------------------------------------------------------*/
body.t-educationinformation1 ul#educations { margin-top: .5em; }
body.t-educationinformation1 ul#educations li { padding: .5em; }
body.t-educationinformation1 ul#educations li.even { background-color: #e4e4e4; }


/*-----------------------------------------------------------------------------
EducationalActivityList
-----------------------------------------------------------------------------*/
body.t-educationalactivitylist1 ul#educations { margin-top: .5em; }
body.t-educationalactivitylist1 ul#educations li { padding: .5em; }
body.t-educationalactivitylist1 ul#educations li.even { background-color: #e4e4e4; }


/*-----------------------------------------------------------------------------
EducationalActivity
-----------------------------------------------------------------------------*/
.t-educationalactivity1 .samerow { float: left; width: 125px; }
.t-educationalactivity1 textarea { width: 288px; height: 100px; border: 1px solid #ccc; font-family: inherit; font-size: 100%; }
.t-educationalactivity1 input.textfield { float: left; width: 188px; border: 1px solid #ccc; font-family: inherit; }
.t-educationalactivity1 .formgroup { margin-bottom: 5px; }
.t-educationalactivity1 .dropdown { float: left; width: 188px; font-family: inherit; font-size: 122%; }
.t-educationalactivity1 .radiobutton, .t-educationalactivity1 .checkbox { display: block; }
.t-educationalactivity1 .radiobutton input, .t-educationalactivity1 .checkbox input { vertical-align: middle; }
.t-educationalactivity1 hr { display: block; margin: 1em 0; }
.t-educationalactivity1 h2 { margin: 1em 0 0; }
.t-educationalactivity1 h2.divider { margin: 1em 0; }
.t-educationalactivity1 .buttons { margin-top: 30px; }
.t-educationalactivity1 #activitydata { background-color: #f8f8f8; padding: 10px; font-size: 91.67%; color: #777; margin: 1em 0; border: 1px solid #e5e5e5; }
.t-educationalactivity1 #activitydata .calendar { width: 79px; height: 66px; background: transparent url(Images/calendar.png) no-repeat; float: left; line-height: 1; margin-right: 10px; }
.t-educationalactivity1 #activitydata .month { text-align: center; text-transform: uppercase; color: #fff; font-size: 81%; padding-top: 7px; }
.t-educationalactivity1 #activitydata .day { margin: 0 4px 0 38px; text-align: center; color: #999; padding-top: 7px; }
.t-educationalactivity1 #activitydata .date { margin: 0 4px 0 38px; text-align: center; color: #999; font-size: 181%; font-weight: bold; padding-top: 3px; }
.t-educationalactivity1 #activitydata .textinfo { float: left; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; width: 286px; font-size: 145%; color: #999; margin-right: 10px; padding: 0 10px; height: 66px; }
.t-educationalactivity1 #activitydata a { }
.t-educationalactivity1 #activitydata span { color: #bbb; font-size: 87.77%; }
.t-educationalactivity1 #activitydata .topersonalcalendar { float: left; margin-top: 15px; }


/*-----------------------------------------------------------------------------
News
-----------------------------------------------------------------------------*/
body.t-newsitem1 .date { margin: 0; color: #777; font-size: 91.67%; }


/*-----------------------------------------------------------------------------
NewsList
-----------------------------------------------------------------------------*/
body.t-newslist1 ul.news { margin-top: 2em; border-top: 1px solid #e5e5e5; }
body.t-newslist1 ul.news li { padding: 1em 0; border-bottom: 1px solid #e5e5e5; }
body.t-newslist1 ul.news li h2 { margin-top: 0; }
body.t-newslist1 ul.news li img { float: right; margin: 0 0 1em 3em; }
body.t-newslist1 ul.news .date { color: #777; font-size: 91.67%; }
body.t-newslist1 ul.news .intro { display: inline; }
body.t-newslist1 ul.news .intro a { color: inherit; font-weight: normal; text-decoration: none; }


/*-----------------------------------------------------------------------------
NewsArchive
-----------------------------------------------------------------------------*/
body.t-newsarchive1 ul.news { margin-top: 2em; border-top: 1px solid #e5e5e5; }
body.t-newsarchive1 ul.news li { padding: 1em 0; border-bottom: 1px solid #e5e5e5; }
body.t-newsarchive1 ul.news li h2 { margin-top: 0; }
body.t-newsarchive1 ul.news li img { float: right; margin: 0 0 1em 3em; }
body.t-newsarchive1 ul.news .date { color: #777; font-size: 91.67%; }
body.t-newsarchive1 ul.news .intro { display: inline; }
body.t-newsarchive1 ul.news .intro a { color: inherit; font-weight: normal; text-decoration: none; }


/*-----------------------------------------------------------------------------
ApplicationForm
-----------------------------------------------------------------------------*/
.t-applicationform1 .samerow { float: left; width: 125px; }
.t-applicationform1 textarea { width: 288px; height: 100px; border: 1px solid #ccc; font-family: inherit; font-size: 100%; }
.t-applicationform1 input.textfield { float: left; width: 188px; border: 1px solid #ccc; font-family: inherit; }
.t-applicationform1 .formgroup { margin-bottom: 5px; }
.t-applicationform1 .dropdown { float: left; width: 188px; font-family: inherit; font-size: 122%; }
.t-applicationform1 .radiobutton, .t-applicationform1 .checkbox { display: block; }
.t-applicationform1 .radiobutton input, .t-applicationform1 .checkbox input { vertical-align: middle; }
.t-applicationform1 hr { display: block; margin: 1em 0; }
.t-applicationform1 h2 { margin: 1em 0 0; }
.t-applicationform1 h2.divider { margin: 1em 0; }
.t-applicationform1 .buttons { margin-top: 30px; }
.t-applicationform1 .topersonalcalendar { clear: right; float: right; }


/*-----------------------------------------------------------------------------
MetadataFilteredList
-----------------------------------------------------------------------------*/
body.t-metadatafilteredlist1 ul.listpages { margin-top: .5em; clear: both; }
body.t-metadatafilteredlist1 ul.listpages li { padding: 1em 0; border-bottom: 1px solid #e5e5e5; }
body.t-metadatafilteredlist1 ul.listpages li h2 { margin-top: 0; }
body.t-metadatafilteredlist1 ul.listpages li img { float: right; margin: 0 0 1em 3em; }