.page
{
	margin: 0;
	padding: 30px;
	border: 0;
}

	.page .inner
	{
	}

	.page .text
	{
		margin: 5px;
		padding: 2px;
		border: 0;
        font-family: Roboto, sans !Important;
	}

	.page .smalltext
	{
		margin: 5px;
		padding: 5px;
		border: 0;
		font-size: x-small;
	}

	.page .panel, .page .panel-1, .page .panel-2, .page .panel-3
	{
		min-width: 300px;
		margin: 5px;
		padding: 2px;
		border: 0;
		cursor: pointer;
		overflow: hidden;
		vertical-align: top;
		display: inline-block;
		background-color: rgba(30, 160, 0, 0.5);
		background: -moz-linear-gradient(top, rgba(120, 190, 215, 0.5) 0%, rgba(0,0,0,0.1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120, 190, 215, 0.5)), color-stop(100%,rgba(0,0,0,0.1)));
		background: -webkit-linear-gradient(top, rgba(120, 190, 215, 0.5) 0%,rgba(0,0,0,0.1) 100%);
		background: -o-linear-gradient(top, rgba(120, 190, 215, 0.5) 0%,rgba(0,0,0,0.1) 100%);
		background: -ms-linear-gradient(top, rgba(120, 190, 215, 0.5) 0%,rgba(0,0,0,0.1) 100%);
		background: linear-gradient(to bottom, rgba(120, 190, 215, 0.5) 0%,rgba(0,0,0,0.1) 100%);
		border-radius: 5px;
	}

	.page .panel
	{
		width: 20%;
	}

	.page .panel-1
	{
		width: 40%;
	}

	.page .panel-2
	{
		width: 90%;
	}

	.page .panel-3
	{
		width: auto;
	}

		.page .panel:hover, .page .panel-1:hover, .page .panel-2:hover, .page .panel-3:hover
		{
			background: -moz-linear-gradient(top, rgba(30, 160, 0, 0.7) 0%, rgba(0,0,0,0.1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30, 160, 0, 0.7)), color-stop(100%,rgba(0,0,0,0.1)));
			background: -webkit-linear-gradient(top, rgba(30, 160, 0, 0.7) 0%,rgba(0,0,0,0.1) 100%);
			background: -o-linear-gradient(top, rgba(30, 160, 0, 0.7) 0%,rgba(0,0,0,0.1) 100%);
			background: -ms-linear-gradient(top, rgba(30, 160, 0, 0.7) 0%,rgba(0,0,0,0.1) 100%);
			background: linear-gradient(to bottom, rgba(30, 160, 0, 0.7) 0%,rgba(0,0,0,0.1) 100%);
		}

		.page .panel .bg, .page .panel-1 .bg, .page .panel-2 .bg, .page .panel-3 .bg
		{
			margin: 5px;
			padding: 2px;
			border: 0;
			background-color: rgba(0, 0, 0, 0.6);
			background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0,0,0,0.1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.7)), color-stop(100%,rgba(0,0,0,0.1)));
			background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0.1) 100%);
			background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0.1) 100%);
			background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0.1) 100%);
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0.1) 100%);
			border-radius: 5px;
		}

		.page .panel .title, .page .panel-1 .title, .page .panel-2 .title, .page .panel-3 .title
		{
			margin: 5px;
			padding: 2px;
			border: 0;
			text-align: left;
			color: rgba(40, 250, 0, 1.0);
			display: inline-block;
		}

		.page .panel:hover .title, .page .panel-1:hover .title, .page .panel-2:hover .title, .page .panel-3:hover .title
		{
			color: rgba(120, 190, 215, 1.0);
		}

		.page .panel .subtitle, .page .panel-1 .subtitle, .page .panel-2 .subtitle, .page .panel-3 .subtitle
		{
			margin: 5px;
			padding: 2px;
			border: 0;
			text-align: left;
			color: rgba(40, 250, 0, 1.0);
			display: inline-block;
		}

		.page .panel:hover .subtitle, .page .panel-1:hover .subtitle, .page .panel-2:hover .subtitle, .page .panel-3:hover .subtitle
		{
			color: rgba(120, 190, 215, 1.0);
		}

		.page .panel .text, .page .panel-1 .text, .page .panel-2 .text, .page .panel-3 .text
		{
			text-align: left;
		}

		.page .panel .icon, .page .panel-1 .icon, .page .panel-2 .icon, .page .panel-3 .icon
		{
			margin: 0;
			padding: 0;
			border: 0;
			color: rgba(255, 255, 0, 1.0);
			font-size: x-large;
			font-weight: bold;
			display: inline-block;
		}

		.page .panel:hover .icon, .page .panel-1:hover .icon, .page .panel-2:hover .icon, .page .panel-3:hover .icon
		{
			/*color: rgba(255, 0, 0, 1.0);*/
		}

		.page .panel .icon-active, .page .panel-1 .icon-active, .page .panel-2 .icon-active, .page .panel-3 .icon-active
		{
			color: rgba(255, 0, 0, 1.0);
		}

		.page .panel:hover .icon-active, .page .panel-1:hover .icon-active, .page .panel-2:hover .icon-active, .page .panel-3:hover .icon-active
		{
			/*color: rgba(255, 255, 0, 1.0);*/
		}

		.page .panel .list, .page .panel-1 .list, .page .panel-2 .list, .page .panel-3 .list
		{
			list-style-type: disc;
		}

	.page img, .page iframe
	{
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 5px;
	}