@import "style-menu.css"; 

a.menu:link {
   background:transparent url(../images/vk-menu-1.gif) no-repeat top left;
   font-family : Tahoma, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   color : #000033;
   padding : 6px 0;
   display : block;
   text-align : center;
   vertical-align : middle;
   width : 204px;
   height : 20px;
   text-decoration : none;
   border-top : 0 solid #000;
   border-bottom : 0 solid #000;
}
a.menu:hover {
background:transparent url(../images/vk-menu-2.gif) no-repeat top left;
   font-family : Tahoma, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   color : #000033;
   padding : 6px 0;
   display : block;
   text-align : center;
   vertical-align : middle;
   width : 204px;
   height : 20px;
   text-decoration : none;
   border-top : 0 solid #000;
   border-bottom : 0 solid #000;
}
a.menu:visited {
   background :transparent url(../images/vk-menu-1.gif) no-repeat top left;
   font-family : Tahoma, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   color : #000033;
   padding : 6px 0;
   display : block;
   text-align : center;
   vertical-align : middle;
   width : 204px;
   height : 20px;
   text-decoration : none;
   border-top : 0 solid #000;
   border-bottom : 0 solid #000;
}
a.menu:visited:hover {
   background:transparent url(../images/vk-menu-2.gif) no-repeat top left;
   font-family : Tahoma, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   color : #000033;
   padding : 6px 0;
   display : block;
   text-align : center;
   vertical-align : middle;
   width : 204px;
   height : 20px;
   text-decoration : none;
   border-top : 0 solid #000;
   border-bottom : 0 solid #000;
}

a.menu-important {
    background: transparent url(../images/vk-menu-highlighted-1.gif) no-repeat top left !important;
}

a.menu-important:hover {
    background: transparent url(../images/vk-menu-highlighted-2.gif) no-repeat top left !important;
}

a.important {
    font-size: 16px;
    font-weight: bold;
}

.error {
    color: red;
}

.warning {
    color: #FF8C00;
}

.success {
    color: green;
}

.flash {
    font-weight: bold;
    margin-bottom: 1em;
}


#valipalkki {

   background : #fff url(../images/isokuva-2_03.jpg) no-repeat top left;
   vertical-align : top;
   text-align : right;
   margin : 0;
   padding : 0;
   height : 30px;
}



#copyright {

   font-family : Arial, Helvetica, sans-serif;
   text-align : right;
   vertical-align : top;
   color : #444;
   font-size : 10px;
   line-height : 0;
   word-spacing : 0;
   margin : 0;
   padding-bottom : 5px;
}

h2 {
   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   font-size : 18px;
   font-weight : bold;
   margin : 15px 40px 10px 60px;
   width : 320px;
   height : 25px;
}

h3 {
   background : #9f232b url(../images/h3.gif) no-repeat top left;
   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   color : #fff;
   font-size : 16px;
   font-weight : bold;
   margin : 0 40px 20px 30px;
   padding : 5px 0 0 30px;
   min-width: 320px;
   height : 25px;
}


/* Ei borderia! IE näyttää väärin! */
#liput {
   background : #fff;
   margin : 0;
   padding-bottom : 10px;
   height : 66px;
}


#kuvaiso-solu {

   background : #fff;
   vertical-align : bottom;
   text-align : left;
   margin : 0;
   padding : 0;
}



#kuvaiso {

   height : 215px;
   width : 740px;
   margin : 0;
   padding : 0;
   vertical-align : bottom;
   text-align : left;
   background : #fff;
}



.engl {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   color : #444;
   font-size : 11px;
   margin : 0 0;
   padding : 0 0;
}



ul,ol {

   text-align : left;
   vertical-align : top;
   margin : 10px 0 0 30px;
   padding : 0 0;
   /*list-style-image : url(../images/lista-sini.gif);*/
}

ul > li, ol > li, .listfont {
   font-family : Arial, Helvetica, sans-serif;
   color : #000;
   font-size : 14px;
   font-weight : normal;
   line-height : 24px;
}

ul > li, ol > li {
    text-align : left;
    vertical-align : top;
    margin : 0 30px 0 25px;
    padding : 0 0;
}

ul > li {
    list-style-type : disc;
}



#vasen-reuna {

   width : 20px;
   margin : 0;
   padding : 0;
}



#oikea-reuna {

   width : 20px;
   margin : 0;
   padding : 0;
}



#alapalkki {

   margin-top: 4.4em;
   background : #9f232b url(../images/alapalkki.gif) no-repeat top left;
   border : 0 solid #ccc;
   height : 80px;
   width : 740px;
}



#banneri-tule {

   font-family : Arial, Helvetica, sans-serif;
   text-align : center;
   vertical-align : top;
   color : #000;
   font-weight : bold;
   font-size : 18px;
   margin : -15px 0 5px 15px;
   padding : 0;
}



#alays-2 {

   margin : 20px 0 0 30px;
}



img {

   border : 0;
}



.bold {

   font-weight : bold;
}



body {

   background : #f9f9f9 url(../images/varjo.gif) repeat-y center top;
   margin : 0;
   padding : 0;
   text-align : left;
}



h4 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #339933;
   font-size : 16px;
   line-height : normal;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



h5 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 16px;
   font-weight : bold;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



#lomake-kasittely h4 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #cd0000;
   font-size : 14px;
   font-weight : normal;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



#lomake-kasittely h6 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #339933;
   font-size : 16px;
   line-height : normal;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



h6 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #339933;
   font-size : 14px;
   line-height : normal;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



.ingressi {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 12px;
   line-height : 20px;
   word-spacing : 0;
   margin : 10px 60px 0 30px;
   padding : 0 0;
}



#menun-tausta {

   margin : 20px 0 0 10px;
   padding : 0 0;
   text-align : left;
   vertical-align : top;
   border-top : 0 solid #ccc;
   background : transparent;
}



#menu {

   vertical-align : top;
   margin : 0;
   padding : 0 0 2.4em 0;
   height : 400px;
   background : transparent;
}



#menukielet {

   text-align : center;
   margin-left : 0;
   vertical-align : bottom;
}



p, .pseudoparagraph, .textiled ul > li {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 12px;
   line-height : 22px;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}


#rekisteriseloste p {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 11px;
   line-height : 20px;
   word-spacing : 0;
   margin : 10px 60px 0 30px;
   padding : 0 0;
}



#rekisteriseloste h5 {

   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 14px;
   line-height : normal;
   word-spacing : 0;
   margin : 10px 40px 0 30px;
   padding : 0 0;
}



.star {

   font-family : Arial, sans-serif;
   color : #990000;
   font-size : 20px;
   word-spacing : 0;
   margin : 0;
   padding : 0;
   font-weight : normal;
}



table.toplayout {

   background : #fff;
   border : 2px solid #dcdcdc;
   margin : 0 auto 0 auto;
   padding : 0;
   width : 740px;
}



table.toplayout > tbody > tr > td {

   border : 0;
}



#tekstisolu {

   width : 526px;
   padding : 1.6em 0 0em 0;
   margin : 0;
   vertical-align : top;
   background : transparent none no-repeat center center;
}


.textiled {
   font-family : Arial, Helvetica, sans-serif;
   text-align : left;
   vertical-align : top;
   color : #000;
   font-size : 12px;
   line-height : 22px;
   word-spacing : 0;
}

.textiled h1,
.textiled h2,
.textiled h3,
.textiled h4,
.textiled h5,
.textiled h6 {
    color: #000 !important;
}

.textiled li {
    list-style-image: none;
}

.textiled table {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    margin : 10px 60px 0 30px;
}

.textiled td, .textiled th {
    padding-right: 14px;
}

table.kansalaisaloite-2016-lahteet {
    border: 1px black solid;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: auto;
    margin : 10px 60px 0 30px;
}

table.kansalaisaloite-2016-lahteet td, table.kansalaisaloite-2016-lahteet th {
    border: 1px black solid;
    padding: 6px;
    vertical-align: top;
}

table.kansalaisaloite-2016-lahteet th {
    font-weight: bold;
}

table.kansalaisaloite-2016-lahteet td:first-child {
    font-weight: bold;
}


.inline-content {
    margin-left: -2em;
}

a.download {
    font-weight: bold;
}

div.title-block {
    display: block;
    width: 380px;
}

.title-block li {
    background-color: #ddd;
    margin-bottom: 0.5em;
}

.more {
    font-size : 10pt;
    float: right;
    margin-right: 50px;
}

.created-at {
    color: #999;
    font-size: 8pt;
    float: right;
    margin-right: 50px;
}


#end-links {
    float: right;
    margin-right: 24pt;
    height: 4.4em;
}

#end-links > span > a > img {
    vertical-align: middle;
    margin-bottom: 5px;
}

#end-links > span > a {
    color: #999999;
    font-size: 11pt;
    font-family: "Trebuchet MS", Verdana, Arial;
    text-decoration: none;
    margin-left: 14pt;
}

#link-gatherer li.link {
    font-family: monospace;
    font-size: 8pt;
    list-style-type: square;
    margin-bottom: 2em;
}

#link-gatherer .fetched-today {
    color: green;
}

span.label {
    font-weight: bold;
}

a.inline-link {
    color: green;
    text-decoration: none;
}

a.inline-link:hover {
    color: green;
    border-bottom: thin solid green;
}

table#candidate-list {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

table#candidate-list tr.candidate-main td {
    padding: 2pt 4pt 2pt 4pt;
}

table#candidate-list tr.candidate-description td {
    padding: 0pt 0pt 16pt 18pt;
}

table#candidate-list td.description a:visited {
    color: blue;
}

.filtered-child-row {
    display: none;
}

.collapsed-child-row {
    display: none;
}

.opened-row td {
    background-color: #DADFF9;
}

.rating-1 {
    color: green;
    font-weight: bold;
}

.rating-0 {
}

table#candidate-list-filters {
    margin-bottom: 14pt;
}

table#candidate-list-filters td {
    padding-right: 10pt;
    vertical-align: bottom;
}

table#candidate-list-filters a#clear-filters {
    font-size: 8pt;
    float: right;
}

table#candidate-list-filters a#clear-filters:visited {
    color: blue;
}


.forum-peek {
    margin-top: 30px;
    margin-left: 20px;
    font-family: sans-serif;
    font-size: 8pt;
}

.forum-peek-title {
    font-style: italic;
    margin-left: 4px;
    color: green;
    font-weight: bold;
}

.forum-peek ul li {
    margin-left: 0px;
    padding-left: 0px;
    font-size: 8pt;
}

.tooltip {
    display:none;
    font-family : Tahoma, Helvetica, sans-serif;
    background: url(../images/tooltip_bg.png);
    font-size:14px;
    height:144px;
    width:320px;
    padding:25px;
    color:#000; 
}


a.never-visited, a.never-visited:visited {
    color: blue;
}