﻿* { margin:0; padding:0; }
body { margin:auto; background-color:#9BC03C; font-family:Arial; font-size:12px; color:#254c4f; line-height:1.6em; }
a, a:link, a:visited { color:#9BC03C; }
a:active, a:hover { color:#C2220B; text-decoration:none; }
img { border:0; }

#outerWrapper { width:100%; background-color:#FFFFFF; overflow:auto; }
#header { overflow:visible; margin:37px auto 10px auto; width:915px; }
#header img { height:36px; width:467px; border:0; }
hr { border:0; border-top:dashed 1px #82B00B; height:1px; }

#header #headerMenu { margin:6px 0 0 -12px; padding:0; height:23px; }
#header #headerMenu li { float:left; list-style:none; position: relative; display: inline; background-repeat:no-repeat; text-indent:-5000px; }
#header #headerMenu li a { display:block; position:relative; outline:none; }
#header #headerMenu #mFeatures a { background-image:url(/_res/img/menu-features.gif); width:79px; height:23px; background-position:0 0; }
#header #headerMenu #mPricing a { background-image:url(/_res/img/menu-pricing.gif); width:67px; height:23px; background-position:0 0; }
#header #headerMenu #mDesigns a { background-image:url(/_res/img/menu-designs.gif); width:70px; height:23px; background-position:0 0; }
#header #headerMenu #mFAQ a { background-image:url(/_res/img/menu-faq.gif); width:47px; height:23px; background-position:0 0; }
#header #headerMenu #mAbout a { background-image:url(/_res/img/menu-about.gif); width:62px; height:23px; background-position:0 0; }
#header #headerMenu #mContact a { background-image:url(/_res/img/menu-contact.gif); width:75px; height:23px; background-position:0 0; }
#header #headerMenu #mSignIn a { background-image:url(/_res/img/menu-signin.gif); width:64px; height:23px; background-position:0 0; }
#header #headerMenu #mHome a { background-image:url(/_res/img/menu-home.gif); width:56px; height:23px; background-position:0 0; }

#header #headerMenu a:hover { background-position:0 -23px !important; }
#header #headerMenu .on a { background-position:0 -23px !important; }

#getStarted { width:915px; font-size:18px; margin-top:20px; overflow:auto; height:90px; }
#getStarted .promo-box { margin:0 18px 0 10px; float:right; border:0; width:255px; }
#getStarted p { margin:15px 0 0 0; }

#contentRegion { width:915px; margin:25px auto 25px auto; overflow:hidden; }
#contentRegion div.splashBox h2 { width:290px; height:281px; text-indent:-5000px; margin-bottom:13px; }
#contentRegion #mainRegion { width:600px; }
#contentRegion #subNavsRegion { width:255px; padding-left:60px; }
#mainRegion, #subNavsRegion { float:left; }

#mainRegion h1 { margin:3px 0 10px 0; font-family:Arial; color:#3A7176; font-size:24px; font-weight:bold; }
#mainRegion h2 { margin:0 0 3px 0; color:#9BC03C; font-size:18px; font-weight:normal; }
#mainRegion h3 { margin-bottom:0px; font-size:14px; color:#3A7176; }
p { margin:0 0 15px 0; }
#mainRegion blockquote { margin:0 0 0 25px; }

#mainRegion ul, #mainRegion ol { margin: 0 0 15px 25px; }
#mainRegion ul li, #mainRegion ol li { font-size: 12px; padding: 3px 0 5px 3px; } 
#mainRegion ul.bigtick, #mainRegion ul.bigcross { margin: 0 0 15px 10px; list-style: none; }
#mainRegion ul.bigtick li { padding: 0 0 4px 20px; line-height: 1.4em; list-style:none; background: url(/_res/img/icons/tick.gif) no-repeat 0 3px; }
#mainRegion ul.bigcross li { padding: 0 0 4px 20px; line-height: 1.4em; list-style:none; background: url(/_res/img/icons/cross.gif) no-repeat 0 4px; }
/*input { font-family:"Courier New", Courier; }*/

.form { }
.form label { display:block; text-align:right; position:relative; z-index:2; padding:4px; margin:2px; }

.form label input, .form label textarea, .form label select { margin-left:5px; margin-right:15px; }
.form label input, .form label textarea, .form label select, .form label span, .form label strong { position:relative; z-index:2; }

.form label span.error { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ededed; z-index:1; }
.form label span.error img { margin:10px 6px 0 0; z-index:2; }
.form label.small { width:200px; }
.form label.medium { width:350px; }
.form label.large { width:550px; }

.form label.small input, .form label.small textarea { width:75px; }
.form label.medium input, .form label.medium textarea, form label.medium select { width:225px; }

.form label.large input { width:425px; }

.contact label.large textarea  { width:425px; height:70px; }

.contact .errorBox { margin:25px 0 10px 110px; }
.contact .actionButton { margin-left:112px; margin-top:10px; width:85px; }

.signin .actionButton { margin-left:110px; margin-top:10px; }
.signin .errorBox { margin:25px 0 10px 110px; }

.signup .usage { display:block; margin:10px 0 0 0; }
.signup textarea { width:375px; height:100px; position:relative; left:105px; z-index:2; }
.signup label.medium { width:425px; }
.signup label.medium input { width:300px; }
.signup label.medium select { width:304px; }
.signup .check { text-align:left; margin-left:-1px; }
.signup .check input { width:auto !important; margin-left:105px; }
.signup .actionButton { margin:0 0 0 108px; width:188px; }
.signup .errorBox { margin:25px 0 10px 110px; }

.signup .pricing-box { padding:0 0 0 105px; }
.signup .pricing-box label { display:inline; }

.signup .box { width:480px; padding:6px 24px 6px 6px; position:relative; }
span.error { text-align:right; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ededed; z-index:1; }
span.error img { margin:8px 4px 0 0; z-index:2; }

.required { font-weight:bold; }

.top { vertical-align:top; }

.errorBox { color:#C2220B; }
.errorFlag { font-family:Courier New, Courier; font-size:18px; font-weight:bold; color:#C2220B;  }
.errorField { background-color:#C2220B; }
.errorBox { margin-bottom:8px; }
.errorBox ul { margin:0 !important; padding:0 !important; }
.errorBox ul li { margin:0 !important; padding: 0 0 4px 18px !important;  line-height: 1.4em; list-style:none; background: url(/_res/img/icons/cross.gif) no-repeat 0px 4px; }

.splashBox { font-size:13px; float:left; width:290px; margin-right:15px; padding-bottom:15px; }
.highlight { font-size:18px; color:#82B00B; }
#compose h2 { background-image:url(/_res/img/splash-compose.jpg); }
#analyse h2 { background-image:url(/_res/img/splash-analyse.jpg); }
#deliver h2 { background-image:url(/_res/img/splash-deliver.jpg); }

#footerWrapper { width:100%; background-color:#9BC03C; height:220px; background:url(/_res/img/footer-background.gif) repeat-x; }
#footer { font-family:Verdana; font-size:10px; height:53px; width:915px; margin:0 auto 0 auto; padding-top:15px; }
#footer ul { margin:0; padding:0; list-style-type: none; }
#footer ul li { float:left; margin-right:25px; list-style:none; position: relative; display: inline; }
#footer img { float:right; border:0; }

#subNavsRegion h2 { background:url(/_res/img/icons/arrow.gif) no-repeat 0 3px; padding-left:20px; margin:32px 0 11px 0; font-family:Arial Narrow, Arial; font-size:22px; color:#9BC03C; text-transform:uppercase; font-weight:bold; }
#subNavsRegion h2.no-navs { background:none; padding-left:0; }

.AspNet-TreeView ul { margin:0; padding:0; width:255px; border-bottom:dashed 1px #9BC03C; }
.AspNet-TreeView ul li { list-style:none; height:27px; padding:4px 0 4px 0; border-top:dashed 1px #9BC03C; }

.AspNet-TreeView ul li a { font-size:14px; background-color:#FFFFFF; font-weight:bold; text-decoration:none; display:block; width:235px; height:22px; padding:4px 0 1px 20px; }
.AspNet-TreeView ul li a:hover, .AspNet-TreeView ul li a:active { color:#FFFFFF; background-image:url(/_res/img/sidenavs-background.gif); }
.AspNet-TreeView ul li.on a { color:#FFFFFF; background-image:url(/_res/img/sidenavs-background.gif); }

.featureBox { clear:left; vertical-align:top; margin-bottom:7px; overflow:auto; }
.featureBox img { float:left; margin-right:15px; }
.featureBox h2 { margin:0 0 3px 0; padding-top:4px; color:#9BC03C; font-size:18px; font-weight:normal; }

.red { background-color:#C2220B !important; background-image:none !important; padding:0px 8px 0px 8px !important; font-weight:bold; }
.actionButton { border:solid 1px #F8F8F8; border-bottom-color:#9F9F9F; border-right-color:#9F9F9F; background:#9BC03C url(/_res/img/btn-bkgd-green.jpg) no-repeat left; padding:0px 8px 0px 20px; height:25px; text-transform:uppercase; font:bold 12px Arial; color:#FFFFFF; }

.price-banner { float:left; margin:5px 10px 0 0; }
.dollars10 { margin-bottom:40px; }
.dollars800 { }
.dollars1200 { margin-bottom:15px; }

.forgot { margin:5px 0 0 110px; }
