﻿/*************** stare tridy designu *******************************************************/
BODY,TD,TH,INPUT,SELECT,TEXTAREA	{ font: 8pt Tahoma,Verdana,Arial }
HTML		{ height: 100%; }
BODY		{ background-color: #FFFFFF; color: #000000; margin: 0px; padding: 0px; height: 100%; }

.mainhead	{ background-color: #323232; vertical-align: top; }
.mainhead TD	{ height: 59px; }
.mainhead TABLE	{ width: 100%; border: 0px;}

.mainlogo	{ position: absolute; left: 23px; top: 15px; z-index: 9;}
.leftdiv	{ float: left; }
.rightdiv	{ float: right; }

.mainleftTD	{ background-color: #E4E3DD; vertical-align: top; border-right: solid 1px #C3C1BE }
.mainlefttable	{ width: 168px; height: expression(document.body.clientHeight-59) }
.mainmenu	{ vertical-align: top; padding: 0 10px 0 10px }
.mainleftbottom	{ background-image: url("../LayoutImages/gmbottom.gif"); background-position-y: bottom; background-repeat: repeat-x }

.mainbody	{ height: 100%; width:99%; background-color: #FFFFFF; vertical-align: top; padding: 20px 22px 20px 22px; background-image: url("../LayoutImages/podklad4.gif"); background-repeat:no-repeat; background-position:top right; }
.mainbodyUsersMonitoringMode	{ background-color: #FCEB9E !important }	/* Important kvuli tomu, ze barva je urcena touto tridou, ale zaroven tridou .MasterPageMainDiv -> nastaveni v teto tride musi prebit nastaveni v .MasterPageMainDiv */
/******************************************************************************************/

/******************************************************************************************/
/***				NOVE STYLY MASTERPAGE					***/
/******************************************************************************************/

	#MP_HTML, #MP_Body	/*--> HTML a BODY tag v MASTER PAGE */
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	#content		/*--> DIV v MASTER PAGE, ktery obsahuje cely jeji obsah */
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding-top: 0px;
		overflow: visible;
	}

/********************** definice stylu hlavicky stranky *************************/

	#content-head		/*--> DIV v #content v MASTER PAGE; obsahuje hlavicku (jmeno prihlaseneho uzivatele, tlacitko pro odhlaseni ...) */
	{
		position: fixed;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 59px;
		background-color: #323232;
		z-index: 9;
	}
	
	#content-head TABLE	/*--> Tabulka v hlavicce - ma jeden radek, ktery obsahuje 3 bunky */
	{
		width: 100%;
		height: 100%;
		border: 0px;
	}
	
	/* Tabulka v hlavicce je rozdelana na tri bunky - nektere definice jsou (duplicitne) i ve starych tridach designu - pro predelani vsech modulu na novy design se mohou stare tridy CSS smazat */
	
	#content-head TABLE #HeadLeftCell
	{
	}
	
	#content-head TABLE #HeadMiddleCell
	{
		white-space: nowrap;
	}
	
	#content-head TABLE #HeadRightCell
	{
		width: 123px;
		vertical-align: top;
		padding-top: 5px;
		background-image: url("../LayoutImages/podklad3.gif");
		background-repeat: no-repeat;
		color: #FFFFFF;
	}

/********************** definice stylu tela stranky *****************************/

	#content-body			/*--> DIV v #content v MASTER PAGE; obsahuje jeji telo - tedy IFRAME - do ktereho se nacitaji stranky modulu aplikace */
	{				/* Jelikoz je iframe uvnitr pozicovan absolutne (kvuli IE6), neni treba nastavovat rozmery a umisteni zde, padding-left je zde jen kvuli prihlasovaci strance */
		margin: 0px;		
		padding-left: 0px;
	}

	#content-body #GMBody		/*--> IFRAME prvek v tele MASTER PAGE, do ktereho se nacitani stranky modulu aplikace */
	{
		position: absolute;
		top: 149px;
		left: 0px;
		/* width: 100%; toto je tu kvuli jinym prohlizecum.. ale neni to idealni - "zaleze" za levy okraj okna - tento vyraz byl pridan take kvuli podpore pro IE6 - zmena prvku na absolutne pozicovany
		width: expression(document.body.clientWidth);*/
		/* height: 100%; toto je tu kvuli jinym prohlizecum.. ale neni to idealni - "zaleze" to pod okraj okna*/
		/*height: expression(document.body.clientHeight-149);*/
		border: 0px solid black;
	}

/********************** definice stylu leveho panelu s menu ********************/

	#content-menuhead		/*--> DIV v #content v MASTER PAGE; obsahuje prvni cast leveho panelu nachazejici se nad MENU - muze obsahovat napr. podklad, obrazek... */		
	{
		position: absolute;
		height: 76px;
		width: 200px;
		top: 59px;
		left: 0px;
		overflow:hidden;
		background-color: #E4E3DD;
		border-right: 1px solid #C3C1BE;
	}

	#content-menu			/*--> DIV v #content v MASTER PAGE; obsahuje druhou cast leveho panelu, ktery obsahuje MENU */
	{
		position: absolute;
		top: 135px;
		left: 0px;
		margin: 0;
		padding: 0;
		width: 200px;
		height: 100%; /*toto je tu kvuli jinym prohlizecum.. ale neni to idealni - "zaleze" to pod okraj okna */
		height: expression(document.body.clientHeight-135);
		background-color: #E4E3DD;
		overflow: auto;
		border-right: 1px solid #C3C1BE;
	}
	
	#content-menu TABLE		/*--> Tabulka obsahujici 2 radky; kazdy radek ma jednu bunku, v prvni bunce je MENU a ve druhe zapati (napr. s obrazkem) */
	{
		height: 100%;
		width: 100%;
		border: 0px;
	}

	#content-menu TABLE #mainmenu	/*--> 1.bunka (TD) tabulky s menu - uvnitr se nachazi samotne menu */
	{
		width:100%;
		vertical-align: top;
		padding-left: 10px;
	}


	#content-menu TABLE #mainmenu_under	/*--> 2.bunka (TD) tabulky s menu - obsahuje zapati leveho panelu */
	{
		width:100%;
		vertical-align: bottom;
		background-image: url("../LayoutImages/gmbottom.gif");
		background-repeat: repeat-x;
		background-position: bottom;
	}

/*************** styly stranky modulu aplikace (stranka v iframe #GMBody v MASTER PAGE)*********************/

	@media print
	{
		.MasterPageMainDiv
		{
			padding: 10px;
		}
	}

	@media screen
	{
		.MasterPageAppModuleBody	/*--> BODY element stranky modulu aplikace */
		{
			background-color: #97b7e1;
		}

		/* office paper list - blue border */
		.OuterMasterPageMainDiv
		{
			background-color: #ffffff;
			border: 10px solid #97B7E1;
			float: left;
			min-width: 100%;
			min-height: 100%;
			margin: 0px;
			padding: 0px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		/* office paper list - black border and padding */
		.MasterPageMainDiv
		{
			background-color: #ffffff;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			/* border-bottom is changed later to black via JS - optical better*/
			
			padding: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;			
		}
	}

/*************** styly stranky modulu aplikace (stranka v iframe #GMBody v MASTER PAGE)*********************/
	
#loginpage_logo_holder	{text-align: center; margin-top: 50px; margin-bottom: 0px; }