/* 
Styles for the Toyme palaute of the Toymelab Ltd.
Version 1.0
date: 21-08-2009 
author: Eemeli Pyöttiö | firstname.surename@toymelab.com
*/

/* Default style for every component */
* {
    font-family: "New Century Schoolbook"; 
    font-family : arial, sans-serif;
    text-align: left;
    font-size : 12px;
    vertical-align:top;
}


/* Div-styles */
body {
    font-family : arial, sans-serif;
    background-color : white;
    font-size : 12px;
    margin: 15px auto;
}

#main {
    font-family: arial, sans-serif;
    /*width: 50%;*/
    /*width: 860px;*/
    width: 750px;
    text-align: center;
    margin: 0px auto;
    background-color : white;
}

#header {
    /*width: 70%;*/
    /*width: 670px;*/
    width: 750px;
    font-family: arial, sans-serif;
    font-size: 10px;
    background-color: white; 
    height: 247px;
    background-image: url("../images/toyme_palaute.jpg");
    /*background-image: url("../images/toyme_palaute_harmaa.jpg");*/
    height: 150px;
    background-repeat:repeat-x;
    vertical-align: middle;
    overflow: hidden;
    border-bottom:1px;
    border-bottom-style: solid;
    border-bottom-color: #227fa6;
}

#middle {
    width: 100%;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: center;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
    /*border-top-style: solid;
    border-top-color: #227fa6;*/
}

#left {
    /*width: 70%;*/
    /*width: 670px;*/
    width: 560px;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: left;
    background-color: white;
    float: left;
    /*overflow: hidden;*/
    margin-right: 20px;
    background-position: left;
}

#right {
    /*width: 30%;*/
    width: 170px;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: left;
    background-color: white;
    float: right;
    overflow: hidden;
}

#footer {
    border-top:1px;
    border-top-style: solid;
    border-top-color: #227fa6;
    width: 100%;
    background-color: white;
    /*margin-left: 20px;*/
    margin-right: 20px;
    margin-top: 15px;
    text-align: left;
}

#image_right {
	float: right;
	padding: 0px 8px 8px 8px;
}

#image_left {
	float: left;
	padding: 2px 8px 8px 0px;
}


/* Text styles */
h1 {
  font-size : 12px;
  /*margin-left: 20px;*/
  margin-bottom: 20px;
  text-transform:uppercase
}

h2 {
  font-size : 12px;
}

h3 {
  font-size : 12px;
}

h4 {
  font-size : 12px;
}

i1 {
  font-size : 10px;
  color: grey;
  font-style: italic;
}

i2 {
  font-size : 12px;
  font-style: italic;
}

i3 {
  font-size : 12px;
  font-style: italic;
}

b1 {
  font-size : 12px;
  font-weight: bold;
}

b2 {
  font-size : 13px;
  font-weight: bold; 
  /*color: #53727b;*/
}

/* Style for the hyperlinks */

/* Default link */
a {
	color: black;
	text-decoration: none;

}

a:hover {
	color:black;
	text-decoration: underline;
}

/* Link style to use when link is an image. */
a.img {
	color:white;

}

a.img:hover {
	color:white;
}

/* Link with background image */
a.image1 {

}

a.image1:hover {

}

/* Link with big text (17px) */
a.num1 {
  font-size : 12px;
  color: #496261; /* <-- Gentle blue */
  color: black;
  text-decoration: none; 
}

a.num1:hover {
  font-size : 12px;
  color: #496261; /* <-- Gentle blue */
  color: black;
  text-decoration: underline;
}

/* Link with image on the background (right-div) */
a.num2 {
  font-size : 12px;
  color: white;
  text-decoration:none;
  font-weight:bold;
}

a.num2:hover {
  font-size : 12px;
  color: white; 
  background-image: url("");
  text-decoration:underline;
  font-weight:bold;
}


/* Table styles */
table.table_1 {
  /*background-image:url("../images/navigation.png");
  background-repeat: no-repeat;*/
  width: 100%; 
}

table.table_2 {
  width: 100%; 
}

td.td_1 {
  text-align: left;
  margin: 5px;
  font-style:italic;
  color: #456a65;
  
}

td.td_2 {
  background-image:url("../images/button1.png");
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:white;
}

td.td_3 {
  vertical-align:bottom;
  text-align: right;
  font-size:14px;
  font-weight:bold;
}

td.td_4 {
  /*background-image:url("../images/button2_2.png");
  background-image:url("../images/button.png");*/
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: center;
}

td.td_5 {
  background-image:url("../images/button3.png");
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: center;
}

td.td_6 {
  /*background-image:url("../images/button3.png");*/
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:black;
  background-position: center;
  font-size : 12px;
}

td.td_7 {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-position: left;
  background-color: white;
}

td.td_8 {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-position: center;
  vertical-align: middle;
  text-align:center;
  background-color: white;
  padding: 10px;
  
}


tr.tr_1 {
  background-image:url("../images/navigation.jpg");
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: left;
  background-repeat: no-repeat;
}

p {
	/*margin-left: 20px;*/
	margin-right: 10px;
	word-spacing:  0pt;
	
}