/* IE Hack */
ul, ol, dl {
   position: relative;  
}

body {
   margin: 0px;
   padding: 0px;
   font-family: Arial, Verdana, Tahoma;
   color: #000000; 
   background-color: #828282;
   text-align: center;
   height: 100%;   
}

#idlePage {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
  height: 100%;
}


#header {
   float: left;
   display: none;	
}

.nonprntable {
  display: none;
}


span.username {
   background: transparent;
   background-image: url(../images/icons/user_suit.gif); 
   background-repeat: no-repeat;
   background-position: bottom left;
   padding-left: 20px;
   padding-top: 2px;
   padding-bottom: 2px;
   
}

#navViews {
   display: none;
}

div.mainContent {
   float: left; 
   display:inline;  
   border-style: solid;	
   border-color: yellow;
   border-width: 0px;
   text-align: left;
   width: auto;  
   margin-left: -20px;   
   padding-left: 0px;   
   padding-right: 20px;
   background-color: #788395;
   background-image: url(../images/maincontent-bg-dark.gif);
   background-repeat: repeat-y;    
   background-position: left;   
   height: 100%;
   float:none !important;
}

div.content {
   font-family: Verdana,Arial;
   font-size: 11px;
   text-align: left;
   background-color: #ffffff;
   padding: 10px 30px 10px 30px;   
   margin: -1px 0px 0px 0px;
   
   border-style: solid;	
   border-color: #31363f;
   border-width: 0px; 
   
   position: relative;
   min-height: 500px; 

   /*
   background-image: url(../images/content-bg.gif);
   background-repeat: repeat-y;    
   background-position: left top;
   background-color: #ffffff;   
   */
   height: 100%;  /* ehkä ie ongelma?? */
   float:none !important;
    
}

div.leftmenu {
   float: left; 	
   display: none;   

}

#footer {
   display: none; 
}

#footer A:Link {
   color: #cccccc;
   text-decoration:none;
}

#footer A:Visited {
   color:#cccccc;
   text-decoration:none;
}

#footer A:Hover {
   color:#fcfcfc;
   text-decoration:none;
}


#navBlack,
div.leftmenu h5.dark,
table.submenu td.center  {
   color: #ffffff;
}

#navBlack A:Link,
div.leftmenu h5.dark  A:Link,
table.submenu td.center A:Link {
   color: #ffffff;
   text-decoration:none;
}

#navBlack A:Visited,
div.leftmenu h5.dark  A:Visited,
table.submenu td.center A:Visited {
   color:#ffffff;
   text-decoration:none;
}

#navBlack A:Hover,
div.leftmenu h5.dark  A:Hover,
table.submenu td.center A:Hover {
   color:#cccccc;
   text-decoration:none;
}


div.articles {
   position: relative;
}

div.article-header {
   
}

span.author {
   font-weight: bold;
}

span.email {
   font-size: 10px;
}

span.date {
   background-image: url('../images/icons/arrow_right.gif');
   background-position: left top;
   background-repeat: no-repeat; 
   padding-left: 15px; 
   font-size: 10px;  
}

div.article-body {
   padding: 20px 10px 10px 5px;      
}

span.article-quote {
   color: blue;
}

span.article-quote2 {
   color: maroon;
}




/**
   Navigointia

*/

#SecondaryNav {
    font-family: Verdana, Arial, sans-serif; 
    font-size: 11px;
    height: 21px;
    color: #ffffff;
    position: relative;
    z-index: 102;
    overflow: hidden;

    padding: 0px 0px 0px 28px;
    margin-left: 0px;
    /* background: url('../images/secNav-bg.gif') top left repeat-x; 
    
    border-style: solid;
     border-width: 0px 1px 0px 1px; 
    border-color: #000000;
    */
}
#SecondaryNav ul {
    padding: 0 10px 0 0; 
    margin: 0 0 0 -8px;
}

#SecondaryNav li {
    margin: 0;
    padding-left: 11px;
    line-height: 20px;
    display: block;
    float:left;
    height: 20px;
    background: url('../images/secNav-bg.gif') top left repeat-x; 
     border-style: solid;
    border-width: 1px 0px 0px 0px; 
    border-color: #000000;
}


#SecondaryNav li.first { 
  /* background: url('../images/secNav-right-off.gif') top right no-repeat;   */
       border-style: solid;
     border-width: 1px 0px 0px 1px; 
    border-color: #000000;
}
/* 
  #SecondaryNav li.firstcurrent { background-image: url('http://cdn.last.fm/depth/nav2/left_first_on.gif'); }
*/
#SecondaryNav li a {
    color: #ffffff;
    padding-right: 11px;
    line-height: 20px;
    text-decoration: none;
    display: block;
    float: left;
    background: url('../images/secNav-right-off.gif') top right no-repeat;
    border: 0;
}

#SecondaryNav li.current,
#SecondaryNav li.lastcurrent {
    background-image: url('../images/secNav-current.gif');
    background-repeat: repeat-x;
    
	margin-left: 0px; padding-left: 11px;
	
}

#SecondaryNav li.current a,
#SecondaryNav li.firstcurrent a,
#SecondaryNav li.lastcurrent a {  
   /*
    background-image: url('../images/secNav-current.gif');
    background-repeat: repeat-x;
    */
    background: url('../images/secNav-right-off.gif') top right no-repeat;    
    color: #000000;
    font-weight: bold;
}

#SecondaryNav li a:hover {
	color: #404040;
}

/*
#SecondaryNav li.last a { 
    background-image: url('http://cdn.last.fm/depth/nav2/right_end_off.gif');
    padding-right: 22px;    
}

#SecondaryNav li.lastcurrent a {
    background-image: url('http://cdn.last.fm/depth/nav2/right_end_on.gif');
    padding-right: 25px;
}
*/

#tabtext {
   position: relative;

   
   min-height: 500px; 
   border-style: solid;	
   border-color: red;
   border-width: 1px;
   margin: -1px 0px 0px 0px;
   padding: 0px 20px 0px 0px;
   width: auto;
   height: 100%;

   background-image: url('../images/tabcontent-right-bg.gif');
   background-position: right top;
   background-repeat: repeat-y;         
}

#tabtext2 {
   position: relative;
   float: left;
   display: block;
   
   min-height: 500px; 
   border-style: solid;	
   border-color: #8f8f8f;
   border-width: 0px;
   margin: 0px 0px 0px 0px;
   padding: 10px;
   width: auto;
   height: 100%;

   background-image: url('../images/top_right.gif');
   background-position: top right;
   background-repeat: no-repeat;        
}

/* CSSFORM */

.formtablelogin p {
   text-align: left;
   width: 180px;
   clear: left;
   margin: 0;
   padding: 0px 0 0px 0;
   padding-left: 70px; /*width of left column containing the label elements*/
/*   border-top: 1px dashed gray; */
/*   height: 1%; */
}

.formtablelogin label {
   font-weight: bold;
   float: left;
   margin-left: -70px; /*width of left column*/
   width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formtableinfo p {
   text-align: left;
   width: 200px;
   clear: left;
   margin: 0;
   padding: 0px 0 0px 0;
   padding-left: 110px; /*width of left column containing the label elements*/
/*   border-top: 1px dashed gray; */
/*   height: 1%; */
}

.formtableinfo label {
   font-weight: bold;
   float: left;
   margin-left: -110px; /*width of left column*/
   width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.formtable p {
   width: 300px;
/*   clear: left; */
   margin: 0;
   padding: 5px 0 8px 0;
   padding-left: 155px; /*width of left column containing the label elements*/
   /* border-top: 1px dashed gray; */
/*   height: 1%;  */
}

.formtable label {
   font-weight: bold;
   float: left;
   margin-left: -155px; /*width of left column*/
   width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formtable textarea.small{
width: 250px;
height: 150px;
}

.formbutton {
   cursor:pointer;
   border:outset 1px #ccc;
   background:#999;
   color:#666;
   font-weight:bold;
   padding: 1px 2px;
   background:url(../images/buttonbg.gif) repeat-x left top;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* vanhat tän jälkee */



pre {
   font-size: 11px;
   color: #000000; 
}

pre.box {
   border-style: solid;
   border-width: 1px;	
   border-color: #9fa7be;
   font-size: 11px;
   color: #000000; 
   width: auto;
   padding: 10px;
   padding-left: 10px;
   background-color: #fafafa;
 /*  page-break-inside: avoid; */
   
}

A:Link {
   color: #3b5bb5;
   /*color: #4b6599; gray */
   /* color: #3f5fbf; */
   text-decoration:none;
}
A:Visited {
   color: #3b5bb5;
   text-decoration:none;
}

A:Hover {
   color:#333333;
}

a.uline {
   text-decoration: underline;
}

table {
   font-size: 11px;
   border-style: solid;
   border-width: 0px; 
   border-color: #9fa7be;
   float:none !important;
/*   page-break-inside: avoid; */
}

tr {
   vertical-align: top;
}

td {
   vertical-align: top;
   text-align: left;
   border-collapse: inherit;
   padding: 0px;
}

th {
   vertical-align: top;
   text-align: left;
   font-weight: bold;
}

table.loginpage {
   height: 100%;
   width: auto;
   text-align: center;
   vertical-align: middle;
}

table.loginpage tr {
   height: 100%;
   width: auto;
   text-align: center;
   vertical-align: middle;
}

table.loginpage td {
   height: 100%;
   width: auto;
   text-align: center;
   vertical-align: middle;
}

table.login {
   margin:auto; 
   border-collapse: collapse;
   border-style: solid;
   border-color: #9fa7be;
   border-width: 0px; 
}

table.login td.top {
   vertical-align: bottom;
   border-width: 0px; 
   text-align: left;
}


table.login th {
   border-collapse: collapse;
   background-image: url(../images/bg.jpg);
   font-weight: bold;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: center; 
   padding-left: 3px;
   font-size: 12px;
}

table.login tr {
   border-collapse: collapse;
   border-style: solid;
   border-width: 0px; 
}

table.login td.inputarea {
   padding: 20px;
   padding-left: 40px;
   padding-right: 40px;
   border-collapse: collapse;
   border-style: solid;
   border-color: #9fa7be;
   border-width: 1px; 
   text-align: center;
}

table.login td {
   text-align: left;
   width: auto;
}

form {
   margin: 0px;
   padding: 0px;
}


table.tabbed {
   border-collapse: collapse;
   border-style: solid;
   border-width: 0px;
   border-color: #9fa7be;
   text-align: left; 
   width: auto;
}

td.tab_selected {
   font-size: 12px;
   font-weight: bold;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   background-image: url(../images/bg.jpg);
   border-color: #9fa7be;
   text-align: left;
   padding-left: 10px; 	
}

td.tab {
   font-size: 12px;
   border-style: solid;
   border-width: 1px 1px 0px 1px;

   border-color: #9fa7be;
   background-image: url(../images/bg-dark.jpg);
   background-color: #f0f0f0;
   text-align: left; 	

   padding-left: 10px; 
}

td.middlerow {
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   font-weight: bold;
   border-color: #9fa7be;
/*   background-image: url(../images/bg-subdark.jpg);
   background-image: url(../images/bg-teacher.jpg);*/
   
   background-color: #f5f5f5;
   text-align: left; 	

   padding-left: 10px; 
}

td.subtab {
   font-size: 11px;
   border-style: solid;
   border-width: 1px 1px 1px 1px;

   border-color: #9fa7be;
   background-image: url(../images/bg-subdark.jpg);
   background-color: #f0f0f0;
   text-align: left; 	

   padding-left: 10px; 
}

span.topicdeadline {
	font-size: 11px;
 	font-weight: normal;
    text-align: right;
}

td.subtab_selected {
   font-size: 11px;
   font-weight: bold;
   border-style: solid;
   border-width: 1px 1px 1px 1px;

   border-color: #9fa7be;
   background-image: url(../images/bg-sub.jpg);
   background-color: #f0f0f0;
   text-align: left; 	

   padding-left: 10px; 
}

td.tabbed_main {
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left;
   padding: 5px;
   background-color: #ffffff;
}

table.fancytable {
   padding: 10px;

   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left; 
}

table.fancytable th {
   border-collapse: collapse;
   background-image: url(../images/bg.jpg);
   font-weight: bold;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left; 
   padding-left: 3px;
}

table.fancytable td {
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left; 
   padding-left: 7px;
   padding-right: 10px;
   vertical-align: middle;
}

/*
table.fancytable tr {
	border-style: solid;
    border-color: #9fa7be;
	border-width: 0px 0px 20px 0px;
}
*/
	
table.fancytable th input {
	font-size: 9px;
	padding: 0px;
    margin: 2px 0px 2px 0px;
}

table.fancytable td input {
	font-size: 9px;
	padding: 0px;
    margin: 2px 0px 2px 0px;
}

hr {
   margin-top: 10px;
   padding: 0px;
   margin-bottom: 10px;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
}

input, select {
	color: #000000;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #9fa7be;
	padding: 0px;
    margin: 2px 2px 2px 2px;
/*    font-size: 12px;*/
}

textarea {
	color: #000000;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #9fa7be;
	padding: 0px;
    margin: 3px 0px 0px 3px;
/*    height: 150px;*/
}

textarea.warn {
	color: maroon;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: maroon;
	padding: 0px;
    margin: 3px 0px 0px 3px;
/*    height: 150px;*/
}

textarea.feedback {
	color: #000000;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #9fa7be;
	padding: 0px;
    margin: 3px 0px 0px 3px;
    width: 400px;
    height: 100px;
}


img {
   border-style: none;
   border-width: 0px;
   page-break-inside: avoid; 
}

img.icon {
   margin: 0px;
   padding: 0px;
   border-style: none;
   border-width: 0px;
 /*  page-break-inside: avoid; */
}

img.nomargin {
   border-style: none;
   border-width: 0px;
   margin: 0px;
}

p.menupassword {

   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
   margin-left: 7px;
   margin-top: 5px;
   margin-bottom: 2px;

}

p {
   margin-top: 5px;
   margin-bottom: 5px;
}


p.success {
   font-family: Verdana, Arial;
   font-size: 12px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
}

p.error {

   font-family: Verdana, Arial;
   font-size: 12px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
   color: Maroon;

}

p.ukk {

   font-family: Verdana, Arial;
   font-size: 10px;
   border-width: 0px;
   border-bottom-width: 1px;
   border-top-width: 1px;
   border-style: solid;
   border-color: #9fa7be;
   margin-top: 5px;

}

h1 {
   font-family: Verdana, Arial, serif;
   border-style: solid;
   border-width: 0px;
   border-bottom-width: 0px;
   border-color: #9fa7be;
   font-size: 20px;
   margin-top: 5px;
   margin-bottom: 5px;   
}

h1.topic {
   color: #303030;
   font-family: Verdana, Arial, serif;
   font-weight: bold;
   border-style: solid;
   border-width: 0px;
   border-bottom-width: 0px;
   border-color: #9fa7be;
   font-size: 15px;
   margin-top: 5px;
   margin-bottom: 5px;
   letter-spacing: 2px;
}


h2 {
   font-family: Verdana, Arial, serif;
/*   color: #1f1f9f; */
   border-style: solid;
   border-width: 0px;
   border-color: #9fa7be;
   border-bottom-width: 1px;
   font-size: 13px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 0px;
   font-weight: bolder;
   letter-spacing: 2px;   
}

h2.topic {
   font-family: Verdana, Arial, serif;
 /*  color: #6f778e;*/
background-image: url(../images/title3.png);
background-repeat: repeat-x;

   border-style: solid;
   border-width: 0px;
   border-color: #9fa7be;
   border-bottom-width: 1px;
border-top-width: 1px;
   font-size: 14px;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-bottom: 5px;  
/* background-color: #000000; 
   color: #ffffff;*/
   background-color: #c8d2dc;
   text-align: center;
}

h3 {
   font-family: Verdana, Arial, serif;
   border-style: solid;
   border-width: 0px;
   border-color: #9fa7be;
   font-size: 12px;
   margin-bottom: 2px;
   margin-top: 7px;
   padding-top: 0px;
   
}

h4 {
   font-family: Verdana, Arial, serif;
   font-size: 12px;
   background-color: #f8f8fc;
   font-weight: bold;
   color: #000000;

   border-color: #9fa7be;
   border-style: solid;
   border-width: 0px;
   border-top-width: 1px;
   border-bottom-width: 1px;

   margin-bottom: 10px;
}

h5 {
   font-family: Verdana, Arial;
   font-size: 11px;
   
   background-image: url(../images/bg.jpg);
   background-repeat: repeat-x;


   border-style: solid;
   border-width: 0px;
   border-top-width: 1px;
   border-bottom-width: 1px;
  
   padding: 0px;
   padding-left: 5px;
   margin-top: 5px;   
   margin-bottom: 5px;
   margin-left: 0px;
   margin-right: 0px;
   
   border-color: #9fa7be;
}

h5.teacher {
   font-family: Verdana, Arial;
   font-size: 11px;
   background-image: url(../images/title2.png);
   background-repeat: repeat-x;


   border-style: solid;
   border-width: 0px;
   border-top-width: 1px;
   border-bottom-width: 1px;
   padding-left: 5px;
   padding-right: 0px;
   margin-top: 5px;   
   margin-bottom: 5px;
   margin-left: 0px;
   margin-right: 0px;
   border-color: #9fa7be;
}


div.sub {
   margin-left: 4px;
   margin-bottom: 3px;
   padding-left: 25px;
  /* border-color: #94c9db;*/
border-color: #9fa7be;
/*   border-color: #000000;*/
   border-style: solid;
   border-width: 0px;
   border-left-width: 2px;
   border-bottom-width: 0px;
   overflow: hidden;
   width: auto;
}

div.classex {
   background-color: #f8f8f8;
   background-repeat: repeat-x; 
   border-style: dashed;
   border-width: 1px;
   border-color: #9fa7be;

   margin-top: 10px;
   margin-bottom: 10px;
   padding: 5px;

   width: auto;

   font-weight: bold;
   text-align: center;
}

table.submenu {
   background-color: #ffffff;
   background-repeat: repeat-x; 
   border-style: solid;
   border-width: 1px;

   border-color: #9fa7be;
   margin: 0px;
   padding: 0px;
   height: 20px;
border-collapse: collapse;
   width: auto;
}

table.submenu td.status {
   background-image: url(../images/title3.png);
   background-repeat: repeat-x; 
   background-color: #c8d2dc;
   border-style: solid;
   border-width: 0px;
   border-right-width: 1px;
   border-color: #9fa7be;
   padding-left: 10px;
   padding-right: 10px;
   font-weight: bold;
}

table.submenu td {
   vertical-align: middle;
}


table.submenu td.center{ 
border-collapse: collapse;
   background-image: url(../images/title2.png);
   background-repeat: repeat-x; 
   background-color: #000000;
   padding-top: 3px;
   padding-bottom: 1px;
   padding-left: 5px;
   padding-right: 5px;
   border-color: #9fa7be;
   border-style: solid;
   border-width: 1px;
   text-align: center;
   font-weight: bold;
   width: auto;   
}

div.helpsub {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 10px;
   border-style: solid;
   border-width: 0px;
   width: auto;
}

div.helpsub ol {
   padding-left: 20px;
   margin-left: 0px;
}

textarea.clicktablesave {
   /* display: none; */
}

input.clicktablesave {
    display: none; 
}


#selected {
   color: black;
   background-color: #afc7ee;
}

#notice {
	color: Maroon;
	font-weight: bold;
}

.rowhighlight {
   color: black;
   background-color: #e3e9fd;
   /* #edf0fd; */
}


table.clicktable {
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
}

table.clicktable th {
   border-collapse: collapse;
   background-image: url(../images/bg.jpg);
   font-weight: bold;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left; 
}

table.clicktable td {
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #9fa7be;
   text-align: left; 
   vertical-align: middle;
}
		
div.preview {
    width: auto;
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: none;
	overflow: visible;
}

/* bonus */



.bonuscolumn {
   width: 23px;
   margin: 0px;
   padding: 0px !important;
   padding-right: 0px;
   padding-left: 2px !important;
   text-align: center;
   background-image: url(../images/bg-sub.jpg) !important;
}

/* #eaf3fa */

.subtable {
  padding: 0px !important;
  background-color: #deebf6;
}

table.fancytable tr.sub th{
   background-image: url(../images/bg-dark.jpg);
}

.modcol {
   width: 10px !important;
   padding: 0px !important;
}

td.modcol2 {
   width: 33px !important;
   padding: 0px !important;
   background-color: #ffffff;
}

td.namecol {
   width: 210px !important;
}
td.modcol3 {
   width: 20px !important;
   padding: 0px !important;
   background-color: #ffffff;
   border: 0px !important;
}

.changed {
 /*  background-image: url(../images/bg-sub.jpg) !important; */
   background-image: none !important;
   background-color: lightgreen !important;

}

.changed2 {
 /*  background-image: url(../images/bg-sub.jpg) !important; */
   background-image: none !important;
   background-color: red !important;

}

.rel1 {
   background-color: #deebf6;
}

.rel2 {
   background-color: #ffffff;
}

.attrsubtable {
background-color: #eaf3fa;
width: 100% !important;
padding: 0px !important; 
margin: 0px !important; 
border-collapse: collapse; 
border-style: solid; 
border-width: 1px;
}

.attrsubtable th {
background-image: none !important;
}

td.importantrow {
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   font-weight: bold;
   border-color: #9fa7be;
   background-image: url(../images/bg-teacher.jpg);
   background-repeat: repeat-x;    
   
   background-color: #41506f;
   
   text-align: left; 	

   padding-left: 10px; 
}


td.importantrow input {
    font-size: 13px !important;
    font-weight: bold !important;
    width: 100%;    
}

input.description {
    font-size: 11px !important;
    font-weight: normal !important;
    width: 250px;
}

table { padding: 10px; }