/* Tyyli lihavoituun tekstiin */
B { 
		font-weight : bold; 
} 

.line {
		background-color:#003399;
		color:#003399;
		font-size: 2px;
}
.line2 {
		background-color:#CC0000;
		color:#CC0000;
		font-size: 2px;
}
.lineb {
		background-color:#000000;
		color:#000000;
		font-size: 2px;
}
.lineg {
		background-color:#999999;
		color:#999999;
		font-size: 2px;
}

.text {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000000;
		padding-left: 8px;
		padding-top: 8px;
		padding-right: 4px;
		padding-bottom: 8px;
}
.text2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000000;
		padding-left: 8px;
		padding-top: 0px;
		padding-right: 4px;
		padding-bottom: 8px;
}
.text3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000000;
		padding-left: 0px;
		padding-top: 4px;
		padding-right: 0px;
		padding-bottom: 4px;
}
.text4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000000;
}

.otsikkolomake {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 0px;
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 2px;
		font-weight : bold; 
}

.lomakenormal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 4px;
		padding-top: 2px;
		padding-right: 4px;
		padding-bottom: 2px;
		font-weight : normal; 
}
.lomakebold {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 4px;
		padding-top: 2px;
		padding-right: 4px;
		padding-bottom: 2px;
		font-weight : bold; 
}

.lomakenormal2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 0px;
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 2px;
		font-weight : normal; 
}
.lomakebold2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 0px;
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 2px;
		font-weight : bold; 
}

.lomakeverdana {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #000000;
		padding-left: 6px;
		padding-top: 5px;
		padding-right: 6px;
		padding-bottom: 4px;
		font-weight : normal; 
}

.numero1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		font-weight : bold; 
}

.saldo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 140%;
		color: #000000;
		padding-left: 8px;
		padding-top: 8px;
		padding-right: 8px;
		padding-bottom: 8px;
		font-weight : bold; 
}
	
.otsikkovalkea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 65%;
		color: #ffffff;
		padding-left: 5px;
		padding-top: 3px;
		padding-right: 5px;
		padding-bottom: 3px;
}

.copy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 60%;
		color: #000000;
}

.padding {
		padding-left: 2px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
}

.menupadding {
		padding-left: 0px;
		padding-top: 3px;
		padding-right: 2px;
		padding-bottom: 3px;
}

td.erotinTyhja
{
    font-size: 6pt;
}
td.erotinTyhja2
{
    font-size: 4pt;
}

/* Peruslinkki */
A {
	color : #003399;
	text-decoration : underline;
}

A:hover {
	color : #003399;
	text-decoration : none;
}

A:visited {
	color : #003399;
	text-decoration : underline;
}
A:visited:hover {
	color : #003399;
	text-decoration : none;
}

#black{
	color : #000000;
}

/* Valikon linkki */
A.menulink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color : #003399;
	text-decoration : none;
	font-weight : bold;
}
A.menulink:hover {
	color : #003399;
	text-decoration : underline;
	font-weight : bold;
}
A.menulink:visited {
	color : #003399;
	text-decoration : none;
}
A.menulink:visited:hover {
	color : #003399;
	text-decoration : underline;
	font-weight : bold;
}

/* Alalaidan linkki */
A.boldlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color : #003399;
	text-decoration : underline;
	font-weight : bold;
}
A.boldlink:hover {
	color : #003399;
	text-decoration : none;
	font-weight : bold;
}
A.boldlink:visited {
	color : #003399;
	text-decoration : underline;
}
A.boldlink:visited:hover {
	color : #003399;
	text-decoration : none;
	font-weight : bold;
}

/* Tunnistuksen tyylit */
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
}
.login2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
}
td.erotinTyhjaPieni {
  font-size: 16px;
}
td.imagebutton {
  padding-top: 3px;
}


/* Alleviivatun lomakkeen tyylit */
.ylaViivaV { 
        background-color : #ffffff; 
        font : bold 100% Arial, Helvetica, sans-serif;
        color : #000000; 
}
DIV.ylaViiva { 
        background-color : #ffffff; 
        border-bottom-width : 1px; 
        border-color : #0066cc; 
        border-bottom-style : solid; 
        font : normal 10% Verdana, Arial, Helvetica, sans-serif;
        color : #000000; 
        margin : 0px 0px 0px 0px; 
        padding : 0px 0px 0px 0px;
        height : 2px;
        text-align : right;
}
P.ylaViivaO { 
        background-color : #ffffff; 
        font : normal 60% Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
} 

/*  Tyyli tummanharmaaseen (toiminta)nappiin */
INPUT.buttondarkgray { 
        font : bold 60% Verdana, Arial, Helvetica, sans-serif;
        color : #ffffff; 
        margin : 0px 0px 0px 0px; 
        padding : 0px 0px 0px 0px; 
        background: #666666;
} 

/* Tyyli harmaaseen nappiin  */
INPUT.buttonlightgray { 
        font : bold 60% Verdana, Arial, Helvetica, sans-serif; 
        color : #000000; 
        margin : 0px 0px 0px 0px; 
        padding : 0px 0px 0px 0px; 
        background: #cccccc; 
} 


.OKButton {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 8pt;
	font-weight : bold;
	color : #FFF;
	background-color : #003399;
}

.ResetButton {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 8pt;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #999999;
}

textarea.textarea530{
	width: 530px;
}

textarea.textarea330{
	width: 335px;
}

textarea.textarea200{
	width: 200px;
}

INPUT.inputmedium {
	width: 200px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
INPUT.input330 {
	width: 335px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
INPUT.input530 {
	width: 530px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
INPUT.inputsmall {
	width: 100px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
INPUT.inputsmall2 {
	width: 150px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}