

/* -------------------------------------------------------------------------------- BASICS */


	html, body {
		height: 100%;
		margin: 0;
		color: #3f4a4e;
		background-color: #FFFFFF;
		}

	img { border: 0; }
	table { border-collapse: collapse; }
	
	a, a:visited { color: #16b4ef; text-decoration: none; outline-width: 0; }
	a:hover { color: #3f4a4e; }
	a:active { color: #efaa16; }
	
	form { height: 100%; }
	
	#UpdateProgress {
      width: 400px; background-color: #ffffff; 
      bottom: 0%; left: 0px; position: absolute;
     }

	#container #logo-divide {
		height: 34px;
		margin-bottom: 20px;
		background-color: #f0f2f2;
		}

/* -------------------------------------------------------------------------------- LOGIN */


	#header #actions {
		clear: both;
		height: 32px;
		background: url('../images/header/lines.jpg') repeat-x;
		}

		#header #actions .wrapper a#show_blog {
			float: right;
			margin-right: 6px;
			}

		#header #actions .wrapper span.login_button {
			display: block;
			float: right;
			color: #ffffff;
			font: normal 12px arial, sans-serif;
			height: 32px;
			margin-right: 10px;
			padding-right: 10px; /* sliding doors padding */
			background: transparent url('../images/header/end.jpg') no-repeat scroll top right;
			}

			#header #actions .wrapper span.login_button span {
				display: block; float: left;
				line-height: 14px;
				height: 14px;
				overflow: hidden;
				padding: 9px 0 9px 36px;
				background: #16b4ef url('../images/header/key.jpg') no-repeat;
				}

				#header #actions .wrapper span.login_button span a {
					color: #fff;
					font: 10pt Georgia, Serif;
					text-decoration: none;
					}

/* -------------------------------------------------------------------------------- CONTAINERS */


	#container {
		min-height: 100%;
		position: relative;
		}

	.wrapper {
		width: 920px;
		margin: 0 auto;
		}

	#container .wrapper #content .about .box .content .title { padding: 10px; font: 1.3em Georgia, Serif; letter-spacing: 1px; color: #3f4a4e; }
	#container .wrapper #content .about .box .content .title span { color: #ff55a8; }
	#container .wrapper #content .about { clear: both; }
	#container .wrapper #content .about .text { padding: 10px;}
	#container .wrapper #content .about .text p { margin: 0 0 1em 0; padding: 0 10px; font: 9pt 'Lucida Grande'; line-height: 140%; }
	#container .wrapper #content .about .text p.pbox { margin-top: 2em; }
	#container .wrapper #content .about .text p.pbox a { float: right; display: block; width: 100px; padding: .5em 1em; color: #333; border: 1px solid #16B5EF; background-color: #B6E0F8; }
	#container .wrapper #content .about .textInfo { padding: 10px;}
	#container .wrapper #content .about .textInfo p { margin: 0 0 1em 0; padding: 0 10px; font: 10pt 'Lucida Grande'; line-height: 140%; }
	#container .wrapper #content .about .textInfo p a { float: left; display: block; width: 100px; padding: .5em 1em; color: #333; border: 1px solid #16B5EF; background-color: #B6E0F8; }

		#container .wrapper #content .about .box {
			width: 920px;
			padding-top: 6px;
			background: url('../images/app_dashboard/full-top.jpg') 0 0 no-repeat;
			}

			#container .wrapper #content .about .box .content,
			#container .wrapper #content .about .box .content {
				border-left: 1px solid #c5c8ca;
				border-right: 1px solid #c5c8ca;
				background-color: #fbfafa;
				}

			#container .wrapper #content .about .box .end,
				#container .wrapper #content .about .box .end {
					height: 6px;
					margin-bottom: 16px;
					background: url('../images/app_dashboard/full-bottom.jpg') 0 0 no-repeat;
					}

/* -------------------------------------------------------------------------------- LOGO */


	#logo { margin-bottom: 10px; }


/* -------------------------------------------------------------------------------- CONTENT */


	#content { padding-bottom: 90px; } /* was 55 before TC50 Badge */
		
			
/* -------------------------------------------------------------------------------- FOOTER */

	#footer {
		position: absolute;
	   bottom: 0;
		width: 100%; height: 60px; /* was 25 before TC50 Badge */
		padding-top: 10px;
		font: 9px verdana;
	   background: #eceded;
		}
		#footer #copy { float: left; }
		#footer #updated { float: right; }

