@import '/noppa/editbox.css';

/*
 *  General styles
 */

.printOnly {
	display:none;
	visibility: hidden;
}

 
div.clear {
clear: both;
}
img.spacer {
display:block;
border:none;
margin:0;
padding:0;
}
div.dotted {
	height: 1px;
background: url('./images/dotted.gif');
}
body {
background: url('./images/kehys.png') repeat-x #bfbcb8;
padding: 0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 80%;
}
body.results {
background: white;
padding: 20px;
}
body.results table {
margin-left: 10px;
}

.small_link {
	color:  gray;
	cursor: pointer;
	font-size: 70%;
}

.small_link:visited {
	color:  gray;
	cursor: pointer;
	font-size: 70%;
}

a {
	text-decoration: none;
	color: #4778a8;
	cursor: pointer;
}
a:visited {
	color: #789fc6;
	cursor: pointer;
}



a:hover {
	text-decoration: underline;
	cursor: pointer;
}
h1 {
	font-size: 130%;
	font-weight: bold;
	color: #559920;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#courseTitleFrame h1 {
	margin: 0 0 0 7px;
	clear: both;
	overflow: hidden;
	padding: 5px 0px;
	width: 705px;
}
/*h2 {
	font-size: 15px;
	font-weight: bold;
	color: #559920;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}*/
h2 /*h3*/ {
	color: #559920;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 105%;
}
h2 span.small {
	font-weight: normal;
	padding-left: 5px;
	font-size: 85%;
}
h1 span.small {
color: #767676 !important;
font-size: 65%;
font-weight: normal !important;
}
span.small a{
color: #767676 !important;
display:inline !important;
}
p {
	line-height: 18px;
	margin: 0px;
	margin: 5px 0;
}
ul {
list-style: url('./images/ul_green.png') disc;
margin: 5px 1em;
padding: 0 2.1em;
}
li {
line-height: 18px;
margin-left: -10px;
}
/*
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}*/

strong {
	font-weight: bold;
	color: #000000;
}
th {
text-align: left;
font-size: 95%;
color: #5a7a95; 
padding: 2px 4px;
}
td {
padding: 4px 4px;
vertical-align: top;
}
table {
border-collapse: collapse;
margin: 10px 0;
}


.calendarContainer {
	border-collapse: collapse;
	margin: 0px 0pt; 
}

.datePickerContainer {
	border-collapse: collapse;
	margin: 0px 0pt; 
}

.calendarBodyContainer {
	border-collapse: collapse;
	margin: 0px 0pt; 
}

.monthContainer{
	border-collapse: collapse;
	margin: 0px 0pt; 
}

.yearContainer{
	border-collapse: collapse;
	margin: 0px 0pt; 
}

.monthWrapper {
padding: 0px 0px;
vertical-align: top;
}
.yearWrapper {
padding: 0px 0px;
vertical-align: top;
}



table.courseContent {
width: 520px;
}
table.indentedCourseContent {
/*width: 500px;*/
width: 100%;
}
table.indentedFrontpageContent {
width: 100% !important;
}
.indented {
}
.indentedLeft {
margin-left: 15px;
}
a.rss {
background: url('./images/16px-Feed-icon.svg.png') no-repeat;
padding-left: 21px;
display:block;
margin: 10px 0 10px 0;
}

a.expand {
background: url('./images/navigate_plus.png') no-repeat;
background-position: left;
width: 16px;
height: 16px;
display: inline;
}

a.collapse {
background: url('./images/navigate_minus.png') no-repeat;
background-position: left;
width: 16px;
height: 16px;
display: inline;
}


a.file {
padding-left: 21px;
}
a.unKnownFile {
background: url('./images/document_16_attachment_plain.png') no-repeat;
}
.locked {
background: url('./images/lock2.png') no-repeat !important;
}
.acrobat {
background: url('./images/acrobat16.png') no-repeat;
}
.html {
background: url('./images/arrowRightBlue.png') no-repeat;
padding-left: 11px;
background-position: 0 -2px;
}
body.notLogged a.html {
background: url('./images/lock2.png') no-repeat !important;
padding-left: 21px;
background-position: 0 0;
}
.xls {
background: url('./images/excel16.png') no-repeat;
}
.word {
background: url('./images/word16.png') no-repeat;
}
.ppt {
background: url('./images/ppt.png') no-repeat;
}

.zip {
background: url('./images/zip.png') no-repeat;
}

a.modify {
font-weight: normal;
margin-left: 10px;
padding-left: 20px;
background: url('./images/edit_plain.png') no-repeat;
color: #4778a8;
}
a.remove {
font-weight: normal;
margin-left: 10px;
padding-left: 20px;
background: url('./images/delete_plain.png') no-repeat;
color: #4778a8;
}
input {
margin: 0;
padding: 1px 0 0 0;
}
input.date {
width: 65px;
height: 15px;
}
input.time {
width: 35px;
height: 15px;
}
input.filename {
width: 150px;
height: 15px;
}
input.newsHeading {
width: 247px;
}
textarea.newsTopic {
width: 247px;
height: 50px;
}
img.calendar {
}
td.columnWeek, th.columnWeek {
width: 30px;
text-align: center;
}

td.columnNumber, th.columnNumber {
width: 40px;
text-align: center;
}

td.columnWeek {
text-align: center;
}
td.columnSubject, th.columnSubject {
}
td.columnHall, th.columnHall {
text-align: center;
width: 50px;
}
td.columnDate, th.columnDate {
width: 50px;
}
td.columnTime, th.columnTime {
width: 50px;
}
td.columnDay, th.columnDay {
text-align: center;
}
td.columnDate {
text-align: right;
}
a img {
border-style: none;
}
td.modify {
text-align: center;
}
th.modify {
text-align: center;
width: 55px;
padding-left: 4px;
padding-right: 4px;
}
td.remove {
text-align: center;
}
th.remove {
text-align: center;
width: 40px;
padding-left: 4px;
padding-right: 4px;
}
td.remove a img {
border-style: none;
}
.odd {
background: #f1f7fd;
}
.even {
background: white;
}
a.additionalNaviLink {
display:block;
float:right;
height: 20px;
background: url('./images/add_plain.png') no-repeat;
background-position: 0 7px;
padding: 4px 0 0 14px;
margin-top:2px;
}
/*
 * editor and styles used in editable blocks
 */
.editing {
background: url('./images/editor_example.png') no-repeat;
border: solid 1px gray;
min-height: 100px;
height:auto !important;  /* min-height hack for IE6 */
height:100px;            /* min-height hack for IE6 */
margin-top: 10px !important;
padding-top: 40px !important;
}
.editableContent {
width: 518px;
}
.editView .editableContent {
border: solid 1px #4778a8;
padding: 25px 10px 15px 30px;
margin-top:-22px;
margin-bottom: 10px;
width: 478px;
}
.editableContent div.contentContainer {
width: 518px;
display:block;
overflow: auto;
}

.editView .editableContent div.contentContainer {
width: 478px;
}
/*
.editableContent p {
width: 518px;
overflow: auto;
}
*/
/*
.editView .editableContent p {
width: 478px;
overflow: auto;
}
*/

.editableContent table {
border-collapse: separate;
border-spacing: 3px;
}
.editableContent table td {
/*border-bottom: solid 4px white;*/
background: #f1f7fd;
}
.editableContent .alignRight {
text-align:right;
}
.editableContent .alignCenter {
text-align:center;
}
.editView .AddTextContent {
border-top: solid 1px #4778a8;
margin-top:-22px;
margin-bottom: 25px;
}
/*
 * Button
 */
a.buttonFrame {
background: url('./images/noppa_toiminto_painike_alku.png') no-repeat;
position: relative;
}
a.buttonFrame span.end {
float: right;
padding: 0px;
background: url('./images/noppa_toiminto_painike_lopp.png') no-repeat;
height:40px;
width:11px;
}


a.button {
display:block;
height: 30px;
margin-bottom:10px;
padding-left: 13px;
color: #4778a8 !important;
overflow: hidden;
}
.buttonNormalWidth {
width: 150px;
}
.buttonNarrowWidth {
width: 110px;
}
.buttonWideWidth {
width:200px;
}
.buttonExtraWideWidth {
width:250px;
}
.buttonFloatLeft {
float:left;
}
.buttonFloatRight {
float:right;
}
.button span {
height:26px;
display: block;
float:left;
padding:10px 0 0 28px;
position:relative;
}
.button span.moveUp {
background: url('./images/navigate_up_plain.png') no-repeat;
background-position: 0px 0px;
}
.button span.moveDown {
background: url('./images/navigate_down_plain.png') no-repeat;
background-position: 0px 0px;
}
.button span.editText {
background: url('./images/edit_24_plain.png') no-repeat white;
background-position: 7px 5px;
margin-left: 5px;
padding-left: 35px;
padding-right: 5px;
}
.button span.addFile {
background: url('./images/document_attachment_24.png') no-repeat;
}
.button span.import {
background: url('./images/import1.png') no-repeat;
}
.button span.createTable {
background: url('./images/edit_24_plain.png') no-repeat;
}
.button span.addText {
background: url('./images/edit_24_plain.png') no-repeat white;
background-position: 7px 5px;
margin-left: 5px;
padding-left: 35px;
padding-right: 8px;
}
.button span.add {
background: url('./images/add_16_plain.png') no-repeat;
background-position: 0px 0px;
}
.button span.wizardNext {
background: url('./images/navigate_right.png') no-repeat;
background-position: 0px 0px;
}
.button span.wizardPrev {
background: url('./images/navigate_left.png') no-repeat;
background-position: 0px 0px;
}
.button span.optimaCreate {
background: url('./images/document_plain_new.png') no-repeat;
background-position: 0px 1px;
}
.button span.optimaRecycle {
background: url('./images/document_exchange.png') no-repeat;
background-position: 0px 0px;
}
.button span.optimaExport {
background: url('./images/user1_into.png') no-repeat;
background-position: 0px 0px;
}
.button span.optimaSchedule {
background: url('./images/user1_time.png') no-repeat;
background-position: 0px 0px;
}
.button span.edit {
background: url('./images/edit_24_plain.png') no-repeat;
background-position: 0px 0px;
}
.button span.save {
background: url('./images/ok_nappula.png') no-repeat;
background-position: 0px 0px;
}
.button span.importFromOodi {
background: url('./images/tuo_luento_runko_oodista.png') no-repeat;
}
.button span.createLectureStructure {
background: url('./images/lisaa_luento_runko.png') no-repeat;
} 
.button span.cancel {
background: url('./images/peruuta_nappula.png') no-repeat;
background-position: 0px 0px;
}
.button:hover span.cancel {
background: url('./images/peruuta_nappula.png') no-repeat;
}
.button span.remove {
background: url('./images/delete_24_plain.png') no-repeat;
background-position: 0px 0px;
}
.button span.editProtectionSettings {
background: url('./images/lock2_24_plain.png') no-repeat;
background-position: 0px 0px;
}
/*
 * Course index pages
 */
div#courses .courseListTable {
width: 400px;
}
div#courses .courseList {
width: 415px;
background: url('./images/verLineDotted.png') no-repeat;
background-position: 435px 8px;
padding-right: 30px;
height: 100%
}
div#courses .courseListTable th {
white-space: nowrap;
}
div#courses .courseListTable th a {
color: #5a7a95 !important;
}
img.orderUp {
padding-left: 4px;
padding-right: 2px;
}
img.orderDown {
padding-left: 4px;
padding-right: 2px;
}
/*
 *  Search
 */
.searchContainer {
float: right;
width: 230px;
padding: 10px;
}
.searchContainer .inputButton {
position:relative;
top:1px;
font-weight: bold;
color: #4778a8;
background: white;
border: solid 1px #4778a8;
}
.searchContainer .textInput {
border: solid 1px #4778a8;
height: 21px;
}
.searchContainer .SearchTitle {
font-size: 115%;
font-weight: bold;
color: #559920;
}
.searchContainer .SearchInstructionsTitle {
margin-top:10px;
font-weight: bold;
color: #559920;
}
.searchContainer ul {
font-style: italic;
}
p.searchString {
margin-top: 15px;
}
div.searchResult {
padding-top:20px;
margin-bottom:10px;
margin-left: 0px;
}
div.searchResultBottom {
margin-top:10px;
margin-bottom:20px;
}
div.searchResult a {
color: #4778a8;
}
div.searchResult .inActive {
font-weight: normal !important;
color: #999999;
}
/*
 * Course Brochure
 */
table.courseBrochure td.heading {
font-weight: bold;
color: #5a7a95; 
}
table.courseBrochure  a {
text-decoration:underline;
} 
table.courseBrochure  a:hover {
text-decoration:none;
} 
table.courseBrochure  a.oodi {
text-decoration:none;
} 
table.courseBrochure  a.oodi:hover {
text-decoration:underline;
} 
/*
 * Course page
 */
div#coursePage table {
} 
div#coursePage td {
vertical-align: top;
padding: 3px 6px; 
}
div#coursePage table.coursepage {
margin-top:0;
} 
div#coursePage table.coursepage td {
vertical-align: top;
padding: 4px 6px 0 0;
}
div#coursePage a.allNews {
color: #4778a8;
}
div#coursePage a.showAllNews {
display:block;
float:right;
background: url('./images/arrowRightBlue.png') no-repeat;
background-position: 0px -1px;
padding-left: 11px;
margin-right: 0px;
color: #4778a8;
}
/*
 * Exercise page
 */
th.exerciseDL {
width: 130px;
}
.imploded .exerciseTitle {
}
.exploded .exerciseTitle {
font-weight: bold;
}
.imploded .exerciseContent {
display:none;
}
.exploded .exerciseContent {
display:block;
width: 340px;
padding: 6px 0 2px 0;
}
/*
 * Weekly Exercises page
 */
div.weeklyExerciseMaterial {
padding: 0 0 4px 0;
}
/*
 * Lectures page
 */
div#lecturesPage {
}
div#lectures {
}
div#lectures div.day {
width: 120px;
}
/*
 *  Additional Material page
 */
#additionalMaterial td {
padding: 6px 6px 4px 6px;
}
th.additionalMaterialHeading {
width: 150px;
}
/*
 * News page 
 */
.imploded .newsLinkContainer {
display:none;
}
.exploded .newsLinkContainer {
display:block;
}
a.newsLink {
background: url('./images/arrowRightBlue.png') no-repeat;
padding: 2px 0 2px 11px;
}
.imploded .newsText {
display:none;
}
.exploded .newsText {
display:block;
padding: 2px 0;
}
.imploded .newsTitle {
	padding-left: 20px;
background: url('./images/blue_star.png') no-repeat;

}
.newsRead .newsTitle {
	color: #789fc6 !important;
padding-left: 0;
background: transparent;

}
.exploded .newsTitle {
font-weight:bold;
color: #4778a8 !important;
}
table.news {
}
table.news .newsPublishedHeading{
width: 70px;
text-align: center;
}
table.news .newsPublished{
text-align: left;
padding-right: 6px;
width: 80px;
}
table.news .newsSubjectHeading{
}
table.news .newsSubject{
padding-right: 8px;
}
table.news .newsSubject a {
color: #4778a8;
}
table.news .newsSubject a.visited {
	color: #789fc6;
}
.newsSourceHeading{
width: 200px !important;
}
#newsPage table.news .newsSourceHeading{
display:none;
}
#frontpage h1 {
margin-top:5px;
}
#frontpage table.news {
width: 680px;
}
#frontpage table.news .newsSourceHeading{
width: 200px;
}
#frontpage table.news .newsSource{
}
#frontpage table.news .newsSource a {
color: #4778a8;
}
/*
 * front page news
 */
div#frontpage div#news {
width: 660px;
}
div#frontpage div#news div.date {
width: 60px;
}
div#frontpage div#news div.title {
width: 330px;
}
div#frontpage div#news div.content {
width: 290px;
margin: 0 0 8px 70px;
}
#frontpage .newsNavi {
text-align: right;
padding-right: 0px;
}
#frontpage .newsNavi .inActive {
color: #999999;
}
#frontpage .newsNavi a {
color: #4778a8;
}
div#frontpage .eventsContent {
float: left;
display:inline; /* double margin ie hack */
margin: 4px 3px 3px 3px;
}
div#frontpage .events {
margin: 4px 0px 2px 0px;
}
div#frontpage .eventsItem a {
color: #4778a8 !important;
}
div#frontpage .exportEvents {
float: right;
}
div#frontpage .eventsItemPrint {
float: right;
margin-left: 20px;
}
div#frontpage .exportEvents {
padding-left: 20px;
background: url('./images/export1_16_plain.png') no-repeat;
}
div#frontpage .printEvents {
padding-left: 20px;
background: url('./images/printer2_plain.png') no-repeat;
background-position: 0 1px;
}
div#frontpage .showEvents form {
margin:-1px 0 0 0;
}
div#frontpage .events form select{
font-size: 90%;
margin-top: 0px;
}
table.eventsTable td.coursename {
}
table.eventsTable {
margin: 10px 5px 10px 0px;
width: 680px;
}
table.eventsTable a {
color: #4778a8;
}
/*
 * results page 
 */
table.results .imploded  .resultsTitle{

}
table.results .exploded  .resultsTitle{
font-weight: bold;

}
table.results .resultsTitle {
width: 70px;
}/*
table.results .resultsDate{
width: 65px;
text-align: right;
padding-right: 6px;
}
table.results .resultsDateHeading {
text-align: center;
}*/
table.results a {
color: #4778a8;
}
.resultsInfoTitle {
width: 100px;
}
/*
 * Show & hide
 */
.hidden {
display: none !important;
}
.show {
}
/*
 * Exercises page 
 */
div#exercises {
}

/*
 * Settings
 */
div#courseSettings .protected {
padding-left: 22px !important;
background-image: url('./images/lock2_16_plain.png');
background-repeat: no-repeat;
background-position: 4px 4px;
}
div#courseSettings .unProtected {
padding-left: 22px !important;
}
div#courseSettings .notApplicable {
padding-left: 22px !important;
}
.protectionPageColumn, .protectionStatusColumn {
width: 30%;
}
/*
 *  Feedback
 */
div.feedback {
margin: 10px 0px 20px 0px;
padding: 15px 10px 15px 50px;
border: solid 1px #4f78a1;
background: url('./images/about.png') no-repeat #f1f7fd;
background-position: 10px 13px;
}
/*
 * Not active
 */
div#notActiveContainer {
margin: 10px 0;
}
div#notActive {
font-size: 130%;
font-weight: bold;
color: #dab156;
padding-bottom:7px;
}
/*
 * infoBox
 */
div.infoBox {
float: right;
padding: 10px 0px 10px 4px;
}
div.infoBoxAdmin {
margin-top:-12px;
}
div.infoBox a {
color: #4778a8;
padding: 1px 2px 4px 12px;
background: url('./images/arrowRightBlue.png') no-repeat;
background-position: 0px -1px;
}
/*
 * tabs
 */
.tabContainer {
background: url('./images/tabi_taustalinja.png') repeat-x;
font-weight: bold !important;
color: #559920 !important; 
font-size: 90%;
text-transform: uppercase;
height: 25px;
padding-left: 4px;
margin-top: 10px;
}
.tabContainer a {
color: #4778a8;
}
.tabContainer .tab{
float: left;
margin-left: 7px;
}
.tabContainer .tabText{
float: left;
height: 25px;
padding-top: 8px;
}
.tabContainer .tabLeft {
float: left;
width: 15px;
height: 25px;
}
.tabContainer .tabRight {
float: left;
width: 15px;
height: 25px;
}
.tabContainer .selectedTab .tabText{
background: url('./images/tabi_valittu_keski.png') repeat-x;
}
.tabContainer .selectedTab .tabLeft {
background: url('./images/tabi_valittu_vasen.png') no-repeat;
}
.tabContainer .selectedTab .tabRight {
background: url('./images/tabi_valittu_oikea.png') no-repeat;
}
.tabContainer .unSelectedTab .tabText{
background: url('./images/tabi_keski.png') repeat-x;
}
.tabContainer .unSelectedTab .tabLeft {
background: url('./images/tabi_vasen.png') no-repeat;
}
.tabContainer .unSelectedTab .tabRight {
background: url('./images/tabi_oikea.png') no-repeat;
}
/*
 * Course navigation
 */
div#courseNaviContainer .courseNaviProtection {
float: right;
display:block;
margin-right: 15px;
}
div#courseNaviContainer {
float:left;
width:175px;
padding: 10px 10px 0 5px;
}
div#courseNaviContainer .item {
padding: 5px 0 5px 28px;
/*padding: 0;*/
width: 145px;
overflow: hidden;
}
div#courseNaviContainer .text {
color: #618f33;
}
div#courseNaviContainer .item a {
color: #4778a8;
display: block;
}
div#courseNaviContainer .item_add {
padding: 5px 0 5px 28px;
/*padding: 0;*/
width: 145px;
overflow: hidden;
}
div#courseNaviContainer .item_add a {
color: #00a8b4;
display: block;
}


div#courseNaviContainer .protected a {
color: #999999 !important;
}
div#courseNaviContainer .protected a:hover {
color: #618f33 !important;
}
div#courseNaviContainer .item a:hover {
color: #618f33;
}
div#courseNaviContainer .unSelected {
background: url('./images/arrowRightBlue.png') no-repeat;
background-position: 12px 3px;
}
div#courseNaviContainer .unSelected:hover {
background: url('./images/arrowRightGreen.png') no-repeat;
background-position: 12px 3px;
}
div#courseNaviContainer .addition {
background: url('./images/add_16_plain_small.png') no-repeat;
background-position: 9px 5px;
font-style: italic;


}
div#courseNaviContainer .addition:hover {
background: url('./images/add_16_plain_small.png') no-repeat;
background-position: 9px 5px;
}
div#courseNaviContainer .protected {
background: url('./images/arrowRightGreyDisabled.gif') no-repeat;
background-position: 12px 3px;
}
div#courseNaviContainer .protected:hover {
background: url('./images/arrowRightGreen.png') no-repeat;
background-position: 12px 3px;
}
div#courseNaviContainer .selected {
background: url('./images/arrowRightGreen.png') no-repeat;
background-position: 12px 3px;
font-weight: bold;
}
div#courseNaviContainer div.courseNaviSeparator {
background: url('./images/dotted.gif');
height: 1px;
margin: 10px 0;
}
div#courseNaviContainer div.separator {
height:1px;
background: url('./images/horLineGrey.png');
}
div#courseNaviContainer div#ownPages {
margin: 30px 0;
}
div#courseNaviContainer .courseNaviTitle {
font-weight: bold;
font-size: 95%;
color: #559920;
margin-bottom: 2px;
padding-left: 6px;
}
div#courseNaviContainer .courseNaviTitle span.small {
color: #767676;
font-size: 90%;
font-weight: normal;
}
div.courseNaviTeacher {
margin: 30px 0px;
}
div.courseNaviTeacher .unSelected {
background: url('./images/arrowRightOrange.png') no-repeat !important;
background-position: 12px 3px !important;
}
div.courseNaviTeacher .selected {
background: url('./images/arrowRightGreen.png') no-repeat !important;
background-position: 12px 3px !important;
font-weight: bold !important;
}
div.courseNaviTeacher .title {
font-weight: bold !important;
font-size: 95% !important;
}
/*
 * Breadcrumb
 */
div.breadcrumb {
font-size: 90%;
color: #4778a8;
}
div.breadcrumb .breadcrump_noppa{
display:none;
}
div.breadcrumb div.item {
float: left;
}
div.breadcrumb a {
color: #4778a8;
}
div.breadcrumb .inActive {
	color: #559920;
}
/*
 * Additional navigation
 */
div#additionalNaviContainer {
float:right;
width:200px;
margin-right: 10px;
margin-bottom: 50px;
display:inline; /* double margin ie hack */
}
div#additionalNaviContainer div.box{
margin-bottom: 20px;
}
div#additionalNaviContainer div.box div.line {
height: 1px;
width: 200px;
margin-bottom:4px;
background: url('./images/dotted.gif');
}
div#additionalNaviContainer div.box div.title {
font-weight: bold;
font-size: 95%;
color: #559920;
margin-bottom: 2px;
}
div#additionalNaviContainer div.box a.naviItem  {
display: block;
font-size: 95%;
margin: 4px 0 5px 5px;
padding: 2px 0 0 18px;
color: #4778a8;
width: 180px;
/*border: solid 1px red;*/
overflow: hidden;
}
div#additionalNaviContainer div.box a.course  {
padding-left: 0px;
}
div#additionalNaviContainer div.box a.link  {
background: url('./images/sisainen_linkki_bullet_sin.gif') no-repeat;
background-position: 0px 5px;
margin-top:2px;
margin-bottom:0px;
}
div#additionalNaviContainer div.box div.title span.small {
color: #767676;
font-size: 90%;
font-weight: normal;
}

div#additionalNaviContainer div.box span.courseCode {
display: block;
}
div#additionalNaviContainer div.box span.courseName {
display: block;
/*width: 185px;*/
}
div#additionalNaviContainer div.separator {
background: url('./images/horLineGrey.png');
height: 1px;
}
/*
 * Header
 */
#topNavi_frontpage {
background: url('./images/etusivu.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_frontpage_selected {
background: url('./images/etusivu_green.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_frontpage:hover {
background: url('./images/etusivu_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_frontpage {
background: url('./images/etusivu_green.png') no-repeat;
}
#topNavi_courses {
background: url('./images/kurssit.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_courses_selected {
background: url('./images/kurssit_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_courses:hover {
background: url('./images/kurssit_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_courses {
background: url('./images/kurssit_green.png') no-repeat;
}
#topNavi_instructions {
background: url('./images/ohjeet.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_instructions_selected {
background: url('./images/ohjeet_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_instructions:hover {
background: url('./images/ohjeet_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_instructions {
background: url('./images/ohjeet_green.png') no-repeat;
}
#topNavi_settings {
background: url('./images/asetukset.png') no-repeat;
width: 100px;
height: 63px;
}
#topNavi_settings_selected {
background: url('./images/asetukset_green.png') no-repeat;
width: 100px;
height: 63px;
}

#topNavi_settings:hover {
background: url('./images/asetukset_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_administration {
background: url('./images/yllapito_green.png') no-repeat;
}

#topNavi_administration {
background: url('./images/yllapito.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_administration_selected {
background: url('./images/yllapito_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_administration:hover {
background: url('./images/yllapito_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_administration {
background: url('./images/yllapito_green.png') no-repeat;
}

#topNavi_toEditView {
background: url('./images/opettajannakymaan.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toEditView:hover {
background: url('./images/opettajannakymaan_green_hover.png') no-repeat;
}
#topNavi_toStudentView {
background: url('./images/opiskelijannakymaan.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toStudentView:hover {
background: url('./images/opiskelijannakymaan_orange_hover.png') no-repeat;
}


/*** Swedish ***/
#topNavi_frontpage_sv {
background: url('./images/etusivu_sv.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_frontpage_sv_selected {
background: url('./images/etusivu_sv_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_frontpage_sv:hover {
background: url('./images/etusivu_sv_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_frontpage_sv {
background: url('./images/etusivu_sv_green_hover.png') no-repeat;
}
#topNavi_courses_sv {
background: url('./images/kurssit_sv.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_courses_sv_selected {
background: url('./images/kurssit_sv_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_courses_sv:hover {
background: url('./images/kurssit_sv_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_courses_sv {
background: url('./images/kurssit_sv_green.png') no-repeat;
}
#topNavi_instructions_sv {
background: url('./images/ohjeet_sv.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_instructions_sv_selected {
background: url('./images/ohjeet_sv_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_instructions_sv:hover {
background: url('./images/ohjeet_sv_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_instructions_sv {
background: url('./images/ohjeet_sv_green_hover.png') no-repeat;
}
#topNavi_settings_sv {
background: url('./images/asetukset_sv.png') no-repeat;
width: 100px;
height: 63px;
}
#topNavi_settings_sv_selected {
background: url('./images/asetukset_sv_green.png') no-repeat;
width: 100px;
height: 63px;
}

#topNavi_settings_sv:hover {
background: url('./images/asetukset_sv_green_hover.png') no-repeat;
}

.topNaviSelected #topNavi_settings_sv {
background: url('./images/asetukset_sv_green_hover.png') no-repeat;
}

.topNaviSelected #topNavi_administration_sv {
background: url('./images/yllapito_green_hover.png') no-repeat;
}

#topNavi_administration_sv {
background: url('./images/yllapito.png') no-repeat;
width: 94px;
height: 68px;
}
#topNavi_administration_sv_selected {
background: url('./images/yllapito_green.png') no-repeat;
width: 94px;
height: 68px;
}

#topNavi_administration_sv:hover {
background: url('./images/yllapito_green_hover.png') no-repeat;
}

#topNavi_toEditView_sv {
background: url('./images/opettajannakymaan_sv.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toEditView_sv:hover {
background: url('./images/opettajannakymaan_sv_green_hover.png') no-repeat;
}
#topNavi_toStudentView_sv {
background: url('./images/opiskelijannakymaan_sv.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toStudentView_sv:hover {
background: url('./images/opiskelijannakymaan_sv_orange_hover.png') no-repeat;
}

/*** English ***/
#topNavi_frontpage_en {
background: url('./images/etusivu_en.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_frontpage_en_selected {
background: url('./images/etusivu_en_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_frontpage_en:hover {
background: url('./images/etusivu_en_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_frontpage_en {
background: url('./images/etusivu_en_green_hover.png') no-repeat;
}
#topNavi_courses_en {
background: url('./images/kurssit_en.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_courses_en_selected {
background: url('./images/kurssit_en_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_courses_en:hover {
background: url('./images/kurssit_en_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_courses_en {
background: url('./images/kurssit_en_green_hover.png') no-repeat;
}
#topNavi_instructions_en {
background: url('./images/ohjeet_en.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_instructions_en_selected {
background: url('./images/ohjeet_en_green.png') no-repeat;
width: 93px;
height: 62px;
}

#topNavi_instructions_en:hover {
background: url('./images/ohjeet_en_green_hover.png') no-repeat;
}
.topNaviSelected #topNavi_instructions_en {
background: url('./images/ohjeet_en_green_hover.png') no-repeat;
}
#topNavi_settings_en {
background: url('./images/asetukset_en.png') no-repeat;
width: 100px;
height: 63px;
}
#topNavi_settings_en_selected {
background: url('./images/asetukset_en_green.png') no-repeat;
width: 100px;
height: 63px;
}

#topNavi_settings_en:hover {
background: url('./images/asetukset_en_green_hover.png') no-repeat;
}

.topNaviSelected #topNavi_settings_en {
background: url('./images/asetukset_en_green_hover.png') no-repeat;
}

.topNaviSelected #topNavi_administration_en {
background: url('./images/yllapito_green.png') no-repeat;
}

#topNavi_administration_en {
background: url('./images/yllapito.png') no-repeat;
width: 94px;
height: 68px;
}
#topNavi_administration_en_selected {
background: url('./images/yllapito_green.png') no-repeat;
width: 94px;
height: 68px;
}

#topNavi_administration_en:hover {
background: url('./images/yllapito_green_hover.png') no-repeat;
}

#topNavi_toEditView_en {
background: url('./images/opettajannakymaan_en.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toEditView_en:hover {
background: url('./images/opettajannakymaan_en_green_hover.png') no-repeat;
}
#topNavi_toStudentView_en {
background: url('./images/opiskelijannakymaan_en.png') no-repeat;
width: 93px;
height: 62px;
}
#topNavi_toStudentView_en:hover {
background: url('./images/opiskelijannakymaan_en_orange_hover.png') no-repeat;
}

div#headerTopFrame div#topNavi {
}
div#headerTopFrame #noppa_logo {
/*height: 37px;*/
width: 200px;
float: left;
display:inline; /* double margin ie hack */
margin-left: 5px;
}
div#headerTopFrame a#logoutIcon {
display:inline; /* double margin ie hack */
width: 24px;
height: 24px;
/*margin: 10px 25px 15px 20px;*/
float: right;
}
div#headerTopFrame a#tkkLogo {
display:inline; /* double margin ie hack */
width: 102px;
height:72px;
margin: 10px 25px 15px 20px;
float: left;
}
div#headerTopFrame div#logoSeparator {
float: left;
width: 1px;
height: 97px;
background: url('./images/dotted.gif');
}
div#headerTopFrame div#top {
float: left;
width: 780px;
}
div#headerTopFrame div#externalLinks {
float: right;
width: 480px;
padding-right: 10px;
}
div#headerTopFrame div#externalLinks div#externalSeparator {
background:url('./images/dotted.gif');
height: 1px;
clear: both;
}
div#headerTopFrame a.arrowLink {
margin-left: 4px;
margin-right: 4px;
background: url('./images/arrowRightGreen.png') no-repeat;
padding: 2px 0 7px 12px;
font-size: 110%;
font-weight: bold;
color: #3680cc;
float: right;
}
div#headerTopFrame div#bottom {
padding-left: 10px;
}
div#headerTopFrame div#bottom .naviItem {
margin: 0 2px;
display: block;
float: left;
height: 68px;
margin-top:11px;
}
div#loginInfo {
float:right;
}
div.login {
margin: 0px 5px 0px 10px;
}
div.loginText {
}
#loginName {
margin-top:5px;
width: 140px;
height: 18px;
overflow:hidden;
font-size: 110%;
}
.userName {
width:220px;
word-wrap: break-word;
overflow:hidden;
}

.userFirstName {
width:50px;
word-wrap: break-word;
overflow:hidden;
}

.userLastName {
width:200px;
word-wrap: break-word;
overflow:hidden;
}

#logoutLink {
margin-top:5px;
margin-left: 5px;
}
.loginBox {
float:left;
padding-right: 45px;
padding-top: 15px;
}
.loginBox input {
margin: 0 5px;
border: solid 1px #2a81c6;
height: 20px;
}
.loginBox .inputButton { /* JS 17.11.2006 */
background: white;
border: outset 3px #2a81c6;
font-weight: bold;
color: #277ec1;
padding: 2px 5px;
height: 23px;
margin-right: 10px;
}
.loginTitle {
margin: 5px;
}
.loginErrorBox {
}
.loginErrorMsg{
color: red;
font-weight: bold;
}
.loginContainer {
padding:0;
margin-right: 5px;
}
/*
 * Footer 
 */

div.footer {
padding:15px 16px 10px 16px;
font-size: 90%;
color: #737373;
}
#footer_1 {
float: left;
}
#footer_2 {
float:right;
}
div.footer a, div.footer a:link, div.footer a:visited, div.footer a:hover {
color: #737373;
}
div.courseFooter {
margin: 20px 0 0 0;
font-size: 90%;
color: #888888;
}
div.courseFooter .updated {
margin-top:6px;
margin-left:10px;
}
div.courseFooter a.printableVersion {
float: right;
display:block;
color: #888888;
background: url('./images/printer2_plain.png') no-repeat;
margin: 6px 10px 10px 10px;
padding-left: 20px;
}
/* 
 *  Page frames
 */
 
/* general style for all frame divs */
div.frame {
margin:0;
border:none;
/*border: solid 1px red;*/
padding:0;
}

/* main frame */
div#pageFrame {
margin: 0 auto 0 auto;
width: 984px;
background: white;
}

/* top */

div#topFrame {
background: url('./images/kehysYlapalkki_2.png') no-repeat;
}
div#topFrame img.spacer {
height: 11px;
}
/* middle */


div#middleFrame {
background: url('./images/reunat.png') white repeat-y;

}
div#middleFrameCoursePage {
background: url('./images/reunat_kurssisivu.png') white repeat-y;
}
div#middleLeftFrame {
float: left;
display:inline; /* double margin ie hack */
height: 541px;
width: 12px;
position: relative;
}
.studentView_middleLeftFrame {
background: url('./images/kehysVasenReunaPalkki_student.png');
}
.editView_middleLeftFrame {
background: url('./images/kehysVasenReunaPalkki_teacher.png');
}
.notLoggedView_middleLeftFrame {
background: url('./images/kehysVasenReunaPalkki_student.png');
}
div#middleLeftTopFrame {
width: 12px
}
div#middleCenterFrame {
float: left;
display:inline; /* double margin ie hack */
width: 960px;
overflow:hidden;
background: url('./images/content_tausta.png') white repeat-y;
position: relative;
}
div#middleCenterFrame_courseCenterFrame {
float: left;
display:inline; /* double margin ie hack */
width: 960px;
overflow:hidden;
background: url('./images/content_tausta_kurssisivu.png') white repeat-y;
}
div#middleRightFrame {
float: left;
display:inline; /* double margin ie hack */
height: 541px;
width: 12px;
}
.studentView_middleRightFrame {
background: url('./images/kehysOikeaReunaPalkki_student.png');
}
.editView_middleRightFrame {
background: url('./images/kehysOikeaReunaPalkki_teacher.png');
}
.notLoggedView_middleRightFrame {
background: url('./images/kehysOikeaReunaPalkki_student.png');
}

/* header */

div#headerTopFrame {
height: 98px;
padding: 15px 0 10px 0;
background: url('./images/topFrame_tausta.png');
overflow:hidden;
}

div#headerBottomFrame {
height:22px;
margin-bottom: 0px;
}
.studentView_headerBottomFrame {
background: url('./images/noppa_kehysrunko_student.png') no-repeat white;
}
.editView_headerBottomFrame {
background: url('./images/noppa_kehysrunko_teacher.png') no-repeat white;
}
.notLoggedView_headerBottomFrame {
background: url('./images/noppa_kehysrunko_student.png') no-repeat white;
}
div#headerBottomFrame img.spacer {
height: 2px;
}

/* content area */

div.contentFrame {
float: left;
display:inline; /* double margin ie hack */
/* overflow: auto; */
min-height: 500px;
height:auto !important;  /* min-height hack for IE6 */
height:500px;            /* min-height hack for IE6 */
}
div#courseContentFrame {
width: 520px;
padding: 0 10px 0 15px;
display: inline; /* double margin IE hack */
/*background: red;*/

/*background: url('./images/courseContentFrame.png') repeat-y;*/
}
div#frontpageContentFrame {
width: 710px;
padding: 0 10px 0 10px;
display:inline; /* double margin ie hack */
/* overflow: auto; */
/*background: red;*/
/*background: url('./images/frontpageContentFrame.png') repeat-y;*/
}
div#courseTitleFrame {
width: 715px;
float:left;
display:inline; /* double margin ie hack */
overflow: hidden;
padding: 5px 0 5px 5px;
background: white;
/*background: url('./images/frontpageContentFrame.png') repeat-y;*/
}
/* bottom */

div#bottomFrame {
background: url('./images/kehysAlapalkki_2.png') no-repeat;
height: 44px;
}

.courseFrontPageTable{
	width:100%;
}

.adminGeneralLink  {
	background: url('./images/sisainen_linkki_bullet_sin.gif') no-repeat;
	background-position: 0px 5px;
	margin-top:2px;
	margin-bottom:0px;
	margin-left: 10px;
	padding-left:20px;
}

.listPagingFirstLink{
	background: url('./images/navigate_list_beginning.png') no-repeat;
	background-position: left;
	width: 16px;
	height: 16px;
	display: block;
}

.listPagingPreviousLink{
	background: url('./images/navigate_list_left.png') no-repeat;
	background-position: left;
	width: 16px;
	height: 16px;
	display: block;
}

.listPagingNextLink{
	background: url('./images/navigate_list_right.png') no-repeat;
	background-position: left;
	width: 16px;
	height: 16px;
	display: block;
}

.listPagingLastLink{
	background: url('./images/navigate_list_end.png') no-repeat;
	background-position: left;	
	width: 16px;
	height: 16px;
	display: block;
}

.listPagingLink{
	display: inline;
}

.listPagingCurrentPage{
	display: inline;
}

.tablePages{
	vertical-align: top;
	text-align: right;
}

.tablePagesContainer{
	text-align: left;
	overflow: auto;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.tableHeaderTable{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


div#middleCenterFrame_errorpage {
	float: left;
	display:inline; /* double margin ie hack */
	width: 960px;
	overflow:hidden;
	background-color: white;
}

.errorpage_wrapper {
	/*width:960px;*/
	width:700px;
}

.errorlink {
	background: url('./images/sisainen_linkki_bullet_sin.gif') no-repeat #f1f7fd;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 0px; 
}




.exception-top {
	border: 1px black dotted;
	width:500px;
	clear:both;
	float:left;
	
	margin: 20px 0px 0px 100px; 
	
	padding: 15px 10px 15px 50px;
	background: url('./images/about.png') no-repeat #f1f7fd;
	background-position: 10px 13px;
}

.exception-header {
	color:Red;
	font-weight: bold;
	font-size: large;
	clear:both;
	float:left;
	width:100%;
}
.exception-text {
	color:Black;
	font-weight: normal;
	font-size: medium;
	clear:both;
	float:left;
	width:100%;
}

.tableHeaderTable td{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.zeroMarginPadding{
	padding: 0px;
	margin: 0px;
}