@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");
body
{
	font-family: Roboto;
	overflow: hidden;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #ccc;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #000;
}
img
{
	border: 0px;
}
button{
	border: none;
	background-color: transparent;
	color: #0000EE;
	text-decoration: underline;
	padding: 0;
	text-align: left;
}
button:hover{
	cursor: pointer;
}
aside h1{
	margin: 0;
}
#container
{
	width: 99%;
	padding-bottom: 10px;
}
#header
{
	/*overflow:hidden; */
	background-image: url('https://www.lantmateriet.se/wwwroot/lmse/images/LM-logotyp.svg');
	background-size: 200px 40px;
	background-repeat: no-repeat;
	background-position: 10px;
	position:absolute; 
	top:0px; 
	left:0px; 
	margin: 10px 0px 10px 0px;
	height:70px;	
	border-bottom: 5px solid #7AB800;
	width: 100%;
}
.alalal
{
	display: block;
	cursor: pointer; cursor:hand;
}

#leftNav
{
	overflow:auto; 
	position:absolute; 
	top:90px; 
	left:10px; 
	/*right:20px; */
	width: 300px;
	bottom:10px;
	border: 1px solid;
	border-color: #ccc;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 0.9em;
}

#mainContent
{
	overflow:auto; 
	position:absolute; 
	top:150px; 
	left: 320px; 
	/*right:0px; */
	bottom:10px;
	border: 1px solid;
	border-color: #ccc;
	border-left: 0px;
	padding-top: 10px;
	padding-left: 10px;
}

#footer
{
	overflow:hidden;
	position:absolute; 
	bottom:0px; 
	left:0px;
	height:50px;
}

#mainContentTopic
{
	overflow:hidden; 
	position:absolute; 
	top:90px; 
	left:320px; 
	height:50px;
	border: 1px solid;
	border-color: #ccc;
	border-left: 0px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 20px;
}

#menu
{
	margin-left: 320px;
	padding-top: 5px;
}
#specificationTitle
{
    margin:0;
	font-size: 22px;
	padding-left: 250px;
	padding-top: 10px;
	font-weight: bold;
}
#clickToPrint
{
	overflow:hidden; 	
	
	position:absolute; 
	top:120px; 
	right: 20px;
}
.imageFloatLeft
{
	float: left;
	margin-right: 20px;
}
.missing
{
	font-size: 0.8em;
	font-style: italic;
}
.statuslista
{
	border-collapse: collapse;	
	margin-right: 2px;
}
.statuslista th{ background-color:#EBECEE; color:#000; padding:2px; border:1px solid #ccc; text-align: left; vertical-align: top;}
.statuslista td{ padding:2px; border:1px solid #ccc; }

.calculated-width {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
.calculated-width-main {
    width: -moz-calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
    width: calc(100% - 340px);
}

.attributeTable
{
	width:100%; font-size:12px;
	border:1px solid #ccc;
}
.attributTable th{ background-color:#EBECEE; color:#000; padding:2px; border:1px solid #ccc; }
.attributTable td{ padding:2px; border:1px solid #ccc; border-right:1px solid #ccc; }

/* Klassutseende */
#className, #attributeName, #constraintName, #relationName
{
	font-size: 1.1em;
	color: #000000; 
}
#type, #diagramType
{
	font-size: 0.8em;
	color: grey;
}
#classVersion
{
	font-weight: bold;
}

div #classRegler, #classAttributeTable, #classNote, div #classFinnsIGrafer, #attributeNote, #attributeDatatype, #attributeRegler, 
#constraintNote, #constraintInModel, #constraintOnObject, #relationName2, #relationNote, #relationRegler, #classHistory, #classOperationerTable
{
	margin-top: 5px;	
}

#classRegler ul, #attributeRegler ul, #classFinnsIGrafer ul, #constraintInModel ul, #constraintOnObject ul, #relationRegler ul, #klasslista ul
{
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
}
#classRegler li a:hover, #attributeRegler li a:hover, #classFinnsIGrafer li a:hover, #constraintInModel li a:hover, #constraintOnObject li a:hover, #relationRegler li a:hover, #klasslista li a:hover
{
	background-color: #FFF;
}

#classHistory p.nameAndDate, #constraintHistory p.nameAndDate
{
	margin-top: 4px;
	font-style:italic;
}
#classHistory p.shortDescription, #classHistory p.fullDescription, #constraintHistory p.shortDescription, #constraintHistory p.fullDescription
{
	margin-left: 10px;		
}
/* http://andornagy.com/css-dropdown-menu/ */
nav ul {
padding:0;
margin:0;
list-style: none;
position: relative;
display:block;
z-index: 10;
font-weight: bold;
}
nav ul li {
float:left;
display:list-item;
list-style: none;
background-color:#fff;
/*border-bottom: 5px solid #fff;*/
}
 
nav ul li a {
display:block;
padding:5px 10px;
/*padding-right: 10px;*/
color:#333333;
font-size:12px;
text-decoration:none;
/*font-family: 'Bree Serif', 'serif';*/
}
 
li a:hover { 
	background-color: #7AB800; 
}

/* The Dropdown Styles */
/* =================== */
 
/* Hide Dropdowns by Default */
nav ul ul {
display: none;
position: absolute; top: 20px;
border: 1px solid;
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
display:list-item;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
width:200px;
float:none;
position: relative;
border-bottom:none;
}
 
/* Second, Third and more Tiers	*/
nav ul ul ul li {
/*position: absolute relative;
top:-25px;
left:170px;*/
}

nav ul ul ul {
border: 1px solid;
position: absolute relative;
top:0px;
left:200px;
}

/* Change this in order to change the Dropdown symbol */
/*li > a:after { content: ' »'; }
li > a:only-child:after { content: ''; }*/
.underline{
    text-decoration:underline;
}