<!--
/**
 * common definitions
 * All 'em' calculations are based on 1 px = 0.0626em 
 */

	#linBody {
		font-family: arial, helvetica, sans-serif;
		margin: 10px;
		padding: 0px;
	}


	h1.linStyle {
		font-size: 1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		padding: 0px;
	}
	
	h2.linStyle {
		font-size: 1.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		padding: 0px;
	}
	
	/**
	 * link button
	 */
	.linButton {
		cursor: pointer;
		border: 0;
		font-size: 0.8em;
		text-decoration: underline;
	}


/**
 * title
 */
	#linDivTitle
	{
		margin: 0;
		margin-bottom: 20px;
		margin-left: 90px;
	
		font-size: 2em;
	}
	#linDivTitle a:link, #linDivTitle a:visited, #linDivTitle a:hover
	{
		color: #444444;
		text-decoration: none;
	}
	#linDivTitle a:hover
	{
		text-decoration: underline;
	}

/**
 * navigation
 */	
	#linDivNavigationOuter {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
	}
	#linDivNavigation
	{
		margin: 0;
		padding: 5px;
	}

/**
 * main
 */	
	#linDivMainOuter {
		margin: 0;
		padding: 0;
	}
	#linDivMain {
		margin: 0;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

/**
 * syslog
 */
	#linDivSyslog {
		position: absolute;
		left: 15px;
		top: 15px;
		width: auto;
	
		z-index: 10;
		
		margin: 0;
		padding: 5px;
	
		border: 1px solid #FFD500;
		background-color: #FFFF81;
	}
	
	#linDivSyslogClose {
		position: absolute;
		right: 0;
		top: 0;

		z-index: 10;

		margin: 0;
		padding: 0;
		
		background-color: #ffd5ee;
		border: 1px solid #f09;
	}

/**
 * folder (used in home view, and maybe as subfolders)
 * background-color and border-color are set in colorsettings.php
 */
	.linDivFolder {
		margin: 2px;
		margin-left: 15px;
		margin-bottom: 15px;
		padding: 0;

		width: 700px;
	}

	.linDivThumbnail {
		height: 140px;
		float: left;
	}

	.linImgFolderThumbnail {
		margin: 0;
		margin-left: 20px;
		margin-right: 30px;
		margin-top: 5px;
		padding: 0;

		width: 130px;
		height: 130px;
	
		border: 0;
	}

	.linDivFolderText {
		margin: 0;
		padding: 5px;
	}

	.linDivFolderComment {
		overflow: auto;
		max-height: 300px;

		margin: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;

		/* word-wrap: break-word; fix ie to force width, but creates warnings in firefox !!! */
	}


/**
 * menu
 */
	#linDivMenu {
		margin: 0;
		padding: 0;

		width: 100%;
		float: left;
	}

	/**
	 * icons
	 */
	#linDivMenu div {
		margin: 0;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0;
		float: left;
	}
	#linDivMenu div a {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	/**
	 * first level elements
	 */	
	#linDivMenu ul {
		list-style: none;

		margin: 0;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0;

		width: auto;
		float: left;

		border-top: 1px solid #000000;

		white-space: nowrap;
	}
	#linDivMenu ul a, #linDivMenu ul span, #linDivMenu ul div {
		display: block;

		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;

		text-align: center;
		text-decoration: none;
		
	}
	#linDivMenu ul span {
		background: url(../images/expand.gif) no-repeat 100% 100%;
	}


	/**
	 * second and more level elements
	 */		
	#linDivMenu ul ul {
		position: absolute;
		z-index: 500;
		
		border: 0;

		/**
		 * relativ to parent element! be careful
		 */
		margin: 0;
		padding: 0;
		font-size: 1em;

	}
	#linDivMenu ul ul a, #linDivMenu ul ul span, #linDivMenu ul ul div {
		margin: 0;
		padding-left: 5px;
		padding-right: 15px;
		padding-top: 2px;
		padding-bottom: 2px;

		border-width: 1px;
		border-style: solid;
		border-color: #ccc #888 #555 #bbb;
		text-align: left;
	}

	/**
	 * third stage, switch to horizontal menu entries
	 */
	#linDivMenu ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
	}


	/**
	 * the most important thing
	 * enable/disable submenus
	 */	
	#linDivMenu ul ul,
	#linDivMenu ul li:hover ul ul,
	#linDivMenu ul ul li:hover ul ul
	{display: none;}
	
	#linDivMenu ul li:hover ul,
	#linDivMenu ul ul li:hover ul,
	#linDivMenu ul ul ul li:hover ul
	{display: block;}

	#linDivMenu li {position: relative;}


/**
 * end menu
 */

-->