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

/* Lainatun viestin alla näkyvä suorakulmio */
.pre {
	border: 1px solid #777;
	background-color : #666;
	padding: 1px 5px 1px 5px;	
	margin-left: 10px;
	margin-right: 10px;
}

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

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

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

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

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

/* Viestin taulu */
.messageblock {
	width: 600px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

/* Viestiosion yläsolu, jossa on kaksi diviä (mm. lähettäjän nimi sekä lähetysaika) */
.messageblock_header {
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	height: 15px;
	background-color: #585858;
}

/* 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-color: #585858;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #777;
	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: 600px;
	border-top : 1px solid #777;
	border-bottom : 1px solid #777;
	font-family: verdana;
	font-size: 9px;
	text-align: left;
	padding : 6px 3px 6px 3px;
	background-color : #666;
}

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

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

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

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

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

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

.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 {
	background-color : #777;
	border: 1px solid #777;
}
.form_checkbox {
	background-color : #777;
	border: 1px solid #777;
}
.form_textarea {
	background-color : #777;
	border: 1px solid #777;
    font-family: verdana;
    font-size: 9px;
	width:95%;
	height: 150px;
}
.form_text {
	background-color : #777;
	border: 1px solid #777;
    font-family: verdana;
    font-size: 9px;
	width:230px;
}

/* Määrittää yleisesti kaikenlaisia tableja, ei tarkoitettu ulkoasun määritykseen. */
.table {
	width: 560px;
}
.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 {

}