@import url("reset.css");

body
{
	color: #000000;
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	font-size: 12px;
	overflow: hidden;
}

html, body {width: 100%; height: 100%}

h1
{
	padding: 0;
	margin: 0;
	font-size: 30px;
	color: #336666;
	line-height: 20px;
}

h2
{
	color: #000000;
	font-weight: normal;
}

h2.window-header
{
	font-size: 20px;
	margin-bottom: 10px;
	color: #336666;
}

p
{
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 14px;
}

p.no-pad-bottom { margin: 0; }

p.light { color: #999999; }

p.larger { font-size: 14px; line-height: 15px; }

p a
{
	color: #000000;
	text-decoration: none;
	border-bottom: #666666 1px dotted;
}

div#map
{
	width: 100%;
	height: 100%;
}

div#header
{
	height: 30px;
	padding: 15px;
}

div#header div#heading
{
	float: left;
	margin: 1px 0 0 0;
}

div#header div#heading span { padding: 0; margin: 0; }
div#header div#heading span canvas { padding: 0; margin: 0; }


div#header div#login
{
	float: left;
	margin: 0 0 0 20px;
}

div#header div#login div#loginStatus div#fbButton
{
	margin: 4px 0 0 0;
}

div#header div#login div#loginStatus div#fbProfileImg
{
	float: left;
}

div#header div#login div#loginStatus div#fbWelcome
{
	float: left;
	margin: 0 0 0 10px;
}

div#header div#search
{
	float: right;
	margin: 2px 0px 0 0;
}

div#mapOverlayGrad
{
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 20px;
	background: url('/media/assets/images/mapOverlayGrad.png') top left repeat-x;
}

div.bottom-border
{
	border-bottom: #999999 1px dotted;
	margin-bottom: 10px;
}

input, textarea
{
	padding: 0;
	margin: 0;
	color: #000000;
	border: #000000 1px dotted;
	font-weight: normal;
	font-size: 11px;
}

textarea { margin-bottom: 2px; padding: 5px; width: 388px; }

input.text-box { padding: 5px; height: 14px; }

input.submit-button
{
	padding: 4px 6px;
	background-color: #eeeeee;
	margin-left: 10px;
	height: 26px;
}

div#blackout
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	z-index: 1;
	/*Hide*/
	display: none;
}

div#infoWindow
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -200px;
	width: 400px;
	z-index: 2;
	/*Hide*/
	display: none;
}

div#infoWindow div#top { height: 30px; background: url('/media/assets/images/infoWindowBg_top.png') top left no-repeat; }

div#infoWindow div#middle { background: url('/media/assets/images/infoWindowBg.png') top left repeat-y; padding: 0 30px 0 30px; }

div#infoWindow div#bottom { height: 30px; background: url('/media/assets/images/infoWindowBg_btm.png') top left no-repeat; }

div#infoWindow div#infoWindowLeft { float: left; }

div#infoWindow div#infoWindowRight { float: right; }

div#infoWindow div#infoWindowContent { margin-top: 10px; }


a.fb_share_link
{
	padding: 0 0 0 20px;
	height: 16px;
	background: url("http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif") no-repeat top left;
	color: #3B5998;
	text-decoration: none;
}

a.twitter_link
{
	padding: 0 0 0 15px;
	height: 16px;
	background: url("/media/assets/images/twitter.png") no-repeat top left;
	color: #5599BB;
	text-decoration: none;
}


div#footer
{
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: right;
	background-color: #ffffff;
	padding: 5px 7px 6px 7px;
}

div#footer p
{
	padding: 0;
	margin: 0 0 1px 0;
}