@import url(common.css);
	@import url(front-body.css);
div#getting-started h1.section-heading {
	background: url(../images/section_heading_getting_started.png) no-repeat left top;
	padding-bottom:3px;
}
div#how-it-works h1.section-heading {
	background: url(../images/section_heading_how_it_works.png) no-repeat center top;
	width: 595px;
}
div#login h1.section-heading {
	background: url(../images/section_heading_login.png) no-repeat left top;
}
div#connect-your-network h1.section-heading {
	background: url(../images/section_heading_connect_your_network.png) no-repeat left top;
	width: 176px;
}
div#my-options h1.section-heading {
	background: url(../images/section_heading_my_options.png) no-repeat left top;
}
div#my-hobbies h1.section-heading {
	background: url(../images/section_heading_my_hobbies.png) no-repeat left top;
}
div#main-profile h1.section-heading {
	background: url(../images/section_heading_main_profile.png) no-repeat left top;
	width:352px;
	position:relative;
}
div#private-photos h1.section-heading {
	background: url(../images/section_heading_private_photos.png) no-repeat left top;
	width:352px;
	position:relative;
}

div#main-profile a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:175px;
	z-index:100;
}
div#main-profile a:hover{color: #1090ED;}

div#private-photos a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:0px;
	z-index:100;
}
div#private-photos a.tab:hover{color: #1090ED;}

div#build_widget a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:175px;
	z-index:100;
}
div#build_widget  a.tab:hover{color: #1090ED;}
div#saved_widgets a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:0px;
	z-index:100;
}
div#saved_widgets a.tab:hover{color: #1090ED;}

div#my-network h1.section-heading {
	background: url(../images/section_heading_my_network.png) no-repeat left top;
}
div#highjoy-enabled h1.section-heading {
	background: url(../images/section_heading_highjoy_enabled.png) no-repeat left top;
}

div#build_widget  h1.section-heading {
	background: url(../images/member_heading_build_widget.png) no-repeat left top;
	width: 595px;
}

div#saved_widgets  h1.section-heading {
	background: url(../images/member_heading_saved_widget.png) no-repeat left top;
	width: 595px;
}

div#search  h1.section-heading {
	background: url(../images/section_heading_search.png) no-repeat left top;
	width: 595px;
}
.wide #search h1.section-heading {
	background: url(../images/section_heading_search_wide.png) no-repeat left top;
	width: 781px;
}

div#logout  h1.section-heading {
	background: url(../images/section_heading_logged_out.png) no-repeat left top;
	width: 595px;
}
div#faq  h1.section-heading {
	background: url(../images/section_heading_faq.png) no-repeat left top;
	width: 781px;
}
div#widget  h1.section-heading {
	background: url(../images/section_heading_build_widget.png) no-repeat left top;
	width: 595px;
}

div.member div#widget h1.section-heading {
	background: url(../images/member_heading_build_widget.png) no-repeat left top;
	width: 595px;
}

div#support, div#contact, div#affiliates, div#create-profile, div#whatsthis { height:558px; }


div#products { width:781px;text-align:left; }
div#products td img { border:1px solid #666; }
div#products td { padding:0 5px 0 5px; }
div#products tr.new_product_row td { text-align:center; }
div#products h1.section-heading {
	background: url(../images/section_heading_products.png) no-repeat left top;
	width: 595px;
}


div#about-us h1.section-heading {
	background: url(../images/section_heading_about_us.png) no-repeat left top;
	width: 781px;
}

div#terms h1.section-heading {
	background: url(../images/section_heading_terms.png) no-repeat left top;
	width: 781px;
}

div#privacy h1.section-heading {
	background: url(../images/section_heading_privacy.png) no-repeat left top;
	width: 781px;
}

div#contact h1.section-heading {
	background: url(../images/section_heading_contact.png) no-repeat left top;
	width: 781px;
}

div#affiliates h1.section-heading {
	background: url(../images/section_heading_affiliates.png) no-repeat left top;
	width: 595px;
}
div#support h1.section-heading {
	background: url(../images/section_heading_support.png) no-repeat left top;
	width: 595px;
}
div#whatsthis h1.section-heading {
	background: url(../images/section_heading_whatsthis.png) no-repeat left top;
	width: 595px;
}

div#support h1.section-heading.wide, div#affiliates h1.section-heading.wide, div#support h1.section-heading.wide  { width:781px; }

div#members h1.section-heading {
	background: url(../images/section_heading_members.png) no-repeat left top;
	width: 595px;
}

div#edit-profile h1.section-heading {
	background: url(../images/section_heading_edit_profile.png) no-repeat left top;
	width: 595px;
}

div#edit-photos h1.section-heading {
	background: url(../images/section_heading_edit_photos.png) no-repeat left top;
	width: 595px;
}

div#edit-account h1.section-heading {
	background: url(../images/section_heading_edit_account.png) no-repeat left top;
	width: 595px;
}

div#edit-profile a.profile-tab, div#edit-photos a.profile-tab, div#edit-account a.profile-tab {
	display:block;
	position:absolute;
	width:198px;
	height:26px;
	top:0;
	left:0px;
	z-index:100;
}

div#edit-profile a.photos-tab, div#edit-photos a.photos-tab, div#edit-account a.photos-tab {
	display:block;
	position:absolute;
	width:198px;
	height:26px;
	top:0;
	left:197px;
	z-index:100;
}

div#edit-profile a.account-tab, div#edit-photos a.account-tab, div#edit-account a.account-tab {
	display:block;
	position:absolute;
	width:198px;
	height:26px;
	top:0;
	left:396px;
	z-index:100;
}

div#access-list h1.section-heading {
	background: url(../images/section_heading_access_list.png) no-repeat left top;
	width: 595px;
}

div#privacy-list h1.section-heading {
	background: url(../images/section_heading_privacy_list.png) no-repeat left top;
	width: 595px;
}

div#mailbox h1.section-heading {
	background: url(../images/section_heading_mailbox.png) no-repeat left top;
	width: 595px;

}


div#access-list a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:175px;
	z-index:100;
}
div#access-list a.tab:hover{color: #1090ED;}

div#privacy-list a.tab {
	display:block;
	position:absolute;
	width:175px;
	height:26px;
	top:0;
	left:0px;
	z-index:100;
}
div#privacy-list a.tab:hover{color: #1090ED;}

div#create-profile h1.section-heading {
	background: url(../images/section_heading_create_profile.png) no-repeat left top;
	width: 781px;
}
div#create-profile.showstep4 h1.section-heading {
	background: url(../images/section_heading_checkout.png) no-repeat left top;
	width: 781px;
}
div#create-profile.showstep5 h1.section-heading {
	background: url(../images/section_heading_checkout.png) no-repeat left top;
	width: 781px;
}
div#create-profile.checkout h1.section-heading {
	background: url(../images/section_heading_checkout.png) no-repeat left top;
	width: 781px;
}

#create-profile .scroll-box {
	margin:10px 10px 0 10px;
	width:735px;
}
div#checkout h1.section-heading {
	background: url(../images/section_heading_checkout.png) no-repeat left top;
	width: 781px;
}
div#dl-console h1.section-heading {
	background: url(../images/section_heading_download_console.png) no-repeat left top;
	width: 781px;
}
div#network h1.section-heading {
	background: url(../images/section_heading_network.png) no-repeat left top;
	width: 781px;
}


h1#private-photos.section-heading-faded {
	background: url(../images/section_heading_private_photos_faded.png) no-repeat left top;
}
div.options-item {
	clear: left;
	height: 58px;
	width: 180px;
	margin: 2px 0 0 3px;
}
.step1 div#getting-started div.profile, 
.step2 div#getting-started div.share, 
.step3 div#getting-started div.buy, 
.step4 div#getting-started div.connected, 
.network div#getting-started div.network, 
.join div#getting-started div.join, 
.checkout div#getting-started div.checkout, 
.download div#getting-started div.download, 
.build div#getting-started div.build,
body.edit-profile div#my-options div.profile, 
body.lists div#my-options div.manage_lists,
body.build div#my-options div.build_widget,
body.mailbox div#my-options div.mailbox,
body.search div#my-options div.search,
body.logout div#my-options div.logout {
	background: url(../images/panel_active.gif) no-repeat left top !important;
}

.main_nav_hover:hover{
	display:block;
	cursor:pointer;
	background: url(../images/panel_over.gif) no-repeat left top !important;
}

div#getting-started div.connected 
{
	margin-bottom:2px;
}

div.options-item a {
	display:block;
	color: #666699;
	float: left;
	display: inline;
	text-decoration: none;
	border: 0;
	height: 58px;
	width:180px;
}
div.options-items a:hover{color: #1090ED;}

div.options-item p a {
	color: #000000;
}

div.options-items p a:hover{color: #1090ED;}

div.options-item a img {
	border: none;
	margin: 7px 2px 4px 8px;
}
div.options-item h2 {
	font-size: 1.4em;
	height: 42px;
	width: 112px;
	margin: 8px 0;
	line-height: 42px;
	float: left;
	display: inline;
}
div#getting-started div.options-item h2 {
	height: 12px;
	line-height: 15px;
	margin: 10px 0 2px 0;
	width: 110px;
}

div#getting-started div.options-item  h2.centered { margin-top:22px; }
div#getting-started div.options-item  h2.centered-twoline { margin-top:15px; }

div#getting-started div.options-item p {
	width: 110px;
	font-size: .9em;
	margin: 1px 0 0 2px;
	float: left;
	line-height:10px;
}
div#my-hobbies p, div#highjoy-enabled p {
	font-size: 1.2em;
	width: 160px;
	margin: 6px auto;
}
div#getting-started h1.testimonial {
	border-bottom: 1px solid #999999;
	color: #8a7a91;
	font-size: 1.5em;
	margin: 3px 0 0 10px;
	width: 154px;
}
div#getting-started div.testimonial-item {
	width: 155px;
	font-size: 1.1em;
	margin: 0 0 8px 10px;
}
div#getting-started div.testimonial-item p {
	margin: 4px 0 0 0;
}
div#getting-started div.testimonial-item p.author {
	text-align: right;
	font-style: italic;
}


#create-profile div.pageHeader, #checkout div.pageHeader, #mailbox div.pageHeader {
	font-size:1.2em;
	padding-top:6px;
	color:#666699;
	font-weight:bold;
}

#mailbox div.pageHeader {
	font-size:1.4em;
}

.step1 div.center-heading {
	background: url(../images/icon_profile_small.gif) no-repeat left center;
}
.step2 div.center-heading {
	background: url(../images/icon_share_small.gif) no-repeat left center;
}
.step3 div.center-heading {
	background: url(../images/icon_buy_small.gif) no-repeat left center;
}
.step4 div.center-heading {
	background: url(../images/icon_connected_small.gif) no-repeat left center;
}

div#how-it-works-content {
	text-align: center;
}
div#how-it-works-content img {
	margin-top: 50px;
}
div#how-it-works-content div.center-nav {
	width: 400px;
}
div.center-nav {
	width: 586px;
	position: absolute;
	bottom: 8px;
  	padding-right: 8px;
	height: 27px;
	line-height: 27px;
	font-size: 1.6em;
}
div#get-connected div.center-nav {
	bottom: 25px;
	position:absolute;
	top:350px;
}
div.center-nav a {
	color: #fff6ff;
	float: right;
	margin-right:60px;
	display: inline;
}

.home div.center-nav a {
margin-right: 20px;
}

div.center div.center-nav a.btn {
	height: 0;
	overflow: hidden;
	padding-top: 27px;
}
div.center div.center-nav a.back {
	background: url(../images/btn_back.png) no-repeat left center;
	width: 64px;
	margin-left: 10px;
	float:left;
}
div.center div.center-nav a.next {
	background: url(../images/btn_next.png) no-repeat left center;
	width: 64px;
	margin: 0 0 0 10px;
}
div.center div.center-nav a.done {
	background: url(../images/btn_done.png) no-repeat left center;
	width: 76px;
}
div.center div.center-nav a.join-now {
	background: url(../images/btn_join_now1.png) no-repeat left top;
	width: 137px;
  padding-top: 51px;
  margin-top: -24px;
  margin-right: 150px;
}


div.center div.center-nav a.go {
	background: url(../images/btn_go.png) no-repeat left center;
	width: 49px;
}
div.center div.center-nav a.password {
	background: url(../images/btn_password.png) no-repeat left center;
	width: 130px;
}
div.center div.center-nav a.get-connected {
	background: url(../images/btn_get_connected.png) no-repeat left top;
	width: 271px;
	position:relative;
}


div#how-it-works img {
	margin: 5px 0 0 0;
	border:0;
}
div#login p {
	margin: 4px 0 0 10px;
}
div#login form {
	padding: 0;
	margin: 0;
}
div#login form label {
	display: block;
	margin: 0;
}
div#login p.submit {
	line-height: 24px;
}
div#login p.submit a {
	background: url(../images/blue_arrow.gif) no-repeat right center;
	color: #2970a6;
	display: block;
	font-size: 1.0em;
	text-decoration: none;
	width: 104px;
}
div#login p.submit input {
	float: right;
	margin-right: 9px;
}
div.links-list {
	width: 160px;
	margin: 0 0 0 11px;
}
div.links-list h2 {
	font-size: 1.3em;
	color: #8a7a91;
	margin: 0px;
	line-height: 1.3em;
	width: 160px;
}
#connect-your-network div.links-list ul, #my-network div.links-list ul {
	margin-left:0px;
	margin-bottom:12px;
}

h2.purple {
	border-bottom: 1px solid #770277;
}
h2.blue {
	border-bottom: 1px solid #0051ba;
}
h2.green {
	border-bottom: 1px solid #009900;
}
h2.orange {
	border-bottom: 1px solid #f08628;
}
div.links-list ul {
	font-size: 1.1em;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}
div.links-list ul a {
	color: #336699;
	font-size: 1.1em;
	text-decoration: none;
}
div.links-list ul a:hover{color: #1090ED;}

div.links-list ul li {
	margin: 3px 0;
}
div#connect-your-network * {
	width: 155px;
}
div#connect-your-network p {
	font-size: 12px;
	margin: 12px 10px 10px 10px;
}

p.sectionHeader {
	color:#666699;
	font-size:18px;
	line-height:20px;
}

.checkout td, .privacy td, .terms td { font-size:1.1em; }
.edit_account td { font-size:1.2em; }

.build td, .support td, .search td, .products td { font-size:1.2em;}
.support td, .contact td { padding:10px;}



.products	td.image { border:none; }

.edit-profile td { font-size:1.2em;padding:3px; }
.edit-profile tr { vertical-align:top;line-height:20px; }

.member-home td { color:#688DBD;font-size:1.2em;line-height:20px; }
.member-home div.center div.large p { padding:0 0 10px 0;color:#688DBD;font-size:1.2em;margin:0; } 
.member-home tr { vertical-align:top; }
.member-home .profileHeader { font-weight:bold;font-size:1.3em; }
.member-home div.center div.large h1.section-heading { margin-bottom:10px; }
.member-home #member_info_blocks a, #member_info_blocks p { color:#336699;font-size:1em; }
.member-home #member_info_blocks a:hover{color: #1090ED;font-size:1em;}
div.photo_row img { margin-right:8px; }

#tenreasons 
{
	margin:0px;
	padding:34px 0 38px 0;
	width:160px; 
	height:14px;
	font-weight:bold;
	font-size:13px;
	line-height:14px;
}
.join #tenreasons, .terms #tenreasons, .contact #tenreasons
{
	margin:0px;
	padding:32px 0 32px 0;
	width:160px; 
	height:14px;
	font-weight:bold;
	font-size:13px;
	line-height:14px;
}

#tenreasons A { 
	text-decoration:underline;
	color:#2970a4;
}
#tenreasons a:hover{color: #1090ED;}

.ten P.sectionHeader { margin-bottom:10px; }

.backButton { margin-top:0px;padding:0px 0 0px 7px; width:64px;float:left; }
.joinButton { margin-top:0px;padding:0px 0 0px 0; width:451px;float:left;text-align:center; }
.nextButton { margin-top:0px;padding:0px 7px 0px 0; width:64px;float:left; }
.hrule { height:1px;border-top:#660066 solid 1px;width:95%;margin-left:10px; }
.left .hrule { height:1px;border-top:#999999 solid 1px;width:154px;margin-left:10px;font-size:1px; }

.firstSentence {
	font-weight:bold;
	font-size:110%;
	line-height:16px;
}

.smallFormText {
	font-size:80%;
	color:#999;
}

.products td.cartPrice {
		font-size:1.3em;
}

.error 
{
	color:Red;
}
.success
{
	color:Green;
}