html,
body {
	background: #f1f1e9;
	color: #222222;
	font: 12px arial, sans-serif; }

	a {
		color: #2361a1;
		text-decoration: none; }

		a:hover {
			color: #b70d0d;
			text-decoration: underline; }


/* content */
div#content-wrap {
	background: #ffffff url('../../images/layout/content-bg.gif') no-repeat;
	margin: 0px auto;
	margin-top: 15px;
	width: 900px; }

	div#content {
		background: url('../../images/layout/content-bg.gif') no-repeat -900px 100%;
		padding: 10px; }


/* footer */
div#footer {
	color: #444444;
	font-size: 11px;
	margin: 0px auto;
	padding: 10px;
	text-align: right;
	width: 880px; }

	div#footer {
		color: #444444;
		font-size: 11px; }

		div#footer a {
			font-size: 11px;
			color: #444444; }

		div#footer ul li {
			float: left; }

			div#footer ul li.br {
				padding: 0px 6px; }

		div#footer div.remote ul li {
			color: #969696; }

			div#footer div.remote ul li a {
				color: #969696; }


/* message styles */

div#content div.message {
	padding-bottom: 10px; }

	div#content div.message div.msginf {
		background: #f3fdf2;
		border: 1px solid #aaefa4;
		color: #016f00;
		padding: 10px; }

	div#content div.message div.msgerr {
		background: #fdf2f3;
		border: 1px solid #f7bfc6;
		color: #de001d;
		padding: 10px; }

		div#content div.message div.msgerr p {
			font-size: 12px;
			margin-bottom: 0px; }

		div#content div.message div.msgerr small {
			font-size: 12px; }


/* shortcuts */
div.clear {
	clear: both; }

div.float-left {
	float: left; }

div.float-right {
	float: right; }

div.break {
	height: 10px; }


/* headers */
div#content { }

	div#content h1 {
		color: #555242;
		font: 18px/20px "trebuchet ms", tahoma, arial, sans-serif; }

	div#content h2 {
		color: #555242;
		float: left;
		font: 18px/20px "trebuchet ms", tahoma, arial, sans-serif;
		margin-bottom: 10px; }

	div#content a.share {
		float: left;
		margin-left: 8px;
		margin-top: 2px; }

	div#content a.icon {
		float: left;
		display: block;
		height: 20px;
		margin-left: 8px;
		width: 16px; }

		div#content a.icon-windows {
			background: url('../../images/icons/windows.png') no-repeat 0px 50%; }

		div#content a span {
			display: none; }

	div#content div.branding {
		font-size: 12px;
		float: right;
		line-height: 20px;
		padding-right: 10px; }


/* content */
div#content p {
	line-height: 18px;
	margin-bottom: 10px;
	text-align: justify; }

a.out {
	background: url('../../images/icons/arrow-right.png') no-repeat 0px 50%;
	display: block;
	float: left;
	height: 18px;
	padding-left: 21px; }