/**
 * MyPlanet5
 *
 * MyPlanet5 application.
 *
 * @link       http://www.myplanet5.com
 * @category   MyPlanet5
 * @package    MyPlanet5
 */

html {
	background: #fff url('../images/registration/top.png') left top repeat-x;
}

body {
	padding: 0;
	margin: 0;
	background: url('../images/registration/header.png') top center no-repeat;
	min-height: 328px;
	text-align: center;
}

* html body {
	height: 328px;
}

input {
	vertical-align: middle;
}

.white {
	background: white;
	padding: 10px;
	line-height: 150%;
	text-align: justify;
	color: #2F2F2F;
}

	.white h2, .white h3, .white h4 {
		color: #005F8D;
		text-shadow:	0 0 5px #BFBFBF;
		-o-text-shadow: 0 0 5px #BFBFBF;
		-moz-text-shadow: 0 0 5px #BFBFBF;
		-webkit-text-shadow: 0 0 5px #BFBFBF;
	}

	.white ul {
		list-style-type: square;
	}

#page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
}

	#header {
		height: 329px;
	}

		#header h1 {
			margin: 0;
			padding: 0;
		}

		#header a.head-a {
			display: block;
			position: absolute;
			width: 250px;
			height: 120px;
			margin-left: 736px;
			margin-top: 38px;
		}
		
		#login {
		 position: absolute;
		 color: #fff;
		 margin-left: 500px;
		 margin-top: 240px;
		}
		
			#login p {
				display: inline;
			}
			
			#login input[type="text"], #login input[type="password"] {
				width: 155px; 
				padding: 5px;
				border: 1px solid #003b5d;
				color: #003b5d;
			}
			
				#login-others {
					padding-top: 5px;
					padding-left: 50px;
				}
				
				a.password_restore:link, a.password_restore:visited {
					color: #fff !important;
				}
				
				a.password_restore:hover {
					text-decoration: none;
				}
	
	#main {
		background: #fff url('../images/registration/body.png') left top repeat-y;
		border-bottom: 1px dotted #1B516F;
	}

		#left {
			float: left;
			width: 535px;
		}

			#five {
				height: 65px;
				background: #fff url('../images/registration/five.png') left top no-repeat;
			}

			#content {
				padding-right: 38px;
			}

				#stared-list {
					float: right;
					list-style-type: none;
					line-height: 29px;
					font-weight: bold;
					font-size: 14px;
					color: #0a7fb1;
					text-align: right;
					margin-top: 35px;
				}

					#stared-list li {
						padding-right: 28px;
						background: url('../images/green_star.png') right center no-repeat;
					}

		#right {
			float: right;
			width: 464px;
			background: #fff url('../images/registration/form_background.png') left top no-repeat;
			min-height: 363px;
		}

		* html #right {
			height: 363px;
		}
		
			#right-padding {
				margin: 30px;
			}
			
			#right h2 {
				color: #005f8d;
				font-weight: bold;
				font-size: 18px;
			}
			
			#right table{
				width: 100%;
			}
			
				#right table tr {
					border: none;
					height: 32px; 
				}
				
				#right table td {
					border: none;
				}

				#right table td.desc {
					text-align: right;
					color: #005f8d;
				}			

					#right table td input[type="text"], #right table td select {
						width: 230px;
						margin-left: 20px; 
						padding: 5px;
						border: 1px solid #003b5d;
						color: #003b5d;
					}

					.recovery input {
						width: 320px !important;
					}
					
					#right table td select {
						widtH: 242px;
					}
					
				.privacy {
					text-align: center;
					font-size: 90%;
					color: #005f8d;
				}
				
					.privacy a:link, .privacy a:visited {
						color: #005f8d;
					}
					
					.privacy a:hover {
						text-decoration: none;
					}
					
				.button {
					text-align: center;
				}
					
					

	#footer {
		line-height: 38px;
		text-align: center;
		color: #6c6c6c;
	}

		#footer a {
			color: #6c6c6c;
			text-decoration: underline;
		}

		#footer a:hover {
			color: #005f8d;
			text-decoration: none;
			text-align: center;
		}

		#top-footer {
			height: 38px;
			border-bottom: 1px dotted #1B516F;
			text-align: center;
		}

		#bottom-fotter {
			height: 38px;
		}