/*

Name:		Styles.css

*/

html, body	{
			min-height: 100%;
			margin: 0;
			padding: 0;
		}

body.clsBody
		{
			width: 100%;
			height: 100%;
			padding: 2px;
			background-color: black;
			position: relative;
			top: 0;
			left: 0;
		}

body.clsBody div.clsOverlay
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -10;
		}

div.clsOverlay img
		{
			border: 0;
			margin: 0;
			padding: 0;
			height: 100% auto;
		}

h1, h3, h4	{ color: red; }

h4		{ font-size: smaller; }

h1, h3, h4	{ margin: 4px; }

div.hidden	{ visibility: hidden; }

#idSites	{ visibility: hidden; }



/* table */

table.clsTab	{
			border: none;
			border-collapse: collapse;
			margin: 0;
			width: 85%;
		}

table.clsTab td	{
			border: solid 3px slategray;
			margin: 0;
			padding: 3px;
			color: grey;
			vertical-align: top;
		}

#idTab1 a	{ font-weight: bold; color: black; }

table.clsTab td.clsLeft	{ width: 40%; }


/* scroller */

div.container	{
			width: 300px;
			height: 200px;
			color: gold;
			margin: 8px;
			background: linear-gradient(red, black);
			border: solid 4px yellow;
		}

.scroll-text
		{
			overflow: hidden;
			background: transparent;
		}
.scroll-text ul
		{
			width: 120px;
			height: 165px;
		}
.scroll-text ul li
		{
			height: 1.5em;
		}