/* HTML TAG RESETS */
html, body, ul, ol, form, fieldset, input, textarea, button, 
h1, h2, h3, h4, img, a img, p, label, table, tbody, thead, tfoot, tr, td{border:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:normal; margin:0; outline:0; padding:0} 
:focus, input[type="submit"]::-moz-focus-inner{outline:none}
header, article, aside, footer, nav, section{display:block}
input:invalid, input:-moz-ui-invalid{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; outline:none}
body{background:#f2efe9; color:#463434}
a, .link{color:#0c8793}
a:hover, .link:hover{color:#4A6673}
h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif; margin-bottom:5px}
h1, .alpha{font-size:1.8em; font-weight:normal}
h2, .beta{font-size:1.5em; font-weight:normal}
.tiny{font-size:.85em}
.mini{font-size:.75em}
p, li, .base{font-size:1em; line-height:1.4em; margin-bottom:15px}

::-moz-selection{background:#463434; color:#eee; text-shadow:none}
::selection{background:#463434; color:#eee; text-shadow:none}

/*  ----- Use across entire site ----- */
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden}
.clearfix{*zoom:1 /* triggers hasLayout */}
.clr{clear:both; height:0; overflow:hidden}
.float_left{float:left}
.float_right{float:right}
.hide, .ie6clr, .mobileShow{display:none}

.overflow{overflow:hidden}
.txt_center{text-align:center}
.txt_left{text-align:left}
.txt_right{text-align:right}

/* buttons */
.btn{background:#2CC875; border:1px solid #14A156;
	-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
	color:#022814; cursor:pointer; display:inline-block; font-size:18px; padding:5px 10px; text-decoration:none; text-shadow:-1px 0 1px rgba(255, 255, 255, 0.4); -webkit-appearance:none}
	.btn:hover{background:#1BA95D; color:#022814}
	.btn:hover, .btn:focus{text-decoration:none}

.blueBtn{background:#82CBF8; border:1px solid #71B5DF;  color:#16405A; text-shadow:-1px 1px 1px #84DBAC}
	.blueBtn:hover, .greenBtn:focus, .greenBtn.selected{background:#62ABD8; border:1px solid #428BB8; color:#16405A}
.cancelBtn{background:#EFECE5; border:1px solid #C7BFA1; color:#3F3B31}
	.cancelBtn:hover, .cancelBtn:focus, cancelBtn.selected{background:#F1EDDE; color:#3F3B31}

.btnLg{font-size:28px; padding:10px 15px}	
.btnSm{font-size:.9em; padding:5px 10px}

.actionBtns{clear:both; padding:15px 30px; text-align:right}
	.actionBtns h2{margin-bottom:10px}

/* 2014 new begin */
.button-action{background:#53ADDA;color:#FFF;border-radius:20px;border:0px;font-size:20px;height:40px;padding:0 45px;margin-bottom:20px}
.button{text-transform:uppercase;font-weight:700;letter-spacing:.5px;cursor:pointer}
.button-action:hover,.button-action:focus,.button-action:active{background:#4693BA}
.button-action,.button-action:hover,.button-action:focus,.button-action:active{transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease}
/* For buttons that appear inline with form elements */
.button-inline{font-size:13px;padding:5px 15px;height:30px}
/* For the button on the registration form */
.reg-button{width:100%}
.pageHead{margin-top:20px;text-align:center}
.pageTitle{text-transform:uppercase;font-weight:700;font-size:2em;margin:0;line-height:1.3}
.subtitle{font-weight:200;font-size:1.5em;color:#828280;margin:0;line-height:1.3}
.center{text-align:center}
.left{text-align:left}
/* 2014 new end */

/* input areas */
.regInput{background:#f9f9ef; border:1px solid #C8C7B4; font-size:14px; padding:5px 10px; width:70%}
.regInput:focus{background:#fff; border-color:#10A0AE}
/* input for user name */
.regInput1{background:#f9f9ef; border:1px solid #C8C7B4; font-size:14px; padding:5px 10px; width:65%}

.regHolder{background:#e6e4d8; box-shadow:0 0 10px rgba(0,0,0,.1); margin:0 auto; max-width:700px; min-width:300px; padding:10px}
	.regheader{padding:10 10 20 10px; text-align:center}
	.grouping{margin-bottom:2px; padding:5px 10px; position:relative}
	.regLabel{display:block; font-weight:bold; margin-bottom:5px}

#passwordmeter{float:left; font-size:12px}	
	.pwWeak{color:#a00000}
	.pwIsThatTheBestYouCanDo{color:#d57800}
	.pwStrong{color:#14A156}

/* error messaging */
.problems{left:-25px; position:absolute; top:28px}
.problemBlurb, .errorMessaging{background:#fff; border:1px solid #a00000; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,.3); color:#a00000; display:none; font-size:14px;  margin:15px auto; padding:10px 15px; width:95%}
	.problemBlurb p{margin-bottom:0}
.isbad, input:invalid, input:-moz-ui-invalid{border-color:#a00000}

.ifDiscount{color:#555; display:block; padding:3px 0}
.likePaying{color:#14A156; display:block; font-style:italic}

/* iframe styling */
.iframeHide{font-size:.6em;text-align:center;overflow:hidden;padding:20px 0}
.iframeHide li{float:left; height:34px; list-style:none; line-height:34px; margin:0; padding:0 3px}
.iframeHide a, .iframeHide img{display:block; max-height:34px; vertical-align:middle}

#iframeView .iframeHide, #iframeView .regheader{display:none}

/* iframe for landing page */
#iframeView2 .iframeHide, #iframeView2 .subText, #iframeView2 .regheader{display:none}
#iframeView2 body, #iframeView2 html, #iframeView2 .regHolder{background:transparent; box-shadow:0 0 0 transparent;}
#iframeView2 .regHolder {background: transparent;box-shadow: 0;margin: 0 auto;max-width: auto;min-width: auto;padding: 0;}
#iframeView2 .page1 .inputAreas {margin: 0 auto;max-width: auto;width: auto;padding-top: 0;}

/* part 1 specific */
.page1.regHolder{}
.page1 .actionBtns{text-align:center}
.page1 .actionBtns .btn{margin-bottom:15px}
.page1 .subText{font-size:12px; margin:0 auto; width:80%}
.page1 .inputAreas{margin:0 auto; max-width:400px; width:80%; padding-top:20px}
.page1 .regInput{display:block; margin:0 auto 5px; width:94%}

.pCheck{float:right; font-size:12px}
.page1 .errorMessaging{max-width:600px}

/* part 2 specific */
.page2 .newAccount{padding-top:20px}

.planSelection{float:left; padding-left:4%; width:37%}
	.planSelection ul{list-style:none}
	.planSelection li{margin:0; overflow:hidden; padding:5px}
	.planSelection input{float:left; margin-bottom:15px; margin-right:10px; position:relative; top:5px}
	.radioHold{float:left; width:90%}
	.radioHold label{}
	.radioHold label span{font-size:14px; font-weight:normal}
	#m_CCM, #m_CCY{width:100px}
			
.billingInfo{float:right; width:56%}
	.ccImg, .ppImg{background:url(https://ly.lygo.net/ly/reg/img/ccLogos.png) no-repeat; cursor:pointer; display:inline-block; *display:inline; font-size:0; height:27px; margin-right:10px; vertical-align:top; width:129px; *zoom:1}
	.ppImg{background-position:100% 0; width:69px}
	
@media (max-device-width:480px), screen and (max-width:600px){
	.planSelection, .billingInfo{float:none; margin:0 auto; padding:5px 15px; width:auto}
	.planSelection{border-bottom:1px solid #BDB6AE; margin-bottom:10px}
	.regInput{width:90%}
	.page2 .newAccount{padding-top:0}
}

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

.reg-fine-print{font-size: .8em;text-align:center;padding:20px 10px;color: #8C8C8C}

.logos{text-align: center}
.logos a{display: inline-block;height: 30px;width: auto;margin:0 10px 20px 10px}
.logos img{height: 100%}
.recaptcha{padding-left:160px}