/* ----- Fix top menu in SU's templates */

#HeadRowMenu a {
	display: block;
	padding-left: 27px;
	padding-right: 12px;
}

#HeadRowMenu li.active a {
	padding-left: 12px;
}

#HeadRowMenu div { padding: 0 }
#HeadRowMenu li { padding: 0 }
#HeadRowMenu li:hover { background-color: #ccd5df; }

/* ----- Fix left-side menu in SU's templates */

/* Don't require javascript for menu clicks.
   Make the link elements blocks instead. */

#Menu div {
	padding: 0 !important;
	width: 100%; /* IE6 */
}
#Menu div:hover { background-color: #33597f; }
#Menu div.selected:hover { background-color: transparent; }
#Menu ul ul div:hover { background-color: #ccd5df; }

#Menu a {
	display: block;
	padding: 5px 20px;
}

/* --- Levels */
#Menu ul li.open ul a { padding-left: 30px }
#Menu ul ul li.open ul a { padding-left: 40px }
#Menu ul ul ul li.open ul a { padding-left: 50px }
#Menu ul ul ul ul li.open ul a { padding-left: 60px }
#Menu ul ul ul ul ul li.open ul a { padding-left: 70px }
#Menu ul ul ul ul ul ul li.open ul a { padding-left: 80px }

/* IE6 - don't let the left column mess the page up by becoming too wide */
.left-column { overflow: hidden }

/* IE6 - footer text fix */
.footer-text {
	line-height: 100%;
}

/* Clear floats for article footer */
.article-info {
	clear: both;
        padding-top: 16px;
        margin-top: 0;
        background-position: 0px 8px;
}

/* Size of SU logo (placeholder image) */
.head-right img.logotype {
	margin: 1px;
	width: 140px;
	height: 130px;
}

/* Size of department logotype */
img.department-logotype {
	width: 425px;
}

/* ----- Collaboration stuff (SU and KTH) */

#collaboration {
	position: absolute;
	left: 17px;
	bottom: 62px;
}
#collab_su_logo {
	float: left;
	margin-right: 20px;
}
#collab_kth_logo {
	float: left;
}
#collab_text {
	color: #002F5F;
	font-size: 80%;
	font-weight: bold;
	margin: 10px 0;
}
/* make room for collaboration on the page */
#content {
	padding-bottom: 193px;
}

/* ----- Right column */

.main-columns-right {
	background: none;
}

.main-columns-right p {
	margin: 8px;
}

.main-columns-right ul {
	padding: 0;
	margin: 15px 0;
	padding-left: 25px;
}
.main-columns-right li {
	margin-bottom: 0;
}

/* Shortcuts */

ul.shortcuts {
    width: 233px;
    padding-left: 12px;
    float: left;
    margin: 0;
    list-style-type: none;
}
ul.shortcuts li {
    display: block;
    width: 100%;
    height: 64px;
    background-color: #D95E00;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(/img/block-user-groups-4.gif);
    font-size: 180%;
    margin-bottom: 8px;
}
ul.shortcuts li a {
    display: block;
    height: 64px;
    margin: 0;
    padding: 0 34px 0 12px;
    line-height: 63px;
    text-decoration: none;
    color: white;
}
ul.shortcuts li a:hover {
    color: black;
    text-decoration: underline;
}
ul.shortcuts li.olive {
    background-color: #a3a86b;
    background-image: url(/img/block-user-groups-3.gif);
}
ul.shortcuts li.sky {
    background-color: #acdee6;
    background-image: url(/img/block-user-groups-2.gif);
}
ul.shortcuts li.water {
    background-color: #9bb2ce;
    background-image: url(/img/block-user-groups-1.gif);
}
ul.shortcuts li.fire {
    background-color: #d95e00;
    background-image: url(/img/block-user-groups-4.gif);
}

/* ----- Content elements */

a:link img, a:visited img {
	border: none;
}
pre {
	font-size: 1.2em;
	border: 1px solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	white-space: pre;
	white-space: pre-wrap;

	/* doesn't validate */
	/* word-wrap: break-word; */
}

code, tt {
	font-family: "DejaVu Sans Mono", "Courier New", Courier, monospace;
	font-size: 100%;
}

h2,h3,h4,h5,h6 {
	padding: 0;
	margin-top: 12px;
	margin-bottom: 5px;
}

h3,h4,h5,h6 {
	font: bold 100% Georgia, "DejaVu Serif", sans-serif;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

th {
	text-align: left;
}

table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

td, th {
	border: 1px solid black;
	padding: 4px;
}

#sl-box td, #sl-box th {
	border: none;
}
#sl-box input {
	border: none;
	padding: 0;
}

/* ----- Classes used by content */

p.dsv-lead {
	font-family: Verdana, "DejaVu Sans", sans-serif;
	font-weight: bold;
	/* font-size: 90%; */
}

/* Make a pretty box around some content */
.box {
	border: 1px solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
}

.hidden {
	display: none;
}

.dsv-clear-blue {
	font-size: 135%;
	color: #002F5F;
	letter-spacing: -1px;
	line-height: 16px;
	margin: 0;
	padding: 6px 0;
}
.dsv-clear-blue a { color: #002F5F !important; }

div.dsv-small-arrow-right {
	background: url(/img/icon-arrow-1.gif) right center no-repeat;
	padding-right: 9px;
	text-align: right;
	font-size: 90%;
}

div.dsv-large-arrow-right {
        text-align: right;
	background: url(/img/icon-go-1.png) right center no-repeat;
}
div.dsv-large-arrow-right a {
	display: inline-block;
        padding-right: 22px;
}

.dsv-small-arrow-left {
	background: url(/img/icon-arrow-1.gif) left 6px no-repeat;
        padding-left: 9px;
        margin-bottom: 9px;
}

form .formatted input, form .formatted label, .form_block {
	display: block;
	float: left;
	margin-bottom: .5em;
}
form .formatted label, .form_block {
	text-align: right;
	width: 12em;
	margin-right: .5em;
	margin-top: .3em;
}
form br {
	clear: left;
}

.inline { display: inline; }

.dsv-olive, .dsv-sky, .dsv-water, .dsv-fire, .dsv-gradient {
	margin: 0;
	padding: 7px 8px;
	border-bottom: 1px solid white;
}

.dsv-olive { background: #a3a86b; color: white }
.dsv-sky   { background: #acdee6; color: black }
.dsv-water { background: #9bb2ce; color: black }
.dsv-fire  { background: #d95e00; color: white }

.dsv-gradient {
	background: url(/img/content-block-gradient.gif) repeat-x 0 -18px;
}

.dsv-olive-leaves, .dsv-olive-flame, .dsv-sky-leaves, .dsv-sky-flame,
.dsv-water-leaves, .dsv-water-flame, .dsv-fire-leaves, .dsv-fire-flame {
	margin: 0;
	padding: 7px 8px;
	border-bottom: 1px solid white;
}

.dsv-olive-leaves {
	background: #a3a86b url(/img/block-3-olive.gif) left bottom no-repeat;
}
.dsv-olive-flame {
	background: #a3a86b url(/img/block-3-fire.gif) right bottom no-repeat;
}
.dsv-sky-leaves {
	background: #acdee6 url(/img/block-2-olive.gif) left bottom no-repeat;
}
.dsv-sky-flame {
	background: #acdee6 url(/img/block-2-fire.gif) right bottom no-repeat;
}
.dsv-water-leaves {
	background: #9bb2ce url(/img/block-1-olive.gif) left bottom no-repeat;
}
.dsv-water-flame {
	background: #9bb2ce url(/img/block-1-fire.gif) right bottom no-repeat;
}
.dsv-fire-leaves {
	background: #d95e00 url(/img/block-4-olive.gif) left bottom no-repeat;
}
.dsv-fire-flame {
	background: #d95e00 url(/img/block-4-fire.gif) right bottom no-repeat;
}

/* White text and links */
.dsv-olive-leaves, .dsv-olive-leaves a,
.dsv-olive-flame, .dsv-olive-flame a,
.dsv-fire-leaves, .dsv-fire-leaves a,
.dsv-fire.dsv-fire-flame, .dsv-fire-flame a:link {
	color: white;
}
.dsv-olive-leaves a:hover, .dsv-olive-flame a:hover,
.dsv-fire-leaves a:hover, .dsv-fire-flame a:hover {
	color: black;
}
.dsv-olive-leaves a:visited, .dsv-olive-flame a:visited,
.dsv-fire-leaves a:visited, .dsv-fire-flame a:visited {
	color: #595c3b;
}

/* ----- Feeds */

div.feed {
	margin: .5em 0;
}
div.feedEntry {
	margin-bottom: 1em;
}
div.entryTitle a {
	font-weight: bold;
}

/* ----- Misc */

.throbber {
	display: block;
	width: 24px;
	margin: 20px auto;
}

/* ----- Publications */

.dsv-pub-list {
	margin-bottom: 20px;
}

/* ----- Pagination */

.page-info {
	margin-bottom: 10px;
	font-family: Verdana, "DejaVu Sans", sans-serif;
	font-weight: bold;
}

.pagination {
	margin-bottom: 20px;
	font-family: Verdana, "DejaVu Sans", sans-serif;
}

.pagination a, .pagination span, .pagination em {
	padding: 2px 6px;
	display: block;
	float: left;
	margin-right: 1px;
	background: white;
}
.pagination span.disabled {
	color: #999;
	border: 1px solid #DDD;
}
.pagination em {
	font-weight: bold;
	font-style: normal;
	background: #d95e00;
	color: white;
	border: 1px solid black;
}
.pagination a {
	text-decoration: none;
	color: black;
	border: 1px solid #a0a0a0;
}

.pagination a:hover, .pagination a:focus {
	border: 1px solid black;
	background: #f0bf99;
}

.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .pagination { height: 1%; }
*:first-child+html .pagination { overflow: hidden; }

/* ----- Printing */

@media print {
	#collaboration { display: none }
	#footer br { display: none }
	#footer { margin-top: 40px }
}

/* ----- Delkurser */

.course_units_table {
	table-layout: fixed;
	width: 100%;
}

.course_units_table td, .course_units_table th {
	border: none;
	padding: 1px;
	vertical-align: top;
}
.course_units_table thead { border-bottom: 1px solid black }

col.cut_timetable	{ width: 16px; }
col.cut_p		{ width: 30px; }
col.cut_time		{ width: 85px; }
col.cut_bet		{ width: 120px; }

/* ----- Personal */

.dsv-staff-table {
	table-layout: fixed;
	width: 100%;
}
.dsv-staff-table td, .dsv-staff-table th {
	padding: 1.5px;
	border: none;
}

.dsv-staff-table .c_last_name	{ width: 20% }
.dsv-staff-table .c_first_name	{ width: 20% }
.dsv-staff-table .c_email	{ width: 30% }
.dsv-staff-table .c_work_phone	{ width: 20% }
.dsv-staff-table .c_office	{ width: 10% }
.dsv-staff-table thead { border-bottom: 1px solid black }

/* #c_titel { width: 10% } */

body.nogradient .main-columns-left, body.nogradient .main-columns {
	background: none;
}

@media print {
	#MainRight { display: none }
	#MainLeft { width: 100% }
	.article-info, .path, #footer { display: none }

	.main-article, .main-article h1, .main-article h2 {
		font-family: "Times New Roman", Times, serif;
	}
	.main-article { font-size: 12pt }
	.main-article h1 {
		color: black;
		font-size: 200%;
	}
	.main-article h2 { font-size: 125% }
	.main-article p { line-height: normal }
}