/*
#
# 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;
	}

	input
	{
		width: 85%;
	}

	form
	{
		margin: 0;
	}

	img
	{
		max-width: 100%;
	}

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

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

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

	ul
	{
		padding: 0px;
	}

	nav ul
	{
    	margin: 0;
    	list-style: none;
		left: 0;
	}

	li
	{
		border-radius: 6px;
		background: #2db34a;
		color: #fff;
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		text-align: center;
	}

	a.publicMenuLinkFiller
	{
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		color: #ffffff;
	}

	li.publicLoginLi
	{
		margin-top: 6%;
		background: #00CCFF;
	}


/* 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%;
	}


/* 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.publiclogotypeContainer
	{
		margin-bottom: 4%;
	}

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

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

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

	.publicMainContentContainer:after
	{
		clear: both;
	}

	.publicMainContentContainer
	{
		color: #fff;
		margin: 1.858736059%;
		margin-bottom: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		text-align: center;
	}
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */


/* 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%;
	}
	

/* 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%;
		}

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

		nav
		{
			max-width: 100%;
		}

		section.publicIntroContainer
		{
			max-width: 40%;
			padding: 2%;
			margin: 2%;
			margin-top: 0;
			text-align: left;
			color: #FE7702;
			font-size: 80%;
			background: #ffffff;
			border: 2px solid #2db34a;
			float: left;
		}

		.publicMainContentContainer
		{
			max-width: 900px;
			padding-top: 1%;
			margin-left: 0;
		}

		li
		{
			margin: 0;
			padding-bottom: 4px;
			padding-top: 4px;
			float: left;
			width: 50%;
		}

		li.publicLoginLi
		{
			margin-left: 4%;
			margin-top: 0;
			margin-right: 0;
			width: 20%;
			padding-left: 2%;
			padding-right: 2%;
			float: right;
		}

		div.publicTablePagerContainer
		{
			width: 35%;
			padding: 0;
			margin-left: 0;
			margin-top: 15%;
		}

		section.publicNavigationContainer
		{
			margin: 0;
			margin-left: 10%;
			border: 0;
			padding: 0;
			width: 40%;
			background: #F8F8F8;
			float: left;
		}
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN */
		section.adminLoginContainer
		{
			margin: 0;
			border: 0;
			padding: 0;
			width: 30%;
			background: #F8F8F8;
		}
		
		input.adminLogin
		{
			margin-left: 0px;
			margin-bottom: 10px;
		}

		section.adminLoginMessageContainer
		{
			width: 30%;
			margin-top: 100px;
			font-weight: bold;
		}
	}