/*
 * julkaisuun.fi
 *
 * Fromdistance (c) 2007-2008
 */

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

th, td {
    margin: 0;
    padding: 0;
}

.small {
    font-size: 90%;
}

div#container {
    width: 600px;
    text-align: left;
    margin: 0px auto;
}

div#destinationcontainer {
    width: 580px;
    text-align: left;
    margin: 0px auto;
}

div#container h1#headerleft {
	background: transparent url(Julkaisuun.png) top left no-repeat;
	width: 390px;
	height: 50px;
}

div#container:lang(fi) h1#headerright {
	background: transparent url(Reportteri.png) top right no-repeat;
	width: 190px;
	height: 63px;
}

div#container:lang(en) h1#headerright,
div#container:lang(de) h1#headerright,
div#container:lang(es) h1#headerright {
	background: transparent url(Reporter.png) top right no-repeat;
	width: 190px;
	height: 63px;
}

div#container h1#headerleft,
div#container h1#headerright {
	margin: 0;
	padding: 0;
}

div#container h1#headerleft span,
div#container h1#headerright span {
	display: none;
}

td#languagenav {
	margin: 0;
	padding: 0;
}

div#languagemenu {
	text-align: left;
	height: 30px;
	margin: 0;
	padding: 0;
}

div#languagemenu a {
	margin: 0;
	padding: 0;
}

div#languagemenu a img {
	border-top: solid 1px #efefef;
	border-right: solid 2px #e9e9e9;
	border-bottom: solid 2px #dfdfdf;
	border-left: solid 1px #efefef;
	margin: 0 2px;
	padding: 0;
}

.destinations {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.destinations ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.destinations ul li {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
}

.destinations ul li ul {
        margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
}

.destinations ul li ul li {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

tr.divider {
	margin: 0;
	padding: 0;
}

tr.divider div.gl {
	background: transparent url('graydot.png') center center repeat-x;
	height: 20px;
	clear: both;
}

.b { font: 12px Verdana, Arial, Helvetica, sans-serif; }

p.b {
    margin: 0 0 7px 0;
    padding: 0;
}

.biggreen
{
	font: bold 18px 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #98A620;	
}

h2.biggreen {
	margin: 0 0 4px 0;
	padding: 0;
}

h3.vo {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 0 1px 0;
	padding: 0;
}

div#download {
 background: #dff3f3 url('gradient_bg.jpg') no-repeat top left;
 width: 600px;
}

div#download table {
 background: transparent;
 margin: 10px 8px;
}

div#download td#lataareportteri {
 text-align: left;
 padding: 0;
 margin: 0;
}

div#download td h3 {
 padding: 0;
 margin: 0;
 height: 25px;
 overflow: hidden;
 font: normal 18px Arial;
 color: #c00;
 text-transform: uppercase;
 text-align: left;
}

div#download td h3[lang=fi] {
 background: url('lataa_reportteri.gif') no-repeat top left;
}

div#download td h3[lang=en] {
 background: url('download_reporter.png') no-repeat top left;
}

div#download td h3[lang=de] {
 background: url('herunterladen_reporter.png') no-repeat top left;
}

div#download td h3[lang=es] {
 background: url('descarga_reportero_movil.png') no-repeat top left;
}

div#download h3 span {
 display: none;
}

div#download td span#description {
 color: #000;
 font: bold 12px Arial, sans-serif;
}

div#download td span#instructions {
 color: #222;
 font: normal 12px Arial, sans-serif;
}

table.phones td.downloaddetails {
  padding: 0 3px;
}  

table.phones td span.phonegeneration,
table.phones td span.phonemodels,
table.phones td span.downloadlink {
 clear: both;
 display: block;
 padding-bottom: 4px;
}    

table.phones td span.phonegeneration {
 color: #000;
 font: bold 14px Arial, sans-serif;
 text-transform: none;
}

table.phones td span.phonemodels {
 color: #333;
 font: normal 12px Arial, sans-serif;
 text-transform: none;
 padding-right: 25px;
}

table.phones td span.downloadlink a,
table.phones td span.downloadlink a:link,
table.phones td span.downloadlink a:active,
table.phones td span.downloadlink a:visited,
table.phones td span.downloadlink a:hover
{
 color: #c00;
 font: bold 12px Arial, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
}

    a.info{
    position: relative; /*this is the key*/
    z-index: 24;
    background-color: transparent;
    color: #0083b3;
    text-decoration: none;
   }

    a.info:hover { 
     z-index: 25;
     background-color: #d5e9f0;
     text-decoration: none;
    }

    a.info span { display: none; }

    a.info:hover span{ /*the span will display just on :hover state*/
     display: block;
     position: absolute;
     font: bold 12px Verdana, Arial, Helvetica, sans-serif;
     top: 2em;
     left: 1em;
     border: 1px dotted #0cf;
     background-color: #f8f8f8;
     color: #00aff0;
     text-align: center;
     padding: 12px 4px;
     width: 295px;
     }

table.phones {
  margin:  0 !important;
  padding: 10px 0 2px 0 !important;
  text-align: left !important;
}

/* EOF */