/* Name: isisstyle.css
   Description: Style sheet, describing some properties of the HTML examples
*/

/* Generic properties of anchors */
a		{font: 10pt sans-serif; color: #4060c0; font-weight: bold}
a.clean		{color: #808080; text-decoration:none}
a:active	{color: red; text-decoration:none}
a:hover		{background-color: #b0b0b0; text-decoration:none}
a:hover.nohover	{background: none; text-decoration:none}

a.tab,
a.subtab 	{font: 10pt sans-serif; font-weight: bold;
		color: white; text-decoration: none}
a.currentsubtab	{font: 10pt sans-serif; font-weight: bold;
		 color: #707070; text-decoration: none;
		 background-color:#ffff00;
		}

/* Default properties */
body		{
		 /*background-color: #b0c0e0;*/
		 background-color: #cdd;
		 font: 10pt sans-serif; color: #606060;
		}

h1		{font: 20pt sans-serif; font-weight: bold;
		 margin-bottom: 0;
		 text-align: center; color: #0090ff
		}

h2		{text-align: center;}


/* Default form and form element props */
form		{margin:0;}
input		{background-color: #c0c0c0; border: 2px solid #909090;}
select		{background-color: #c0c0c0;}
select.disabled	{background-color: #505050; color: #d0d0d0;}
textarea	{background-color: #c0c0c0; border: 2px solid #909090;
		 font: 10pt sans-serif; color: #606060;}

/* Generic table settings */
/*table		{color: #808050;
		 border-style: solid;
		 border-color: #ff50d0;
		}
*/
caption		{color: #505050; background-color: #d0d0d0;
		 font: 12pt sans-serif; font-weight: bold;
		}

th		{font: 10pt sans-serif; color: #606060; font-weight: bold;
		 text-align: left; padding-left: 3px;
		}
td		{font: 10pt sans-serif; color: #606060;}

/* Make buttons appear as clickable images */
button.img	{background-color: transparent; border-width: 0px;}

/* Some props for login pages */
body.login	{background-image: url('images/orion_logo_space.jpg'); }
td.loginfont	{font: 10pt sans-serif; color: #808080;}
input.login	{background-color: #303030; border-color: #404040;
		 color: white;
		}
button.login	{color: #808080; background-color: #303030;
		 border: 2px solid #900060; padding: 0;
		}
select.login	{background-color: #303030; border-color: #404040;
                 color: white;
		}
h1.caption	{color: #505050; background-color: #d0d0d0;
		 font: 12pt sans-serif; font-weight: bold;
		}

/* row toggle background colors */
tr.even		{background-color: #b0b0b0;}
tr.odd		{background-color: #d0d0d0;}

/* Specific table settings */
table.nopad	{padding: 0; border-collapse: collapse;}

th.big_th	{color: #606060; font: 18pt sans-serif;font-weight: bold;}
td.msg		{color: #ffff50; font: 10pt sans-serif}
td.list		{color: #ffff50; font: 12pt sans-serif; text-align: center}

td.getintouch	{color: #8050ff; font: 10pt sans-serif}

/* specific button styles */
button.arrow	{background-color: #c0c0e0; border: 0; padding: 0;}
button.suff	{background-color: #80c080;}
button.insuff	{background-color: #c09090;}
button.exempt	{background-color: #9090c0;}

/* presence/absence styles */
tr.exempt	{background-color: #809090;}
td.exempt	{background-color: #809090;}
td.inactive	{background-color: #b0b0b0; color: #404040; width:1em; height: 20pt;}
th.inactive	{background-color: #b0b0b0; color: #404040; width:1em; height: 20pt;}
th.active	{background-color: #50b050; color: #ffff00; width:1em; height: 20pt;}
th.currentlsn	{background-color: #ffff00; width:1em;}
td.currentlsn	{background-color: #e0e0e0; width:1em;
		 font: 10pt sans-serif; color: #808080;}
td.present	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: green; width:1em
		}
td.toolate	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: #ee9900; width:1em;
		}
td.unactivated	{width:1em;} /* for unactivated lessons */
td.absent	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: red; width:1em
		}
td.allowed	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: #6060ff; width:1em
		}
td.percentage	{font: 10pt sans-serif; color: #808080;
		 border-left: 5px solid #c0c0c0;
		 border-right: 5px solid #c0c0c0;
		}
a.present	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: green; width:1em;
		 text-decoration: none;
		}
a.toolate	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: #ee9900; width:1em;
		 text-decoration: none;
		}
a.absent	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: red; width:1em;
		 text-decoration: none;
		}
a.allowed	{font: 10pt sans-serif;
		 font-weight: bold;
		 color: #6060ff; width:1em;
		 text-decoration: none;
		}
td.absence_green {background-color: #a0ffa0; color: #009000;}
td.absence_orange {background-color: #ffc000; color: #705030;}
td.absence_red {background-color: #ffc0c0; color: #ff0000;}

/* Draw attention to certain links */
a.attn		{font: 18pt sans-serif;
		 font-weight: bold;
		 color: red; width:1em;
		}


/* good, bad indication */
td.not_rated	{color: #ffffff; font: 10pt sans-serif; font-weight: bold;
		  background-color: #8080ff;}
td.good		{font: 10pt sans-serif; color: #40c080}
td.sufficient	{color: #009000; font: 10pt sans-serif;
		  background-color: #a0ffa0;
                  text-align:center; font-weight: bold;
		}

th.allpass	{color: #705030; font: 10pt sans-serif;
                 background-color: #ffc000;
                 text-align: left; font-weight: bold;
		 border-right: 4px solid blue;
		}

td.allpass	{color: #705030; font: 10pt sans-serif;
                 background-color: #ffc000;
                  text-align: left; font-weight: bold;
		}

td.bad		{font: 10pt sans-serif; color: #c04080}
td.insufficient	{color: #ff0000; font: 10pt sans-serif;
		 background-color: #ffc0c0;
                 text-align:center; font-weight: bold;
		}

th.mod_ok 	{font: 10pt sans-serif; color: #009000; font-weight: bold;
		 background-color: #a0ffa0;
		 border-right: 4px solid blue;
		 padding-right: 5px;
		}
th.mod_nok 	{font: 10pt sans-serif; color: #ff0000; font-weight: bold;
		 background-color: #ffc0c0;
		 border-right: 4px solid blue;
		 padding-right: 5px;
		}

th.mod_n_a	{
		 border-right: 4px solid blue;
		 padding-right: 5px;
		}

a.sufficient,
a.insufficient,
a.mod_ok,
a.mod_nok,
a.mod_n_a	{font: 10pt sans-serif; font-weight: bold;
		 text-decoration: none;
		}

a.sufficient,
a.mod_ok	{color: green}

a.insufficient,
a.mod_nok	{color: red}


th.modresult	{font: 10pt sans-serif; color: blue; font-weight: bold;
 		 text-align: center;
		 padding-right: 5px;
		}

td.modresult	{ /* font is defined in anchor tag */
 		 text-align: center;
		 padding-right: 5px;
		 }


/* assignment defs */
th.asmt		{background-color: #f08080; color: #606000;
		 font: 16pt sans-serif; width: 300px
		}
th.asmtabbrev	{font: 10pt sans-serif; color: #6060c0; font-weight: bold;
		 text-align: left; padding-left: 3px;
		}
td.asmt		{background-color: #80c080; color: #606000;
		 font: 12pt sans-serif; text-align: center
		}
td.asmt_info	{background-color: #ffffc0; font: 12pt sans-serif;}

/* workgroup defs */
th.workgroup	{background-color: #f08080; font: 12pt sans-serif}
td.workgroup	{background-color: #80c080; font: 10pt sans-serif}

td.wgmember	{font: 10pt sans-serif; height:1em; color: #704040}

span.wgtext	{color: #505050; background-color: #d0d0d0;
		 font: 10pt sans-serif; font-weight: bold;
		}
td.wgtext	{color: #505050; background-color: #d0d0d0;
		 font: 10pt sans-serif; font-weight: bold;
		}
th.wgtext	{color: #505050; background-color: #d0d0d0;
		 font: 10pt sans-serif; font-weight: bold;
		}



td.add		{background-color: #000000}
td.alert	{font: 10pt sans-serif; color: #ff0000;
		 background-color: #e0e000;
		}
td.smallalert	{font: 10pt sans-serif;
	  	 color: #00c0e0; background-color: #f0f000;
		}
td.fix		{font: 10pt sans-serif;
	  	 color: #009090; background-color: #ff8080;
		}
td.first	{font: 10pt sans-serif;
	  	 color: #404040; background-color: #a0a0ef;
		}

/* Student pictures */
td.pict		{font: 10pt sans-serif; color: #808080;}
td.pictselected	{font: 10pt sans-serif; color: #808080;
 		 background-color: yellow;
		 padding: 0;
		 border: 2px solid red;
		}
/* picture backgrounds */
td.pictabsent	{background-color: #ff6060; padding: 0; color: #ffffff;}
td.pictnotified	{background-color: #6060ff; padding: 0; color: #ffffff;}
td.pictlate	{background-color: #ffff70; padding: 0; color: #202020;}
td.pictexempt	{background-color: #8090ff; padding: 0;}
td.pictpresent	{background-color: #b0ff50; padding: 0; color: #0000ff;}
/* picture subscript */
a.pictabsent	{color: #ffffff;}
a.pictnotified	{color: #ffffff;}
a.pictlate	{color: #202020;}
a.pictexempt	{color: #ffffff;}
a.pictpresent	{color: #0000ff;}

/* First attempt / retry pulldown */
select.again	{background-color: #e0e000}
select.fix	{background-color: #ff8080}
select.confirm	{background-color: #ff9040}
span.again	{background-color: #e0e000}
span.fix	{background-color: #ff8080}

textarea.descr	{background-color: #f0f0f0; color: #7070dd}

option.avail	{background-color:#80e080}
option.noavail	{background-color:#e0a0a0}

input.imgbtn	{background: none}
input.yellow	{background-color: yellow}

input.bigfont	{font: 16pt sans-serif; color: blue;}
input.perm	{font: 10pt sans-serif; font-weight: bold;
		 color: blue; background-color: #e0e000;}

/* First attempt / retry td font */
td.retry	{font: 10pt sans-serif; font-weight: bold;
                 color: #e06060; text-align: center;
		}


/* Properties of lesson selection fields and links */
td.activated	{background-color: #50c050; width:1em; text-align: center}
td.nonactivated	{background-color: #a0a0a0; width:1em; text-align: center}
td.selected	{background-color: yellow; width:1em; text-align: center}
td.disabled	{font: 10pt sans-serif; color: #808080;
		 background-color: #c0c0e0; width:1em;
		 text-align: center;
		}

a.activated	{color: yellow; text-decoration:none}
a.nonactivated	{color: black; text-decoration:none}
a.selected	{color: red; text-decoration:none}


/* tabs settings for daily page */
table.holistic	{width:100%; height:100%;
		 border: 0;
		 border-collapse: collapse;
		}
tr.holistic	{border: 0;}
td.holistic	{border: 0; padding: 0; margin: 0;}

table.tab	{border-collapse: collapse;
    		 width:95%; height: 25px;
		 border:0;
		}
tr.tab		{border-collapse: collapse;
    		 height: 25px;
		 border:0;
		}
table.subtab	{border-collapse: collapse;
    		 width:100%; height: 20px;
		 border:0;
		}
tr.subtab	{border-collapse: collapse;
    		 height: 20px;
		 border:0;
		}
td.tab		{border-left: 4px solid #f0f0f0; border-right: 4px solid #f0f0f0;}
td.currenttab	{border-bottom-width: 4px; border-bottom-style: solid;}
td.subtab	{}
td.subtab_l	{width: 15%;}
td.subtab_r	{width: 15%;}


span.help	{font: 12pt serif; color: #405060}
span.attn	{color: #509050; background-color: #ffff90}
span.alert	{color: #c0c0e0; background-color: red;}
span.smallalert	{font: 10pt sans-serif;
		 color: #008080; background-color: #e0e000;
		 border: 1px solid #ffff00;
		}
select.alert	{background-color: #e0e000}
span.caption	{color: #505050; background-color: #d0d0d0;
		 font: 12pt sans-serif; font-weight: bold;
		}

frame.results	{border: 0;}

/* bigger checkbox */
input.cb	{width: 14pt; height: 14pt;}

#printmail	{position: absolute; left: 2%; top: 20%;}

#frontpagelinks	{position: relative; left: 0; top: 20pt;}

#instructions	{position: absolute; top: 5%; left: 10%;
   			 width: 80%; visibility: hidden;
			 background-color: white;
			 border: 3px solid #707080;
			 color: #404040;
			 padding: 10px;
			 font: 12pt serif;}

#blogposts	{position: absolute; top: 5%; left: 10%;
  		 width: 80%; height: 80%;
		 background-color: white;
		 border: 3px solid #707080;
		 color: #404040;
		 padding: 10px;
		 font: 12pt serif;}

/*assignment_details_styles*/
span.asmt_det_head {font:13pt serif;font-weight:bold;background: }

div.asmt_det_title {
	background-color:#d0d0d0;
	top:2px;
	height:20px;
	width:100%;
	text-align:center;
	}

div.asmt_det_table {
	/*background-color:#b0c0e0;*/
	display:table;
	top:0px;
	width:100%;
	text-align:center;
}

div.asmt_det_head {
	width:100%;
	display:table-row;
	text-align:center;
	font-weight:bold;
}	

div.asmt_det_row {
	display:table-row;
}

div.asmt_det_cell {
	display:table-cell;
	border:solid;
	border-width:thin;
	padding-left:5px;
	padding-right:5px;
}

div.asmt_det_cell_nb {
	display:table-cell;
	padding-left:5px;
	padding-right:5px;
}

div.asmt_det_cell_sufficient {
	display:table-cell;
	border:solid;
	border-width:thin;
	padding-left:5px;
	padding-right:5px;
	color: #009000; 
	font: 10pt sans-serif;
	background-color: #a0ffa0;
	text-align:center; 
	font-weight: bold;
}
	
div.asmt_det_cell_insufficient {
	display:table-cell;
	border:solid;
	border-width:thin;
	padding-left:5px;
	padding-right:5px;
	color: #ff0000; 
	font: 10pt sans-serif;
	background-color: #ffc0c0;
	text-align:center; 
	font-weight: bold;
}