/* Lainatun viestin alla näkyvä suorakulmio */
.pre {
	border: 1px solid #BBBBFF;
	background-color : #000000;
	padding: 1px 3px 1px 3px;	
}

/* Sivun body */
.body {		
	background-color : #000000;
	text-align: center;
}

/* Sivun yläosa, jossa näkyy mm. linkit ja viestien määrä */
.infoblock {
	width: 580px;
	border : 1px solid #333333;
	background-color : #000000;	
}

/* Vasemman puoleinen solu infoblokista */
.infoblock_left {
	background-color : #000000;
	width: 50%;
	height: 22px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}
/* Oikean puoleinen solu infoblokista */
.infoblock_right {
	background-color : #000000;	
	width: 50%;
	height: 22x;
	text-align: right;
	font-family: Arial;
	font-size: 12px;
}

/* Leveä infoblokki, käytetään viestinkäsittelypaneelissa sivun yläreunassa infopaneelin alla */
.infoblock_wide {
	font-family: Arial;
	font-size: 12px;
	background-color : #000000;	
	width: 100%;
	height: 22px;
	text-align: center;
}

/* Sivutusnumeroblokki */
.browseblock {
	width: 580px;
	height: 24px;
}

/* Sivutusblokin solu */
.browseblock_center {
	text-align: center;	
	font-family: Arial;
	font-size: 12px;
}

/* Viestin taulu */
.messageblock {
	width: 580px;
	background-color : #000000;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
}

/* Viestiosion yläsolu, jossa on kaksi diviä (mm. lähettäjän nimi sekä lähetysaika) */
.messageblock_header {
	font-family: Arial;
	font-size: 12px;
	height: 15px;
	background-image : url('msgtop.gif');
	background-repeat: repeat-x;
}

/* div, jossa näkyy mm. viestin lähettäjän nimi, www ja email */
.messageblock_header_left {
	text-align: left;
	float: left;
	padding-left: 3px;
}

/* div, jossa näkyy mm. Viestin lähetysaika sekä "lainaa/vastaa"-linkki */
.messageblock_header_right {
	text-align: right;
	padding-right: 3px;	
	float: right;
}

/*Vastausosio yläsolu, jossa on kaksi diviä (vastaaja, aika)*/
.messageblock_answer {
	background-image : url('msgtop.gif');
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	height: 15px;
}

/* div, jossa näkyy mm. vastaajan nimi, www ja email */
.messageblock_answer_left {
	text-align: left;
	padding-left: 3px;
	float: left;
}

/* div, jossa näkyy vastauksen aika */
.messageblock_answer_right {
	text-align: right;
	padding-right: 3px;	
	float: right;
}

/* solu, jossa näkyy kirjoitettu viesti */
.messageblock_down {
	width: 580px;
	border-top : 1px solid #333333;
	border-bottom : 1px solid #333333;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	padding : 6px 3px 6px 3px;
	background-color : #000000;
}

/* Solu, jossa on viestin vastaus */
.messageblock_down_answer {
	border-top : 1px solid #333333;
	border-bottom : 1px solid #333333;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	padding : 6px 3px 6px 3px;
	background-color : #000000;
}

/* Sisäänkirjautuneena joka viestin vasemmalle puolelle ilmestyvä poista/vastaa/muokkaa/bannaa-palkki */
.messageblock_admin {
	font-family: Arial;
	font-size: 12px;
	width: 18%;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
	background-color : #000000;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: center;	
}

/* Koko viestin alapuolella näkyvä palkki, jossa näkyy sisäänkirjautuneena käyttäjän ip. */
.messageblock_ippanel {
	font-family: Arial;
	font-size: 12px;
	height: 15px;
	text-align: left;
	background-color: #000000;
	border-bottom: 1px solid #333333;
}

/* palkki, johon voidaan sijoittaa sisältöä. Tämän päälle läntätään esim kirjoitusformi, yms. */
.form_div {
	background-color : #000000;
	width: 580px;
	text-align: center;
	border: 1px solid #333333;
	font-family: Arial;
	font-size: 12px;	
}

/* ------------------------------------------------------------------------------------- */
/* I       Seuraavat eivät oikeastaan ole tarkoitettu ulkoasun määritykseen           II */
/* ------------------------------------------------------------------------------------- */

/* Määrittää erinäisiä formeja */
.form_table {	
	width: 580px;
}

.form_table_left {
	width: 20%;
	height: 25px;
	text-align: left;
}

.form_table_right {
	width: 80%;
	text-align: left;
	padding: 3px;
}

.form_table_help {
	height: 25px;
	text-align: center;
}

/* Määrittävät input-elementtejä */
.form_button {
}
.form_checkbox {
}
.form_textarea {
	background-color: #000000;
	width:95%;
	height: 150px;
}
.form_text {
	background-color: #000000;
	width:250px;
}

/* Määrittää yleisesti kaikenlaisia tableja, ei tarkoitettu ulkoasun määritykseen. */
.table {
	width: 580px;
}
.table_95px {
	width: 95px;
	text-align: left;
}
.table_110px {
	width: 110px;
	text-align: left;
}
.table_150px {
	width: 150px;
	text-align: left;
}
.table_40px {
	width: 40px;
	text-align: left;
}
.table_60px {
	width: 60px;
	text-align: left;
}
.table_250px {
	width: 250px;
	text-align: left;
}

.table_free_td_center {
	text-align: center;
}
.table_free_td_noalign {
	text-align: left;
}
.table_free_td_right {
	text-align: right;
}
.table_free {

}