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

img
{
	border: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color : #FFFFFF;
	scrollbar-3dlight-color : black;
	scrollbar-arrow-color : maroon;
	scrollbar-base-color : white;
	scrollbar-darkshadow-color : black;
	scrollbar-face-color : #DFF0FF;
	scrollbar-highlight-color : silver;
	scrollbar-shadow-color : ThreedShadow;
}

#opintoverkko-sidebar
{
	background: url('opintoverkko-sidebar-filler.gif');
	background-repeat: repeat-y;
	background-align: top;
	margin: 0px;
	padding: 0px;
}

#opintoverkko-navi
{
	margin: 0px;
	padding: 0px;
}

#opintoverkko-logo
{
	background-color: White;
	border-bottom: 1px solid black;
	margin: 20px 20px;
	padding: 20px 20px;
}

#opintoverkko-logo-filler-top
{
	background-color: #1169B0;
	margin: 0px;
	padding: 0px;
}

#opintoverkko-sidebar-bottom
{
	margin: 0px;
	padding: 0px;
}

#opintoverkko-logo-filler-down
{
	background-repeat: repeat-x;
	border-bottom: 1px solid black;
	background-color: #62B1E1;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid black;
}

#opintoverkko-logo-filler-up
{
	background-repeat: repeat-x;
	background-color: #62B1E1;
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

blockquote
{	
	margin-top: 0.8em;
	margin-left: 1.5em;
	margin-right: 0px;
}

h1, h2, h3, h4, h5, h6, p, td, .subclassmenu
{
	color: black;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
}


h1
{
	font-size: 18px;
	font-weight: bold;
}

h2
{
	font-size: 16px;
	font-weight: bold;
}

h3
{
	font-size: 14px;
	font-weight: bold;
}

h4, .subclassmenu, label
{
	font-size: 13px;
	font-weight: bold;
}

h5, td
{
	font-size: 12px;
	letter-spacing: 0px;
}

p
{
	font-size: 12px;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
}

h6
{
	font-size: 11px;
}

#small
{
	font-size: 11px;
}

a
{
	color: #1452A6;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

th
{
	font-family: verdana, arial;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	background-color: #e0e2e0;
	margin: 0px;
	color: black;
}

th.frame_header
{
	background-color: #C6ECD4;
}

td.frame_header
{
	background-color: #E6FCE4;
}

th.inactive
{
	color: #777777;
}


table.basic
{
	margin-bottom: 1.2em;
}

th.basic, td.basic, div.basic
{
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid Silver;
	border-bottom: 1px solid Silver;
	vertical-align: top;
}

.justify
{
	text-align: justify;
}

.fixedwidth
{
	font-family: courier new, courier, system;	
	font-size: 1.0em;
}

.transparent
{
	border: 0px;	
}

.nospacing
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table.frame 
{
	background-color: #f8faf9;
	border: 1px black solid;
}


table.frame_header
{
	background-color: #E7E5CC;
	border: 1px black solid;
}

table.subframe
{
	border : 0px;
}


td.mainmenu-item
{
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid Silver;
	background-color: #e0e2e0;
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px 5px 5px;
}


.mainmenu-flat-item
{
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid Silver;
	background-color: #e0e2e0;
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}

.mainmenu-subclass-item
{
	font-size: 10pt;
	font-weight: bold;
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-top: 1px solid Black;
	background-color: #C8DDF8;
	border-left: 1px solid Black;
	padding: 5px 5px 5px 5px;
}

#mainmenu-item-selected
{
	border: 1px solid black;
	background-color: #F5DEB3;
	font-size: 10pt;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 5px;
}

#mainmenu-subclass-item-selected
{
	background-color: White;
	font-size: 10pt;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 5px;
}

#mainmenu-flat-selected
{
	border: 1px solid black;
	background-color: #F5DEB3;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
}


#print-link
{
	text-align: right;
	margin: 4px;
}

table.top, td.top
{
	background: none;
}

td.frame
{
	border: 1px black solid;
}

.subpage
{
	background-color: white;
	border: 1px #999 solid;
}

#subpage-active
{
	border: 1px black solid;
	background-color: #C8DDF8; /*	border: 1px black solid;*/
}

#content
{
	padding: 4px 0px 0px 0px;
	width: 70%;
}

td.title
{
	background-color: #FFFFFF;
}

table.bottom, td.bottom
{
	background: url('contents.jpg');
}

a.mainmenu
{
	font-weight: 700;
	letter-spacing: 0px;
	color: Black;
}

table.userinfo
{
	background-color: #E0E0D0;
	border: 1px solid black;
}

#content-ends
{	
	margin: 16px 0px 4px 0px;
}

hr
{
	margin: 0px;
	height: 0px;
	color: #88aaaa;	
	border-top: none;
	border-bottom: 1px solid black;
}

ul
{
	margin-left: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

li
{
	margin: 4px 0px 2px 0px;
}

.small
{
	font-size: 10px;
}

/* =======================================================================
	Virheet, ohjeet ja huomautukset
   ======================================================================= */

/* Kaikille viesteille yhteiset ominaisuudet */
.help, .note, .error
{
	padding: 0.4em;
	margin: 0.4em;
	vertical-align: top;
	min-height: 32px;
	overflow: visible;
}

/* Ohje */
.help
{
 	//background: #d0f0d0;
 	//border: 1px #9e9 dashed;
	border: 1px solid #9ac;
	background-color: #cdf;
}

/* Huomautus tms. viesti */
.note
{
	//background: #C8DDF8;
	//border: 1px #99e dashed;
	border: 1px solid #9ac;
	background-color: #cdf;
}

.note:before
{
	content: url('../../info/info.png');
	float: left;
	margin-right: 0.5em;
}

/* Virhe */
.error
{
	background: #F8DDC8;
	border: 1px #e99 dashed;
}

.error:before
{
	content: url('../../info/exclamation.png');
	float: left;	
	margin-right: 0.5em;
}


div
{
	overflow: visible;
	background-color: transparent;
}

table.note
{
 	background: #d8d8ff;
 	border: 1px #ddc dashed;
}

input, textarea
{
	background-color : White;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt ;
	border: 1px solid black;
	background-image : url('input-back.jpg');
	background-repeat : repeat-x;
}

#terms
{
	font-family: monospace, sans-serif;
	font-size: 10px;
}

.code
{
	font-family: monospace, sans-serif;
	letter-spacing: 2px;
}

#select-workspace
{
	font-size: 12px;
	font-family: verdana, ariala;
}
 
input.code
{
	font-size: 10pt;
}

input.bigger
{
	font-size: 13pt;
	font-weight: bold;
}

td, th
{
	text-align: left;
	vertical-align: top;
	margin: 2px;
	padding: 4px;
}

th
{
	border-left: none;
	border-top: none;
	border-right: 1px solid Silver;
	border-bottom: 1px solid Silver;
	vertical-align: top;
	border-collapse: collapse;
}

input.right_align
{
	text-align: right;
}

select {
	background-color : #C0E0F6;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
}


.highlight
{
	background-color: #c9e1fb;
	padding: 2px;
}

div.transparent
{
	margin: 0px;
	padding: 0px;
	overflow: visible;
	background-color: none;
}