﻿<style type="text/css">
			/* <![CDATA[ */
			html, body {
				font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
				font-size: .92em;
			}
			.wrapper {
				background: transparent url(includes/watermark-small.png) no-repeat fixed bottom right;
				padding: 10px;
			}
			.wrapper.background {
				background: transparent url(includes/hoot.jpg) repeat scroll top center;
				/* http://www.flickr.com/photos/barloventomagico/2435316564/ */
			}
			.wrapper.background, .wrapper.background a, .wrapper.background .ui-widget-content {
				color: white;
				text-shadow: 2px 2px 1px black;
			}
			#header {
				height: 68px;
				position: relative;
			}
			#switcher-container {
				position: absolute;
				top: 5px;
				right: 5px;
			}
			#header img.header {
				position: absolute;
			}
			#header h1.header {
				text-align: center;
			}
			.main-description {
				font-size: 1.2em;
			}
			h2 {
				margin: .83em 0 .1em 0;
			}
			p {
				margin: 1em 0 .5em 40px;
}
			.featurelist {
				background: transparent none no-repeat 0 0 !important;
				margin: .5em 10px .5em 0;
				padding: .5em;
				float: left;
			}
			.featurelist ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			.featurelist ul a {
				text-decoration: underline !important;
			}
			.featurelist ul .ui-icon {
				display: inline-block;
				position: relative;
				top: 4px;
				margin-right: .3em;
			}
			.featurelist ul img {
				vertical-align: middle;
				border: none 0;
			}
			.pf-group {
				background: transparent none no-repeat 0 0 !important;
				padding: 4px;
				margin: 5px auto;
			}
			.ui-widget {
				font-size: 75% !important;
			}
			.pf-group input.ui-button {
				padding: 2px !important;
				font-size: .92em !important;
				margin-bottom: 3px;
			}

			/* Custom styled notice CSS */
			.ui-pnotify.custom {
				font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
				font-weight: bold;
				text-shadow: 1px 1px 0.5px black;
			}
			.ui-pnotify.custom .ui-pnotify-container {
				background-color: #666;
				background-image: none;
				border: none;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
			}
			.ui-pnotify.custom .ui-pnotify-title {
				font-size: 15pt;
				color: #FFF;
			}
			.ui-pnotify.custom .ui-pnotify-text {
				font-size: 11pt;
				color: #FFF;
			}
			.ui-pnotify.custom .ui-pnotify-closer {
				position: absolute;
				bottom: 5px;
				right: 5px;
			}
			.ui-pnotify.custom .ui-pnotify-icon {
				float: right;
			}
			.ui-pnotify.custom .picon {
				margin: 3px;
				width: 33px;
				height: 33px;
			}

			/* Alternate stack initial positioning. */
			.ui-pnotify.stack-topleft {
				top: 15px;
				left: 15px;
				right: auto;
			}
			.ui-pnotify.stack-bottomleft {
				bottom: 15px;
				left: 15px;
				top: auto;
				right: auto;
			}
			/* This one is done through code, to show how it is done. Look down
			   at the stack_bottomright variable in the JavaScript below. */
			.ui-pnotify.stack-bottomright {
				/* These are just CSS default values to reset the pnotify CSS. */
				right: auto;
				top: auto;
			}
			.ui-pnotify.stack-custom {
				top: 20%;
				left: 20%;
				right: auto;
			}
			.ui-pnotify.stack-custom2 {
				top: auto;
				left: auto;
				bottom: 20%;
				right: 20%;
			}
			/* ]]> */
		</style>
		<!--[if lt IE 8]>
		<style type="text/css">
			.featurelist ul {
				padding-left: 1em;
				list-style-type: disc;
			}
			.featurelist ul .ui-icon {
				display: none;
			}
		</style>
		<![endif]-->