/* ------------------------------------ *
 CSS
 Tommi Suvanto
 warriorsoflife.com
 * ------------------------------------ */

 body,form {
  margin: 0;
  padding: 0;
}

body {
  background-color: #D7D7C8;
  font-size: 9pt;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

input,textarea,select {
  border: 1px solid #bbb;
  font: 8pt Verdana,sans-serif;
}


a {
  color: blue;
  text-decoration: none;
}

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

#videoLinkki {
padding: 3px;
border-left: 1px solid grey;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
background-color: #ccc;
height: 40px;
}

#videoLinkki ul
{
float:left;
/*width:100%;*/
padding:0;
margin:0;
list-style-type:none;
}

#videoLinkki li {
display:inline;
vertical-align: top;
}

#videoLinkki a {
  float:left;
	/*width:6em; 
	display: block;*/
	text-decoration:none;
	color:blue;
	background-color:transparent;
	padding: 2px;
}

#videoLinkki a:hover {
  text-decoration: none;
  background-color: #E5E5CE;
  border: 1px grey solid;
  color: black;
}

h1 {
  font-size: 11pt;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

hr {
border: 0;
color: black;
background-color: black;
width: 95%;
height: 1px;
}

#header {
  color: #fff;
  height: 80px;
  background-color: #bbb;
  background-image: url('img/header_loop02.jpg');
  background-repeat: repeat-x;
  padding: 0px;
  /*height: 82px;*/
}

#header img {
  border: 0;
  float: left;
}

.apu {
  border: none;
}

#menu {
  background-color: rgb(252,175,33);
  /*padding: 2px;*/
  width: 100%;
  background-image: url('img/menu.png');
  background-position: top;
  background-repeat: repeat-x;
  color: #fff;
  font: bold 9pt Verdana,sans-serif;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#menu a {
  color: #fff;
  text-decoration: none;
}

#menu a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#menu table {
  width: 900px;
  border-left: 1px solid black;
}

#menu td {
  color: #fff;
  font: bold 9pt Verdana,sans-serif;
  text-align: center;
  /*padding: 3px;*/
  width: 133px;
  border-right: 1px solid black;

}

#infonav {
  background-color: #D7D7C8;
  width: 100%;
  
  border: none;
}

#infonav table {
  background-color: #ccc;
  width: 900px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 9pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
}

#infonav a {
  color: black;
  text-decoration: none;
}

#infonav a:hover {
  color: white;
  text-decoration: none;
}

#main {
  background-color: transparent;
  width: 100%;
  /*border-bottom: 1px solid black;*/
  
}

#main table.master {
  background-color: #eee;
  width: 900px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

#main td.video {
  padding-right: 6px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  margin: 0px;
}

#foot {
  color: #fff;
  font: 8pt Verdana,sans-serif;
  background-color: #D7D7C8;
  padding: 0 3px 1px 3px;
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 0px;
  
}

#foot a {
  color: #fff;
  text-decoration: none;
}

#foot a:hover {
  color: #fff;
  text-decoration: underline;
}

#foot table {
  width: 900px;
  background-image: url('img/menu.png');
  background-color: rgb(252,175,33);
  background-position: bottom;
  background-repeat: repeat-x;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}

#foot td {
  padding: 2px;
  color: #fff;
  font: 8pt Verdana,sans-serif;
}


#left {
  /*width: 608px;*/
  padding-right: 10px;
  padding-left: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: top;
  font-size: 9pt;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#left table {
  width: 100px;
}

#right {
  /*width: 190px;*/
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: top;
  text-align: left;
  font-size: 9pt;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wide {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
}

#videoFrame {
  padding: 15px;
  border: 1px solid grey;
  background-color: #ccc;
}

#tracker {
  text-align: center;
}

#tracker img {
  width: 20px;
  height: 19px;
  border: 0px;
}

p {
  background-color: transparent;
  font-size: 9pt;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

fieldset {
 border: 1px solid black;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-right: 4px;
 padding-left: 4px;
 text-align: left;
 font-size: 9pt;
 color: black;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration: none;
}

legend {
	font-size: 11pt;
	font-weight : bold;
	color: black;
}


.lomake {
color: black;
background: #cccccc;
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.kuva {
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  text-align: left;
  margin-right: 5px;
  display: inline;
  width: 45px;
  height: 60px;
}

.kommentti {
  background-color: #ccc;
  font-size: 9pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
  border: 1px solid black;
  padding: 2px;
}

.komheader {
  background-image: url('img/kommentti.png');
  border-right: 1px solid black;
  border-left: 1px solid black;
  padding: 2px;
}

.newsHeader {
  background-image: url('img/uutisHeader.png');
  background-repeat: no-repeat;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-top: 1px solid black;
  background-color: #EFEFEF;
  padding: 2px;
}

.newsFooter {
  font-size: 9pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
  border-top: 1px solid black;
  padding: 2px;
}

.uutinen {
  font-size: 9pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
  background-color: white;
  border-right: 1px solid black;
  border-left: 1px solid black;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.uutisoija {
  float: right;
  font-style: italic;
  font-size: 8pt;
}

.lisaa {
  border-bottom: 1px solid black;
}

.rajaus {
  border: 1px solid black;
  padding: 2px;
}

a.jasen {
  display: block;
  color: black;
  background-color: white;
  border: 1px solid black;
  padding: 2px;
}

a.jasen:hover {
  background-color: rgb(255,206,115);
  text-decoration: none;
}