/* CSS3 fluff */
/** Mozilla specific extension, but it works and looks so cool I just had to add it */
::-moz-selection {
	background: black;
	color: yellow;
}
/* ** Easy clearing, from positioniseverything.com ** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ** done with Easy clearing, from positioniseverything.com ** */

/*  Accessibility  */
#jumptolinks {
	position: absolute;
	left: -9999px;
	font-size: 100%;
}
#jumptolinks a:focus,
#jumptolinks a:hover
#jumptolinks a:active {
	display: block;
	position: absolute;
	top: 0;
	left: 10024px;
	background: #fff;
	border: 1px solid #c60;
	padding: 9px;
	width: 22em;
	z-index: 99;
}
/*  end Accessibility  */

.resize {
	margin: 0 24px 5px 0;
	padding: 3px;
	zoom: 1;
	overflow: hidden;
	vertical-align: bottom;
}
.resize span {
	display: block;
}
a.resizeUp img,
a.reset img {
	vertical-align: bottom;
	margin: 1px;
	padding: 2px;
	border: 1px solid #ddd;
	height: 15px;
	width: 15px;
}
a.resizeUp:hover img,
a.resizeUp:focus img,
a.reset:hover img,
a.reset:focus img {
	background: #E4EEF8;
	border-color: #bbb
}

/** = html tags */
html, body {margin: 0;padding: 0;}
body {
padding: 5px 0;
font: normal 68.75%/1.6em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #101C26 url(../images/body_bg.gif) 0 0 repeat-x;
}
/* links */
a, a:link, a:visited {
color: #2A68A1;
/*text-decoration: none;*/
}
#nav a, table.diva a, table.sukat a {
  text-decoration: none;
}
a:hover, a:focus, #nav a:hover, #nav a:focus, table.diva a:hover, table.diva a:focus, 
table.sukat a:hover, table.sukat a:focus  {
text-decoration: underline;
}
a:active {
color: #900;
}
#content p.print a.printlogo {
	padding: 5px 0 0 20px;
	background: white url(../../img/print_icon.gif) no-repeat 0 100%;
}
img {
	border: 0;
}
p {
	margin: 0 30px 10px 0;
	padding: 0;
}
object {

}
/* hides the second object from all versions of IE */
* html object.mov {
display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
display: inline;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
display/**/: none;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 20px 30px 0 0;
  padding: 0;
  color: #333;
  font-weight: bold;
}
h1 {
font-size: 1.9em;
line-height: 1.2;
}
h2 {
font-size: 1.3em;
line-height: 1.3;
min-width: 400px;
}
h3 {
font-size: 1.2em;
line-height: 1.8;
margin: 20px 0 0;
width: 100%;
}
h4, h5, h6 {
font-size: 1em;
line-height: 1.6;
margin: 0;
text-align: left;
width: 100%;
}
fieldset {
border: 0;
}
blockquote {
background: #f9f9f9;
}
/* = quotes */
/* Copied from W3C http://www.w3.org/TR/CSS21/generate.html#quotes-specify */
q {
quotes: "\201C" "\201D" '"' '"';
color: #000;
}
q:lang(sv) {quotes: "\201C" "\201D" '"' '"';}
q:lang(no) { quotes: "«" "»" '"' '"' }
q:before {content: open-quote;}
q:after {content: close-quote;}

pre {
  font: normal 100%/1.5 Consolas, Courier New, Courier, monospace;
  background: #eee;
  padding: 0.5em;
  border: 1px solid #ddd;
}
/** = ID's */
/** = skip link, taken from www.456bereastreet.com and altered by matlin to fit www.su.se */
.skip {
position: absolute;
top: 0;
left: -1000px;
text-align: center;
}
.skip a:focus,
.skip a:active {
display: block;
position: absolute;
left: 1000px;
z-index: 10;
font-size: 1.3em;
line-height: 120%;
padding: 0.3em;
border: 1px solid #047;
width: 10em ! important;
width: auto;
color: yellow;
background: #000;
height: auto ! important;
height: 1.4em;
}
.skip a:hover {
text-decoration: underline;
border-color: #580801;
}
/** = wrap */
#wrap { /* wraps the whole page */
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
/* = navcontainer, topp navigation, Sök, Om webbplatsen, Webbkarta etc */
#navcontainer {
	position: relative;
	width: 780px;
	margin: 0 auto;
	padding: 0;
}
#navlist ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: .9em;
	text-align: right;
	color: #fff;
}
#navlist li {
	display: inline;
	margin: 0;
	padding: 0;
}

#navlist li:first-child:before {
	padding: 0 4px 0 0;
	content: "\00BB";
}
#navlist li:not(:last-child):after {
	padding: 0 0 0 4px;
	content: "\2022";
}
/*
#navlist li {
	border-left: 1px solid #fff;
}
#navlist li:first-child {
	border-left: 0;
}
*/

#navlist #search-link {
	border-left: 0;
	padding-left: 0;
}
#navlist li a,
#navlist li a:link,
#navlist li a:visited {
	color: #fff;
	text-decoration: none;
}
#navlist li a:hover {
	color: #eee;
	text-decoration: underline;
}
#navlist li a:focus {
	color: #ffc;
	text-decoration: underline;
}
#navlist li a:active {
	color: #eee;
}
#other-languages {
	background: transparent url(../../img/flagga_uk.gif) no-repeat 0 60%;
	padding-left: 20px;
}
#in-swedish {
	background: transparent url(../../img/swedish-flag.png) no-repeat 0 60%;
	padding-left: 20px;
}
/** = header */
#header { /* Needs to be relative so that the tabs can stick to its bottom. */
	position: relative;
	margin: 0;
	padding: 0;
	height: 177px;
	bottom: 0;
	z-index: 1;
}
#header h1 {
	position: absolute;
	left: -5000em;
}
#header span {
        position: absolute;
        left: -5000em;
        font-size: 1.9em;
        line-height: 1.2;
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-weight: bold;
}
/* header */
#header .printlogo { /* SU-märket till Skriv ut sidan */
	display: none;
}
#header .visalogo { /* SU-märket på bakgrundsbilden */
/*
	margin: 18px 20px 0 12px;
	display: inline;
	float: left;
*/
}
/** = menu */
#menu { /* The menu on the left */
	float: left;
	width: 169px; /* 170 + 20 = 190 */
	margin: 11px 0 0 11px;
	padding-right: 10px;
	background: #fff;
}
* html #menu {
display: inline;
}
#menu p { /* formaterar länken Startsida i vänstermenyn */
font-weight: bold;
padding: 0 11px;
margin: 0;
}
/** = content  ' */
#content { /* The article area (middle) */
margin: 11px 153px 0 190px;
padding: 0;
line-height: 1.4;
}
* html #content { /* MSIE * HTML hack*/
height: 1%;
}
#content h1 {
margin: 0;
}
#content h2 {
margin: 0;
}
#content p {
  margin: 0.5em 0.5em 1.5em 0;
}
strong {
  font-weight: bold;
}
#content ul, #content ol {
margin: 0 30px 10px 0;
padding: 3px 10px 3px 30px;
}

#content li {
padding: 0 0 5px;
line-height: 1.3;
}

/** = 404 */
#content .page404 dt {
	font-weight: bold;
}
#content .page404 dd {
	margin: 0 1em;
}
#publisher { /* ligger i article_publisher.jsp i mappen /common/jsp/. Används av article 100 och 101 */
margin: 30px 10px 30px 0;
padding: 0;
color: #555;
}
#publisher:hover {
color: #111;
}
#publisher p.publisher { /* formaterar redaktör, källa och senast uppdaterad, ligger i article_publisher.jsp i mappen /common/jsp/ och används av article 100 och 101 */
	margin: 0;
	padding: 0;
}
/** = breadcrumbs */
#breadcrumbs {
	margin: 11px 150px 0 190px;
/*	color: orange;*/
/*	font: normal 90%/150% Verdana, Helvetica, sans-serif;*/
}
/** = rightcolumn-wide */
#rightcolumn-wide {
float: right;
width: 285px;
margin: 20px 0;
}
/** = rightcolumn */
#rightcolumn {
	width: 150px;
	float: right;
	text-align: left;
	padding: 0;
	margin: 29px 0 30px;
}
* html #rightcolumn {
	width: 150px;
	display: inline;
}
#rightcolumn h4 {
	font-size: 120%;
	padding: 10px 0 0 0;
}
#rightcolumn img {
	padding: 10px 0 0 0;
}
#rightcolumn p {
	padding: 4px 20px 0 0;
}
/** */
#rightcolumn form {
	display: block;
	margin: 0;
	padding: 0;
}
/* */

/** = address */
#address {
	margin: 0;
	padding: 0 0 10px;
}
#address address {
	margin: 0 11px -1px 11px;
	padding: 11px 0 0 0;
	text-align: center;
	font-style: normal;
	color: #555;
}
/** = footer */
#footer { /* Actually just contains a background image */
	display: none;
	margin: 0;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: url(../../img/footer_bg.gif) center top no-repeat;
	height: 10px;
}
/** = RSS */
#rss {
	float: right;
	width: 30px;
}
/** = content related classes */
a.right-image {
	float: right;
}
p.left { /* for left aligned images used in articles */
float: left;
font-size: 0.8em;
text-align: left;
margin: 0;
padding: 0;
max-width: 400px;
}
p.left img {
display: block;
margin: 0;
padding: 4px 10px 0 0;
}
a.left {
float:left;
margin-right: 10px;
}
p.left:after {
content: ".";
display:none;
clear:left;
}

p.middle { /* for centered images used in articles */
	float: none;
	text-align: center;
	font-size: 0.8em;
}
p.middle img {
	display: block;
	margin: auto;
}
p.right { /* for right aligned images used in articles */
	float: right;
	font-size: 0.9em;
	text-align: right;
	padding: 4px 0 0 10px;
}
p.right img {
	display: block;
}
#content p.ingress { /* used directly below headers only */
	margin: 0 0 1em; padding: 0;
	font-weight: bold;
	color: #555;
}
.clear { /* clears the floats, so that content aligns up */
	clear: both;
}
/** = newsitem */

.newsitem { /* div */
margin: 0.5em 1em 0 0;
border-bottom: 1px solid #e6f0f9
}
#content .newsitem .date {
margin: 0;
padding: 0.5em 0 0;
}
#content .newsitem h2 {
margin: 0;
padding: 0;
}
#content .newsitem .no-brake-links {
white-space: nowrap;
}

/** = relaterat */
.relaterat { /* sits on a DIV in the #righcolumn */
	text-align: left;
	margin: 0 20px 0 0;
}
.relaterat ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.relaterat li {
	border-bottom: 1px dotted #999;
	line-height: 1.3em;
	padding: 4px 0;
	margin: 0;
}
/* = content classes */
h1.presstype, h2.presstype { /** why are these here **/
	margin: 0;
	padding: 11px 0 0 0;
}
.datum { /* formaterar datum artikel 100*/
	color: #666;
	padding: 0;
	line-height: 1.2em;
	font-size: 90%;
}
p.print { /* Skriv ut länken. Ligger i article_publisher.jsp i mappen /common/jsp/ och används av article 100 och 101 */
	float: right;
	margin: 0;
	padding: 5px 25px 0 0;
}
#content p.till_nyhetslistan { /* Till nyhetslistan länken. Ligger i department 104 */
	float: right;
	margin: 0;
	padding: 0 20px 10px;
}
.artikellista ul { /* sits on a UL. Ligger i /src/java/se/su/it/polopoly/web/xom/ListElementHandler.java */
  padding: 3px 10px 3px 0;
}
ul.artikellista li {
  margin-left: 18px;
  list-style: square;
}
ol.artikellista li {
  margin-left: 18px;
  list-style: decimal;
}

#content .nyhetspufflista, #startpage .nyhetspufflista { /* sits on a DIV. Department 105 */
	text-align: left;
	padding: 0 30px 0 0;
	margin: 0;
}
#content .nyhetspufflista ul, #startpage .nyhetspufflista ul {
	padding: 3px 10px 3px 0px;
	margin: 0;
	list-style: none;
}
#content .nyhetspufflista li, #startpage .nyhetspufflista li {
	padding: 0 0 2px;
	line-height: 1.6em;
}

/* = rightcolumn classes */
/* html-blobb, article 103 */
.search, .search_double {
	margin: 20px 0 0 0;
	padding: 10px 15px;
	width: 135px;
	background: url(../../img/search_135x75.jpg) no-repeat 0 0;
}
.search_ruta, .search_knapp { /* html-blobb, article 103 */
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#rightcolumn-wide .search_double {
	overflow: hidden;
	width: 260px;
	height: 86px;
	background: url(../../img/search_ettan_blue.jpg) no-repeat;
}
#rightcolumn .search_double {
	overflow: hidden;
	padding: 10px 0;
	background-image: url(../../img/search_135x135.jpg);
}
#rightcolumn-wide .search_double form,
#rightcolumn .search_double form,
#rightcolumn-wide .search_double {
	margin: 0; padding: 0;
}
#rightcolumn-wide fieldset {
	margin: 0; padding: 0 15px 8px;
}
#rightcolumn label,
#rightcolumn-wide label {
	display: none;
}

#rightcolumn .search_double form,
#rightcolumn-wide .search_double form {
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.search fieldset {
	border: 0;
	margin: 0; padding: 0;
	width: 100%;
}
/* * */
/* html-blobb, article 103 */
.search_link, #ettan #rightcolumn .right { /* for the link Fler sökfunktioner */
	font-size: 90%;
}
#ettan #rightcolumn .right {
	margin-right: 2.5em;
}
.genvag { /* sits on a DIV. Artikel 103 */
	text-align: left;
	margin: 0 20px 1em 0;
}
.genvag ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.genvag li {
/*	background: #F8F8FF;
	border-bottom: 1px solid #B0C4DE;
	border-left: 2px solid #B0C4DE;
*/	margin: 6px 0 0;
  line-height: 1.2em;

}
.genvag li a {
/*	display: block;
	line-height: 1.4em;
	padding: 4px;
*/
}
.genvag li a:hover, .genvag li a:focus {
/*	background: #B0C4DE;
	text-decoration: none;
	color: white;
*/}

/* theses search form */
form#search-theses-at-su {
padding: 1em;
}
#search-theses-at-su label {
display: block;
font-weight: bold;
}
#search-theses-at-su label.after {
display: inline;
font-weight: normal;
}
#search-theses-at-su input#lastname,
#search-theses-at-su input#firstname,
#search-theses-at-su input#title,
#search-theses-at-su input#series,
#search-theses-at-su input#year,
#search-theses-at-su input#isbn {
margin: 2px 0;
}
#search-theses-at-su fieldset {
margin: 8px 0;
}

/* form (i.e. mallen "formulär") */

.mediumblacktext {
vertical-align: top;
padding: 0 2em 0 0;
margin: 0 0 4em 0;
}

.mediumredtext {
color: red;
}

input[type="radio"], input[type="checkbox"] {
padding: 0;
margin: 0 0.5em 1em 0; 
}

.button
{
text-align: right;
}

/**/