/*
#
# TågCentralen Arkivsystem/TCA
# Copywright 2014-2015 Swedish Web Creation, Johan Billow (johan@swedishwebcreation.se)
#
# FILENS FUNKTION:
# Allmäna stilar.
#
*/

/* General General  General General  General General */
/* General General  General General  General General */
	html
	{
		font-size: 20px;
		min-height: 101%;
	}

	body, caption, th, td, input, textarea, select, option, legend, fieldset, p, h1, h2, h3, h4, h5, h6
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-size-adjust: 0.5;
	}
	
	legend
	{
		 font-weight: bold;
	}
	
	fieldset
	{
		margin-top: 15px;
		padding: 4%;
		width: 86.33%;
	}
	
	.adminWorkProcessPagination
	{
		 font-style: italic;
		 font-size: 90%;
		 margin-bottom: 15px;
		 margin-top: 0;
	}

	h1
	{
		font-size: 180%;
		margin-bottom: 7px;
	}

	h2
	{
		font-size: 150%;
	}
	
	h3
	{
		font-size: 120%;
	}

	h4
	{
		font-size: 110%;
	}

	form
	{
		margin: 0;
	}

	input
	{
		width: 85%;
	}

	input.short
	{
		width: 40%;
	}

	img
	{
		max-width: 100%;
	}

	img.adminTabelImage
	{
		max-width: 300px;
		margin-bottom: 2%;
	}
	
	a.adminSearchTableLink
	{
		/*a:link, a:visited {*/
    
    text-decoration: none;
    color: #000;
}

a:link:active, a:visited:active {
    color: (internal value);
} 
	}	

/* Nav Nav  Nav Nav  Nav Nav */
/* Nav Nav  Nav Nav  Nav Nav */
	section.publicNavigationContainer
	{
		margin: 0;
		border: 0;
		padding: 0;
	}

	nav
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}

/*  Skriver över component.css */
	.dl-menuwrapper button
	{
		background: #ccc;
		border: none;
		width: 48px;
		height: 45px;
		text-indent: -900em;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: none;
	}
	
	.dl-menuwrapper:first-child
	{
		margin-right: 0px;
	}


/* Table Table  Table Table  Table Table */
/* Table Table  Table Table  Table Table */
	div.publicTablePagerContainer
	{
		margin-left: 8%;
	}

/* Skriv över tablesort.pager.css */ 
	.pagedisplay
	{
		padding: 0 5px 0 5px;
		width: auto;
		white-space: nowrap;
		text-align: center;
		color: #000000;
		font-size: 65%;
	}
	
	td
	{
		height: 100%;
	}

/* Containers Containers  Containers Containers  Containers Containers */
/* Containers Containers  Containers Containers  Containers Containers */
	section
	{
		border-radius: 6px;
		color: #fff;
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		text-align: center;
		background: #2db34a;
	}
	
	section.adminlogotypeContainer
	{
		width: 33%;
		min-width: 150px;
		float: left;
		border: 0;
		margin: 0;
		margin-top: 2px;
		margin-left: 20%;
		padding: 0;
		background: #ffffff;
		position: absolute;
	}

	section.publicIntroContainer
	{
		padding: 2%;
		margin: 2%;
		text-align: left;
		color: #FE7702;
		font-size: 70%;
		background: #ffffff;
		border: 3px solid #2db34a;
	}


/* adminMenuContentContainer */
	div.adminMenuContentContainer
	{
		border: 0;
		max-height: 50px;
	}

	.adminMenuContentContainer:before,
	.adminMenuContentContainer:after
	{
		content: "";
		display: table;
	}

	.adminMenuContentContainer:after
	{
		clear: both;
	}

	.adminMenuContentContainer
	{
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding: 0;
	}


/* adminMainContentContainer */
	div.adminMainContentContainer
	{
		border: 1px solid;
		background: #F8F8F8;
  		*zoom: 1;
	}

	.adminMainContentContainer:before,
	.adminMainContentContainer:after
	{
		content: "";
		display: table;
	}

	.adminMainContentContainer:after
	{
		clear: both;
	}

	.adminMainContentContainer
	{
		color: #000000;
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		text-align: left;
		font-size: 70%
	}

	.adminTableTdContainer
	{
		height: 100%;
	}

/* Login Login  Login Login  Login Login */
	section.adminLoginContainer
	{
		margin: 0;
		border: 0;
		padding: 0;
		background: #F8F8F8;
	}
	
	section.adminLoginMessageContainer
	{
		margin-top: 5%;
		margin-left: 2%;
		border: 2px dotted #ffffff;
		background: #00CCFF;
		font-size: 70%;
		text-align: left;
		padding: 2%;
	}
	
	
/* Select-Popup Select-Popup  Select-Popup Select-Popup  Select-Popup Select-Popup */
/* Select-Popup Select-Popup  Select-Popup Select-Popup  Select-Popup Select-Popup */

/* adminPopupContentContainer */
	.adminPopupContentContainer
	{
		border: 1px solid #000000;
		background: #F8F8F8;
  		*zoom: 1;
	}

	.adminPopupContentContainer:before,
	.adminPopupContentContainer:after
	{
		content: "";
		display: table;
	}

	.adminPopupContentContainer:after
	{
		clear: both;
	}

	.adminPopupContentContainer
	{
		color: #000000;
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		text-align: left;
		font-size: 70%
	}
	.adminPopupContentLeftContainer
	{
		float: left;
	}
	.adminPopupContentRightContainer
	{
		float: right;
	}
	/*adminPopupContentIntroContainer*/
	
/* Trädstruktur Trädstruktur  Trädstruktur Trädstruktur  Trädstruktur Trädstruktur */
/* Trädstruktur Trädstruktur  Trädstruktur Trädstruktur  Trädstruktur Trädstruktur */
	.contentStructureTree,#floatingContainer 
	{
		margin: 0px;
		padding: 0px;
	}

	/* Undermeny-grupper */
	.contentStructureTree ul 
	{
		margin-left: 20px;
		padding-left: 0px;
		display: none;
	}

	#floatingContainer ul 
	{
		margin-left: 20px;
		padding-left: 0px;	
	}

	/* Nodes */
	.contentStructureTree li,#floatingContainer li 
	{
		list-style-type: none;
		vertical-align: middle;
		margin-top: 2px;
	}

	/* Node links */
	.contentStructureTree li a,#floatingContainer li a 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		color: #000000; 
		padding-left: 0px;
		line-height: 12px;
		margin-left: 2px;
	}

	.contentStructureTree li a.highlightedNodeItem 
	{
		color: #FFF;
		background-color: #009;
	}

	a.linkShowTree:link 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		color: #000000;
	}

	a.linkShowTree:visited 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		color: #000000; 
	}

	a.linkShowTree:hover 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
		color: #000000; 
	}

	a.linkShowTree:active 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
		color: #000000; 
	}

	p.showTree 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		color: #000000; 
		padding-top: 5px; 
		padding-right: 0px; 
		padding-bottom: 0px; 
		padding-left: 5px; 
		margin-top: 0px; 
		margin-right: 0px;
		margin-bottom: 6px; 
		margin-left: 0px; 
	}
	
	
	

/* MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH */
/* MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH */
/* 585 px */
/* MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH  MIN WIDTH MIN WIDTH */

	@media all and (min-width: 585px)
	{
		html
		{
			font-size: 18px;
		}

		img
		{
			max-width: 20%;
		}
		
		fieldset
		{
			max-width: 90%;
		}
		
		input
		{
			width: 96%;
		}

		input.short
		{
			width: 50%;
		}

		input.checkbox
		{
			max-width: 13px;
		}
		
		input.button
		{
			width: 20%;
		}

		input.popUpInput
		{
			width: 93.5%;
		}

		img.adminTabelImage
		{
			max-width: 300px;
			margin-bottom: 2%;
		}

		div.adminMenuContentContainer
		{
			margin: 0;
			margin-left: 0;
			max-width: 900px;
		}

		.adminMainContentContainer
		{
			max-width: 900px;
			padding-top: 1%;
			margin-left: 0;
			padding-left: 3%;
			font-size: 14px;
		}

		div.publicTablePagerContainer
		{
			width: 35%;
			padding: 0;
			margin-left: 0;
			margin-top: 15%;
		}
		
		section.adminlogotypeContainer
		{
			max-width: 191px;
			float: right;
			border: 0;
			margin: 0;
			margin-left: 0;
			padding: 0;
			background: #ffffff;
			position: relative;
		}
		
		img.adminLogoComputerSize
		{
			max-height: 47px;
			max-width: 191px;
		}
		
		div.adminPopupContentContainer
		{
			max-width: 710px;
		}

		textarea
		{
			width: 96%;
			height: 70px;
		}	}