/*
 * Copyright (c) 2007, YouFig Ltd. All Rights Reserved.
 * Author: Allon Mason
 */
/*Homepage Layout*/
.homePageWrapper {width:980px; background-color:#fff; border:solid 1px #000; text-align:left; margin:0 auto; margin-top:10px; position:relative}
.homePageWrapperComm {width:980px; background-color:#fff; border:solid 1px #999; text-align:left; margin:0 auto; margin-top:10px; position:relative}
.HPLogo {margin:5px; margin-left:10px}
.HPPrivBeta {position:absolute; left:-2px; top:12px}
.HPFreeBeta {position:absolute; left:250px; top:0}
.HPBody {background-color:#bbc9d2}
.HPHeaderGrad {height:130px; text-align:center; background-image:url('../images/grad_blue_soft.gif'); background-repeat:repeat-x}
.HPheaderDiv {width:980px; text-align:left; margin: 0 auto; position:relative}

.HPcurrentTab a.HPcurrentTab          {text-decoration: none; color: #00b3d9}
.HPcurrentTab a.HPcurrentTab:visited  {color: #00b3d9}
.HPcurrentTab a.HPcurrentTab:hover    {color:#00b3d9; background-color: transparent}
.HPcurrentTab a.HPcurrentTab:active   {text-decoration: none; background-color: transparent}

.HPtab a.HPtab          {text-decoration: none; color: #addd00}
.HPtab a.HPtab:visited  {color: #addd00}
.HPtab a.HPtab:hover    {color:#addd00; background-color: transparent}
.HPtab a.HPtab:active   {text-decoration: none; background-color: transparent}

.HPnavBarWrapper {background-color:#000; height:45px; background-image:url('../images/glass_black_bg.gif'); background-repeat:repeat-x; text-align:center}
.HPnavBarDiv {width:980px; text-align:left; margin: 0 auto}
.HPnavTab {width:155px; text-align:center; font-size:12pt; font-family:Verdana, sans-serif; padding-top:13px; white-space:nowrap;}
.HPnavTabActive {font-weight:bold}
.HPnavSpacer1 {float:left; border-right:solid 1px #000; height:45px}
.HPnavSpacer2 {float:left; border-left:solid 1px #aaa; height:32px; color:#ddd; padding: 13px 0 0 100px; font-size:15px; font-family:Verdana, sans-serif}

.HPheaderTitle {width:500px; font-family:'Trebuchet MS', sans-serif; font-size:20pt; float:right; margin-top:15px; text-align:right}
.HPheaderTitleInner {margin-right:33px; margin-top:25px}
.HPheaderSubTitle {color:#557d97; font-size:13pt}

.HPaboutWrapper {background-color:#fff; background-image:url('../images/grad_gray_light.gif'); background-repeat:repeat-x; text-align:center}
.HPaboutDiv {text-align:left; margin: 0 auto; width:980px}
.HPaboutOuter {float:left; width:430px}
.HPaboutMid {margin:25px; margin-right:0}
.HPaboutInner {border:solid 5px #aaa; border-left:none; border-right:none; padding:10px; font-family:'Trebuchet MS', sans-serif; font-size:15pt}
.HPgetLink {font-family:'Trebuchet MS', sans-serif; font-size:15pt; margin:0 0 15px 80px}

.HPfooterDiv {width:980px; margin: 0 auto}

/*Customers*/
.custTitle {font-family:'Trebuchet MS', sans-serif; font-size:18pt; color:#43a4ef}
.custCol {width:278px; float:left; padding-top:10px; margin-bottom:20px}
.custDesc {font-family:'Verdana', sans-serif; font-size:8pt; background-image:url('../images/grad_gray_light.gif'); background-repeat:repeat-x; padding:20px; padding-top:10px; background-position:0 -80px}
.custDescBullet {list-style:square inside}
.custLink {font-size:15pt; margin-top:70px; float:right; width:600px; font-family:'Trebuchet MS', sans-serif; text-align:right}

/*About YouFig*/
.imageContainerWrapper {width:450px; height:410px; float:left; margin-top:25px; margin-left:65px}
#imageContainer {position:relative; border:solid 1px #999; height:350px; width:450px}
.xfade {position:absolute; left:0; bottom:0}

/*Features*/
.featTitle {font-family:'Trebuchet MS', sans-serif; font-size:18pt; margin-left:10px; margin-top:15px}
.featDesc {font-family:'Verdana', sans-serif; font-size:8pt; margin-left:10px; margin-bottom:15px; width:340px}
.topDesc {margin:0 25px;padding-top:25px; position:relative}
.topSub {font-size:11pt; color:#666; margin-top:10px}
.contentsWrapper {margin:35px 25px 0 25px}
.contentsWrapperOrder {margin:0 25px}
.contentsTitle{border:solid 5px #aaa; border-left:none; border-right:none; padding:10px; font-family:'Trebuchet MS', sans-serif; font-size:15pt; position:relative; height:26px}
.communityOwnerImage {position:absolute; right:0; top:-21px}
.communityUserImage {position:absolute; right:0; top:-29px}
.contentsDesc {width:440px; background-image:url('../images/grad_gray_light.gif'); background-repeat:repeat-x; padding-left:10px}
.contentsIndent {margin-left:20px; margin-top:15px}

/*Order*/
.driveCol {width:445px; margin-bottom:30px}
.driveCardImage {position:absolute; right:0; top:-24px}
.driveKeysImage {position:absolute; right:0; top:-14px}
.HPOrderPageTitle {color:#557d97; font-size:15pt}
.HPformTitleDiv       {float:left; width:350px; color:#000; font-size:8pt; font-weight:bold; padding-bottom:20px; padding-right:10px}
.HPformElementDiv     {float:left; padding-bottom:20px}
.HPformTitleDivConf       {float:left; width:350px; color:#000; font-size:8pt; font-weight:bold; padding:0 10px}
.HPformElementDivConf     {float:left; width:520px}
.HPDivConfWrapper, .HPDivConfWrapperTerms {border-bottom:solid 1px #cacaca; padding:5px 0 10px 0; margin:5px 0;}
.HPDivConfWrapperTerms {background-color:#ddd; margin-top:-5px}
.HPformTitleComment {font-weight:normal; color:#777; font-size:8pt; margin-top:5px}
.HPOrderStart {padding-bottom:50px; font-size:16pt; font-family:'Trebuchet MS', sans-serif; text-align:right}
.HPOrderBackBtn {float:left; margin-top:-51px; position:relative; z-index:5}
.HPOrderLogoutLink {float:right; width:250px}
.HPOrderLoginLink {float:right; width:220px}

/*Blog*/
.HPBlogEntry {width:620px; padding:20px 0}
.HPBlogDate {color:#666; float:right; margin:15px 4px 0 15px}
.HPBlogTitle {font-family:'Trebuchet MS' sans-serif; font-size:24pt; color:#00b3d9}
.HPBlogBody {font-size:11pt; padding:10px 0; text-align:justify}
.HPBlogAuthor {border-top:solid 2px #ccc; color:#666; margin-bottom:0; margin-top:5px; padding-top:15px}
.HPBlogImage {float:right; margin-left:25px; padding:10px}

.HPBlogLinkWrapper {margin:20px 0 0 35px}
.HPBlogLinkEntry {padding:5px; border-bottom:solid 1px #eee}
.HPBlogLinkCol1 {float:left; width:130px; font-size:10pt; color:#777; padding-top:3px}
.HPBlogLinkCol2 {float:left; width:600px; font-family:'Trebuchet MS' sans-serif; font-size:13pt}
.HPBlogLinkSnip {color:#777}

.HPBlogQuote {padding:30px; background-color:#f3f3f3; border:solid 1px #ddd; color:#555; margin:15px 0}