/*
		Layout
	*/

		body, form, h1, h2, p, ul {
			margin: 0;
			padding: 0;
		}

		body {
			background-color: #F4F5F7;
		}


		#content {
			margin: 40px auto;
			border: 1px solid #191f22;
			width: 90%;
			background: white url('/media/images/gradient.jpg') repeat-x scroll top left;
		}

		#content #logo {
			float: left;
			padding-left: 40px;
			margin-right: 20px;
		}

		#body {
			padding-left: 220px;

		}

	/*
		Type
	*/

		* {
			font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
			font-size: 1em;
		}

		h1 {
			color: white;
			margin: 20px 0 15px 0;
			font-size: 1.5em;
		}

		h2 {
			margin-bottom: 15px;
			font-size: 1em;

		}

		p {
			margin-bottom: 15px;
		}

		ul {
			margin-bottom: 15px;
			padding-left: 15px;
		}

		li {
			list-style-type: none;
		}

		li a, .menu_link {
			font-size: 1em;
			color: #458CC0;
			text-decoration: none;
		}

		li a:hover, .menu_link:hover {
			color: #5A8E13;
		}

	/*
		Logout
	*/

		.logout {
			font-size: 0.6em;
			color: #FFF;
			text-decoration: none;
		}

		.logout:hover {
			color: #000;
			/*color: #98cc50;
			color: #5099cc;*/
		}

	/*
		Forms
	*/


		.form {
			border: 1px solid #000;
		}

		.form th {
			padding: 5px 10px;
			text-align: left;
			border-bottom: 1px solid #000;
			color: #FFF;
			font-size: 1.1em;
		}

		.form .spacer {
			padding: 0px 10px;
		}

		.form label {
			font-size: 0.9em;
		}

		.form .field, .form .error_field {
			padding: 3px;
			width: 250px;
			border: 1px solid #000;
		}

		.form .error_field {
			border: 1px solid #F00;
		}

		.form .submit {
			border: 1px solid #000;
		}

		.form .footer {
			border-top: 1px solid #000;
		}

		.time
		{
			float: left;
/*			width:50px;
			text-align: right; */
			padding-right: 10px;
			padding-top: 3px;
			font-size: 12px;
		}

		.small {
			font-size: 0.8em;
		}

		.feedback {
			font-size: 0.8em;
			color: #666;
			text-decoration: none;
		}

		.feedback:hover {
			color: #000;
		}

		.return {
			font-size: 0.9em;
			color: #5099cc;
			text-decoration: none;
		}

		.return:hover {
			color: #98cc50;
		}

		.confirmation {
			color: green;
			font-weight: bold;
		}

		.errors {
			font-size: 80%;
			text-align: left;
			color: red;
			font-weight: bold;
			float: left;
			padding-top: 3px;
		}

		.success {
			font-size: 80%;
			text-align: left;
			color: green;
			font-weight: bold;
			float: left;
			padding-top: 3px;
		}

		.warning {
			font-size: 75%;
		}

		.warning b {
			color: red;
			font-weight: bold;
		}
		.question {
			font-size: 75%;
		}

		.note {
			font-size: 75%;
		}

		.help_link
		{
			margin-left: 20px;

		}

		/* The hint to Hide and Show */
		.hint {
			display: none;
			position: absolute;
			right: -250px;
			width: 200px;
			margin-top: -4px;
			border: 1px solid #c93;
			padding: 10px 12px;
			background-color: #ffc;
			font-size: 80%;
		}

		/* The pointer image is hadded by using another span */
		.hint .hint-pointer {
			position: absolute;
			left: -10px;
			top: 5px;
			width: 10px;
			height: 19px;
			background: url(/media/images/pointer.gif) left top no-repeat;
		}