/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BODY, WRAPPINGS, ANCHORS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  background: url("/images/signup/bg_sides.png") repeat-y center;
}

#wrapper {
  width: 890px;
  margin: 0 auto;
  background: url("/images/signup/bg_gradient_bottom.png") repeat-x bottom;
}

a { color: #283E70; text-decoration: none; }

a:hover { text-decoration: underline; }




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header {
  width: 890px;
  height: 148px;
  background: url("/images/signup/header.png");
  position: relative;
} 

h1 { display: none; }

#lilmenu {
  font-size: 0.8em;
  color: #767C89;
  position: absolute;
  top: 24px;
  right: 18px;
  text-align: right;
}

#lilmenu a { color: #fff; text-decoration: none; }

#lilmenu a:hover { color: #767C89; }

#logo {
  height:73px;
  left:5px;
  width:390px;
}

.mast {
  height:72px;
  width:389px;
}




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
MAIN MENU
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */       

ul#mainmenu {
  width: 868px;
  height: 51px;
  position: absolute;
  top: 93px;
  left: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#mainmenu li {
  float: left;
  margin: 0;
  padding: 0;
}

ul#mainmenu li a { display: block; }

ul#mainmenu li a span { display: none; }

.home #but_home { width: 182px; height: 51px; }
.home #but_home a { width: 182px; height: 51px; background: url("/images/signup/mainmenu/home/home.png"); }
.home #but_features { width: 168px; height: 38px; }
.home #but_features a { width: 168px; height: 38px; background: url("/images/signup/mainmenu/home/features.png"); }
.home #but_customers { width: 176px; height: 38px; }
.home #but_customers a { width: 176px; height: 38px; background: url("/images/signup/mainmenu/home/customers.png"); }
.home #but_support { width: 156px; height: 38px; }
.home #but_support a { width: 156px; height: 38px; background: url("/images/signup/mainmenu/home/support.png"); }     
.home #but_signup { width: 179px; height: 38px; }
.home #but_signup a { width: 179px; height: 38px; background: url("/images/signup/mainmenu/home/signup.png"); }

.features #but_home { width: 183px; height: 38px; }
.features #but_home a { width: 183px; height: 38px; background: url("/images/signup/mainmenu/features/home.png"); }
.features #but_features { width: 161px; height: 51px; }
.features #but_features a { width: 161px; height: 51px; background: url("/images/signup/mainmenu/features/features.png"); }
.features #but_customers { width: 182px; height: 38px; }
.features #but_customers a { width: 182px; height: 38px; background: url("/images/signup/mainmenu/features/customers.png"); }
.features #but_support { width: 156px; height: 38px; }
.features #but_support a { width: 156px; height: 38px; background: url("/images/signup/mainmenu/home/support.png"); }     
.features #but_signup { width: 179px; height: 38px; }
.features #but_signup a { width: 179px; height: 38px; background: url("/images/signup/mainmenu/home/signup.png"); }   

.customers #but_home { width: 187px; height: 38px; }
.customers #but_home a { width: 187px; height: 38px; background: url("/images/signup/mainmenu/customers/home.png"); }
.customers #but_features { width: 157px; height: 38px; }
.customers #but_features a { width: 157px; height: 38px; background: url("/images/signup/mainmenu/customers/features.png"); }
.customers #but_customers { width: 180px; height: 52px; }
.customers #but_customers a { width: 180px; height: 52px; background: url("/images/signup/mainmenu/customers/customers.png"); }
.customers #but_support { width: 158px; height: 38px; }
.customers #but_support a { width: 158px; height: 38px; background: url("/images/signup/mainmenu/customers/support.png"); }     
.customers #but_signup { width: 179px; height: 38px; }
.customers #but_signup a { width: 179px; height: 38px; background: url("/images/signup/mainmenu/home/signup.png"); }    

.support #but_home { width: 185px; height: 38px; }
.support #but_home a { width: 185px; height: 38px; background: url("/images/signup/mainmenu/support/home.png"); }
.support #but_features { width: 165px; height: 38px; }
.support #but_features a { width: 165px; height: 38px; background: url("/images/signup/mainmenu/support/features.png"); }
.support #but_customers { width: 177px; height: 38px; }
.support #but_customers a { width: 177px; height: 38px; background: url("/images/signup/mainmenu/support/customers.png"); }
.support #but_support { width: 153px; height: 52px; }
.support #but_support a { width: 153px; height: 52px; background: url("/images/signup/mainmenu/support/support.png"); }     
.support #but_signup { width: 181px; height: 38px; }
.support #but_signup a { width: 181px; height: 38px; background: url("/images/signup/mainmenu/support/signup.png"); }   

.signup #but_home { width: 185px; height: 38px; }
.signup #but_home a { width: 185px; height: 38px; background: url("/images/signup/mainmenu/support/home.png"); }
.signup #but_features { width: 165px; height: 38px; }
.signup #but_features a { width: 165px; height: 38px; background: url("/images/signup/mainmenu/support/features.png"); }
.signup #but_customers { width: 177px; height: 38px; }
.signup #but_customers a { width: 177px; height: 38px; background: url("/images/signup/mainmenu/support/customers.png"); }
.signup #but_support { width: 158px; height: 38px; }
.signup #but_support a { width: 158px; height: 38px; background: url("/images/signup/mainmenu/signup/support.png"); }     
.signup #but_signup { width: 176px; height: 52px; }
.signup #but_signup a { width: 176px; height: 52px; background: url("/images/signup/mainmenu/signup/signup.png"); }   





/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HOLDER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#holder {
  width: 890px;
  background: url("/images/signup/bg_gradient_top.png") repeat-x top;
}




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HOME PAGE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.block {
  width: 273px;
  float: left;
  text-align: left;
  display: inline;
  margin: 0 0 0 20px;
}

.block h2, .customer_sidebar h2 {
  color: #283E70;
  margin: 0 0 10px 5px;
  font-size: 1.2em;
}

.block ul, .customer_sidebar ul {
  color: #7D7D7D;
  margin: 0 0 15px 5px;
  padding: 0;
  list-style: none;
}

.block ul li {
  background: url("/images/signup/icons/orange_tick.gif") no-repeat 0 50%;
  padding: 3px 0 0 20px;
  margin: 0 0 10px 0;
}

.block p {
  margin: 0 0 0 10px;
  font-size: 0.8em;
}

.bigfree { 
  text-align: center;
  margin: 0 10px 0 0; 
}

.signupblock { 
  text-align: center;
  background: url("/images/signup/signup.png") no-repeat;
  padding: 10px 0 0 0;
  height: 120px;
  position: relative;
}

.signupblock h2 { font-size: 2em; }

.signupblock p {
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  color: #7D7D7D;
}

.signupblock a {
  display: block;
  position: absolute;
  width: 232px;
  height: 32px;
  top: 83px;
  left: 19px;
}

p.number {
  color: #283E70;
  font-size: 1.5em;
  margin: 15px 0 0 0;
}

#cards { padding: 10px 0 0; }

#cards img { margin-right: 10px; }

.customers img {
  float: left;
  margin: 0 8px 8px 0;
}

.customers h2 {
  margin: 0 0 8px 0;
  font-size: 1.1em;
}

.customers .name {
  color: #7d7d7d;
  font-size: 0.9em;
  margin: 0 0 3px;
}

.customers .position {
  color: #283E70;
  font-size: 0.7emem;
}

.customers blockquote {
  padding: 0 20px 0 0;
  margin: 10px 0 15px 0;
  font-style: italic;
  color: #7D7D7D;
  line-height: 1.6em;
}



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SIDEBAR
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul#sidebar {
  width: 165px;
  float: left;
  display: inline;
  margin: 7px 0 0 11px;
  background: url("/images/signup/bg_sidebar.png") repeat-x;
  list-style: none;
  padding: 0;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  position: relative;
}

ul#sidebar li {
  height: 51px;
  width: 165px;
  padding: 0;
  margin: 0;
  background-position: 11px 50%;
  background-repeat: no-repeat;
  position: relative;
}

ul#sidebar li#signupfreenow a { padding: 0 0 0 7px; }

ul#sidebar li a {
  display: block;
  height: 33px;
  width: 131px;
  padding: 18px 0 0 34px;
}

#dashboard { background: url("/images/signup/icons/dashboard.png"); }
#communications { background: url("/images/signup/icons/communications.png"); }
#rfi { background: url("/images/signup/icons/rfi.png"); }
#changeorders { background: url("/images/signup/icons/changeorders.png"); }
#calendar { background: url("/images/signup/icons/calendar.png"); }
#dailylog { background: url("/images/signup/icons/dailylog.png"); }
#punchlists { background: url("/images/signup/icons/punchlists.png"); }
#reports { background: url("/images/signup/icons/reports.png"); }
#files { background: url("/images/signup/icons/files.png"); }
#images { background: url("/images/signup/icons/images.png"); }
#calltotext { background: url("/images/signup/icons/calltotext.png"); }
#helpfaq { background: url("/images/signup/icons/helpfaq.png"); }
#forums { background: url("/images/signup/icons/forums.png"); }
#weblog { background: url("/images/signup/icons/weblog.png"); }
#about { background: url("/images/signup/icons/about.png"); }

ul#sidebar li.selected { background-color: #fff; }

ul#sidebar li.selected a { color: #7D7D7D; }

a img { border: none !important; }

#cust_signup {
  display: block;
  margin: 10px 0 0 10px;
}

.customer_sidebar { font-size: 0.7em !important; }

.customer_sidebar h2 { margin: 15px 0 10px 8px; }

.customer_sidebar ul {
  margin: 0;
  padding: 0;
}

.customer_sidebar ul li {
  height: auto !important;
  background: url("/images/signup/icons/orange_tick.gif") no-repeat 0 50%;
  padding: 7px 0 7px 32px !important;
  margin: 0 0 10px 0;
}

ul.about .selected a { height: 20px !important; }

ul#sidebar li.sub_top {
  margin: 0 0 5px 0 !important;
}

ul#sidebar li.sub {
  font-size: 0.8em;
  font-family: Verdana, Arial, sans-serif;
  margin: 0 0 30px 0;
  padding: 0 0 0 35px !important;
  height: 14px !important;
}

ul#sidebar li.sub a { 
  height: 14px !important; 
  padding: 0!important;
  font-weight: normal !important; 
}

#forum_summary {
  border: 1px solid #DBDBDB;
  text-align: left;
  width: 228px;
  margin: 15px 0 0 10px;
}

#forum_summary #head {
  background: #F0F0F0;
  padding: 15px;
  position: relative;
}

#forum_summary #head a#feed_link {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("/images/signup/icons/feed.png");
}

#forum_summary #head h2 {
  color: #283E70;
  font-size: 1.3em;
  margin: 0 0 2px 0;
}

#forum_summary #head p {
  color: #7D7D7D;
  font-weight: bold;
  margin: 0;
  font-size: 0.9em;
}

#forum_summary #forumss { padding: 0 15px; }

#forumss #forum {
  padding-left: 25px;
  background: url("/images/signup/icons/forum_read.gif") no-repeat;
  margin: 20px 0;
}

#forumss .unread { background: url("/images/signup/icons/forum_unread.gif") no-repeat !important; }

#forumss #forum h3 { font-size: 0.9em; margin: 0 0 5px 0; }

#forumss #forum p { color: #7D7D7D; font-size: 0.8em; margin: 0; }

#forumss .divider { margin: 15px 0; }

.faq h3 {
  padding-left: 36px;
  height: 30px;
  background: url("/images/signup/icons/q.gif") no-repeat;
}

.post {
  background: url("/images/signup/bg_post.png") no-repeat;
  padding: 15px;
}

.post h3 {
  margin: 0 0 4px 0 !important;
  font-weight: normal;
}

.post p.meta { font-size: 0.7em !important; }

.post p.meta a.commentlink {
  padding: 0 0 0 17px;
  background: url("/images/signup/icons/comments.gif") no-repeat;
}

#searchfeed {
  width: 170px;
  height: 52px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.7em;
  line-height: 1.9em;
}

#searchfeed a {
  background: url("/images/signup/icons/feed.png") no-repeat right;
  padding: 10px 25px 10px 0;
}




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FORUMS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#counts {
  font-weight: bold;
  font-size: 0.9em !important;
}

#counts img { margin: 0 3px 0 0; }

table#forumz { width: 100%; }

table#forumz th {
  color: #fff;
  background: #9D9D9D;
  font-size: 0.9em;
} 

table#forumz td {
  border-bottom: 1px solid #9D9D9D;
}

table#forumz td.forum {
  padding: 5px 30px;
  background: url("/images/signup/icons/forum_read.gif") no-repeat 0 20px;
}

table#forumz td.unread { background: url("/images/signup/icons/forum_unread.gif") no-repeat 0 20px !important; }

table#forumz td.forum h3 {
  margin: 15px 0 2px 0;
  font-size: 1.1em;
}

table#forumz td.forum .counts {
  font-size: 0.7em;
  color: #9F9F9F;
}

table#forumz td.lastpost {
  background: #EBEBEB;
  font-size: 0.8em;
  width: 130px;
  padding: 0 0 0 30px;
}




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
  width: 677px;
  float: left;
  padding: 17px 7px 15px 21px;
  background: #fff;
  margin: 7px 0 11px 0;
  position: relative;
  text-align: left;
}

p#summary {
  width: 295px;
  height: 49px;
  position: absolute;
  top: 30px;
  right: 24px;
  margin: 0;
}

#content p.parent {
  color: #283E70;
  font-weight: bold;
  margin: 0 0 2px 0;
  font-size: 1.2em;
}

#content h2 {
  color: #283E70;
  margin: 0 0 10px 0;
  font-size: 2.8em;
}

#content p {
  margin: 0 0 12px 0;
  padding: 0 20px 0 0;
  color: #585858;
  font-size: 0.8em;
}

#content h3 {
  color: #283E70;
  margin: 20px 0 8px 0;
  font-size: 1.5em;
}

#content h3 span { color: #FA7318; }

div.divider {
  border-bottom: 1px solid #9D9D9D;
  margin: 25px 0 30px;  
  clear: both;      
}

div.content_customers {
  padding-left: 2 !important; 
  width: 657px !important;
}

div.content_customers h2 { margin-bottom: 30px !important; }

div.content_customers img {
  float: right;
  margin: 0 10px 0 20px;
}

div.content_customers blockquote {
  font-size: 0.9em;
  color: #7D7D7D;
  font-style: italic;
  line-height: 1.6em;
  margin: 0 0 10px 0;
}

div.signup_content {
  background: none !important;
  margin: 30px 0 0 20px !important;
  width: 593px !important;
  padding: 0 !important;
}

div.signup_content h2 { margin-bottom: 0; }

h3.try {
  margin: -5px 0 10px 0 !important;
  font-weight: normal;
  color: #F26925 !important;
}

table#signuptable {
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 0.8em;
  border: 8px solid #DBDBDB;
  margin: 20px 0 30px 0;
  text-align: center;
  color: #515151;
}

table#signuptable span.tip {
  border: 0;
}

table#signuptable td, table#signuptable th { 
  border-bottom: 1px solid #DBDBDB;
  border-right: 3px solid #DBDBDB;  
}

table#signuptable td.line {
  text-align: left;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}

table#signuptable th { 
  background: url("/images/signup/bg_gradient_table_top.png") repeat-x bottom;
  font-weight: normal;
  font-size: 0.9em; 
}

table#signuptable td.heads {
  background: url("/images/signup/bg_gradient_blue.png") repeat-x;
  color: #283E70;
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
}

table#signuptable td.heads strong {
  color: #000;
  font-size: 1.3em;
}

table#signuptable td.free {
  background-color: #FF6;
}

.form_block {
  border: 8px solid #DBDBDB;
  background: #fff;
  padding:18px 10px;
  margin: 0 0 20px 0;
  position: relative;
  zoom: 1;
}

.form_block h4 {
  margin: 0 0 15px 0;
  color: #9B9B9B;
  font-size: 1.1em;
}

.form_block label { color: #4C608F; font-weight: bold; }

.form_block input {
  width: 100%;
  padding: 2px;
}

.form_block input.security_code {
  width: 4em;
}

.form_block p { margin: 0 0 12px 0 !important; }

.form_block p.label { margin: 0 0 2px 0 !important; }

div.card_box { float: left; display: inline; margin: 0 10px 10px 0; }

.form_block input#submit { width: auto; padding: 0; }

p#terms { background-color: #fff9d8; width: 97%; padding: 10px; border: solid 1px #ffe8cd; float: right; display: inline; }

p#terms label {
  color: #828282 !important;
  font-weight: normal !important;
  font-size: 9px;
  line-height: 1.5em;
  float: right;
  width: 500px;
}
p#terms a:link { color: #034f7d !important; font-size: 9px; font-weight: normal !important; line-height: 1.5em; text-decoration: underline; }
p#terms input {
  float: left;
  width: auto;
  margin-top: 0;
  margin-right: 5px;
}

.congrats strong { color: #4C608F; }

.highlight { background: url("/images/signup/bg_stripes.gif"); padding: 3px 0 !important; }

.highlight a { color: #F4762F; }

h3.essential { color: #7D7D7D !important; font-weight: normal; }


#more_info, #discounts {
  padding-bottom:.5em;
  background:#fff9d8;
}

#discounts p {
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:0;
  width:100%;
  line-height:1;
}


/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SIGNUP SIDEBAR
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

.signup_sidebar {
  width: 250px;
  float: right;
  padding: 30px 0 0 0;
  font-size: 0.9em;
}

.signup_sidebar .block {
  width: 230px;
  margin: 0 0 20px 0;
  display: inline;
}

.help {
  color: #283E70;
  margin: 0 0 4px 0;
}

.signup_sidebar .block ul { margin-bottom: 30px !important; }

.signup_sidebar .block .number { margin: 0 0 15px 0; }

.signup_sidebar .icons { text-align: center; }

.signup_sidebar .icons img { margin: 0 0 10px 0; }





/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

#footer {
  width: 836px;
  border-top: 1px solid #CCC;
  margin: 20px auto 0 auto;
  padding: 15px 5px 30px 5px;
  font-size: 0.7em;
}

ul#footermenu {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

ul#footermenu li {
  float: left;
  margin: 0 20px 0 0;
  display: inline;
}

#footer p {
  float: right;
  margin: 0;
  color: #585858;
}




/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CORNERS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

.corner {
  width: 7px;
  height: 6px;
  position: absolute;
  top: 0;
  background-repeat: no-repeat !important;
}

#corner_sidebar_white {
  left: 0;
  background: url("/images/signup/corner_sidebar_white.png");
}

#corner_sidebar_grey {
  width: 8px;
  height: 8px;
  left: 0;
  background: url("/images/signup/corner_sidebar_grey.png");
}

#corner_content_right {
  right: 0;
  background: url("/images/signup/corner_content_right.png");
}

#corner_content_left {
  width: 8px;
  height: 8px;
  left: 0;
  background: url("/images/signup/corner_content_left.png");
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
MISC
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.clear { clear: both; } 

.helvetica { font-family: Helvetica, Arial, sans-serif; }



div.half {
  float:left;
  width:49%;
}

#errorExplanation {
  background:#FFC;
  border:5px solid #FEA;
  padding:1em;
  margin:1em 0;
}

#errorExplanation h2 {
  font-size:13px;
  color:#900;
}

#errorExplanation p {
  font-size:12px;
  color:#666;
}

#errorExplanation ul {
  margin:.5em 0 0;
  padding:0 0 0 2em;
}

#errorExplanation li {
  font-size:12px;
  color:#444;
  font-weight:bold;
}

#content #required {
  color: red;
  width: 100%;
  text-align: right;
}

#tooltip {
  border: solid 2px #666;
  padding: 0.7em 1em;
  background-color: #eef4ff;
  font-family:verdana;
  font-size:12px;
  font-weight:normal;
  line-height:1.4em;
  margin:0pt 0pt 20px;
  width: 30em;
}