BODY  {
	font-size: 9pt; 
	font-family: Arial, "Times New Roman", Times, serif;
        text-align: left;
                 
}

P { 
	font-size: 9pt; 
	margin-left: 1.0em; 
	margin-bottom: 5px;
}

A, A:visited {
        color: #0000FF;
        text-decoration: none;
}

A:hover {
        color: #8080FF;
        font-weight: Bold;
}

A.more, A.more:visited {
        border-top: 1px solid #CFCFCF;
        border-left: 1px solid #CFCFCF;
        border-bottom: 1px solid #7E7E7E;
        border-right: 1px solid #7E7E7E;         
        color: #C0C0C0;
        padding: 1px;
}

DIV.popup {
        height: 100%;
        padding: 5px;	
	text-align: left;
}

TEXTAREA { 
	font-size: 9pt; 
	font-family:  Arial, "Times New Roman", Times, serif;
}

SPAN.button {
        border: 1px solid #808080; 
        color: #C0C0C0;
        padding: 1px;
}

TD { 
	font-size: 9pt; 
	vertical-align: top;
}

UL, LI {
	margin-top:0px;
	font-size: 9pt; 
}

.norm {
	font-size: 8pt;
}

TD.center_up {
	color: white;
	border-bottom: 1px solid #ED1C24;
	border-right: 1px solid #ED1C24;
	border-left: 1px solid #ED1C24;
	background:  url(images/design/yla_tausta.jpg);
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 0,3em;
}

TD.center_up2 {
	color: white;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 1em;
	border-bottom: 1px solid #ffffff;
}

/** Etusivun muotoilut **/
TD.fPageLeft {
        border-right: 1px dashed #ff0000;        
}

TD.fPageRight {

}

TABLE.fCont {
        width: 98%;
        height: 100%;

}

TD.fContUp {
        width: 100%;
        border-top: 1px solid #ff0000;
        font-size: 1px;
}

TD.fContMid {
        width: 100%;
        border-left: 1px solid #ff0000;
        border-right: 1px solid #ff0000;
        padding-left: 0.5em;
}

TD.fContBot {
        width: 100%;
        border-bottom: 1px solid #ff0000;
        font-size: 1px;
}

P.fPage {
        margin-left: 5px;
        margin-top: 0.5em;
        color: blue;
        font-size: 10pt;
}

P.fPageHead {
        margin-left: 5px;
        margin-top: 0.5em;
        color: red;
        font-size: 12pt;
        font-weight: bold;
}
/** **/

.ots {
	background: #FFFFFF;
	padding-left:1px;
	color:#FF0000;
	font-size: 14pt;
}

TD.right_up {
	border-bottom: 1px solid #ED1C24;
	background-position: top right;
	background-repeat: no-repeat;
}

TD.right_td {
	border-left: 1px solid #B1B1B1;
	background: #F7F4F2;
}

TD.LogoYla {
	border-bottom: 1px solid #ED1C24;
	background: #edefff url(images/design/logo_keyb.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

TD.LogoAla {
/**	background-image: url(images/design/venkula_ala.gif);
	background-position: top center;
	background-repeat: no-repeat; **/
}



TD.Content {
	border-right: 1px solid #ED1C24;
	border-left: 1px solid #ED1C24;
	background: transparent;
}

TD.kuva {
	border-bottom: 1px solid #ED1C24;
	background-image: url(images/design/venkulaAlas.gif);
	background-position: bottom center;
	background-repeat: no-repeat;

}

TD.LoginRight {
	border-bottom: 1px solid #ED1C24;
	background: #edefff;
	margin-top: 5px;
	vertical-align: middle;

}


TD.Right_Down {
	background: #edefff;
	background-position: bottom center;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

H2 {
	font-size: 20px;
	color: #0000FF;
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
	margin-top: 1em;
}

H3 {
	font-size: 16px;
	color: #FF0000;
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
	margin-top: 1em;

}

H4 {
	font-size: 14px;
	color: #0000FF;
	margin-top: 1em;

}

H5 {
	font-size: 12px;
	color: #0000FF;
	font-weight: Bold;
	margin-top: 1em;

}

H6 {
	font-size: 12px;
	color: #0000FF;
	margin-top: 1em;

}


DIV.Content {
	margin-top: 1em;
	padding-left: 5px;
	width: 95%; 
}

DIV.ContentByAjax {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 3em;
	/*border-left: 1px solid #E1E1FF;*/	
	width: 90%; 
}

DIV.path {
	background: #FFFFFF;
}

TABLE.body {
	background: #FFFFFF;
}

TABLE.maincnt {
	height: 100%;
	border-left: 1px solid #ED1C24;
	border-right: 1px solid #ED1C24;
	border-bottom: 1px solid #ED1C24;
/*	background: #edefff;*/
        background: #FCFCFC;
	margin-left: 0px;
}

TABLE.address, DIV.login {
	margin-top: 2em;
	border-top: 1px solid #555555; 
	border-left: 1px solid #555555;
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	background: #F5F7FA;
}


/* Menu */
TABLE.MenuBase {
	background: transparent;
	border-bottom: 1px solid #D1D1D1;
}

TABLE.MenuBase2 {
	background: transparent;
}

TD.MenuBase {
/*	background: #edefff url(images/design/venkula_ala.gif);
	background-position: top center;
	background-repeat: no-repeat; */
}

TD.MenuBase2 {
	background: transparent;
}

TD.MenuBase3 {
	background: transparent;
}


DIV.MenuInc {
	margin-left: 0px;
	padding-bottom: 0.25em;
	border-top: 1px solid #FFE1E1;
	border-left: 1px solid #FFE1E1;
	border-bottom: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	background: transparent;
}

DIV.MenuSel {
	margin-left: 0px;
	padding-bottom: 0.25em;
	border-top: 1px solid #555555; 
	border-left: 1px solid #555555;
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
        background: #F5F7FA;	
}


A.MenuInc {
	font-size: 8pt;
	color: black;
	font-weight: Bold;
	text-decoration: none;
	background: transparent;
}

A.MenuInc:hover {
	font-size: 8pt;
	color: red;
	font-weight: Bold;
	text-decoration: none;
	background; #C0C0C0;
}


A.MenuInc2 {
	color: #0038F1;
}


A.MenuSel {
	font-size: 8pt;
	color: #0500c8;
	font-weight: Bold;
	text-decoration: none;
}

A.MenuSel2 {
	color: #FF0000;
	font-weight: Bold;
}

A.levelup {
	font-size: 7pt;
	color: #AAAAAA;
}

DIV.levelup {
	border-bottom: 1px solid #D4D4D4;
}

/*Path*/
A.Path, A.Path:visited {
	color: white;
	font-size: 8pt;
	text-decoration: none;
}

SPAN.Path {
	color: white;
	font-size: 8pt;
	/*font-weight: bold;*/
	font-style: italic;
}


/* Login */
INPUT.Login {
	background: #ffffff;
	border: solid 1px red;
	color: blue;
}

/* Portalitem */
div.piCont {
        width: 100%;
}

table.piHead {
        border-collapse: collapse; 
        border: 0px solid #FF0000; 
        width: 100%;
}

td.head	{
        color: white; 
        background: #FF0000;
        font-size: 12pt; 
        text-align: left;
}

td.ul {
       background: #FF0000 url(images/design/ul.gif) no-repeat 0 0;
}

span.piHeader {
       font-weight: bold; 
}

td.ur {
       background: #FF0000 url(images/design/ur.gif) no-repeat 100% 0;
}

table.piBody {
/*       border-collapse: collapse;*/ 
       border: 2px solid #FF0000; 
       width: 100%;
}

table.piFoot {
       border-collapse: collapse; 
       border: 0px solid #FF0000; 
       width: 100%;
}
td.bl {
       background: url(images/design/bl.gif) no-repeat 0 0; heigth:6; 
       width:6;
}

td.br {
       background: url(images/design/br.gif) no-repeat 100% 0; heigth:6; 
       width:6;
}

td.foot {
       background: url(images/design/bottom.gif) repeat-x; 
       text-align: center;
}

/* Modulit */
.ModuleHeader {
	font-weight: Bold;
}

/* FileArea */
TABLE.filefolder {
	border: solid 1px black;
	width: 85%;
}
TR.odd {
	background-color: #F0F0F0;
}
TR.even {
	background-color: #FFFFFF;
}
TD.odd {
	background-color: #F0F0F0;
}

TD.filehead {
	border-bottom: solid 1px black;
	background-color: #F0F0F0;
}
A.filehead {
	text-decoration: none;
	color: navy;
}
A.filehead:hover {
	text-decoration: underline;
}
A.file {
	text-decoration: none;
	color: navy;
}
A.file:hover {
	text-decoration: underline;
}
TABLE.fileupload {
	border: 1px solid black;
	width: 85%;
}

/* News */

/* News colour settings */

.NewsBase, .NewsSearchForm, .NewsHeader, .NewsInternalLink
{
    background: #005294;
    
}

.NewsTextBaseLeft, .NewsListItem, .NewsTopic,
.NewsEditForm, .NewsArticle, .NewsOrigin, .NewsTextBaseRight, 
.NewsTextBaseRight .NewsHeader 
{
    background: #E7E7E7;
}

.NewsHeader, .NewsInternalLink a {
    color:  #E7E7E7;
}

.NewsTextBaseRight .NewsHeader
{
    color: #005294; 
}    

/* News font and layout settings */

.NewsHeader 
{
        font-weight: Bold;	
}

.NewsTextBaseLeft {
	width: 70%;
	padding: 5px;
}

.NewsTextBaseRight {
        padding: 5px;
}
    
.NewsListItem, .NewsTopic {
        margin-top: 5px;
        margin-bottom: 5px;
        display: block;
}

.NewsOrigin {
        margin-top: 5px;
        margin-bottom: 5px;
        display: block;
        font-style: italic;
}

.NewsInternalLink {
        padding: 3px;
        margin: 5px;
        border-width: 2px;
        border-style: outset;
        display: block;       
}

.NewsInternalLink a {
        text-decoration: none;
      
}


input, { /*this is for cross browsers*/ 
	color: #000; 
	background-color: #fff; 
	border: 1px solid gray; 
} 

input { /*this is for IE/WIN only*/ 
	border-width: expression(this.type=="submit"?'1px':'');
	border-color: expression(this.type=="submit"?'#808080':'');
	color: expression(this.type=="submit"?'#000':'');
	background-color: expression(this.type=="submit"?'#f4f4f0':'');
	cursor: expression(this.type=="submit"?'hand':'');
}


input[type="button"], input[type="reset"] , input[type="submit"] { /*this is for NN, FF, MOZ/WIN only*/ 
	color: #000; 
	background-color: #f4f4f0; 
	border: 1px solid gray;
	padding: 2px;
	cursor: pointer; 
	cursor: hand; 
} 

input[type="button"]:hover, input[type="reset"]:hover , input[type="submit"]:hover { /*this is for NN, FF, MOZ/WIN only*/ 
	color: #000; 
	background-color: #a4a4a4; 
	border: 1px solid gray;
	padding: 2px;
	cursor: pointer; 
	cursor: hand; 
}


/* DataOrg */
.doInputSelect {
	font-size: 8pt;
}