/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    BODY, WRAPPINGS, ANCHORS
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    background: url("/images/bg_sides.png") repeat-y center;
    }
    
    #wrapper {
      width: 890px;
      margin: 0 auto;
      background: url("/images/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/header.png");
    position: relative;
    } 
    
#logo { left: 5px; width: 390px; height: 73px; }

.mast /*agl rulekind: base;*/ { width: 389px; height: 72px; }
    
    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; }
        
        
        
        
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    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/menu_home_home.png"); }
    .home #but_features { width: 168px; height: 38px; }
      .home #but_features a { width: 168px; height: 38px; background: url("/images/menu_home_features.png"); }
    .home #but_customers { width: 176px; height: 38px; }
      .home #but_customers a { width: 176px; height: 38px; background: url("/images/menu_home_customers.png"); }
    .home #but_support { width: 156px; height: 38px; }
      .home #but_support a { width: 156px; height: 38px; background: url("/images/menu_home_support.png"); }     
    .home #but_signup { width: 179px; height: 38px; }
      .home #but_signup a { width: 179px; height: 38px; background: url("/images/menu_home_signup.png"); }
    .home #but_blog { width: 179px; height: 38px; }
      .home #but_blog a { width: 179px; height: 38px; background: url("/images/menu_home_blog.png"); }
      
    .features #but_home { width: 183px; height: 38px; }
      .features #but_home a { width: 183px; height: 38px; background: url("/images/menu_features_home.png"); }
    .features #but_features { width: 161px; height: 51px; }
      .features #but_features a { width: 161px; height: 51px; background: url("/images/menu_features_features.png"); }
    .features #but_customers { width: 182px; height: 38px; }
      .features #but_customers a { width: 182px; height: 38px; background: url("/images/menu_features_customers.png"); }
    .features #but_support { width: 156px; height: 38px; }
      .features #but_support a { width: 156px; height: 38px; background: url("/images/menu_home_support.png"); }     
    .features #but_signup { width: 179px; height: 38px; }
      .features #but_signup a { width: 179px; height: 38px; background: url("/images/menu_home_signup.png"); }   
    .features #but_blog { width: 179px; height: 38px; }
      .features #but_blog a { width: 179px; height: 38px; background: url("/images/menu_home_blog.png"); }
    
    .customers #but_home { width: 187px; height: 38px; }
      .customers #but_home a { width: 187px; height: 38px; background: url("/images/menu_customers_home.png"); }
    .customers #but_features { width: 157px; height: 38px; }
      .customers #but_features a { width: 157px; height: 38px; background: url("/images/menu_customers_features.png"); }
    .customers #but_customers { width: 180px; height: 52px; }
      .customers #but_customers a { width: 180px; height: 52px; background: url("/images/menu_customers_customers.png"); }
    .customers #but_support { width: 158px; height: 38px; }
      .customers #but_support a { width: 158px; height: 38px; background: url("/images/menu_customers_support.png"); }     
    .customers #but_signup { width: 179px; height: 38px; }
      .customers #but_signup a { width: 179px; height: 38px; background: url("/images/menu_home_signup.png"); }    
    .customers #but_blog { width: 179px; height: 38px; }
      .customers #but_blog a { width: 179px; height: 38px; background: url("/images/menu_home_blog.png"); }

    .support #but_home { width: 185px; height: 38px; }
      .support #but_home a { width: 185px; height: 38px; background: url("/images/menu_support_home.png"); }
    .support #but_features { width: 165px; height: 38px; }
      .support #but_features a { width: 165px; height: 38px; background: url("/images/menu_support_features.png"); }
    .support #but_customers { width: 177px; height: 38px; }
      .support #but_customers a { width: 177px; height: 38px; background: url("/images/menu_support_customers.png"); }
    .support #but_support { width: 153px; height: 52px; }
      .support #but_support a { width: 153px; height: 52px; background: url("/images/menu_support_support.png"); }     
    .support #but_signup { width: 181px; height: 38px; }
      .support #but_signup a { width: 181px; height: 38px; background: url("/images/menu_support_signup.png"); }   
    .support #but_blog { width: 179px; height: 38px; }
      .support #but_blog a { width: 179px; height: 38px; background: url("/images/menu_home_blog.png"); }

    .blog #but_home { width: 185px; height: 38px; }
      .blog #but_home a { width: 185px; height: 38px; background: url("/images/menu_support_home.png"); }
    .blog #but_features { width: 165px; height: 38px; }
      .blog #but_features a { width: 165px; height: 38px; background: url("/images/menu_support_features.png"); }
    .blog #but_customers { width: 177px; height: 38px; }
      .blog #but_customers a { width: 177px; height: 38px; background: url("/images/menu_support_customers.png"); }
    .blog #but_support { width: 158px; height: 38px; }
      .blog #but_support a { width: 158px; height: 38px; background: url("/images/menu_signup_support.png"); }     
    .blog #but_signup { width: 176px; height: 52px; }
      .blog #but_signup a { width: 176px; height: 52px; background: url("/images/menu_signup_signup.png"); }   
    .blog #but_blog { width: 176px; height: 51px; }
      .blog #but_blog a { width: 176px; height: 51px; background: url("/images/menu_blog_blog.png"); }
    
    



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    HOLDER
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
      
  #holder {
    width: 890px;
    background: url("/images/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/icon_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.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/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/icon_dashboard.png"); }
      #communications { background: url("/images/icon_communications.png"); }
      #rfi { background: url("/images/icon_rfi.png"); }
      #changeorders { background: url("/images/icon_changeorders.png"); }
      #calendar { background: url("/images/icon_calendar.png"); }
      #dailylog { background: url("/images/icon_dailylog.png"); }
      #punchlists { background: url("/images/icon_punchlists.png"); }
      #reports { background: url("/images/icon_reports.png"); }
      #files { background: url("/images/icon_files.png"); }
      #images { background: url("/images/icon_images.png"); }
      #calltotext { background: url("/images/icon_calltotext.png"); }
      #helpfaq { background: url("/images/icon_helpfaq.png"); }
      #forums { background: url("/images/icon_forums.png"); }
      #weblog { background: url("/images/icon_weblog.png"); }
      #devlog { background: url("/images/icon_dev.gif"); }
      #about { background: url("/images/icon_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 {
            font-size: 9px;
            font-weight: bold;
            height: auto !important;
            background: url("/images/icon_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/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/icon_forum_read.gif") no-repeat;
            margin: 20px 0;
            }
            
            #forumss .unread { background: url("/images/icon_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/icon_q.gif") no-repeat;
    }

  .post {
    background: url("/images/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/icon_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/icon_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/icon_forum_read.gif") no-repeat 0 20px;
        }
        
        table#forumz td.unread { background: url("/images/icon_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 #9b9b9b;
        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: #9B9B9B !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 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/bg_gradient_table_top.png") repeat-x bottom;
          font-weight: normal;
          font-size: 0.9em; 
          }
        
        table#signuptable td.heads {
          background: url("/images/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;
            }
    
    .form_block {
      border: 8px solid #DBDBDB;
      background: #fff;
      padding: 18px 30px;
      margin: 0 0 20px 0;
      }
      
      .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 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: 500px; 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: 20px;
        }
        
    .congrats strong { color: #4C608F; }
    
    .highlight { background: url("/images/bg_stripes.gif"); padding: 3px 0 !important; }
      
      .highlight a { color: #F4762F; }
      
    h3.essential { color: #7D7D7D !important; font-weight: normal; }
  
  
  
  
  
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    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/corner_sidebar_white.png");
      }
    
    #corner_sidebar_grey {
      width: 8px;
      height: 8px;
      left: 0;
      background: url("/images/corner_sidebar_grey.png");
      }
    
    #corner_content_right {
      right: 0;
      background: url("/images/corner_content_right.png");
      }
    
    #corner_content_left {
      width: 8px;
      height: 8px;
      left: 0;
      background: url("/images/corner_content_left.png");
      }

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    MISC
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  .clear { clear: both; } 
  
  .helvetica { font-family: Helvetica, Arial, sans-serif; }