





/*_*_*_*_*_*_*_ CSS Default _*_*_*_*_*_*_*/
@media screen{
.hide {
display:none;
}
.hide-visually {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding:0 !important;
border:0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.dold {
background:transparent url("") left top repeat-x;
margin:0;
padding:0;
width:487px;
}
.is-scrollable-x {
overflow-x: auto;
}
hr {
height:1px;
color:#fff;
border:none;
border-top:1px solid #ddd;
margin:10px 0;
clear:both;
}
/*** http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack ***/
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear:both;
}
/******************* ALARM BANNER ***************************/
.alarm-banner {
background-color: #990000;
width: 100%;
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
.alarm-banner .container {
margin: 0 auto;
max-width: 600px;
padding: 5px;
}
.alarm-banner p {
color: #fff !important;
font-size: 125%;
}
/******************* BLANKA KOMPONENTER ********************/
.blank {
background:url("/digitalAssets/207/207717_3blank.gif") left top repeat-x;
height:0px;
}
}
/*_*_*_*_*_*_*_ CSS IG Admin _*_*_*_*_*_*_*/
@media screen{
.slotBox {
border:1px dotted #fdaf28;
}
.slotBox:hover {
border:1px solid #000;
}
.slotBox .componentContainer:hover, .slotBox .toolbox:hover, .slotBox .contentSearch:hover, .slotBox .hcitation:hover {
/*border:1px dashed #900;
color:#000;*/
}
.slotBox .inheritedslot p, .slotBox .inheritedslot ul li, .slotBox .inheritedslot h2, .slotBox .inheritedslot h3, .slotBox .inheritedslot .rightColHeader, .slotBox .inheritedslot p a, .slotBox .inheritedslot .author, .slotBox .inheritedslot .firstauthor, .slotBox .inheritedslot .title a, .slotBox .inheritedslot .toc a {
color:#999 !important;
}
.slotBox .inheritedslot img {
opacity:0.3;
filter:alpha(opacity=30);
}
.slotBox .inheritedslot p.editera a {
color:#c1002b !important;
}
.slotBox .componentContainer { /* Peters */
/*border:1px dotted #fdaf28;
margin: 2px;*/
clear:both;
}
.slotBox h2.slotName{
float:right;
margin:0;
padding:1px;
background:#fdaf28;
font-size:1em!important;
font-weight:700;
display:inline;
}
.igAddComponent {
background-color:#fff;
border:none;
clear:both;
float:left;
font-size:9px;
line-height:10px;
margin-top:6px;
padding:3px 0 6px;
display:block;
}
#flik .igAddComponent {
display:none;
}
/****** Felmeddelande *****/
.warningMessage {
color: #cc0000;
font-style: italic;
}
/****** Adminutseende artikel - valt sprak saknas *****/
.slotBox .languageVersionMissing,
.slotBox .warning {
border: 2px solid #ff3333;
padding: 5px;
display:block !important;
}
.slotBox .languageVersionMissing.colorbox,
.slotBox .warning.colorbox {
border: 2px solid #ff3333;
padding: 0px;
display:block !important;
}
/****** Adminutseende meny - valt sprak saknas *****/
.slotBox ul#menucontainer li a.languageVersionMissing {
background-color: #F66;
border: 2px solid #F33;
padding: 4px 11px 5px;
display:block !important;
}
.slotBox ul#menucontainer li a.languageVersionMissing:hover {
color: #333 !important;
border: 2px solid #F33 !important;
background-color: #FCC !important;
padding: 4px 11px 5px;
}
/****** Adminutseendet fÃ¶r bredden pÃ¥ egenskaperna i diva-komponenten ******/
select.propertyselect[name="publicationTypes"],
select.propertyselect[name="department"],
select.propertyselect[name="faculties"],
select.propertyselect[name="faculty"],
select.propertyselect[name="series"] {
max-width: none;
width: 230px;
height: 100px;
}
/********************* Component styling (green) - concept  **********************/
.component-marker h2.component-name {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0.2em;
background: #fdaf28;
opacity: 0.5;
font-size: 11px !important;
text-transform: none;
z-index: 20;
}
.component-marker:hover h2.component-name {
opacity: 1;
}
.component-marker {
outline: 1px dashed #8c8;
position: relative;
margin: 1px 0;
padding: 2px;
}
.component-marker:hover {
outline-color: #6b6;
outline-style: solid;
}
.component-marker h2.component-name {
background: #dcfaa0;
opacity: 0.3;
}
.component-marker .editBindingMenu ul,
.component-marker .component-controls ul {
opacity: 0.2;
}
.component-marker:hover .editBindingMenu ul,
.component-marker:hover .component-controls ul {
opacity: 1;
}
.component-content-state.working,
.component-content-state.published {
background-color: transparent !important;
border-left-width: 12px !important;
font-size: 11px !important;
height: 13px !important;
padding: 0px 5px !important;
}
#centerCol .component-marker h2, 
#centerColWide .component-marker h2, 
#leftColWide .component-marker h2 {
margin: 0px;
}
}
/*_*_*_*_*_*_*_ CSS Icons _*_*_*_*_*_*_*/
@media screen{
.assets ul  {
margin:10px 0 !important;
padding:0 !important;
list-style: none !important; 
line-height: 1.8em !important; 
}
.assets ul li {
list-style: none !important; 
padding:5px !important; 
}
.assets .pdf {
background:url("/digitalAssets/207/207717_3pdf.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .doc{
background:url("/digitalAssets/207/207717_3document.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .zip{
background:url("/digitalAssets/207/207717_3zip.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .image{
background:url("/digitalAssets/207/207717_3image.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .ppt{
background:url("/digitalAssets/207/207717_3ppt.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .pps{
background:url("/digitalAssets/207/207717_3pps.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .video{
background:url("/digitalAssets/207/207717_3video.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .worddoc{
background:url("/digitalAssets/207/207717_3word.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .excel{
background:url("/digitalAssets/207/207717_3excel.png") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .indd{
background:url("/digitalAssets/207/207717_3indd.png") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .dta{
background:url("") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .do{
background:url("/digitalAssets/207/207717_3do.png") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .audio{
background:url("/digitalAssets/207/207717_3audio.gif") left top no-repeat;
padding: 3px 0 0 20px;
}
.assets .pdf:hover {
background:url("/digitalAssets/207/207717_3pdf.gif") left top no-repeat #eee;
}
.assets .doc:hover {
background:url("/digitalAssets/207/207717_3document.gif") left top no-repeat #eee;
}
.assets .zip:hover {
background:url("/digitalAssets/207/207717_3zip.gif") left top no-repeat #eee;
}
.assets .image:hover {
background:url("/digitalAssets/207/207717_3image.gif") left top no-repeat #eee;
}
.assets .ppt:hover {
background:url("/digitalAssets/207/207717_3ppt.gif") left top no-repeat #eee;
}
.assets .pps:hover {
background:url("/digitalAssets/207/207717_3pps.gif") left top no-repeat #eee;
}
.assets .video:hover {
background:url("/digitalAssets/207/207717_3video.gif") left top no-repeat #eee;
}
.assets .worddoc:hover {
background:url("/digitalAssets/207/207717_3word.gif") left top no-repeat #eee;
}
.assets .excel:hover {
background:url("/digitalAssets/207/207717_3excel.png") left top no-repeat #eee;
}
.assets .indd:hover {
background:url("/digitalAssets/207/207717_3indd.png") left top no-repeat #eee;
}
.assets .dta:hover {
background:url("") left top no-repeat #eee;
}
.assets .do:hover {
background:url("/digitalAssets/207/207717_3do.png") left top no-repeat #eee;
}
.assets .audio:hover {
background:url("/digitalAssets/207/207717_3audio.gif") left top no-repeat #eee;
}
a.pdf {
background:url("/digitalAssets/207/207717_3pdf.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.pdf:hover {
background:url("/digitalAssets/207/207717_3pdf.gif") right bottom no-repeat #eee;
}
a.doc{
background:url("/digitalAssets/207/207717_3document.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.doc:hover {
background:url("/digitalAssets/207/207717_3document.gif") right bottom no-repeat #eee;
}
a.image{
background:url("/digitalAssets/207/207717_3image.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.image:hover {
background:url("/digitalAssets/207/207717_3image.gif") right bottom no-repeat #eee;
}
a.ppt{
background:url("/digitalAssets/207/207717_3ppt.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.ppt:hover {
background:url("/digitalAssets/207/207717_3ppt.gif") right bottom no-repeat #eee;
}
a.pps{
background:url("/digitalAssets/207/207717_3pps.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.pps:hover {
background:url("/digitalAssets/207/207717_3pps.gif") right bottom no-repeat #eee;
}
a.video{
background:url("/digitalAssets/207/207717_3video.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.video:hover {
background:url("/digitalAssets/207/207717_3video.gif") right bottom no-repeat #eee;
}
a.worddoc{
background:url("/digitalAssets/207/207717_3word.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.worddoc:hover {
background:url("/digitalAssets/207/207717_3word.gif") right bottom no-repeat #eee;
}
a.audio{
background:url("/digitalAssets/207/207717_3audio.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.audio:hover {
background:url("/digitalAssets/207/207717_3audio.gif") right bottom no-repeat #eee;
}
a.zip{
background:url("/digitalAssets/207/207717_3zip.gif") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.zip:hover {
background:url("/digitalAssets/207/207717_3zip.gif") right bottom no-repeat #eee;
}
a.excel{
background:url("/digitalAssets/207/207717_3excel.png") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.excel:hover {
background:url("/digitalAssets/207/207717_3excel.png") right bottom no-repeat #eee;
}
a.indd{
background:url("/digitalAssets/207/207717_3indd.png") right bottom no-repeat;
padding: 2px 20px 0 0;
margin:0 5px 0 0;
}
a.indd:hover {
background:url("/digitalAssets/207/207717_3indd.png") right bottom no-repeat #eee;
}
a.dta{
background:url("") right bottom no-repeat;
padding: 2px 38px 0px 0;
margin:0 5px 0 0;
}
a.dta:hover {
background:url("") right bottom no-repeat #eee;
}
a.do{
background:url("/digitalAssets/207/207717_3do.png") right bottom no-repeat;
padding: 3px 20px 0px 0px;
margin:0 5px 0 0;
}
a.do:hover {
background:url("/digitalAssets/207/207717_3do.png") right bottom no-repeat #eee;
}
}
/*_*_*_*_*_*_*_ CSS Language _*_*_*_*_*_*_*/
@media screen{
#LanguageChangeLink {
float:right;
margin-right: 5px;
}
/***** Published - language version missing *****/
.languageVersionMissing {
display:none;
}
}
/*_*_*_*_*_*_*_ CSS Main _*_*_*_*_*_*_*/
/* ----------------------------------------------------
anvand inte! ska tas bort.
---------------------------------------------------- */
@media screen{
/******************* TIPSA - hittar inte *******************/
.tellasFriend {
background:url("") left no-repeat;
margin-left:2em;
padding-left:2em;
padding-top:0.2em;
}
label[for="tip_name"] {
width:150px;
}
/************* hittar inte ********************/
.colHeader {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:500;
text-transform: none;
color:#333;
padding:0 0 0 3px;
margin: 7px 10px 0px 12px;
border-bottom:1px dotted #ddd;
}
#rightCol .colHeader {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:500;
text-transform: none;
color:#900;
padding:0 0 0 3px;
margin: 7px 10px 0px 12px;
border-bottom:1px solid #333;
}
.rightColHeader {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:500;
text-transform: none;
color:#333;
padding:0 0 0 3px;
margin: 7px 0px 0px 0px;
border-bottom:1px solid #333;
}
/********** TEXT STYLES - hittar inte *******/
.code, .Code {
padding: 10px;
font-size:10px;
font-family:Courier New, Arial;
background-color:#efefef;
border: 1px solid #929292;
}
/*************** betastylning - hittar inte ************/
.betatext {
margin:10px 26px 20px;
border:1px solid #8f6603;
padding: 10px 10px 0;
background:#fce4ab;
}
.betatext p{
}
/*************** Categories - hittar inte ************/
.categories {
display:none;
}
/******************* Visning av e-post for sakerhet - hittar inte ********************/
.emailNotVisible {
display:none;
}
/********************** Paginering - var anvands detta? **************************/
.pagerBlock {
margin: 0 auto 15px;
padding: 10px;
text-align: center;
width: 465px;
float:left;
}
.pagerJump, .pagerPages {
float:left;
}
.pagerJump a.pagerLink{
padding:0 10px 0 0;
}
.pagerJump{
padding:0 10px 0 10px;
width:50px
}
.pagerPages {
width:315px;
padding:0 10px 0 0;
}
#rightCol .pagerBlock {
font-size:0.9em;
margin: 0 auto 15px;
padding: 8px;
text-align: center;
width: auto;
}
#rightCol .pagerJump, #rightCol .pagerPages {
float:left;
}
#rightCol .pagerJump a.pagerLink{
padding:0 8px 0 0;
}
#rightCol .pagerJump{
padding:0 10px 0 10px;
width:auto
}
#rightCol .pagerPages {
width:auto;
padding:0 10px 0 0;
}
}
/*_*_*_*_*_*_*_ CSS ReadSpeaker _*_*_*_*_*_*_*/
@media screen{
.rsbtn_powered {
display: none !important;
}
}
/*_*_*_*_*_*_*_ CSS Text Format  _*_*_*_*_*_*_*/
@media screen{
body {
font-family: verdana, arial, "trebuchet ms",sans-serif;
font-size: 0.7em;
padding: 0;
margin: 0 auto;
background:#fff;
}
p, li, td {
font-size:1.0em;
font-family:Verdana,sans-serif;
line-height:1.5em;
color: #333333;
margin-top: 0;
}
p {
margin-bottom: 8px;
}
/*** rubriker ***/
/** h1 **/
h1 {
font-size:2.0em;
font-weight:normal;
margin:1px 0 10px;
padding: 0px 0 0;
font-family:Arial,verdana,sans-serif;
Border-bottom: 1px solid #999;
color:#444;
text-transform:none
}
span.siteName {
border:medium none;
color:#333333;
display:table-cell;
font-family:Arial;
font-size:2.3em;
font-weight:normal;
height:80px;
line-height:1.2em;
padding-left:30px;
text-align:left;
vertical-align:bottom;
width:800px;
}
#leftCol h1, #rightCol h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:500;
text-transform: none;
color:#444;
padding:0 0 5px 0px;
margin: 7px 0px 0px 0px;
border-bottom:none;
}
.toppImg h1{
border:none;
}
/** h2 **/
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:500;
text-transform: none;
color:#444;
padding:0px;
margin: 6px 0px 0px 0px;
border:none;
}
#centerCol h2, #centerColWide h2, #leftColWide h2 {
margin: 15px 0px 6px 0px;
}
#leftColBottom h2, #centerColBottom h2 {
margin: 6px 0px 0px 0px;
}
#centerCol .articleText h2, #centerColWide .articleText h2, #leftColWide .articleText h2 {
}
#rightCol h2 {
padding:0 5px 0 0;
}
#leftCol h2 {
padding:0 0 0 0px;
}
#centerBottomArea h1, 
#secondCenterBottomArea h1,
#leftColBottom h1,
#centerColBottom h1 {
font-size:1.5em;
border-bottom:none;
margin:0 0 5px;
}
#centerBottomArea h2, #secondCenterBottomArea h2 {
}
#centerBottomArea .miniarticleWrapper h2,
#secondCenterBottomArea .miniarticleWrapper h2 {
margin: 15px 0px 6px 0px;
}
#centerBottomArea .miniarticleWrapper .miniArticleContent h2,
#secondCenterBottomArea .miniarticleWrapper .miniArticleContent h2 {
margin: 0px 0px 6px 0px;
}
.emplist h2 {
margin:0 0 6px 0;
}
#centerColFour h2, 
#middleColFour h2, 
#rightColFour h2, 
#centerColFourBottomLeft h2, 
#centerColFourBottomRight h2 {
background:none;
color:#444;
margin:0;
}
h2 a {
}
/** h3 **/
h3 {
font-size:1.2em;
font-family: verdana, Arial;
margin:15px 0 5px 0;
padding:0;
color:#666;
}
h3 a {
border-bottom:1px solid #c1002b;
text-decoration:none;
color:#c1002b;
}
h3 a:hover {
border-bottom:1px solid #cc0066;
text-decoration:none;
color:#cc0066;
background:#eee;
}
#articleContent #centerColWide h3, 
#articleContent #centerColWide h2, 
#articleContent #centerColWide p {
max-width:460px;
}
/** h4 **/
/* ingress */
h4 {
font-size:1.0em;
font-family:Verdana,Arial;
font-weight:700;
line-height:1.5em;
color: #444;
margin:5px 0 8px 0;
}
#leftCol h4, #centerCol h4 {
display:block;
line-height:1.5em;
font-size:1.0em;
font-family:Verdana,Arial,sans-serif;
font-weight:700;
color: #444;
margin:0px 0 8px 0;
}
#centerColWide h4 {
max-width:460px;
}
/** h5 **/
/* Citat */
h5  {
font-size:1.15em;
font-weight:500;
font-style:italic;
font-family: verdana,Arial;
margin:10px 0;
padding:0 0 0 0px;
color: #333333;
}
/**************** Ingress stylning ************/
#leftCol p.ingress {
margin-left:10px;
}
#rightCol p.ingress {
margin-right:5px;
}
.ingress {
font-weight:700;
}
/******************* LISTOR ***************************/
ul {
list-style-image:url("/digitalAssets/207/207717_3dot.gif");
padding: 0;
margin:0 0 10px 20px;
}
ul li ul {
list-style-image:url("/digitalAssets/207/207717_3line.gif");
margin:0 0 0 20px;
}
ol {
padding: 0;
margin:0 0 0 30px;
}
ol li ol {
margin:0 0 0 20px;
}
/******************* LISTOR i mittenkolumn ***************************/
#centerCol ul, #centerColWide ul{
list-style-image:url("/digitalAssets/207/207717_3dot.gif");	
}
#centerCol ol, #centerColWide ol{
list-style-image:none;
}
#centerCol ul li, #centerCol ol li, #centerColWide ul li, #centerColWide ol li {
padding: 0px;
margin:0 0 3px;
color:#333;
}
#centerCol ul li ul,  #centerColWide ul li ul {
list-style-image:url("/digitalAssets/207/207717_3line.gif");
margin:5px 0 0 2.2em;
}
/*************************** Links **************************/
a {
color:#c1002b;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#cc0066;
}
a.selected {
color:#c1002b;
}
a img,
p a img,
li a img{
border:none;
}
a.noborder, 
a.noborder:hover {
border:none !important;
background: transparent;
}
a img[border="1"],
p a img[border="1"],
li a img[border="1"],
a.noborder img[border="1"] {
border: 1px solid #000;
}
a img[border="2"],
p a img[border="2"],
li a img[border="2"],
a.noborder img[border="2"] {
border: 2px solid #000;
}
a img[border="3"],
p a img[border="3"],
li a img[border="3"],
a.noborder img[border="3"] {
border: 3px solid #000;
}
/*********************** Ankare **********************/
a[name]{
color:#333;
text-decoration:none;
border-bottom:none !important;
}
a[name]:hover {
color:#333;
text-decoration:none;
border-bottom:none !important;
}
/*********************** Links in text ***********************/
.feedStyle a, p a {
color:#c1002b;
text-decoration:none;
border-bottom:1px solid #c1002b;
}
.feedStyle a:hover, p a:hover {
background: #F6F6F6;
border-bottom: 1px solid #cc0066 !important;
color:#cc0066 !important;
text-decoration:none;
}
.feedStyle a:visited, p a:visited{
border-bottom: 1px solid #660000;
color:#660000;
}
.feedStyle a.selected, p a.selected {
color:#c1002b;
}
/*********************** Links in lists ***********************/
li a {
color:#c1002b;
text-decoration:none;
border-bottom:none
}
li a:hover {
background:#eee;
border-bottom: 1px solid #cc0066 !important;
color:#cc0066 !important;
text-decoration:none;
}
li a:visited{
border-bottom: 1px solid #660000;
color:#660000
}
li a.selected {
color:#c1002b;
}
.empList li a:hover,
.empList li a:visited,
.empList li a.obEmail:visited {
border-bottom: none !important;
background:none !important;
}
/*************** Tabell ************/
caption {
color:#666666;
font-family:Arial,verdana,sans-serif;
font-size:1.5em;
font-weight:500;
margin:15px 0 10px;
padding:0;
text-align:left;
}
table {
margin-bottom:10px;
}
th {
padding:5px;
font-size:1.1em;
background:#eaeaea;
color:#333;
text-align:left;
border:none;
border-right: 1px solid #ddd;
}
td {
vertical-align:top;
padding:3px; 
font-size:11px;
text-align:left;
}
td a {
text-decoration:none;
}
td a:hover {
text-decoration:underline;
}
td p {
font-size:11px; 
padding:5px;      
}
/************** Paragraph Text **************/
#rightCol p {
padding:0;	
}
}

