/* HTML reset & tag properties */
html,body,input,form,fieldset,p,ul,li,img,h1,h2,h3{border:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:0;padding:0}
:focus{outline:none}
fieldset{min-height:560px;overflow:hidden;padding-bottom:45px;position:relative}
label{display:inline-block;font-weight:bold;width:155px}
input{border:1px solid #999;border-bottom-color:#000;border-right-color:#000;font-size:14px;padding:5px}
input:focus{background:#eee;border:1px solid #333}
select{margin-right:15px}
p,h1,h2,h3{margin-bottom:15px}

/* separate page view mode css */
#pageView .regWrapper{background-color:#fff;background-color:rgba(255,255,255,.9);border:2px solid;border-top:0;margin:0 auto;width:720px}
#pageView #header{border:2px solid;border-bottom:none;display:block;margin:0 auto;width:725px}

/* General layout & style properties */
#header,#page_footer{display:none;position:relative}
#header #propertyLink{display:block;height:100%;width:100%}
.rounded,.prevNext{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.boxShadow{-moz-box-shadow:1px 1px 2px #444;-webkit-box-shadow:1px 1px 2px #444;box-shadow:1px 1px 2px #444;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#11000000)}
.bold,#submitbilling,#submit{font-weight:bold}
.red{color:#f00}
.highlight{color:#f00}
.textShadow{text-shadow:1px 1px 2px #444}
.txt_center{text-align:center}
.txt_right{text-align:right}
.spacer{margin:15px}
.even{background:#eee}
.float_left{float:left}
.relative{position:relative}
.overflow{overflow:hidden}

.regWrapper{height:100%;margin:0 auto;min-width:725px;position:relative;width:100%}
.sidebarBG{background:#eee;border-right:1px solid #444; height:100%;left:0;position:absolute;top:0;width:260px}
.step{float:left;margin-right:15px;min-height:500px;padding-left:15px;padding-top:15px;width:230px}
.step h2{font-size:30px}
.step h2 span{color:#444;font-size:22px}
.fieldsetGroup{float:left;margin-left:1px;width:464px}
.group{padding:10px}
td .group{background:none;border:none;padding:0}
#hiddenFields{height:0;min-height:0;padding:0}

/* Step 1 - Login Info */
#usernameInfo,#passwordInfo{background:#fff;display:none;left:15px;padding:15px;position:absolute;text-align:center;top:240px;width:190px;color:#FFF;background:none repeat scroll 0% 0% #AC4825;}
.userName span.ifwebpub{font-size:13px}
#sitename{display:inline-block;height:12px;max-width:105px;overflow:hidden;vertical-align:top}
#noSocial{margin:15px}

/* Step 2 - Subscription plan & plan add-ons */
.purchaseSummary{padding-top:15px}
.purchaseSummary p{padding:0 10px}

.ifUpgrade{/*display:none*/}

.existingCCTable{border:1px solid #444;border-bottom:none;border-spacing:0;width:100%}
.billing-table-summary .existingCCTable td{padding:5px 10px}
.existingHeader{background:#eee}

.billing-table-summary{border-top:1px solid;border-spacing:0;font-size:12px;margin-bottom:15px;text-align:left;width:100%}
.billing-table-summary th,.billing-table-summary td{border-bottom:1px solid #444;padding:10px 20px 10px 10px}
.billing-table-summary thead,.billing-table-summary tfoot,.billing-table-summary .addons{background:#eee;font-size:14px}
.billing-table-summary tfoot{text-align:right}
.billing-table-summary label{line-height:24px;width:120px}
.billing-table-summary tfoot td,.billing-table-summary th{border-right:1px solid #444}

#notPrivate{background:#eee;display:none;margin-top:10px;padding:5px 10px}
.domain_authcode{display:none;margin-top:5px;}
.availMessage,.auth_agree{margin-top:5px;}
.billing-table-summary #notPrivate label{line-height:24px;width:140px}
#notPrivate p{font-size:12px}

.inlineDescription{font-size:11px;font-weight:normal;margin-bottom:0}
.description{font-size:12px;font-weight:normal;margin-bottom:10px}

.siteLockArea{display:none}
.group.callout,td .group.callout{background:#eee;border:2px solid;padding:10px;margin-left:10px}
.group.callout h3,td .group.callout h3{margin-bottom:6px}

.billing-table-summary .imageHolder{margin-right:15px;width:100px}
.addonDescription{width:72%}

.diskSpaceSelect,#sitelockservice{margin-bottom:5px}

/* Step 3 - domains */
#domainIntro{display:block}

.ifDomain{border-top:1px solid #ccc;padding-top:10px;margin-top:10px}

#m_DOM{width:120px}
.dom-btn{color:#fff;padding:5px;text-decoration:none}

.details.registerD{display:block}
.transferD,.registerD{font-size:12px}
.details.transferD,.details.registerD{padding-bottom:10px}

#validate.dom-btn,.transferD{display:none}
#authcode{margin-bottom:10px}
.additionalEmails img{position:absolute;right:0;top:0;width:109px}
	
/* Step 4 - Billing Info */
#totalPayment{padding:10px;text-align:right}
#userPurchasing{background:#fff}
#userPurchasing table{border:1px solid;border-bottom:none!important;border-spacing:0;width:100%}
#userPurchasing table td{border-bottom:1px solid;font-size:12px;padding:5px 10px}
#userPurchasing .upPrice{ text-align:right}

#userCanceling{margin-top:5px;background:#fff}
#userCanceling table{border:1px solid;border-bottom:none!important;border-spacing:0;width:100%}
#userCanceling table td{border-bottom:1px solid;font-size:12px;padding:5px 10px}
#userCanceling .upPrice{ text-align:right}

#userCredit{margin-top:5px;background:#fff}
#userCredit table{border:1px solid;border-bottom:none!important;border-spacing:0;width:100%}
#userCredit table td{border-bottom:1px solid;font-size:12px;padding:5px 10px}
#userCredit .upPrice{ text-align:right}  

.paymentTotal{margin-bottom:10px}

.ccImg,.ppImg{background:url(../img/ccLogos.png) no-repeat -3px 0;display:inline-block;height:20px;vertical-align:text-bottom;width:122px}
.ppImg{background-position:-126px 0;width:70px}
.verifyBG{background:#fff;border:1px solid;margin:0 auto 15px;padding:5px;width:150px}

/* Page Navigation,Form Submission & Legal Block */
.navArea{clear:both;text-align:right}
.navArea.step3nav{margin-bottom:20px}
.prevNext{color:#fff;font-size:18px;margin-right:15px;padding:5px 10px;text-decoration:none}

#cancel{margin-right:15px}
#submitbilling,#submit{color:#fff;font-size:24px;font-weight:normal;cursor:pointer;margin-right:15px}

.disabled{background-color:#bbb}

.legal{font-size:11px;margin-top:10px}
.legal a{font-size:12px;font-weight:bold;text-decoration:none}
.legal a:hover{text-decoration:underline}
.legal.copy_right{font-size:10px;margin:0}
.legal.copy_right a{font-size:10px}
.wearelegit{bottom:15px;left:16px;position:absolute;width:228px}

/* Question Icons & details styling */
.question{background:#599BFE;border:1px solid #1A4E7D;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#fff;float:right;font-size:12px;font-weight:bold;line-height:12px;margin:-1px 0 0 5px;padding:3px 5px 2px;text-decoration:none}
td .question{margin-top:2px}
.question:hover{background:#1A4E7D}

.details{color:#444;display:none;margin-top:5px}
#sideLockD{height:110px;overflow-y:scroll}
.details p,.details ul li,.details ol li{font-size:12px}
.details ul li,.details ol li{margin-bottom:10px}
.details ul,.details ol{padding-left:20px}

.messagedefault p{margin:30px;font-size:12px;color:#444444} 
	
/* Account created / Welcome page */
#welcomePage h1{font-size:22px}
#welcomePage h2{font-size:16px}
.welcomeContainer{overflow:hidden;padding:15px}
.infoParagraph{float:left;width:63%}
.cancelParagraph{float:left;width:100%}
.propertyGraphic{float:right;height:300px;width:33%}

.warning h1{font-size:22px}
.warning h2{font-size:20px}
.warning h3{font-size:22px}
.warning p{font-size:12px}

.messageContainer{padding:30px;height:440px}            
.messageContainer ul li {margin-left:30px}
.messageParagraph{}
.messageNav{text-align:center;padding:10px 0 10px 0}
.messageReminder{text-align:center;}
.messageButton{padding:10px 0 0 0;text-align:center}

/* MOBILE SCREEN SIZE */
@media only screen and (max-device-width:320px),screen and (max-width:460px){ /* @media does not work in ie */
html,body{margin:0;width:auto}
#signupForm,#pageView #header,.regWrapper,#newAccount{margin:0 auto;width:300px}
.step{display:none}
.fieldsetGroup{float:none;margin:0;width:auto}
.sidebarBG{display:none;width:1px}
.details{display:none}
#newAccount{padding:0;float:none}
#noSocial{margin:0}
label{display:block}
.group,.callout{margin:0;padding:5px;width:auto}
fieldset{margin:0;min-height:2px;padding:0;width:auto}
#signupForm.regWrapper,.regWrapper,#pageView .regWrapper{overflow:hidden;margin:0;padding:0;width:300px;min-width:1px}
#signupForm{padding:0;background:#fff;}
.wearelegit,.navArea{position:static;width:auto}
.wearelegit{padding:10px}
.additionalEmails img,.question{display:none}
#m_DOM{margin-bottom:10px}
.billing-table-summary{margin:0;width:auto}
.prevNext{font-size:15px;text-decoration:none}
#submitbilling,#submit{font-size:17px}
.propertyLogo{background:none!important;padding:5px!important}
.propertyGraphic{display:none}
.infoParagraph{float:none;width:auto}
.welcomeContainer{margin:0;padding-bottom:20px}
.existingCCTable{width:auto}
.billing-table-summary .existingCCTable td{padding:5px}
.billing-table-summary th,.billing-table-summary td{padding:5px}
.group.callout,td .group.callout{margin:0;width:auto}
td .group.callout{padding:5px!important}
.group.callout p a{display:block;margin:0 auto 10px;text-align:center;width:80%}
.cardInfo{margin-bottom:0}
.navArea{height:30px;padding-top:15px}
}

#urlExtra{display:none;padding:15px 35px 0 0}
.font14,.font14 p{font-size:14px}
.font12,.font12 p{font-size:12px}
.font10,.font10 p{font-size:10px}
#urlExample{background:url(../img/urlbar.png) no-repeat;display:inline-block;height:12px;font-weight:normal;padding:6px 0 6px 48px;text-align:left;top:-6px;vertical-align:text-top;width:248px}

.group.callout.freeUpgrade,.group.callout.domainUpgrade{overflow:hidden;position:relative;padding-bottom:12px;padding-left:66px}
.group.callout.freeUpgrade span.icon,.group.callout.domainUpgrade span.icon{background:url(../img/upIcons.png) no-repeat;display:block;height:50px;left:8px;position:absolute;width:50px}
.group.callout.domainUpgrade span.icon{background-position:0 -66px}
.group.callout.freeUpgrade .prevNext,.group.callout.domainUpgrade .prevNext{float:right;font-size:14px;text-decoration:none}
.group.callout.domainUpgrade{}

.currentPlanSelection{margin-top:15px}
.planCompare{background:#fffdf3;border:1px solid;margin-bottom:15px;padding:10px 10px 5px}
.planCompare h3{margin-bottom:6px}
.planCompare li{font-size:11px;margin:0 0 3px 15px}
.planCompare li span{font-style:italic}

/* shopping cart */
#newAccount{background-color:#fff;background-color:rgba(255,255,255,.9)}
.basket{background:url(../img/basket.png) no-repeat right 0;height:26px;position:absolute;top:-2px;width:27px}
.tableFooter{position:relative}
#basketContents{display:block;height:26px;width:29px}
#basketList{background:#fff;border:3px solid;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:2px 2px 4px #444;-webkit-box-shadow:2px 2px 4px #444;box-shadow:2px 2px 4px #444;bottom:30px;display:none;font-size:12px;position:absolute;text-align:left;z-index:22}
#basketList table{border-spacing:0}
.removeItem{text-decoration:none}
.removeItem:hover{color:#f00}
.arrow-down{border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid #000;border-bottom:0;height:0;left:4px;position:absolute;width:0;z-index:2}
.closeBasket{background:#000;color:#fff;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;display:block;font-size:11px;padding:5px 7px 4px;position:absolute;right:-12px;text-decoration:none;top:-12px}
.closeBasket:hover{background:#333}

/* non-flow pages */
h5{margin:5px 0}
.clr{clear:both}
.float_right{float:right}

#security2.nonGroup{overflow:hidden}
#security2 label{float:left}
input#question2{float:left}

.nonflow #registrationPages{background-color:#fff;background-color:rgba(255,255,255,0.898438);padding:15px}
.nonflow .fieldsetGroup{float:none;width:auto}
.nonflow p{color:#666;font-size:12px;line-height:1.3em}
.nonflow #passwordInfo{left:476px;top:80px;padding:10px;}
.nonflow .callout{margin-bottom:15px;position:relative}
.nonflow .prevNext.submitForm{cursor:pointer;font-size:24px;text-decoration:none}
.passwordChangeGroup #passwordInfo{color:#FFF;background:none repeat scroll 0% 0% #AC4825;padding:10px;border:1px solid #ff0000;left:475px;top:258px} 

.nonGroup{margin-bottom:10px}
.nonLeft{width:300px}
.nonRight{float:right;width:360px}
.prevNext.float_right{margin:0 0 10px;text-decoration:none}

#newPWblock,#securityQ-block,#alterEmail-block,#userInfo,#personalInfo,#marketingInfo{float:left;width:440px}
#marketingInfo label{font-weight:normal;width:auto}
p.securityInfo{font-size:11px;float:right;width:210px}
#waitConfirm,.callout.error,.error{background:#ffe7eb;border:1px solid #ff0000;padding: 5px;margin: 5px 0 10px 0}
.errorline{background:#ffe7eb;border:2px solid #ff0000;padding: 2px;margin: 2px 0 10px 0}
.callout.error .highlight,.error .highlight{font-size:16px;font-weight:bold}

#sign-in .nonLeft{width:335px}
#sign-in .nonRight{width:315px}
#lost_password .nonLeft{width:395px;padding:20px}
#lost_password .nonRight{width:235px}
#lost_password .send{padding-top:20px}
#lost_password .info{padding-top:10px}
#marketingInfo .nonGroup{margin-bottom:10px}
#marketingInfo .font12{font-weight:bold}
#emailStep1 .nonLeft{width:425px}
#emailStep1 .nonRight{width:225px}
#emailStep2 .nonLeft{width:425px} 
#emailStep2 .nonRight{width:225px}
#emailStep .nonLeft{width:375px}
#emailStep .nonRight{width:245px;margin-left:10px;margin-right:10px}
#userPhoneNumber .nonLeft{width:275px}
#userPhoneNumber .nonRight{width:375px}

@media only screen and (max-device-width:320px),screen and (max-width:460px){ /* @media does not work in ie */
	.float_left,.float_right,.nonRight,#newPWblock,#securityQ-block{float:none}
	.nonLeft,.nonRight,#sign-in .nonLeft,#sign-in .nonRight,p.securityInfo{width:270px}
	#newPWblock,#securityQ-block,#sign-in .callout.nonLeft{width:245px}
	.social-btn{display:block;margin:0 auto 10px}
	#loginBtn{display:block;margin-bottom:15px}
}

.social-login{color:#D10;font-size:15px;font-weight:bold;height:20px;margin-bottom:10px;text-align:center}
.social-redlabel{height:20px;margin-bottom:10px;}
.social-or{margin-bottom:5px;margin-top:10px;}
.social-fillout{margin-bottom:10px;font-size:15px;font-weight:bold;text-align:center}
.socail-bar-left{width:40px;background:#222;margin-top:3px;height:1px;float:left}
.socail-bar-right{width:40px;background:#222;margin-top:3px;height:1px;float:right5}

.thisisnotme{}
#securityType{padding-top:5px}

/* first login as part of the registration flow */
.regFirstLogin label,.regFirstLogin #firstQuestions label.auto{width:auto}
.regFirstLogin #firstQuestions label.auto{margin-right:15px}
.regFirstLogin #firstQuestions label{width:210px}
.regFirstLogin .newsletters{float:left;width:50%}
.regFirstLogin .marketingSocial{float:right;width:45%}
.regFirstLogin h4{font-size:13px;margin:0 0 5px}
.regFirstLogin #marketing-pref{overflow:hidden;padding-bottom:10px}
.regFirstLogin #marketing-pref label{font-size:12px;font-weight:normal;margin-bottom:5px}
.regFirstLogin h3{font-size:20px}
#m_QUESTION{margin-bottom:10px;margin-top:10px;}
#m_QUESTION2{display:none;margin-bottom:10px;}
@media only screen and (max-device-width:320px),screen and (max-width:460px){ /* @media does not work in ie */
	.regFirstLogin .newsletters{float:none;width:auto}
	.regFirstLogin .marketingSocial{float:none;width:auto}
	.regFirstLogin #firstQuestions label.auto{display:inline}
	.regFirstLogin #marketing-pref{width:245px}
	.regFirstLogin #marketing-pref label{display:inline}
	.regFirstLogin #firstQuestions label.auto{margin-right:9px}
	.sQuestion{width:400px}
}

#birthdayPage .bwrapper{min-height:300px;padding:20px 20px 20px 290px}
#birthdayPage .bwrapper h2{font-size:110%}
#birthdayPage .bwrapper p{font-size:110%}
@media only screen and (max-device-width:320px),screen and (max-width:460px){ /* @media does not work in ie */

	#birthdayPage .bwrapper{padding:10px}
    .nonflow #registrationPages{padding:0px}
    .float_left{margin:0 auto;}
}

/* cancel page */
#cancelInterior{padding:15px}
#cancelPage{padding:25px 15px 30px 15px} 
#cancelPage .cancelBig{font-size:20px}
#cancelInterior fieldset{min-height:2px;padding-bottom:5px}
#cancelInterior form .prevNext{cursor:pointer;padding:5px 20px 5px 20px;text-decoration:none}
#cancelInterior #submit{margin:0 0 5px;padding:5px 20px 5px 20px;}

/* billing only files */
#billingPages #billingSubmitArea{margin:0 auto;overflow:hidden;padding-top:15px;width:77%}
#billingPages #billingIntro{padding:10px 15px 0}
#billingPages label{width:120px}
#billingPages span.spacer{margin:0 80px;margin:0 40px}
.billingPagesFooter {display:block;position:relative;text-align:center}       
.billingPagesBody #page_footer{padding:5px 15px 0;text-align:center}
.billingPagesBody fieldset{min-height:200px;padding-bottom:0}
.billingPagesBody #header{position:relative}
.billingPagesBody #logoContainer{position:absolute;right:10px;top:2px}
.billingPagesBody #logoContainer a{background:0;text-decoration:none}
.billingPagesBody #logoContainer img{border:0;vertical-align:middle;width:90px}
.billingPagesBody #logoContainer img#tripodLogo{border:2px solid #444;margin-right:5px;width:70px}
.billingPagesBody .billingPageCS.float_left{text-align:left;width:460px}
.billingPagesBody.nonflow .fieldsetGroup{margin:0}
#refundAmount{color:#000;font-size:20px;text-align:center}
#refundAmount .money{color:#060}

.passwordChangeGroup{display:none;visibility:hidden}
.cancelButton{padding:10px 0 5px 0;text-align:center}
#forgotsuccess .callout{font-weight:bold;font-size:16px;border:0;padding:20px;min-height:200px}
#forgotsuccess .emailsent{font-weight:bold;font-size:18px;padding-bottom:20px}
.forgotEmail{display:none;visibility:hidden}
#emailStep1{display:none;visibility:hidden}
#emailStep2{display:none;visibility:hidden}

.forgotStuff label.username{display:block;margin-bottom:8px;width:auto;}

.confirmationHeader{clear:both;height:60px}
.pleaseWait{text-align:center;font-size:24px;font-weight:bold;padding:10px 0 20px 0}
.confirmationProcess{padding:10px 30px 10px 30px;color:red;text-align:center;font-size:12px}
.confirmationFooter{clear:both;height:120px}
.grey-text-sm{font-size:10px;color:#81808d;}
.lycos_account_info{font-size:28px;padding-bottom:10px}
.personal_info,.market_preference{font-size:16px;font-weight:bold;padding-bottom:10px}  
.change_billing_info{font-size:18px;font-weight:bold;margin-bottom:20px}
.change_membership_info{font-size:14px;font-weight:bold;margin-bottom:10px;border:1;color:green;}

button.loading,input.loading,anchor.loading,#smsverify.loading{background:#ddd url('https://ly.lygo.com/ly/search_mobile/img/loading_small.gif') no-repeat center}
button.disable,input.disable,anchor.disable,#smsverify.disable{background:#ddd;color:#393939;border-color:#aaa}

.billPhone{clear:both}
.billPhone select{width:30%;margin:0px}
.billPhone input{width:30%;margin:0px}

#m_HOMEPHONE{width:100px}
.activate p{font-size:16px}

.errorMessaging{color:#FFF;background:none repeat scroll 0% 0% #AC4825;position:relative;z-index:50;padding:5px 10px;margin:5px 0}
.errorMessaging a:link,a:hover,a:active,a:visited{color:#BBBBFF;text-decoration:underline}
.hide{display:none}
.modal-wrapper{width:100%;height:100%;background:rgba(0,0,0,.30);position:fixed;top:0;left:0;z-index:300;display:none}
.processing-modal{background:#FFF;border:1px solid black;position:fixed;top:50%;left:50%;margin-top:-87px;margin-left:-150px;width:300px;height:175px;z-index:400;text-align:center;padding:10px}
.hidden{display:none}