﻿/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Layout Style Sheet

version: 1.06
author: Frenk T. Sedmak Nahtigal
email: frenk.ten@3fs.si <frenk.ten@3fs.si>
website:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(reset.css);

a:link, a:visited
{
    color: #808080;
}
body 
{
    background: #000;
    /*background-image: url('../img/bg_vgrid_tile.gif');*/
    font-family: 'Arial', arial, sans-serif;
    font-size: 62.5%;
    height: 100%;
}
strong, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
.h
{
    display:none;
}
sup {
    position: relative;
    font-size: 0.7em;
    top: -0.5em;
}
/* CONTAINERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Wrapper
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* html #wrapper
{
    height: 100%;
}
#wrapper
{
    position: relative;
    margin: 1.3em 0 0;
    text-align: center;
}
/* Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#layout
{
    width: 76em;
    margin: 0 auto;
    text-align: left;
}
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header
{
    width: 76em;
    margin-bottom: 8.5em;
    position: relative;
}
#header h2
{
    color: red;
    font-size: 14em;
    font-weight: bold;
}
#header h3
{
    font-size: 2.4em;
    color: red;
    margin-top: -0.8em;
}
#header h2 a, #header h3 a
{
    color: #f00;
    text-decoration: none;
}
#header h4
{
    position: absolute;
    right: 0;
    top: 4.45em;
    font-size: 1.8em;
    color: #808080;
    width: 7em;
    text-align: right;
    line-height: 1.2em;
}
/* HEADER navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header ul
{
    margin: 0.8em -0.5em 0 0;
    font-size: 2.4em;
    font-weight: bold;
    position: absolute;
    right: 0;
}
#header ul li
{
    background: url('../img/nav_bullet.jpg') 0 0.1em no-repeat;
    color: #808080;
    float: left;
    list-style-type: none;
    padding: 0 0 0 0.8em;
    margin-right: 0.5em;
}
#header ul li.first
{
    background: none;
    list-style-type: none;
}

.selected
{
    color: #fff;
}
#header ul .selected a
{
    color: #fff;
    text-decoration: none;
}
/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main
{
    margin-bottom: 2.2em;
    float: left;
    width: 100%;
}
#main.identify {
    margin-bottom: 0.9em;
}
#main h5
{
    color: #fff;
    font-size: 3.6em;
    line-height: 1.22em;
    margin: 0.25em 0 0.5em 0;
}
#main p
{
    color: #808080;
    font-size: 1.8em;
    font-weight: bold;
    padding-bottom: 1em;
    line-height: 1.21em;
}
#main p.error {
    padding-top: 0.22em;
}
#main h6
{
    color: #fff;
    font-size: 2.5em;
    padding: 0.8em 0 0 0;
}
form p
{
    font-size: 1.8em;
}
#main input.inputcode
{
    background: #343434;
    width: 20em;
    border: 1px solid white;
    color: #fff;
    font-size: 1em;
    padding: 0.6em;
    float: left;
}
#main input.seedamage
{
    background: url('../img/seedamage.jpg') no-repeat;
    color: #fff;
    font-size: 1em;
    width: 9.8em;
    height: 2.45em;
    cursor: pointer;
    margin: 0.05em 0 0 0.8em;
    border: 0;
}
/*#main dl
{
    color: #808080;
    width: 18em;
    float: left;
    height: auto;
    margin: 0.6em 0 0;
    clear: left;
}
#main dl.red
{
    color: red;
    font-weight: bold;
}
#main dl dd
{
    font-size: 1.8em;
}
#main dl dt
{
    font-size: 1.8em;
    font-weight: bold;
    color: red;
    margin: 1em 0 0 0;
}*/
#main p.first
{
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 0.25em;
}
/* MAIN //- Linkbox
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.linkbox
{
    color: #808080;
    float: right;
    width: 37em;
    margin: 0.4em 0 0;
}
#linkbox2
{
    margin: 2em 0 0;
    color: #808080;
}
.linkbox p
{
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 0.3em;
}
.linkbox span
{
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: normal;
    margin-bottom: 0.8em;
    float: left;
}
/*#linkbox2 p.idNum
{
    font-size: 1.4em;
    line-height: 2.2em;
    margin: 0 0 0 1em;
    font-weight: bold;
    float: left;
}
#linkbox2 p.idNum b
{
    color: #fff;
    font-size: 1.4em;
    padding-left: 0.2em;
}
*/
.linkbox input
{
    background: #343434;
    color: #808080;
    border: 1px solid white;
    font-size: 1.3em;
    padding: 0.2em 0.5em 0 0.5em;
    width: 27.2em;
    height: 1.6em;
    float: left;
}
#linkbox2 input
{
    background: #343434;
    color: #ff0000;
    border: 1px solid white;
    font-size: 1.8em;
    padding: 0.6em;
    width: 30em;
    float: left;
    margin-top: 0px;
}
#linkbox2 img
{
    margin: -1.3em 0 0 2em;
}
.left
{
    float: left;
}
#link {
    margin-top: 0.2em;
}
/* Main2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main2 
{
    float: left;
    width: 100%;
    padding: 3em 0 0;
    margin-bottom: 1em;
    margin-top: 2em;
    border-top: 1px solid #333;
}
#main2 dl
{
    color: #fff;
    width: 36em;
    margin-right: 1em;
    float: left;
}
#main2 dl dt
{
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1.8em;
}
#main2 dl dd
{
    color: #808080;
    font-size: 1.3em;
    line-height: 1.73em;
    margin-bottom: 1em;
}
#main2 dl dd ul {
    margin-top: 1.6em;
    list-style-type: none;
}
#main2 dl dd ul li
{
    line-height: 1.7em;
    list-style-type: none;
}
#main2 .cdmlsub
{
    width: 17.5em;
    float: right;
    margin: 3.9em 0 0 2em;
}
#main2 .cdmlsub dt
{
    width: 10.3em;
    height: 133px;
    padding-left: 1.5em;
}
#main2 .cdmlsub dt img
{
    width: 133px;
    height: 133px;
}
#main2 .cdmlsub input
{
    background: #343434;
    color: #808080;
    border: 1px solid #808080;
    padding: 0.3em;
    width: 13em;
    float: left;
    margin-top: -0.5em;
}
#main2.damage {
    margin: 0.7em 0 2.9em 0;
    padding: 0;
}

#main2.damage p {
    margin: 1.1em 0 1.5em 0;
}
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer
{
    font-size: 1.1em;
    line-height: 0.8em;
    color: #4c4c4c;
    width: 100%;
    float: left;
    padding: 1.2em 0 4.4em 0;
    border-top: 1px solid #333333;
    margin: 3.2em 0 0;
}
#footer p
{
    float: left;
}
#footer a
{
    background: url('../img/3fs.gif') no-repeat;
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    margin: -0.5em 0 0 0.3em;
    text-decoration: none;
    float: right;
}
/* Dummys $ similar Daftness
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#dummy
{
    clear: both;
    padding-bottom: 2em;
    margin-bottom: 0.5em;
    border-top: 1px solid #333333;
    padding-top: 2.2em;
}
/*
#dummy dl
{
    padding-top: 1.8em;
    font-size: 1.2em;
    line-height: 1.85em;
    text-align: right;
}
#dummy dl dt
{
    color: #808080;
    float: left;
    width: 15em;
    margin-right: 0.8em;
}
#dummy dl dd
{
    color: #fff;
    float: left;
    width: 15em;
    margin-right: 0.8em;
}
*/
#dummy h3 {
    clear: both;
    color: #fff;
    font-size: 2.4em;
    padding: 0;
    margin-bottom: 0.9em; 
}
#dummy table
{
    padding-top: 1.8em;
    font-size: 1.2em;
    line-height: 1.835em;
    text-align: right;
    width: 100%;
}
#dummy table td.country,#dummy table td.number
{
    width: 15em;
    padding-right: 1em;
    text-align: right;
}
#dummy table td.country
{
    color: #808080;
}
#dummy table td.number
{
    color: #fff;
}
/* subject
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#subject {
    width: 37em;
    float: left;
}

#levels {
    margin: 0.4em 0 0;
}

#subject dt, #subject dd {
    width: 10em;
    float: left;
    color: #fff;
    font-size: 1.7em;
    line-height: 1.3em;
}

#subject dt {
    clear: left;
    color: #808080;
}

#subject dd {
    color: #ff0000;
}

#subject dt.t, #subject dd.t {
    margin: 1.2em 0 0;
    color: #ff0000;
}