body
{
	background: #24292c;
	font: 12px "Lucida Grande", Verdana, Arial;
}

/* Header */
div#header
{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 100%;
	color: #fff;
	background: #151718 url(../img/bg/header.png) repeat-x 0% 100%;
	text-align: center;
}
	div#header a
	{
		font-weight: bold;
		color: #fff;
	}
		div#header a:hover
		{
			text-decoration: none;
		}
	div#header a#dropin
	{
		position: absolute;
		top: 0px;
		left: 10px;
		background: transparent url(../img/icon.png) no-repeat 0px 50%;
		padding-left: 20px;
		font-size: 11px;
		text-decoration: none;
	}
		div#header a#dropin span 
		{
			text-decoration: underline;
		}
		div#header a#dropin:hover span
		{
			text-decoration: none;
		}
	div#header h1
	{
		font-weight: bold;
		font-size: 15px;
		text-shadow: #000 0px 1px 0px;
		display: inline;
	}
	div#header div.toolbar
	{
		position: absolute;
		top: 0px;
		right: 10px;
		font-size: 11px;
	}
	
/* Content */
div#preview
{
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
	padding: 40px 0px 0px 0px;
	z-index: 1;
}
	div#preview a
	{
		border: 0px;
	}
	div#preview img
	{
		display: block;
		margin: 0 auto;
		max-width: 100%;
		max-height: 100%;
		z-index: 1;
	}
div#blurb 
{
	width: 300px;
	height: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -125px 0px 0px -150px;
	text-shadow: #000 0px 1px 0px;
	text-align: center;
	
}
	div#blurb h1
	{
		font-size: 18px;
		font-weight: bold;
		color: #fff;
	}
	
div#outbound-preview 
{
	width: 300px;
	height: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -125px 0px 0px -150px;
	text-shadow: #000 0px 1px 0px;
	text-align: center;

}
	div#outbound-preview h1
	{
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}
	div#outbound-preview span.instruction 
	{
		color: #eeeeee;
		font-size: 9px !important;
	}
	div#outbound-preview a.small 
	{
		margin-top: 10px;
		display: block;
		font-size: 11px;
		color: #c0c0c0;
	}
		div#outbound-preview a.small:hover
		{
			text-decoration: none;
		}

/* Buttons */
a.textured
{
	margin-top: 10px;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	border-radius: 2px;
	color: #fff;
	text-shadow: #275c90 0px 1px 0px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
}
	a.textured.blue
	{
		background: transparent url(../img/bg/blue_button.png) repeat-x 0px 0px;
		border-left: 1px solid #1f5292;
		border-right: 1px solid #1f5292;
	}
		a.textured.blue:hover
		{
			background-position: 0px -30px;
		}
	
/* Error */
div#error
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 40px;
	line-height: 40px;
	background-color: rgb(207, 70, 23);
	z-index: 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}

/* Positiong */
div.left
{
	float: left;
}
div.right
{
	float: right;
}

/* Misc. */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

*+html .clearfix{
  min-height: 1%;
}

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}