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

table {
  margin: 0px;
  padding: 0px;
  border-color: #000000;
  border-width: 0px;
}

body {
  font-family: arial, verdana;
}

div { 
  border-style: none;
  border-width: 1px; 
  border-color: #000000;
}

img {
  border-style: none;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}

.clearBoth {
  clear: both;
}

.clearLeft {
  clear: left;
}

ul {
  margin-bottom: 10px;
}

span.highlight {
  color: #FF0000;
  font-weight: bold;
}

select option { 
  padding-right: 10px;
}

/* Poll */

div.kysely {
	clear: both;
}

div.kysely p {
	margin: 0.5em 0;
}

div.kysely form {
	width: 235px;
	float: left;
	margin-top: 0;
}

div.kysely form p {
	margin: 0;
}

div.kysely_tulokset {
	width: 160px;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	float: right;
}

/* Messages */
div.messageSuccess {
  border-style: dashed;
  border-width: 1px;
  background-color: #00CC00;
  color: black;
  margin: 3px;
  padding: 3px;
  width: 600px;
  font-size: 0.8em;
}
div.messageError {
  border-style: dashed;
  border-width: 1px;
  background-color: #FF0000;
  color: white;
  margin: 3px;
  padding: 3px;
  width: 600px;
  font-size: 0.8em;
}
div.messageWarning {
  border-style: dashed;
  border-width: 1px;
  background-color: lightyellow;
  color: black;
  margin: 3px;
  padding: 3px;
  width: 600px;
  font-size: 0.8em;
}

/* */

BODY {BACKGROUND-COLOR: #ffffff;}

A:link {COLOR: #166a51; TEXT-DECORATION: underline;}
A:visited {COLOR: #166a51; TEXT-DECORATION: underline;}
A:hover {COLOR: #166a51; TEXT-DECORATION: underline;}
A:active {COLOR: #166a51; TEXT-DECORATION: underline;}

A:link.menu {COLOR: #ffffff; TEXT-DECORATION: none;}
A:visited.menu {COLOR: #ffffff; TEXT-DECORATION: none;}
A:hover.menu {COLOR: #ffffff; TEXT-DECORATION: underline;}
A:active.menu {COLOR: #ffffff; TEXT-DECORATION: underline;}

A:link.top {COLOR: #555555; TEXT-DECORATION: none;}
A:visited.top {COLOR: #555555; TEXT-DECORATION: none;}
A:hover.top {COLOR: #000000; TEXT-DECORATION: underline;}
A:active.top {COLOR: #000000; TEXT-DECORATION: underline;}

A:link.header {COLOR: #444444; TEXT-DECORATION: none;}
A:visited.header {COLOR: #444444; TEXT-DECORATION: none;}
A:hover.header {COLOR: #444444; TEXT-DECORATION: underline;}
A:active.header {COLOR: #444444; TEXT-DECORATION: underline;}

A:link.bottom {COLOR: #888888; TEXT-DECORATION: none;}
A:visited.bottom {COLOR: #888888; TEXT-DECORATION: none;}
A:hover.bottom {COLOR: #000000; TEXT-DECORATION: none;}
A:active.bottom {COLOR: #000000; TEXT-DECORATION: none;}

.normal {COLOR: #000000; FONT-FAMILY: arial, sans-serif, tahoma, verdana; FONT-SIZE: 12px; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; TEXT-ALIGN: left; TEXT-DECORATION: none;}
.menu_normal {COLOR: #e5e4df; FONT-FAMILY: tahoma, arial, sans-serif, verdana; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 14px; TEXT-ALIGN: left; TEXT-DECORATION: none;}
.top_normal {COLOR: #555555; FONT-FAMILY: tahoma, arial, sans-serif, verdana; FONT-SIZE: 9px; FONT-WEIGHT: normal; LINE-HEIGHT: 12px; TEXT-ALIGN: center; TEXT-DECORATION: none;}
.header_normal {COLOR: #999999; FONT-FAMILY: tahoma, arial, sans-serif, verdana; FONT-SIZE: 10px; FONT-WEIGHT: normal; LINE-HEIGHT: 12px; TEXT-ALIGN: right; TEXT-DECORATION: none;}
.area_01_normal {COLOR: #333333; FONT-FAMILY: arial, sans-serif, tahoma, verdana; FONT-SIZE: 12px; FONT-WEIGHT: normal; LINE-HEIGHT: 16px; TEXT-ALIGN: left; TEXT-DECORATION: none;}
.bottom_left_normal {COLOR: #aaaaaa; FONT-FAMILY: tahoma, arial, sans-serif, verdana; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 12px; TEXT-ALIGN: left; TEXT-DECORATION: none;}
.bottom_right_normal {COLOR: #aaaaaa; FONT-FAMILY: tahoma, arial, sans-serif, verdana; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 12px; TEXT-ALIGN: right; TEXT-DECORATION: none;}

.nav_menu {
/*color : #aaaaaa;*/
color : #FFFFFF;
font-family : tahoma, arial, sans-serif, verdana;
font-size : 11px;
font-weight : normal;
line-height : 12px;
text-align : left;
text-decoration : none;
}

.nav_menu a { 
  margin: 2px;
  margin-left: 6px;
  text-decoration: none;
  color: #FFFFFF;
 }

.nav_menu a:hover { 
  text-decoration: underline;
 }

.nav_menu_bg { 
  background: url('nav_bg_bottom.gif');
 }

table.main_page_boxes ul { 
  margin: 3px;
  margin-left: 10px;
  padding: 0px;
 }

table.main_page_boxes li { 
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
}


/** Calendar **/

div.calendar {
  border: 1px none #000000;
  background-color: transparent;
  margin: 3px;
  margin-bottom: 5px;
  text-align: center;
}

div.calendar div.month_selection {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid;
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  width: 248px;
  background-color: #2A8827;
  margin-left: auto;
  margin-right: auto;
}

div.calendar a, div.calendar a:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

div.calendar a:hover {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  background-color: #5AB857;
}

/** Calendar - TABLE **/

table.calendar {
  border-collapse: collapse;
  border: 1px solid;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}

table.calendar td {
  padding-top: 1px;
  padding-right: 1px;
  padding-left: 1px;
  border: 1px none;
  text-align: center;
  background-color: #eeeeee;
  font-size: 0.7em;
  color: #000000;
}

table.calendar td.out { 
  color: #AAAAAA;
}

table.calendar td a, table.calendar td span { 
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
 }

table.calendar tr.header td, table.calendar td.header {
  margin-top: 3px;
  background-color: #5AB857;
  text-align: center;
  padding-left: 1px;
  padding-right: 1px;
  font-weight: bold;
  color: #000000;
}

table.calendar td.header, tr.header td.header {
  padding-right: 1px;
  white-space: nowrap;
}

table.calendar a, table.calendar a:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background-color: #2A8827;
}

table.calendar a:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background-color: #5AB857;
}

table.calendar span.active {
  font-weight: normal;
  background-color: #FF0000;
}

/*************/

div.add { 
  border: 1px solid #5AB857;
  background-color: #AACCAA;
  padding: 3px;
}

div.add div.middleHeader { 
  background-color: #5AB857;
  font-size: 1.1em;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
}

div.add_normal { 
  border: 1px solid #5AB857;
  background-color: #AACCAA;
  padding: 3px;
  font-size: 0.75em;
  width: 500px;
/*  height: 500px;*/
  margin: 5px;
  margin-left: auto;
  margin-right: auto;
}

div.add_normal div.middleHeader { 
  background-color: #5AB857;
  font-size: 1.0em;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
}

/*******************/


label, input {
  display: block;
  float: left;
}

input.none { 
  float: none;
}

label {
  text-align: right;
  margin: 0px;
  padding-right: 5px;
  width: 120px;
  font-weight: bold;
}

label.long {
  width: 180px;
}

#postituslista label{
  width: 150px;	
	}

#postituslista input{
	float: left;
	}

#postituslista td{
	padding: 3px;
	}
	
	
input {
  margin-left: 0px;
  margin-right: 3px;
  margin-bottom: 2px;
}

input.numeric {
  text-align: right;
  width: 40px;
}

input.hidden { 
  display: inline;
 }

input.button {
  float: none;
  margin: 3px;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
}

textarea {
  width: 330px;
  height: 80px;
  margin: 0px;
  margin-bottom: 2px;
}


div.login { 
  display: inline;
  float: right;
}

div.login label, div.login input { 
  font-size: 0.7em;
  display: inline;
  width: auto;
  margin-top: 2px;
  margin-right: 2px;
 }

div.login label { 
 margin-top: 3px;
}

div.login input { 
  width: 70px;
 }


/** Event **/
div.event { 
  background-color: #AACCAA;
  padding: 3px;
  width: 600px;
  margin: 3px;
  font-size: 0.8em;
 }

div.event div.header { 
  background-color: #5AB857;
  font-weight: bold;
  font-size: 0.9em;
  padding: 2px;
  padding-left: 0px;
}

div.event div.header div.left { 
  float: left;
  width: 80px;
 }

div.event div.header div.middle { 
  margin-left: 3px;
  float: left;
  width: 380px;
 }

div.event div.header div.right { 
  display: inline;
  float: right;
 }

div.event div.item {
  margin: 0px;
  border: 1px none;
  float: left;
  width: 380px;
}

/*************/

div.user { 
  border: 1px solid;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

div.user div.header { 
  background-color: #5AB857;
  font-weight: bold;
  font-size: 0.9em;
  padding: 2px;
  padding-left: 2px;
}

div.user div.value {
  margin: 0px;
  border: 1px none;
  float: left;
  font-size: 0.9em;
  width: 250px;
}

div.main img {
  float: right;
  margin: 3px;
 }

/****************/

div.admin { 
  width: 600px;
  margin: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
 }

div.admin div.navi { 
  margin: 3px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 3px;
  background-color: #cccccc;
}


/******************/

table.yritys_table { 
  width: 400px;
  border: 1px solid #000000;
 }

table.yritys_table td { 
  width: 200px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
 }


div.yritys_ryhma { 
  width: 500px;
  border: 1px none #000000;
 }

div.yritys_ryhma div.yritys { 
  width: 400px;
  padding: 3px;
  margin: 3px;
  border: 1px none;
  background-color: #cccccc;
 }


/*****************/

div.searchResult { 
  margin-bottom: 5px;
  padding: 2px;
  padding-left: 4px;
  background-color: #cccccc;
 }


/**** Kuvateksti/sivukone ****/

div.image_text { 
  color: #000000;
  padding: 3px;
}