/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.07.2016, 13:21:59
    Author     : S.Altmann
*/

html { height: 100%; margin-bottom: 1px; }

body {
    background-color: #F0FFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
}

header {
    /*background-color: yellow;*/
}
nav {
    background-color: #228B22;
}
section {
    background-color: #F0FFFF;
}
footer {
    background-color: lightgray;
}

.tab {
    border-style: none;
    color: #FFF;
    background-color: #228B22;
    cursor: pointer;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:5px;
}

.tab:hover {    
    font-weight:bold !important;
}

.tabContent {
    display:none;
}

.resultDiagram {
    float: left;
    margin-right: 15px;    
    background-color: #F0FFFF;
    padding: 5px;
}

.node {
        float:left;
        width:47%;
        height:320px;
        border:1px solid lightgray;
        border-radius:15px;
        text-align:left;
        padding:5px;
        margin:5px;
        background-color:#B0E2FF;
        opacity: 70;
}

.diagramArea {
    float: left;
    margin-right: 15px;
    width:50%;
}

.imgArea {
    float: left;
    margin-right: 15px;
    margin-top:40px;
    width:40%;
}

.diagram {
    float: left;
    margin: 5px;
    border:1px solid black;
    background-color: lightgray;
    width:220px;
    height:110px;
}

.diagramLabel {
    font-family: Arial; 
    font-weight: bold; 
    font-size: 11px;
    width:70px;
    margin: 5px;
}

.displayVal {
    width:40px;
    text-align:right;
    font-weight: bold;
    border:none;
    background-color: #F0F0F0;
}

.inputVal {
    width:75px;
    text-align:right;
}

.inputValRO {
    width:40px;
    text-align:right;
    background-color: lightgray;
}

/* show diagrams for every paper type */
#diagram1Node1, #diagram2Node1, #diagram1Node2, #diagram2Node2, #diagram1Node3, #diagram2Node3 {
    width:150px;
    height:80px;
    border:1px solid black;
}

/* MFA, MNU */
table, td, th { border: 1px solid black; }

th {
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* positioning */
/*            div.node br {
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}*/

.clearing { clear: both; }

.headLine { 
    font-family: Arial; 
    font-weight: bold; 
    font-style: italic; 
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.edgeLabel {
    font-family: Arial; 
    font-weight: bold; 
    font-size: 11px;
    width:70px;
}