.clear:after {
  content: '.';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
*+html .clear {
	min-height: 1%;
}

body {
  margin: 0;
  padding: 0;
}

#root_page {
	background: #ffffff url('/static/image/root_bg_top.png') left top repeat-x;
	min-width: 890px;
}
	#root_header {
		background: url('/static/image/root_bg_topright.png') right top no-repeat;
		position: relative;
		width: 945px;
		height: 319px;
		margin: 0 auto;
	}
		#root_animation {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 490px;
			height: 230px;
		}
		#root_header > img {
			display: block;
			float: left;
			margin: 40px 0 0 87px;
		}
		#root_totd {
			background: url('/static/image/root_bg_totd.png') left top no-repeat;
			color: #ffffff;
			float: right;
			width: 301px;
			height: 156px;
			margin: 128px 51px 0 0;
		}
			#root_totd h2 {
				background: url('/static/image/root_bg_totd_i.png') right center no-repeat;
				font: bold 22px/24px 'Myriad Pro', Tahoma, sans-serif;
				margin: 18px 23px 10px;
			}
			#root_totd p {
				font: normal 13px/18px Tahoma;
				margin: 0 23px 10px;
			}
			#root_totd a {
				font: italic 12px/14px Arial;
				color: #ffffff;
				text-decoration: underline;
				margin-left: 23px;
			}
			#root_totd a:hover {
				text-decoration: none;
			}
	#root_content {
		background-color: #ffffff;
		margin: 0 auto;
		padding: 0 51px 84px 63px;
		width: 835px;
	}
		#root_content_left {
			float: left;
		}
			#root_content_left h1 {
				font: bold 27px/27px 'Myriad Pro', Tahoma, sans-serif;
				color: #000000;
				margin: 43px 0 0;
			}
			#root_content_left h2 {
				font: italic 18px/18px 'Myriad Pro', Tahoma, sans-serif;
				color: #00acdc;
				margin: 0 0 0 2px;
			}
			#root_content_left p {
				font: normal 13px/18px Tahoma, sans-serif;
				color: #333333;
				margin: 18px 0 0;
			}
			#root_content_left ul {
				font: normal 13px/19px Tahoma, sans-serif;
				color: #333333;
				margin: 21px 0 0 14px;
				padding: 0;
			}
			#root_content_left a {
				color: #0099cc;
				text-decoration: underline;
			}
			#root_content_left a:hover {
				text-decoration: none;
			}
		#root_content_right {
			float: right;
			padding-top: 35px;
		}
			#root_form {
				background: url('/static/image/root_bg_form_main.png') left top repeat-y;
				color: #000000;
				text-align: left;
				width: 303px;
				margin: 0 auto;
				position: relative;
			}
			*+html #root_form {
				margin: 0;
			}
				#root_form_bg {
					background: url('/static/image/root_bg_form_top.png') left top no-repeat;
				}
				#root_form_inner {
					background: url('/static/image/root_bg_form_bottom.png') left bottom no-repeat;
					padding-bottom: 15px;
				}
				#root_form_error_body {
					text-align: center;
					padding: 30px 0;
				}
				#root_form_error {
					background: url('/static/image/alert_yellow_icon.png') left top no-repeat;
					font: normal 12px/14px Tahoma;
					color: #ff0000;
					margin: 0 0 24px;
					padding-left: 20px;
				}
				#login_inner {
					padding: 37px 0 0 48px;
				}
					#root_form label, #root_form input {
						display: block;
					}
					#root_form label {
						font: normal 12px/14px Tahoma;
					}
					#root_form input {
						margin: 0 0 12px;
					}
					#root_form input[type=hidden] {
						margin: 0;
					}
					#root_form input[type=text], #root_form input[type=password] {
						font: normal 20px/20px Tahoma;
						width: 204px;
						margin-top: 3px;
						padding: 0;
					}
					#root_form input[type=submit] {
						margin: 16px 0 0;
						padding: 0 10px;
					}
					#login_inner div input, #login_inner div label {
						float: left;
						margin-right: 7px;
					}
					*+html #login_inner div label {
						margin-top: 3px;
					}
				#root_form_forgot_password {
					font: normal 12px/14px Tahoma;
					color: #0099cc;
					text-decoration: underline;
					display: block;
					margin: 16px 0 32px 50px;
				}
				#root_form_forgot_password:hover {
					text-decoration: none;
				}
				#root_form_register {
					background: url('/static/image/root_bg_form_register.png') left top no-repeat;
					font: bold 14px/16px Tahoma;
					color: #0077b3;
					text-decoration: underline;
					display: block;
					padding: 1px 0 4px 20px;
					margin-left: 50px;
					width: 179px;
				}
				#root_form_register:hover {
					text-decoration: none;
				}
				*+html #root_form_register {
					padding: 2px 0 3px 20px;
				}
	#root_footer {
		background: #176a99 url('/static/image/root_bg_footer.png') left top repeat-x;
		padding: 27px 0;
	}
		#root_footer div {
			font: normal 12px/14px Tahoma;
			color: #ffffff;
			margin-left: 62px;
		}
			#root_footer div span {
				padding: 0 10px;
			}
			#root_footer div a {
				color: #8ccbeb;
				text-decoration: underline;
			}
			#root_footer div a:hover {
				text-decoration: none;
			}
