body {
			font: .8em "Trebuchet MS", Verdana, Arial, Sans-Serif;
			text-align: center;
			color: #333;
			background-color: #fff;
			margin-top: 5em;
		}
		
		h1 {
			font-size: 2em;
			padding: 0;
			margin: 0;
		}

		h4 {
			font-size: 1em;
			font-weight: bold;
		}
		
		form {
			width: 32em;
			background-color: #eee;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
		}

		header {
			width: 32em;
		}

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

		a:visited {
			color: #07a;
		}

		a:hover {
			color: #c30;
		}

		a.bookmarklet {
			padding:4px 10px 3px 7px;
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
		}

		a.bookmarklet:hover {
			padding:4px 10px 3px 7px;
			background-color:#ccc;
			border:1px solid #ccc;
			color:#333;
		}

		.error, .success {
			font-size: 1.2em;
			font-weight: bold;
		}
		
		.error {
			color: #c30;
		}
		
		.success {
			color: #333;
		}

		.example {
			color: #333;
			text-align: left;
		}

		.notification-hide {
			display: none; 
		}

		.notification-display {
			color: #333;
			text-align: center;
			width: 32em;
			background-color: #E4DA7F;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
		}

		.tip-hide {
			display: none; 
		}

		.tip-display {
			color: #333;
			text-align: center;
			width: 32em;
			background-color: #7FCCE5;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
		}

		.error-hide {
			display: none; 
		}

		.error-display {
			color: #333;
			text-align: center;
			width: 32em;
			background-color: #E5997F;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
		}

		.success-hide {
			display: none; 
		}

		.success-display {
			color: #333;
			text-align: center;
			width: 32em;
			background-color: #7FE489;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
		}

		.notification-hide-1 {
			display: none; 
		}

		.notification-display-1 {
			color: #333;
			text-align: center;
			width: 32em;
			background-color: #E4DA7F;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
		}

		.buttons a, .buttons button {

			float:center;
			margin:0 7px 0 0;
			background-color:#f5f5f5;
			border:1px solid #dedede;
			border-top:1px solid #eee;
			border-left:1px solid #eee;
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			font-size:100%;
			line-height:130%;
			text-decoration:none;
			font-weight:bold;
			color:#565656;
			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{
			color:#09c;
		}

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

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


		/* 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;
		}

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

		/* textbox final */
		.finaltextbox {
			border: 1px solid #7FE489;
			background-color: #7FE489;
			color:#333;
			font-weight: bold;
		}

		.finaltextbox:focus {
			border: 1px solid #7FE489;
			background-color: #7FE489;
			color:#333;
			font-weight: bold;
		}

		/* textbox custom */
		.textbox-custom {
			border: 0px solid #ccc;
			background-color: #eee;
			color:#333;
		}

		.textbox-custom:focus {
			border: 0px solid #ccc;
			background-color: #dedede;
			color:#333;
		}