@import url("wufoo.css");

/*
	Author Name	: Zander Hoare
	Author Site	: http://zedmedia.org
	Style Name	: HubbleTV
	Table of Contents:	
		Main
		Links
		Headers
		Image Menu
		SubMenu
		Type
		PNG
*/
/* @group Main */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #fff;
	padding-bottom: 30px;
	margin: 0;
	background: #000 url(../img/stars.gif) no-repeat fixed;
	width: 100%;
	height: 100%;
}

/* @group heights + widths */
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w270 {
	width: 270px;
}
.w300 {
	width: 300px;
}
.w350 {
	width: 350px;
}
.w400 {
	width: 400px;
}
.w450 {
	width: 450px;
}
.w500 {
	width: 500px;
}
.w520 {
	width: 520px;
}
.w550 {
	width: 550px;
}
h300 {
	height: 300px;
}

/* @end */
/* @end */
/* @group Layout */
.page {
	text-align: left;
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	position: relative;
	border-top: none;
	z-index: 2;
}
/* @group Homepage */
.homepage {
	width: 650px;
}
#homepage {
	width: 644px;
	margin: 0 auto;
}
#header {
	background: url(../img/logo/homepagelogo.gif) no-repeat center;
	height: 92px;
	margin-bottom: 30px;
}
.content {
	margin-bottom: 15px;
}
.flash {
	margin-top: 30px;
}
/*
 @end */
/* @group How */
.howpage {
	width: 880px;
}
#howpage {
	width: 100%;
	z-index: 2;
	margin: 0;
}
.simple {
	margin: 0 auto 15px;
}
.arrow {
	margin-right: 34px;
}
#searchcontainer {
	position: relative;
}
.mapsearch {
	font-size: 100%;
	background-color: #f1dd52;
	color: #000;
	margin-bottom: -10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.mapsearch a, .mapsearch a:visited {
	font-size: 100%;
	text-decoration: underline;
	color: #fe2604;
}
.bgcolor {
	background-color: #f1dd52;
}
/* @group spacebits & slider */
.space {
	height: 400px;
	width: 846px;
}
.spacecontent {
	width: 100%;
	height: 100%;
}
.spacebit {
	position: relative;
	margin-right: 20px;
	float: left;
	margin-bottom: 10px;
}
.spacebit p, .spacebit1 p, .spacebit p.disclaimer {
	margin-top: 0;
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	font-size: 1.1em;
}
.spacebit1 {
	float: left;
	position: relative;
}
/* @end */

#TPSellers {
	background: url(../img/how/sellersspace.gif) no-repeat;
	width: 220px;
	height: 15px;
	margin-right: 30px;
}
#TPSellers a {
	background: url(../img/how/sellersspace.gif) no-repeat;
}
#TPSellers a:hover {
	background: url(../img/how/sellersspaceO.gif) no-repeat;
}
#TPBuyers {
	background: url(../img/how/buyerspace.gif) no-repeat;
	width: 220px;
	height: 15px;
}
#TPBuyers a {
	background: url(../img/how/buyerspace.gif) no-repeat;
}
#TPBuyers a:hover {
	background: url(../img/how/buyerspaceO.gif) no-repeat;
}
/* @end */
/* @group hubblemap */
/* @group Layout */
.hubblemappage {
	width: 100%;
}
div#hubbleheader {
	height: 70px;
	line-height: 80px;
	margin: 20px 0 0 20px;
	color: #79B30B;
}
#hubbleheader a, #hubbleheader a:hover, #hubbleheader img a, img a {
	border-style: none;
	background: none;
}
div#hubbleheader h1 {
	height: 80px;
	line-height: 80px;
	margin: 0;
	color: #79B30B;
	padding-left: 10px;
}
div#content p {
	line-height: 1.4;
}
div#extra {
	background: #FF8539
}
div#footer {
	color: #FFF
}
div#footer p {
	margin: 0;
	padding: 5px 10px
}
div#hubblewrapper {
	float: left;
	width: 100%;
	height: 100%;
}
div#content {
	margin-right: 320px
}
div#navigation {
	float: left;
	width: 285px;
	margin-left: -300px;
	height: 600px;
	margin-right: 0;
}
div#extra {
	clear: left;
	width: 100%
}
/* @end */
/* @group nav */
#hubblenav {
	height: 36px;
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 2;
	font-size: 1.3em;
	text-align: right;
}
#hubblenav ul {
	height: 36px;
	margin-top: 8px;
}
#hubblenav li {
	display: inline;
	color: #fff;
	padding-right: 10px;
}
#hubblenav li a, #hubblenav li a:visited {
	font-size: 100%;
	margin-left: 0;
	color: #77b1de;
	font-variant: normal;
	text-decoration: underline;
	background-color: #000;
	padding: 5px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #000;
}
#hubblenav li a:hover {
	background: #000 none;
	color: #e8e8e8;
	text-decoration: underline;
	font-variant: normal;
	border-right: 1px dotted #77b1de;
	border-left: 1px dotted #77b1de;
	padding: 5px;
}
#hubblenav li.mapcurrent a,#hubblenav li.mapcurrent a:hover  {
	padding: 5px;
	border-right: 1px dotted #77b1de;
	border-left: 1px dotted #77b1de;
}
/* @end */
#hubblepage {
	width: 95%;
	margin: 0 auto 0 20px;
	z-index: 2;
	height: 100%;
	padding-top: 20px;
}
#hubblecontent {
	width: 95%;
	z-index: 2;
	height: 100%;
	padding-top: 20px;
	margin-bottom: 0;
	margin-top: 0;
	background-color: #386688;
}
#hubblemap {
	width: 80%;	
	position: relative;
}
div#map {
	width: 100%;
	height: 600px;
	color: #000;
}
div#map a {
	color: #0930ff;
}

/* @end */
/* @group User */

/* @end */
.bg {
	background-image: none;
}
#mainheader {
	height: 53px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	text-align: center;
}
#mainheader a, #mainheader a:hover, #mainheader img a {
	border-style: none;
	background: none;
}
#globe {
	background: url(../img/earth.gif) no-repeat;
	width: 1152px;
	height: 250px;
	position: absolute;
	z-index: 1;
	bottom: 0 !important;
	right: 0;
}
/* @end */
/* @group Form */
ul#search {
	width: 270px;
	margin-top: 0;
	background-color: rgba(0,0,0,0.6);
}
ul#search li {
	margin-top: 5px;
}
#refine {
	background: rgba(0,0,0,0.6) no-repeat;
	width: 270px;
	margin-top: 10px;
}
ul#refined {
}
ul#refined li.refined {
	font-size: 90%;
}
ul#refined select {
	margin-bottom: 5px;
}
ul#refined label, ul#search label {
	width: 270px;
	color: #fff;
}
ul#refined li.buttons {
	width: 100px;
	padding: 10px;
	margin: 0 0 0 56px;
}
/* @end */
/* @group Menus */
#nav {
	list-style-type: none;
	position: fixed;
	float: right;
	margin-right: 0;
	margin-left: 350px;
}
#nav li {
	display: inline-block;
	font-size: 1.2em;
}
#nav li a {
	color: #79a813;
	text-decoration: none;
	padding: 5px;
}
#nav a:hover {
	color: #273b41;
	background-color: #79a813;
}
/* @end */
/* @group Links */
/* @group Search */
#searchHTV {
	background-color: #f1dd52;
	color: #dd5a00;
	font-variant: normal;
	border: thin solid #fff;
	font-size: 1.1em;
	padding-right: 10px;
	padding-left: 10px;
}
#searchHTV a:hover {
	width: 140px;
	height: 25px;
	border: medium dotted silver;
	color: olive;
	font-size: 2em;
	background-color: black;
}
/* @end */
a, a:visited, .searchHTV {
	color: #fff;
	font-size: 1.3em;
	padding: 2px;
}
a:hover {
	color: #fff;
	border-style: none;
	background-color: #74afdd;
	padding: 2px;
}
/* @group ClickHere */
#clickhere {
	width: 258px;
	height: 40px;
	position: relative;
	margin: 0 0 0 320px;
	display: block;
}
#clickhere a {
	background: url(../img/homepage/clickhereto1.gif) no-repeat 0 0;
	width: 258px;
	height: 40px;
	display: block;
}
#clickhere a:hover {
	background: url(../img/homepage/clickhereto2.gif) no-repeat 0 0;
}
#searchbut {
	position: relative;
	width: 99px;
	margin-top: 0;
	height: 26px;
	margin-left: 74px;
}
#searchbut a {
	display: block;
	width: 99px;
	background: url(../img/form/search.gif) no-repeat 0 0;
	text-decoration: none;
	height: 22px;
}
#searchbut a:hover {
	background-position: 0 -26px;
	color: #fff;
}
#signupbut {
	position: relative;
	width: 336px;
	margin-top: 0;
	height: 41px;
}
#signupbut a {
	display: block;
	width: 336px;
	background: url(../img/buttons/signup.gif) no-repeat 0 0;
	text-decoration: none;
	height: 41px;
}
#signupbut a:hover {
	background-position: 0 -41px;
	color: #fff;
}
#seehowbut {
	position: relative;
	width: 360px;
	margin-top: 0;
	height: 41px;
	margin-left: 144px;
}
#seehowbut a {
	display: block;
	width: 360px;
	background: url(../img/buttons/seehow.gif) no-repeat 0 0;
	text-decoration: none;
	height: 37px;
}
#seehowbut a:hover {
	background-position: 0 -41px;
	color: #fff;
}
/* @end */
/* @group Buyers + Sellers space */
.sellspace a, .sellspace a:visited {
	width: 237px;
	height: 15px;
	background: url(../img/how/sellersspace.gif) no-repeat;
	float: left;
}
.sellspace a:hover {
	width: 237px;
	height: 15px;
	background: url(../img/how/sellersspaceO.gif) no-repeat;
	float: left;
}
.sellspace a.current {
	width: 237px;
	height: 15px;
	background: url(../img/how/sellersspaceO.gif) no-repeat;
	float: left;
}
.buyspace a, .buyspace a:visited {
	width: 237px;
	height: 15px;
	background: url(../img/how/buyerspace.gif) no-repeat;
	margin-left: 25px;
	float: left;
	clear: right;
}
.buyspace a:hover {
	width: 237px;
	height: 15px;
	background: url(../img/how/buyerspaceO.gif) no-repeat;
	margin-left: 25px;
	float: left;
	clear: right;
}
/* @end */
/* @end */
/* @group Type */
.whitetext {
	color: #fff;
	font-size: 100%;
}
ul.nobullets {	
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 30px;
	margin-top: 10px;
}
.error {
	color: #ff4d37;
	font-size: 80%;
	line-height: 1em;
	margin: 5px 20px 0 5px;
	padding: 0;
}
.username {
	border-bottom: 1px dashed #74afdd;
}
.disclaimer {
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.5);
}
h2 {
	background-color: #243b4c;
	padding: 5px 5px 5px 15px;
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
/* @end */
/* @group CreativePony Slider */
#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
	font-size: 1.3em;
}
#heading li.active {
	background-color: #77b1de;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#panes {
			text-align: justify;
			border-style: none;
			width: 846px;
			margin: 0 auto 0 auto;
		}
		
#panes div div { overflow: hidden; }
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }
/* @end */