body
{
    text-align: center;
    font-family: "Trebuchet MS" , Sans-Serif;
    background-color: #FFF;
    margin: 0px;
    background-image: url(img/tausta-2.gif);
    background-repeat: repeat-x;
}

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

form
{
    margin: 0px;
}

td { vertical-align: top; }

a img {
	border-style: none;
}

#root
{
    width: 981px;
    margin: auto;
    margin-top: 0px;
    background-color: White;
    
}

#header
{
    text-align: left;
    margin: 0px;
    /*border:1px solid #000;*/
}

#blue
{
    height: 7px;
    background-color: #142850;
    clear: both;
    margin-top: 2px;
    margin-bottom: 12px;
    overflow:hidden;
}

#content
{
    text-align: left;
    margin-left: 15px;
    /*border:1px solid #000;*/
}

#links
{
    width: 218px;
    float: left;
    clear: both;
    margin:0;
    margin:20px 0 20px 0;
    /*border:1px solid #000;*/
}

#pageContent
{
    width: 720px;
    min-height: 400px;
    float: left;
    margin-left: 20px;
    color: #4b5457;
    /*border:1px solid #000;*/
}

#pageContent > *
{
    margin-right: 20px;
}

#pageContent p, td
{
    font-size: 13px;
    font-family: "Trebuchet MS" , Sans-Serif;
}

#pageContent p, td a
{
    font-size: 13px;
    font-family: "Trebuchet MS" , Sans-Serif;
    color: #4b5457;
    text-decoration: none;
}

#textContent
{
    
    float: left;
    margin-right: 2px;
    text-align:left;
    /*border:1px solid #000;*/
}


#middle 
{
    float:left;
    width:450px;
    /*border:1px solid #000;*/
}

#right 
{
    float:left;
    width:254px;
    padding:0 0 0 10px;
    /*border:1px solid #000;*/
}

#leftcolumn
{
    float: left;
    width: 220px;
    min-height: 400px;
    /*border:1px solid #000;*/
}

#footer
{
    clear: both;
    width: auto 100%;
    font-family: "Trebuchet MS" , Sans-Serif;
    font-size: 12px;
    margin-top: 25px;
    padding-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #4b5457;
    text-align:center;
    /*border:1px solid #000;*/
    
    
}

h1, h2, h3, h4
{
    font-family: "Trebuchet MS" , Sans-Serif;
}

h1 
{
    font-size: 16px;
    color:#142850;
    font-weight:normal;
    text-transform: uppercase;
    margin:0;
    padding: 10px 0 3px 0;
    line-height: 18px;
}

H2 {
    font-size: 13px;
    color:#4f4f4f;
    font-weight:normal;
    text-transform: none;
    margin:0;
    padding: 10px 0 3px 0;
    line-height: 18px;
}

h3 {
    font-size: 16px;
    color:#4f4f4f;
    font-weight:bold;
    text-transform: none;
    margin:0;
    padding: 10px 0 3px 0;
    line-height: 18px;
}



#path
{
    width: 460px;
    margin-bottom: 25px;
}

#path a
{
    color: gray;
    font-family: "Trebuchet MS" , Sans-Serif;
    text-decoration: none;
}

#path a:hover
{
    color: #f65d13;
}

#fpLeft
{
    float: left;
    width: 440px;
    min-height: 300px;
    vertical-align:top;
    margin:0;
}

#fpRight
{
    float: right;
    width: 260px;
    min-height: 300px;
    vertical-align:top;
    margin:0;
    /*border:1px solid #000;*/
}

#nosto
{
    width: 260px;
    height: 200px;
    background-image: url(img/nosto_bg.jpg);
    padding-top: 14px;
	margin-top: 7px;
	text-align:left;
	/*border:1px solid #000;*/
}

#nostoInner
{
    width: 238px;
    height: 187px;
    margin-left: 14px;
    overflow: auto;
    font-size: 13px;
    /*border:1px solid #000;*/
    
}

#nostoInner * { font-size: 12px; }


#kyselyBottom
{
    width: 247px;
    margin-left:10px;
    display:inline;
    clear:both;
}

#sublinks
{
    width: 450px;
}

.row 
{
    text-transform: uppercase;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    margin:0;
    padding:10px 0 0 0;
}

.row .alternatives
{
    display: block;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
    margin:0;
    padding:10px 0 0 0;
}

#textContent a  
{
    font-weight: normal; 
    text-decoration: none;
    color:#F65D13;
    }
    
#textContent a:hover  
{
    color:#4b5457; 
    text-decoration: underline; 
    }



.pikalinkki a {
	text-align: left;
	padding:10px;
	border:1px solid #000;
}

#PyydaTarjous {
margin-top: 19px;

 background-image: url(img/jata_tarj_tausta.gif)	;
 width: 211px; height: 35px;
 background-repeat: no-repeat;
clear: both; 
}

#PyydaTarjous p {
	padding-top: 7px;
}

#PyydaTietoa {

 background-image: url(img/jata_tarj_tausta2.gif)	;
 width: 211px; height: 65px;
 background-repeat: no-repeat;

 clear:both;	
}

#PyydaTietoa p {
	padding-top: 10px;
}

.nostoKuva { margin-left: 6px; margin-top: 6px; clear:both; }



.resultbar {
    background-color:white;
    color: #AEAEAE;
    font-size:x-small;
    overflow:hidden;
    padding:1px 0pt;
    text-indent:4px;
    white-space:nowrap;
}

.total {
    border:1px solid white;
    margin-bottom:5px;
    width: 200px;
    margin-top: 1px;
}
.question { margin-bottom: 10px; }
.question .alternatives { display: block; margin-top: 10px;}

.question .label { font-weight: bold; }

.kysely  {  }

.buttons 
{
    padding:10px 0 0 0;
    margin:0;
}

#polli
{
  background-color:#aeaeae;
  padding:10px;
}


#kysely
{
    width: 246px;
    background-color:white;
    text-align:center;
    margin-left:10px;
    padding:0px 0 15px 0;
    /*border:1px solid #000;*/
}

#kysely a {
    font-family: "Trebuchet MS" , Sans-Serif;
	color: #FFF;
    font-size: 14px;
    font-weight: normal;
	text-transform: uppercase;
	padding:5px 5px 5px 5px;
	display:block;
	background-color: #142850;
	margin-bottom: 7px;
	margin-top: 7px;
}
#kysely a:hover { text-decoration: none; }

a.NewBlueBlock { background-color: #F65D13; }