﻿body { margin: 20px 0; }
#page { font: 11px Verdana; background: url(../images/nsdf_h1_min.png) no-repeat scroll 50% -30px; color: #333; padding-bottom: 100px; }
#login { margin-bottom: 70px; text-align: right; }
#login a { color: #ddd; text-decoration: none; font-size: 7pt; letter-spacing: -1pt; }
#login a:hover { background-color: #363; padding: 2px 3px; }
#headline { padding: 20px 0; margin-bottom: 20px; background: #e5e5e5 url(../images/headline-bg-gradient.png) repeat-x scroll; }
#features { width: 330px; text-align: justify; padding-left: 10px; float: left; }
#signup { width: 390px; float: right; background-color: #fdc; padding: 15px 20px 10px 20px; -webkit-border-radius: 10px; }
.column { width: 790px; margin-left: auto; margin-right: auto; }
h1 { margin: 0; font: normal 36px Arial; letter-spacing: -2.1pt; color: #000; text-align: center; line-height: 40px; color: #d10; }
h1 span.standout { font-weight: bold; color: #b00; }
h1 span.subtle { color: #c00; }
ul { margin: 0 0 10px 0; padding: 0; }
li { line-height: 14px; margin: 0 0 2px 0; padding: 3px 0 3px 22px; list-style-type: none; background: url(../images/tick.png) no-repeat scroll 0 1px; }
li.bold { font-weight: bold; }
ul.inline { padding: 0; font-weight: normal; margin-bottom: 4px; }
ul.inline li { display: inline-block; padding: 1px 2px; background-image: none; line-height: 16px; margin: 0; }
li.grey { background-color: #e5e5e5; }
.green { color: green; }
a { color: #363; }
h2 { font: bold 26px Arial; letter-spacing: -1pt; text-transform: lowercase; margin: 0 0 20px 0; color: #666; }
p { margin-bottom: 10px; }
span.star { font-size: smaller; }
hr { border-width: 1px 0 0; border-style: dotted; border-color: #ccc; margin: 0 0 10px; }
p.fineprint { text-align: center; }
form { margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
form .row { margin-bottom: 10px; }
form .row .field .label { font-weight: bold; margin-bottom: 5px; }
form .row .field { display: inline-block; vertical-align: top; margin-left: 10px; }
form .row .field:first-child { margin-left: 0; }
#FirstName, #LastName, #pw1, #pw2, #Email { border: 1px solid #69c; padding: 4px; font: bold 16px Arial; color: #36c; margin: 0;
                                            -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
#FirstName, #LastName, #pw1, #pw2 { width: 180px; }
#Email { width: 380px; }
#buttonrow { text-align: center; padding-top: 10px; }
#signupbutton { padding: 10px 20px; border: none; font: bold 20px Arial; color: White; letter-spacing: -0.05em;
                text-shadow: #030 1px 1px 1px; background: green url(../images/green-button-bg.png) repeat scroll 50% 50%;
                -webkit-box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;
                -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; cursor: pointer; }
form .input-validation-error { border-color: red !important; }
form .field-validation-error { display: block; color: red; margin-top: 2px; }

#selectplan { width: 690px; margin: -10px auto 0; border-top: 1px dotted #ccc; padding-top: 10px; }
.plancolumn { width: 220px; margin: 0 5px; }

.basic { float: left; }
.basic .plantitle { color: #565; text-shadow: #fff -1px -1px 0; }
.basic .info ul { padding-right: 20px; }

.domainfacens { margin: -20px 215px -100px 215px; padding: 15px; position: relative; background-color: #fec; border: 5px solid #fff;
                -webkit-box-shadow: 0 0 16px #999; -moz-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; }
.domainfacens .info { background-color: transparent; }
.domainfacens .plantitle { color: white; text-shadow: #454 0 -1px 0; color: #fff;
                           border-color: #886; background: #ca9 url(../images/plantitle-brown.png) repeat scroll 50% 50%; }
.domainfacens .plantitle .suffix { color: #ff3; }

.domainfacepro { float: right; opacity:0.3; filter:alpha(opacity=30); }
.domainfacepro .info { background-color: #fff; }
.domainfacepro .info ul { padding-left: 20px; }
.domainfacepro .plantitle .suffix { color: #555; }

.plantitle { padding: 10px 10px 25px; text-align: center; font: bold 16px Arial; letter-spacing: -1pt; width: 140px; margin: 0 auto; text-transform: uppercase;
             -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; text-shadow: #fff -1px -1px 0;
             background: #ddd url(../images/plantitle-grey.png) repeat scroll 50% 50%; border-bottom: 0px solid #bbb; }
.tagline { margin: 10px 0; text-align: center; padding: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-weight: bold; }
.center { text-align: center; }
.info {	background-color: #fff; padding: 10px 10px 1px; margin-bottom: 10px;
       	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.selectplanbutton { display: inline-block; cursor: pointer; background-image: url(../images/buy-buttons.png); height: 87px; width: 109px; text-indent: -500px; overflow: hidden; }
.select-free { /*width: 126px;*/ background-position: 0 0; }
.select-free:hover { background-position: 0 -87px; }
.select-ds12-tl { background-position: -126px 0; }
.select-ds12-tl:hover { background-position: -126px -87px; }
.select-ds99-tl { background-position: -235px 0; }
.select-ds99-tl:hover { background-position: -235px -87px; }
.select-soon { background-position: -344px 0; }
.select-soon:hover { background-position: -344px -87px; }
.select-ds12 { background-position: -453px 0; }
.select-ds12:hover { background-position: -453px -87px; }
.select-ds99 { background-position: -562px 0; }
.select-ds99:hover { background-position: -562px -87px; }

#nsbutton { width: 317px; height: 140px; display: block; overflow: hidden; text-decoration: none; text-indent: -1000px;
            background-image: url(../images/download-ns-button.png); margin: 0 auto; }