/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
*    and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible;  /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
@charset "UTF-8";
@font-face {
font-family: 'fontello';
src: url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_fontelloeot.eot?98401904");
src: url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_fontelloeot.eot?98401904#iefix") format('embedded-opentype'), 
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_fontellowoff.woff?98401904") format('woff'), 
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_fontellottf.ttf?98401904") format('truetype'), 
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_fontellosvg.svg?98401904#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
}
.icon-info:before { content: '\2139'; } 
.icon-home:before { content: '\2302'; } 
.icon-menu:before { content: '\2630'; } 
.icon-th-list:before { content: '\e802'; } 
.icon-layout:before { content: '\268f'; } 
.icon-th:before { content: '\e801'; } 
.icon-cog-1:before { content: '\2699'; } 
.icon-cog-2:before { content: '\e800'; } 
.icon-mail:before { content: '\2709'; } 
.icon-check:before { content: '\2713'; } 
.icon-cancel:before { content: '\2715'; } 
.icon-cancel-circled:before { content: '\2716'; } 
.icon-cancel-squared:before { content: '\274e'; } 
.icon-cog:before { content: '\e00a'; } 
.icon-lightbulb:before { content: '\e00e'; } 
.icon-desktop:before { content: '\e011'; } 
.icon-doc:before { content: '\e018'; } 
.icon-params:before { content: '\e01f'; } 
.icon-calendar-1:before { content: '\e02b'; } 
.icon-calendar-3:before { content: '\e10b'; } 
.icon-user-add:before { content: '\e700'; } 
.icon-info-circled:before { content: '\e705'; } 
.icon-map:before { content: '\e727'; } 
.icon-rss:before { content: '\e73a'; } 
.icon-popup:before { content: '\e74c'; } 
.icon-align-justify:before { content: '\e781'; } 
.icon-list-bullet:before { content: '\f0ca'; } 
.icon-user-1:before { content: '\e804'; } 
.icon-users-1:before { content: '\e803'; } 
/* ---------------------------------------------
BASE CSS FOR UPPSALA UNIVERSITET
- Contains default styling for elements
--------------------------------------------- */
@font-face {
font-family: 'BerlingRoman';
src: url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_berlingroman-webfonteot.eot");
src: url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_berlingroman-webfonteot.eot#iefix") format("embedded-opentype"),
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_berlingroman-webfontwoff.woff") format("woff"),
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_berlingroman-webfontttf.ttf") format("truetype"),
url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_berlingroman-webfontsvg.svg") format("svg");
font-weight: normal;
font-style: normal;
}
html {
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
body {
color: #050505;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
padding: 0;
min-width: 320px;
}
a {
color: #2b5681;
}
a:hover {
cursor: pointer!important;
}
p {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 2em;
margin-top: 0;
}
p a {
font-weight: bold;
}
h1, h2 {
font-weight: normal;
margin: 0;
margin-bottom: 13px;
padding-bottom: 10px;
}
h1 {
font-family: "BerlingRoman", serif;
}
h2 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
text-transform: uppercase;
}
ul {
list-style: square;
}
ul a {
text-decoration: none;
}
li p {
margin: 1em 0 0.5em;
}
em {
font-style: italic;
}
strong {
font-weight: bold!important;
}
h2.is-helvetica {
font-size: 1.6em;
}
img[usemap] {
max-width: none;
}
.clearfix:before,
.clearfix:after,
.unit:before,
.unit:after,
.container:before,
.container:after,
.calendar-list li:before,
.calendar-list li:after,
.article:before,
.article:after,
.section:before,
.section:after {
content: "";
display: table;
} 
.clearfix:after,
.unit:after,
.container:after,
.calendar-list li:after,
.article:after,
.section:after {
clear: both;
}
.clearfix,
.unit,
.container,
.calendar-list li
.article,
.section {
zoom: 1; 
}
.article p a:hover,
.news-information a:hover,
.tab-item a:hover {
background-color: #e5e5e5;
text-decoration: underline;
}
.article.is-expanded-full-width a:hover {
background-color: #D3D3D3;
}
a.article-module:hover {
background-color: transparent;
}
.grey-content a:hover {
background-color: #212121;
}
.module a:hover {
text-decoration: underline;
background-color: transparent;
}
.hide {
display:none;
}
.btn,
button,
input[type="submit"],
input[type="reset"] {
background-color: #333;
border: 3px solid #333;
border-radius: 3px;
color: #fff !important;
font-size: 0.9rem;
padding: 2px 5px;
text-decoration: none !important;
}
.btn {
display: inline-block;
}
.btn:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #4f4f4f;
border-color: #4f4f4f;
}
.btn.disabled,
button.disabled {
background-color: #aaa;
border-color: #aaa;
color: #eee !important;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
textarea {
padding: 3px 7px;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
textarea,
select {
border: 1px solid #CCC;
border-radius: 2px;
}
label {
display: block;
}
.placeholder {
color: #999;
}
.search .placeholder {
padding-top: 5px !important;
}
iframe {
border: none;
}
.sigill {
background-size: 100%;
pointer-events: none;
position: absolute;
right: -623px;
width: 850px;
}
.not-centralised .sigill {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_sigill-not-centralised.png') top left no-repeat;
height: 642px;
top: 78px;
z-index: 5;
}
.centralised .sigill {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_sigill-centralised.png') top left no-repeat;
height: 595px;
top: 125px;
z-index: 11;
}
.centralised .no-menu .sigill {
z-index: 30;
}
.anno {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_bg-anno-1477.png') top left no-repeat;
height: 169px;
left: -281px;
pointer-events: none;
position: absolute;
top: 752px;
width: 376px;
z-index: 10;
}
.bg-city {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_bg-city.png') top left no-repeat;
height: 469px;
pointer-events: none;
position: absolute;
right: -317px;
top: -469px;
width: 951px;
z-index: 10;
}
.alert {
background-color: #990000;
color: #fff;
min-height: 30px;
padding-top: 0.8em;
position: relative;
z-index: 6;
}
.alert p {
font-size: 1.125em;
line-height: 1.3em;
margin-bottom: 0.8em;
}
.alert a {
color: #fff;
}
/* ----------------------------------------------------
LAYOUT CSS FOR UPPSALA UNIVERSITET
- Contains rules to divide page into sections and also to define the grid
----------------------------------------------------*/
.container {
margin: 0 auto;
position: relative;
width: 1140px;
}
.l-article-wrap .container {
width: 100%;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
float: left;
margin-right: 2.1052631578947368421052631600%; /* 24px / 1140px */
}
.row .onecol {
width: 6.4035087719298245614035087700%; /* 73px / 1140px */
}
.row .twocol {
width: 14.912280701754385964912280700%; /* 170px / 1140px */
}
.row .threecol {
width: 23.421052631578947368421052630%; /* 267px / 1140px */
}
.row .fourcol {
width: 31.929824561403508771929824560%; /* 364px / 1140px */
}
.row .fivecol {
width: 40.438596491228070175438596490%; /* 461px / 1140px */
}
.row .sixcol {
width: 48.947368421052631578947368420%; /* 558px / 1140px */
}
.row .sevencol {
width: 57.456140350877192982456140350%; /* 655px / 1140px */
}
.row .eightcol {
width: 65.964912280701754385964912280%; /* 752px / 1140px */
}
.row .ninecol {
width: 74.473684210526315789473684210%; /* 849px / 1140px */
}
.row .tencol {
width: 82.98245614035087719298245614%; /* 946px / 1140px */
}
.row .elevencol {
width: 91.49122807017543859649122807%; /* 1043px / 1140px */
}
.row .twelvecol {
float: left;
width: 100%;
}
.last {
margin-right: 0px!important;
}
img, object, embed, figure {
max-width: 100%;
}
.unit {
float: left;
margin-right: 2.2573363431151241534988713300%; /* 20px / 886px */
min-height: 1px;
position: relative;
}
.unit img {
display: block; /* To prevent default inline-block to create extra space at the bottom */
}
.size1of1 {
margin-right: 0!important;
width: 100%;
}
.size1of2 {
width: 48.871331828442437923250564330%; /* 433px / 886px */
}
.size1of3 {
width: 31.828442437923250564334085780%; /* 282px / 886px */
}
.size2of3 {
width: 65.124153498871331828442437920%; /* 577px / 886px */
}
*+html .size1of3 { width: 31.79%; } /* Temporary hack for bug in ie 7 where the three footer articles doesn't fit */
.size1of4 {
width: 24.435665914221218961625282170%; /* 216,5px / 886px */
}
.size3of4 {
width: 73.306997742663656884875846500%; /* 649,5px / 886px */
}
.size1of5 {
float: left;
margin-right: 1.693002257336343115124153500%; /* 15px / 886px */
width: 18.623024830699774266365688490%; /* 165px / 886px */
}
#readspeaker-content > div,
#readspeaker-content > section {
margin-bottom: 2.5em;
}
.l-main-container {
margin-bottom: 80px;
position: relative;
min-height: 985px; /* To prevent semi transparent city to overlap the UU seal  */
}
.main-wrapper {
overflow: hidden;
}
.l-left-nav-wrap {
background-color: #f2f2f2;
font-size: 0.875em; /* 14 / 16 */
outline: 5px solid #fff;
padding-bottom: 20px;
position: absolute;
left: -5759px;
width: 6000px;
z-index: 2002; 
}
.breadcrumbs {
font-size: 0.75em;
margin-top: -31px;
position: absolute;
left: 0;
}
.breadcrumbs a { 
color: #000;
text-decoration: none;
}
.breadcrumbs a:after {
color: #AAA;
content: '/';
padding-left: 4px;
padding-right: 2px;
}
.breadcrumbs span { 
color: #AAA;
}
.Ettan a.breadcrumb-uu-link {
display: none;
}
.l-article-wrap {
float: right;
margin-right: 0;
min-height: 400px;
width: 77.719298245614035087719298250%; /* 886px / 1140px */
}
.l-main-container .page-content {
margin-top: 50px;
min-height: 960px;
z-index: 12;
}
.header-element {
background: #f2f2f2;
margin-bottom: 0;
position: relative;
}
.top-stripe {
background: #000 url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-stripe.jpg') top center no-repeat;
height: 17px;
padding-top: 7px;
position: relative;
z-index: 101;
}
.top-links {
height: 100%;
text-align: right;
z-index: 7;
}
.top-links a {
color: #fff;
font-size: 0.75em; /* 12 / 16 */
text-decoration: none;
}
.top-links > a {
float: right;
}
.top-links .changerLink,
.top-links .login {
margin-left: 20px;
}
.top-links .login {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-nav-separator-white.png') 0 0 no-repeat;
float: right;
height: 100%;
padding-left: 20px;
position: relative;
z-index: 6;
}
.top-links .login a {
display: block;
padding: 0 0 3px 0;
}
.top-links .dropdown {
z-index: 5;
position: absolute;
right: 0;
background-color: #333;
clear: right;
text-align: left;
padding: 1px;
visibility: hidden;
font-size: 1.2em;
margin: 0;
}
.top-links .login:hover .dropdown,
.top-links .dropdown:hover {
visibility: visible;
}
.top-links .login:hover > a {
text-decoration: underline;
}
.top-links .dropdown a {
margin: 0;
display: block;
font-weight: normal;
padding: 9px 50px 9px 10px;
border-left: 7px solid #666;
}
.top-links .dropdown a:hover {
background-color: #fff;
color: #333;
text-decoration: none;
border-color: #bbb;
}
.top-links .dropdown li {
list-style: none;
}
.top-links a:hover {
text-decoration: underline;
}
.site-name {
background-color: #FFF;
border-radius: 20px 0px 0px 0px;
height: 25px;
font-size: 1.3em;
padding: 15px 5000px 7px 20px;
position: absolute;
bottom: 0;
left: 241px;
width: 871px;
}
.site-name-link {
display: inline-block;
position: relative;
z-index: 6;
}
.site-name-link,
.local-nav-mobile-header a {
color: #050505;
text-decoration: none;
}
.site-name-link-with-logo {
margin: -5px 0 0 -5px;
}
.site-name-logo {
max-height: 31px;
}
.logo-wrap {
display: block;
position: relative;
}
.logo {
-ms-interpolation-mode: bicubic;
display: block;
position: absolute; /* Must be placed here and not on the wrapper to avoid IE8 bug */
top: 19px;
left: 0;
max-height: 85px;
width: 90px;
}
.only-print,
.logo.print {
display: none;
}
.top-content {
height: 125px;
}
.top-nav {
margin-top: 0;
margin-bottom: 0;
padding: 0;
white-space: nowrap;
}
.top-nav li {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-nav-separator-black.png') 0 3px no-repeat;
float: left;
list-style: none;
margin-left: 28px;
padding-left: 28px;
}
.top-nav .first {
background: none;
margin-left: 0;
padding-left: 0;
}
.top-nav a {
border-bottom: 6px solid transparent;
color: #000;
display: block;
padding-bottom: 7px;
text-decoration: none;
}
.top-nav a:hover {
border-bottom: 6px solid #ccc;
}
.top-nav .active a {
border-bottom: 6px solid #000;
font-weight: bold;
}
.top-nav.first-level,
.top-nav.second-level {
display: block;
}
.top-nav.second-level {
float: right;
}
.top-nav.second-level a,
.top-nav.second-level a:hover,
.top-nav.second-level .active a {
border-bottom-width: 3px;
}
.top-nav.second-level {
margin-top: 3px;
}
.top-nav.second-level li {
background-position: 0 1px;
font-size: 0.75em;
margin-left: 20px;
padding-left: 20px;
}
header .top-nav.first-level {
float: left;
margin-left: 255px;
}
header .top-nav-wrap {
margin-top: 88px;
}
header .top-nav-uu-link-wrap {
display: none;
}
.top-nav-dark {
background: #000;
display: none;
}
.top-nav-dark .top-nav li {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-nav-separator-white.png') 0 2px no-repeat;
}
.top-nav-dark .top-nav li.first {
background: none;
}
.top-nav-dark .top-nav.first-level li {
padding-bottom: 15px;
}
.top-nav-dark .top-nav a {
color: #FFF;
}
.top-nav-dark .top-nav a:hover {
border-bottom-color: #FFF;
}
.not-centralised .top-nav-dark {
border-bottom: 1px solid #fff;
}
.top-nav-uu-link-wrap {
border-bottom: 1px solid #333;
margin-bottom: 20px;
padding: 20px 0;
}	
.top-nav-uu-link {
color: #AAA;
font-size: 1.25em;
text-decoration: none;
}
.central-nav-icon {
float: right;
margin-top: -8px;
width: 37px;
z-index: 120;
}
.central-nav-icon:hover {
cursor: pointer;
}
.central-nav-icon.up {
position: relative;
right: -37px;
}
.central-nav-icon.up,
.central-nav-icon.down.menu-visible {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.25s ease-in-out ;
-moz-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.central-nav-icon.down,
.central-nav-icon.up.menu-visible {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.25s ease-in-out ;
-moz-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.centralised .central-nav-icon {
display: none;
}
.mobile-nav-icon {
cursor: pointer;
margin-top: 1px;
position: absolute;
right: 0;
width: 35px;
}
.local-nav-mobile {
background-color: rgba(242, 242, 242, 0.4);
display: none;
position: relative;
z-index: 12;
}
.local-nav-mobile-header {
background-color: #ccc;
border-top: 12px solid #fff;
cursor: pointer;
display: none;
height: auto;
position: relative;
width: 100%;
z-index: 5;
}
.local-nav-mobile-icon {
display: inline-block;
float: left;
}
.local-nav-mobile-menu-icon {
height: 25px;
margin: 12px;
}
.local-nav-mobile-icon img {
-ms-transform: rotate(-90deg); 
-webkit-transform: rotate(-90deg); 
transform: rotate(-90deg);
-webkit-transition: 0.25s ease all;
-moz-transition: 0.25s ease all;
-o-transition: 0.25s ease all;
transition: 0.25s ease all;
}
.local-nav-mobile-icon.menu-visible img {
-ms-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
transform: rotate(0deg);
}
.local-nav-mobile .mobile-top-menu > li.active a {
background-color: #fff;
}
.local-nav-mobile > ul {
margin: 0;
padding-left: 0;
}
.local-nav-mobile li {
border-bottom: 1px solid #CCC;
list-style: none;
}
.local-nav-mobile li a {
color: #000;
display: block;
font-size: 0.875em; /* 14 / 16 */
padding: 18px 2.5%;
text-decoration: none;
}
.local-nav-mobile ul.menuLevel0 {
border-top: 50px solid #f3f3f3;
}
.local-nav-mobile ul.menuLevel0 li:first-child {
border-top: 1px solid #ccc;
}
.local-nav-mobile ul.menuLevel0 > li.active:first-child {
border-top-color: #999;
}
.local-nav-mobile ul.menuLevel1,
.local-nav-mobile ul.menuLevel2 {
margin: 0;
padding: 0;
}
.local-nav-mobile ul:first-child {
border-top: none;
}
.local-nav-mobile .menuLevel1 li a {
padding-left: 40px;
}
.local-nav-mobile .menuLevel2 li a {
padding-left: 80px;
}
.local-nav-mobile li.active > a {
background-color: #ccc;
font-weight: bold;
}
.local-nav-mobile .menuLevel1 li:last-child {
border-bottom: none;
}
.current-page a {
cursor: pointer;
}
.current-page {
display: block; 
font-size: 1.625em; /* 26 / 16 */
padding-right: 40px;
position: absolute;
top: 10px;
left: 3%;
}
.menu-title {
font-size: 0.875em; /* 14 / 16 */
font-weight: bold;
position: absolute;
right: 60px;
top: 20px;
}
header .searchForm {
position: relative;
z-index: 100;
}
.search {
position: absolute;
right: 0;
top: 15px;
z-index: 2;
}
.search input {
border: none;
float: left;
}
.search input[type=search] {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_search-textbox.png') top left no-repeat;
height: 24px;
margin-right: 5px;
padding: 3px 7px;
width: 172px;
}
.search input[type=image] {
margin-top: 1px;
width: 29px;
}
input.submit-icon {
background-color: #3B3B3B;
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_icon-search.png') 0 -71px no-repeat;
border: 0;
display: block;
font-size: 0;
line-height: 0;
height: 29px;
margin-top: 1px;
text-indent: -999px;
width: 29px;
}
input.submit-search {
background-position: 0 -71px;
}
.search-domain {
font-size: 0.8125em;
padding-bottom: 15px;
}
.mobile-search-container {
display: none;
position: absolute; 
top: 38px;
right: 2.5%;
}
.mobile-search {
overflow: hidden;
width: 215px;
}
.mobile-search input {
float: left;
}
.mobile-search input[type="search"] {
background: #FFF !important;
border: 1px solid #CCC;
border-radius: 3px;
display: none;
height: 25px;
margin-right: 19px !important;
padding: 4px;
position: absolute !important;
right: 25px;
top: 23px !important;
left: auto !important;
-webkit-appearance: none;
width: 0px;
}
.mobile-search input[type="submit"] {
background: transparent url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_icon-search.png') 0 0 no-repeat;
background-size: 35px 64px;
border: none;
height: 35px;
margin-left: 5px;
position: absolute;
right: 2px;
top: 22px;
width: 35px;
}
.tt-dropdown-menu {
background: #FFF;
border: 1px solid #CCC;
border-top: none;
min-width: 184px;
z-index: 2500 !important;
}
.tt-dataset-suggs h4 {
border-bottom: 1px solid #e5e5e5;
font-weight: bold;
margin: 0;
padding: 1em 10px 0.5em;
}
.tt-dataset-suggs p {
margin: 0;
}
.tt-dataset-suggs p:selected {
background: grey;
}
.tt-suggestion {
padding: 4px 10px 3px;
}
.tt-suggestion + .tt-suggestion {
border-top: 1px solid #e5e5e5;
}
.twitter-typeahead {
vertical-align: top !important;
}
.tt-dropdown-menu {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion.tt-cursor {
background-color: #e5e5e5;
cursor: pointer;
}
span.twitter-typeahead {
display: inline !important;
position: static !important;
}
.mobile-search .tt-dropdown-menu {
margin-top: 56px;
margin-left: -4px;
min-width: 173px;
}
/* ---------------------------------------------------- */
/* CSS FOOTER FOR UPPSALA UNIVERSITET					*/
/* ---------------------------------------------------- */
.footer-element {
background: #000 url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_footer-statues.jpg') top center no-repeat;
clear: both;
color: #fff;
position: relative;
}
.footer-element:before {
background-color: #333;
content: ' ';
height: 45px;
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.footer-element a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}
.footer-content-wrap {
line-height: 1.5em;
min-height: 303px;
padding-bottom: 60px;
position: relative;
}
.footer-element h3 {
font-size: 1em;
font-weight: bold;
margin-top: 11px;
text-transform: uppercase;
}
.footer-content {
margin-top: 25px;
padding-right: 70px;
}
.footer-content ul {
padding-left: 0;
}
.footer-content li {
list-style: none;
list-style-image: none;
margin-bottom: 0.5em;
}
.footer-content img {
display: inline;
margin-right: 5px;
}
.footer-site-information {
font-size: 0.75em; /* 12 / 16 */
line-height: 1.75em;
margin: 20px 2.5% 10px;
text-align: center;
width: 95%;
}
.footer-site-entry {
white-space: nowrap;
}
.separator {
background-color: #fff;
display: inline-block;
height: 12px;
margin: 0 10px;
width: 1px;
}
.footer-stripe {
height: 88px;
background: #000 url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_footer-stripe.jpg') top center no-repeat;
}
.footer-goto-top {
display: block;
padding: 25px 0;
text-transform: uppercase;
}
.footer-goto-top span {
display: block;
font-size: 0.875em;
font-weight: normal;
line-height: 1.5em;
margin: 0 auto;
text-align: center;
width: 225px;
}
.int .footer-goto-top span {
width: 120px;
}
/*
CSS FOR UPPSALA UNIVERSITET
- Contains CSS specific for IE8 and previous IE versions
*/
html.lt-ie9,
html.non-responsive {
overflow-x: scroll;
}
.lt-ie9 body,
.decorated-mode body {
background: transparent url('') 100% 149px no-repeat;
}
.lt-ie9 .l-main-container,
.decorated-mode .l-main-container {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: 1180px;
}
.decorated-mode .container {
width: 1140px;
}
.decorated-mode .l-main-container .container {
width: 100%;
}
.lt-ie9 .container,
.non-responsive .container {
padding-left: 15px;
padding-right: 15px;
}
.container .container {
padding-left: 0;
padding-right: 0;
}
.lt-ie9 .bg-city,
.decorated-mode .bg-city,
.non-responsive .bg-city {
right: 0px;
}
.lt-ie9 .sigill, 
.non-responsive .sigill {
display: none;
}
.lt-ie9 header, 
.lt-ie9 footer,
.decorated-mode header,
.decorated-mode footer,
.non-responsive .header-element,
.non-responsive .footer-element {
min-width: 1210px;
}
.lt-ie9 .search,
.non-responsive .search { 
margin-right: 15px; 
}
.lt-ie9 .page-tools-top .language.sv:first-child,
.lt-ie9 .page-tools-top .language.en:first-child {
background-image: url('');
}
.lt-ie9 .page-tools-top .page-tool.listen {
background-position: 5px -67px;
padding-left: 32px;
}
.lt-ie8 .bg-city {
display: none;
} 
.lt-ie9 .infobox-link {
background-image: url("http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_infoicon-sprite.png");
background-position: 0 -41px;
}