* {
		font-family: sans-serif;
		font-size: 1em;
		margin: 0px;
		padding: 0px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	html {
		height: 100%;
	}

	body {
		height: 100%;
	}
	
	li {
		margin-left:35px;
	}
	
	img {
		margin: 15px;
		padding: 15px;
		text-align: center;		
	}

	img.no-border {
		margin: 0px;
		padding: 0px;
		border-width: 0px;
	}
	
	pre.shell, pre.config {
		margin: 15px;
		padding: 15px;
		font-family: monospace;
		font-size: 1.3em;
	}
	
	pre.shell {
		color: yellow;
	}
	
	pre.config {
		color: black;
	}

	pre b {
		font-family: monospace;
		font-size: 1em;
	}
	
	span.shell, span.config {
		font-family: monospace;
		font-size: 1.3em;
	}
	
	span.shell {
		color: yellow;
	}
	
	span.config {
		color: black;
	}

	span b {
		font-family: monospace;
		font-size: 1em;
	}

	td, th {
		border-bottom: 1px white solid;
		padding: 3px;
	}

	hr {
		border: none;
		height: 1px;
		color: white;
		margin-top: 5px;
		margin-bottom: 2px;
	}

	#whole-page {
		height: 100%;
	}

	#top-bg-10, #top-bg-20, #top-bg-30, #top-bg-mid, #top-bg-03, #top-bg-02 {
		float: left;
	}

	#bg {
		width: 100%;
		height: 110%;
		min-height: 500px;
	}

	#top-bg-container {
		width: 96%;
		margin-left: 2%;
		height: 152px;
		clear: both;
	}
	#top-bg-container-overlay {
		position: absolute;
		width: 96%;
		margin-left: 2%;
		height: 152px;
		top: 0px;
		clear: both;
	}
	
	#top-bg-10 {
		width: 119px;
		height: 100%;
	}
	#top-bg-20 {
		height: 100%;
		width: 16%;
	}
	#top-bg-30 {
		width: 11px;
		height: 100%;
		margin-left: 16%;
		position: absolute;
	}
	#top-bg-mid {
		height: 100%;
		width: 68%;
	}
	#top-bg-03 {
		width: 11px;
		height: 100%;
		margin-left: 84%;
		position: absolute;
	}
	#top-bg-02 {
		height: 100%;
		width: 16%;
	}
	#top-bg-01 {
		width: 119px;
		height: 100%;
		float: right;
	}
	
	#main-container {
		position: absolute;
		width: 66%;
		margin-left: 17%;
		top: 0px;
	}
	
	#centered-container {
		font-size: 1em;
		padding-bottom: 20px;
		overflow: hidden;
	}
	
	#left-shadow {
		padding-left: 5px;
	}
	
	#right-shadow {
		padding-right: 5px;
	}
	
	#left-bottom-shadow {
		padding-left: 5px;
	}

	#right-bottom-shadow {
		padding-right: 5px;
	}
	
	#logo-image {
		width: 693px;
		height: 152px;
		margin: auto;
	}
	
	#logo-image-container {
		width: 100%;
	}
	
	#menu {
		font-size: 0.75em;
		width: 100%;
		padding-left: 3%;
		text-align: center;
	}
		
	#content {
		width: 94%;
		margin-left: 3%;
		margin-top:3%;
		color: #ffffff;
		text-align: justify;
		font-size: 0.75em;
	}
	
	#footer {
		width: 100%;
		height: 20px;
		font-size: 0.7em;
		color: #ffffff;
		padding-top: 10px;
		text-align: right;
	}
	
	.button {
		height: 29px;
		display: table;
		margin: auto;
		cursor: pointer;
	}
	
	.button-gap {
		width: 1px;
		height: 29px;
		float: left;
	}
	
	.button-text {
		padding: 0 7px;
		height: 29px;
		float: left;
		display: table;
		color: #ffffff;
	}
	
	.button-text-align {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-family: sans-serif;
		font-size: 0.75em;		
	}

	.article {
		padding: 5px 10px;
		margin-top: 10px;
		text-align: justify;
	}

	.article a {
		color: #ffffff;
	}

	.article a:hover {
		text-decoration: underline;
	}

	.manage {
		padding: 5px 10px;
		margin-top: 10px;
		text-align: center;
	}

	.manage a {
		color: #ffffff;
		text-decoration: none;
	}

	.manage a:hover {
		text-decoration: underline;
	}

	.big-font {
		font-size: 3em;
	}

	.medium-font {
		font-size: 1.5em;
	}
	
	.center {
		text-align: center;
		width: 100%;
	}
	
	.bold {
		font-weight: bold;
	}

	.tr {
		clear: both;
	}

	a {
		color: #ffffff;
	}

	a.menu {
		color: #69ADFE;
		text-decoration: none;
	}

	a.text {
		color: #ffffff;
	}
	
	a.footer {
		color: #ffffff;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	body { background: #369cff url(/img/blue/bg.jpg) repeat-x; }
	img { background: url(/img/blue/bg-transparent-black.png) repeat; }
	hr { background: white; }

	pre.shell { background: url(/img/blue/bg-transparent-black.png) repeat; }
	pre.config { background: url(/img/blue/bg-transparent-white.png) repeat; }

	span.shell { background: url(/img/blue/bg-transparent-black.png) repeat; }
	span.config { background: url(/img/blue/bg-transparent-white.png) repeat; }

	#centered-container { background: #369cff url(/img/blue/bg.jpg) repeat-x; }
	#top-bg-20 { background: url(/img/blue/top-bg-20.jpg) repeat-x; }
	#top-bg-mid { background: url(/img/blue/top-bg-mid.jpg) repeat-x; }
	#top-bg-02 { background: url(/img/blue/top-bg-02.jpg) repeat-x; }

	#top-bg-10 { background: url(/img/blue/top-bg-10.jpg) repeat-x; }
	#top-bg-30 { background: url(/img/blue/top-bg-30.jpg) repeat-x; }
	#top-bg-03 { background: url(/img/blue/top-bg-03.jpg) repeat-x; }
	#top-bg-01 { background: url(/img/blue/top-bg-01.jpg) repeat-x; }

	#logo-image { background: #000000 url(/img/blue/logo-image.jpg) repeat-x; }
	#logo-image-container { background: none }
	#menu { background: none; color: #69adfe; }

	#left-shadow { background: url(/img/blue/left-shadow.png) 0 0 repeat-y; }
	#right-shadow { background: url(/img/blue/right-shadow.png) 100% 0 repeat-y; }
	#left-bottom-shadow { background: url(/img/blue/left-bottom-shadow.png) 0 0 no-repeat; }
	#right-bottom-shadow { background: url(/img/blue/right-bottom-shadow.png) 100% 0 no-repeat; }
	#footer { background: url(/img/blue/footer-shadow.png) repeat-x; }
	#content { background: none }

	.button { background: none }
	.button-gap { background: url(/img/blue/button-gap.png) }
	.button-text { background: url(/img/blue/button-bg.png) 0% 0% repeat-x; }
	.article { background: url(/img/blue/bg-transparent-black.png) repeat; }
	.manage { background: url(/img/blue/bg-transparent-black.png) repeat; }