body {
			font: 1.2em "Trebuchet MS", Verdana, Arial, Sans-Serif;
			text-align: center;
			color: #333;
			background-color: #fff;
			margin-top: 0em;
			direction: rtl;
		}
		
		h1 {
			font-size: 2.5em;
			padding: 0;
			margin: 0;
		}

		h4 {
			font-size: 0.8em;
			font-weight: bold;
		}
		
		form {
			width: 32em;
			border: none;
			margin-left: auto;
			margin-right: auto;
			text-align: right;
			padding: 1em;
		}

		fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		a {
			color: #8A6096;
			text-decoration: none;
			font-weight: bold;
		}

		a:visited {
			color: #8A6096;
		}

		a:hover {
			color: #8A6096;
		}

		.error, .success {
			width:32em;
			border: 0;
			margin-left: auto;
			margin-right:auto;
			padding: 0;
			margin-top:20px;
			padding:20px 0 10px 25px;	
			font-size: 0.9;
			font-weight: bold;
			color:#fff;
		}
		
		.error {
			color: #ff0033;
		}
		
		.success {
			color: #fff;
		}

		.example {
			color: #fff;
			text-align: right;
			font-size:0.8em;
		}

		.example a{
		color:#8a6096;
		}
		.buttons a, .buttons button {

			float:center;
			margin:0 7px 0 0;
			background-color:#FFFFF;
			border:1px solid #000000;
			border-top:1px solid #000000;
			border-left:1px solid #000000;
			font-family:Arial, Verdana, sans-serif;
			font-size:0.9em;
			line-height:130%;
			text-decoration:none;
			font-weight:bold;
			color:#FFF;
			cursor:pointer;
			padding:5px 10px 6px 7px; /* Links */
		}

		.buttons button {
			width:auto;
			overflow:visible;
			padding:4px 10px 3px 7px; /* IE6 */
		}

		.buttons button[type] {
			padding:5px 10px 5px 7px; /* Firefox */
			line-height:17px; /* Safari */
		}

			*:first-child+html button[type]{
			padding:4px 10px 3px 7px; /* IE7 */
		}

		.buttons button img, .buttons a img{
			margin:0 3px -3px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:50px;
		}


		/* neutral */
		button:hover, .buttons a:hover{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
		}

		.buttons a:active{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
		}


		/* positive */
		button.positive, .buttons a.positive{
			background-color:#8A6096;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			color:#fff;
			float:left;
			margin-left:10px;
			margin-top:10px;

		}

		.buttons a.positive:hover, button.positive:hover{
			background-color:#e1e1e1;
			border:1px solid #ccc;
			color:#000;
		}

		.buttons a.positive:active{
			background-color:#e1e1e1;
			border:1px solid #ccc;
			color:#000;
			
		}


		/* negative */
		.buttons a.negative, button.negative{
			color:#c30;
		}

		.buttons a.negative:hover, button.negative:hover{
			background:#e5997f;
			border:1px solid #ccc;
			color:#333;
		}

		.buttons a.negative:active{
			background-color:#e5997f;
			border:1px solid #ccc;
			color:#333;
		}
		
		/* textbox */
		.textbox {
			border: 1px solid #dedede;
			background-color: #f5f5f5;
			color:#333;
			margin-bottom:10px;
			font-size:2em;
			text-align:left;
			direction:ltr;
			width:600px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;

		}

		.textbox:focus {
			border: 1px solid #dedede;
			background-color: #FFDDFF;
			color:#333;
		}

		/* textbox final */
		.finaltextbox {
			border: 1px solid #ccc;
			background-color: #000;
			color:#fff;
			font-size:2em;
			text-align:left;
			direction:ltr;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			width:600px;
		}

		.finaltextbox:focus {
			border: 1px solid #ccc;
			background-color: #8A6096;
			color:#333;
		}

#top {
height: 150px;
padding-top:20px;
padding-bottom:10px;
background-color:#fff;
width:100%
}

#middle {
background-color:#542462;
padding:0;
margin:0;
width:70%;
height:100%;
color:#fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

#bottom {
padding-top:20px;
padding-bottom:20px;
width:100%;
font-size:0.7em;
background: #fff url("mascot.png") no-repeat left bottom; 
}
#bottom a{color:#542462}

label {
color: #fff;
font-size:0.9em;
font-weight:bold;
}

#terms {padding: 10px}
ol {text-align:right;font-size:0.8em;}