/*

Title: 		Shell styles
Media:		Screen
Updated: 	Jan 7, 2010


/* ---------------------------
=Layout 
---------------------------- */

.col, .twocol, .threecol, .third {
  width: 222px;
  float: left;
  margin-right: 24px;
  position: relative;
}

.twocol {
  width: 468px;
}

#content .center, #content .centered {
    margin: 0 auto;
    float: none;
    }
    
.threecol {
  width: 714px;
}

    .threecol .half {
        width: 345px;
        float: left;
        position: relative;
        }
        
        .threecol .half.right {
            float: right;
            }

.col.sm {
    width: 140px;
    }

.threecol.wide {
    width: 796px;
    }

.threecol .pad {
    padding: 24px;
    background: #fff;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    }
    
.third {
  width: 304px;
    }

.right, .odd, .f-right .third, .f-right .col {
  margin: 0;
  float: right;
}

.highlight {
  padding: 18px 12px;
  margin-bottom: 42px;
  background: #f6f6f6;
}

div.intro {
	margin-bottom: 25px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	/* fallback */ 
	background-color: #f4f9fe; 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(100% 100% 90deg, #e0ecf8, #f4f9fe); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f9fe), to(#e0ecf8)); 
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#f4f9fe, #e0ecf8); 
	/* Opera 11.10+ */ 
	-webkit-box-shadow: 1px 1px 8px 1px #e8e8e8;
	-moz-box-shadow: 1px 1px 8px 1px #e8e8e8;
	box-shadow: 1px 1px 8px 1px #e8e8e8;
}
	.intro h1 {
		font-size: 32px;
		margin: 25px 0 30px 25px;
		color: #005775;
	}
	
	#content .intro h2 {
		font-size: 20px;
		margin: 0 0 20px 25px;
	}
	
	.intro p {
		font-size: 16px;
		line-height: 24px;
		color: #555555;
		margin-left: 25px;
	}
	
.threecol blockquote {
    float: right;
    width: 209px;
    margin-left: 24px;
    font-size: .875em;
    border-top: 3px solid #e6e6e6;
    padding-top: 12px;
    }
    
    .threecol .blocks blockquote, .entry blockquote, .quote blockquote, .traditional blockquote {
        float: none;
        width: auto;
        margin: 0;
        padding: 36px 0 0;
        border-top: none;
        font-size: 22px;
        line-height: 28px;
        }
        
        .traditional blockquote {
          font-size: 14px;
          color: #555;
          line-height: 21px;
          margin-bottom: 18px;
          }
      
      .quote {
        padding: 48px 0 60px;
        }
        
        .col .quote {
          padding: 0 0 36px;
          }
        
        .quote blockquote {
            width: 514px;
            float: left;
            font-size: auto;
            background: url(/img/bg/bg-blockquote-t.png) 0 0 no-repeat;
            }
            
            .col .quote blockquote {
              width: auto;
              float: none;
              padding-top: 18px;
              background: url(/img/bg/bg-col-quote-t.png) 0 0 no-repeat;
              }
            
            #content .quote blockquote p {
                padding: 10px 54px 52px 60px;
                margin-bottom: 0;
                font-size: 14px;
                line-height: 22px;
                background: url(/img/bg/bg-blockquote-b.png) 0 100% no-repeat;
               }
               
               #content .col .quote blockquote p {
                  padding: 0 18px 30px;
                  margin-bottom: 0;
                  background: url(/img/bg/bg-col-quote-b.png) 0 100% no-repeat;
                  }
            
        .quote .attr {
            width: 180px;
            float: left;
            padding-top: 48px;
            }
            
            .col .quote .attr {
              width: auto;
              float: none;
              text-align: right;
              padding-top: 2px;
              }

.threecol blockquote p {
    padding-left: 12px;
    }
    
    .threecol .blocks blockquote p, .entry blockquote p {
        color: #666;
        background: #f6f6f6;
        padding: 42px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

.highlight.w {
	background: #fff;
	}
	
	.threecol .highlight.w, .twocol .highlight.w {
	   padding-top: 0;
	   }
	   
    .threecol .highlight.w li, .twocol .highlight.w li {
	     list-style: none;
	     margin-left: 0;
	     }
    
    .threecol .highlight.w h2, .twocol .highlight.w h2 {
        font-size: 13px;
        }

.bdr.btm {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	}

/* Rounded corners */

body.resources .highlight, 
body.resource-roundup .highlight,
body.support .highlight, body.customer-solutions .highlight {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
    padding-left: 24px;
    border: 1px solid #e6e6e6;
}

#section {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* ---------------------------
=Type 
---------------------------- */

h1, .title p {
  font-size: 34px; 
  margin: 0;
  line-height: 1;
  padding: 22px 0 0;
  color: #fff;
  }
  
.title h1 {
    margin-right: 204px;
    }
  
  h1.in {
    color: #c33201;
    padding: 0;
    margin-bottom: 32px;
    font-size: 24px;
    }
    
    h1.in span {
        color: #aaa;
        }
    
    .title p a, .title h1 a {
        font-size: 11px;
        text-transform: uppercase;
        padding: 5px 10px;
        background: #085774;
        position: relative;
        left: 10px;
        top: -4px;
    -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      color: #02bffd;
        }
        
        .title p a:hover, .title h1 a:hover {
            color: #fff;
            background: #009dd8;
            }
  
h1.hdr {
	font-size: 1.65em;
	border-bottom: 1px solid #e0e0e0;
	padding: 18px 0 8px;
	margin-bottom: 24px;
	}
	
.col p, 
.col li, 
.col dd, 
.col th, 
.col td, 
.twocol p, 
.twocol li, 
.twocol dd, 
.twocol th, 
.twocol td, 
.threecol p, 
.threecol li, 
.threecol dd, 
.threecol th, 
.threecol td, 
.fullcol p, 
.fullcol li, 
.fullcol dd, 
.fullcol th 
.fullcol td, 
.third p, 
.third li,
.third dd, 
.third th, 
.third td,
.threecol .col p, 
.rr-intro p {
    font-size: 12px; 
    line-height: 18px;
    margin-bottom: 12px;
    color: #222;
    }

.twocol p, .twocol li, .threecol p, .threecol li, .rr-intro p, .entry p, .entry li, .fouroneone p {
    font-size: 14px;
    line-height: 22px;
    color: #444;
    margin-bottom: 18px;
    }
        
        .entry .fullcol h3 {
            color: #222;
            }
    
    #content p.big {
        font-size: 15px;
        line-height: 23px;
        }
    
    #content p.goto {
        font-size: 13px;
        margin-bottom: 12px;
        }

.threecol li {
  margin: 0 0 16px 18px;
  list-style: disc;
}

ul.lined {
  padding-top: 24px;
}

ul.lined li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 14px;
}

.highlight h2, .callout h2 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 12px;
    color: #c33201;
}

.threecol h2 {
    font-size: 20px;
    margin-bottom: 24px;
    color: #333;
    }
    
    .features .threecol h2, .features .entry h2 {
        font-size: 22px;
        font-weight: bold;
        }
        
        .features .entry h2 {
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 6px;
            }

.threecol h3, .title-left h2, .entry h3, .about-us .fouroneone h3 {
    font-size: .915em;
    margin-bottom: 6px;
    color: #c33201;
    }
    
.threecol h4 {
    font-size: .815em;
    font-weight: bold;
    color: #222;
    margin-bottom: 6px;
    }
    
.threecol h5 {
    margin: 30px auto 24px;
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    font-family: georgia, serif;
    font-style: italic;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    margin-left: -24px;
    font-weight: normal;
    padding: 8px 0;
    color: #777;
    }

#content h2.newsletter {
  padding-left: 54px;
  line-height: 35px;
  font-size: .815em;
  margin-bottom: 0;
  background: url(/img/ico/ico-newsletter.jpg) 0 0 no-repeat;
}

h2.gray {
  margin-bottom: 34px;
  font-size: 1.25em;
}

#content h2.head {
    font-size: 20px;
    padding: 0 0 36px;
    margin: 0;
    color: #c33201;
    text-align: center;
    }

h2 a, #section a {
	color: #222;
	}

#section a:hover {
	color: #fff;
	}

.gray {
  color: #666;
}

.green {
  color: #658708;
}

#content .centerit {
    font-size: 22px;
    padding-top: 36px;
    margin: 0 auto 30px;
    text-align: center;
    color: #464646;
    }
    
    #content .intro-rule h2.centerit {
        margin-bottom: 6px;
        }
        
    #content .intro-rule h3.centerit {
        padding-top: 0;
        font-size: 16px;
        margin-bottom: 48px;
        }
    
#content .red {
    color: #c33201;
    }
    
.quickbit {
    padding-bottom: 42px;
    }
   
h3.quick, .quickbit h3 {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #c33201;
    }
    
#content .quickbit p {
    font-size: 12px;
    line-height: 20px;
    color: #555;
    }

.highlight h3 {
  font-size: .75em; /* 12px */
  font-weight: bold;
}

.highlight p {
  color: #444;
  margin-bottom: 18px;
}

p.more {
  text-transform: uppercase;
  font-size: .687em;
}

blockquote {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style:  italic;
  color: #333;
  font-size: .875em; /* 14px */
  line-height: 1.57em; /* 22px */
  margin-bottom: 10px;
}

.threecol blockquote, .entry blockquote {
    color: #444;
    }

cite {
  font-size: .687em;
  color: #777;
}

#content p.feedTitle {
    font-size: .875em;
    margin-bottom: 24px;
    font-weight: bold;
    }

#content p.feedTitle a {
    color: #c33201;
    }
    
#content p.feedTitle a:hover {
    color: #222;
    border-bottom: 1px dotted #ccc;
    }


/* WYSIWYG-formatted type */

#format h2 {
	font-weight: bold;
	margin-bottom: 18px;
	}
	
#format p, #format li {
	margin-bottom: 24px;
	}


/* ---------------------------
Links & Buttons 
---------------------------- */

#content a.viewmore {
    font-size: 13px;
    background: #009dd8;
    color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	padding: 8px 16px;
	position: relative;
	margin: 0 0 60px;
	top: -20px;
	display: inline-block;
	}
    
    #content a.viewmore:hover {
        color: #fff;
        background: #555;
        }

/* ---------------------------
Local nav styles 
---------------------------- */

.lnav {
  position: relative;
  margin: 0 0 48px;
  padding: 0;
}

.lnav .group.draft {
    background: #f0f0f0;
    padding: 16px 0 16px 8px;
    }
    
.lnav .group p {
    font-size: .687em;
    padding: 0 42px 16px 0;
    color: #777;
    border-right: 2px solid #f6f6f6;
    }

.lnav h3, .hdr {
    font-size: .875em;
    margin: 0;
    }
    
    .lnav .group h3 {
        color: #c33201;
        background: none;
        margin: 0 0 6px;
        margin: 0;
        padding: 16px 0 8px 3px;
        border-bottom: none;
        border-right: 2px solid #f6f6f6;
        }
        
        .lnav .group.link h3 {
            position: relative;
            padding-left: 0;
            }
        
        .lnav .group.link h3 a {
            position: relative;
            right: -2px;
            padding-left: 1px;
            }
            
  
.lnav h3 a {
    color: #555;
    border-right: 2px solid #f6f6f6;
    padding-left: 3px;
    }
    
.lnav h3.here a {
    color: #222;
    font-weight: bold;
    border-right: 2px solid #d5e5e5;
    background: #e9f9f9;
    }

.lnav li {
  margin: 0;
}

.lnav li.offsite {
	background: url(/img/ico/ico-offsite.gif) 100% 8px no-repeat;
	}

.lnav a, .lnav li.nolink {
  display: block;
  padding: 4px 0 4px 6px;
  border-right: 2px solid #f6f6f6;
}

.lnav li.here a {
  	color: #000;
    margin: 0;
  padding: 4px 0 4px 6px;
    background: #e9f9f9;
  	}
  	
.lnav a:hover {
    color: #555;
    border-right: 2px solid #d5e5e5;
    }


.lnav li a.Draft {
    color: #999;
    font-style: italic;
    }
    
.lnav li a.new {
    background: url(/img/ico/ico-new.gif) 94% 8px no-repeat;
    }

.lnav li.nolink {
	padding-top: 36px;
	color: #555;
	border-bottom: none;
	}

.lnav li li {
	font-size: .92em;
	}
	
.lnav li.here li a {
	padding-left: 16px;
	background: none;
	  color: #000;
}

.lnav li ul {
	position:  relative;
	}
	
.lnav li li a {
	padding: 5px 0 5px 16px;
	}
	
p.newlink {
	position: relative;
	margin: -18px 0 24px 24px;
	}
	
p.newlink span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .83em; /* 10px */
	color: #555;
	}


/* ---------------------------
Misc 
---------------------------- */

.b {
	padding: 6px;
	background: white;
	border: 1px solid #ddd;
	}

.callout {
  margin-bottom: 42px;
}

.whitepapers img {
  margin-bottom: 12px;
}

.whitepapers h3 {
  font-size: .815em;
  margin-bottom: 12px;
}

.whitepapers ul {
  margin-left: 18px;
}

.whitepapers li {
  list-style:  disc;
  color: #777;
}

input#your-email, input#your-email-blog, input.frm {
  border: 1px solid #ddd;
  margin-right: 4px;
  padding: 4px 3px;
  width: 160px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: .687em;
  font-size: 11px;
}

input.frm {
	width: 140px;}

input.btn-go {
  position:  absolute;
}


    
.newsl h3 {
    margin-bottom: 8px;
    }
    
.highlight.newsl {
  padding: 12px 10px 16px 0;
    background: #fff;
}

.highlight.newsl p {
  margin-bottom: 10px;
}

.twitter {
  margin-bottom: 18px;
}

.twitter .twtr-doc {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.twitter .twtr-hd {
	padding: 0;
	margin-bottom: 8px;
	}
	
	
.twitter .twtr-widget .twtr-tweet-wrap {
	padding: 8px 0;
	margin: 0;
	}

#content .twitter .twtr-widget .twtr-tweet p {
	font-size: 12px;
	line-height: 18px !important;
	color: #444 !important;
	}

.twitter .twtr-widget i {
	font-size: .915em;
	}

#content .twitter .twtr-widget i a {
	color: #999 !important;
}

.twitter .twtr-ft {
    display: none;
    }

.threecol.even .clearfix {
  margin-bottom: 42px;
}

.threecol.btnright {
  margin-bottom: 30px;
}

.threecol.btnright h2 {
  margin-bottom: 12px;
}

.threecol.btnright p {
  width: 468px;
}

.threecol.btnright img.start {
  position:  absolute;
  top: 34px;
  right: 0;
}

.threecol.even.nointro .clearfix {
  margin: 42px 0 0;
}

.threecol.even img {
  float: right;
  margin: 0 0 12px 24px;
}

.threecol.even h4, .threecol.even.nointro h2  {
  float: left;
  font-weight: bold;
  font-size: .875em;
  margin-bottom: 12px;
}

.threecol.even p, .threecol.even ul {
  clear: left;
}

.threecol.even.nointro p, .threecol.even li {
  font-size: .75em;
  color: #444;
}

.success-story {
	margin-bottom: 42px;
	border-top: 1px solid #ddd;
	padding-top: 42px;
	}

.success-story h2 {
  margin-bottom: 18px;
  font-size: 1.25em;}

  .mtop {
    padding-top: 30px;
  }

  .success-story img {
    padding: 12px;
    border: 1px solid #ccc;
  }

  .success-story img.iphone {
    border: none;
    padding: 0;}

    .success-story img.fleft {
      margin-right: 24px;
    }

    .success-story img.fright {
      margin-left: 24px;
    }

img.client-logos {
	margin-bottom: 42px;
	}

    p.pdf a {
      background: url(/img/ico/ico-pdf.gif) 0 2px no-repeat;
      padding-left: 30px;
    }
    
.highlight p.pdf {
	margin-bottom: 6px;
	}
	
#wrap #content p.download-pdf {
  float: right;
  font-size: 13px;
  border: 1px solid #e6e6e6;
  background: url(/img/bg/bg-download-pdf.png) 0 100% repeat-x;
  margin: 0 0 18px 18px;
  }
  
  #content p.download-pdf a {
    display: block;
    padding: 18px 56px 18px 24px;
    background: url(/img/ico/ico-download-pdf.png) 89% 50% no-repeat;
    }
	
span.sm {
	font-size: .687em;
	color: #888;
	}
	


/* ---------------------------
Coda slider 
---------------------------- */

.coda-slider { 
z-index: 90;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: auto; overflow: auto !important; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 714px; } 
    #rotate .coda-slider, #rotate .coda-slider .panel {
  width: 468px;
}

/* Panel padding */
.coda-slider .panel-wrapper, .coda-slider .panel { height: auto; }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }


/* Tabbed nav */

.coda-nav {
  border: 1px solid #e6e6e6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.coda-nav li { 
  font-size: .75em; /* 14px */
  list-style: none;
  margin: 0;
  font-weight: bold;
text-indent: -99999px;
overflow: hidden;
}

.coda-nav li.communicate {
	border-bottom: none;
	}

.coda-nav li a { 
  display: block; 
  padding: 6px 12px; 
  text-decoration: none;
}

.coda-nav a:hover {
  color: #000;
}

.coda-nav li a.current { 
  color: #000;
  position: relative;
}

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
    .coda-slider-wrapper.logos { height: 90px; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* Coda content styles */

h2.title, .threecol.even.nointro h2.title {
  padding: 0;
  margin: 0 0 24px;
  color: #658708;
  float: none;
  font-size: 1.4em;
}

.threecol.even.nointro h2.title {
  margin-bottom: -12px;
}

/* Coda client overrides */

.clients .coda-nav {
  border-bottom: none;
}

.clients .coda-nav ul, ul.client-logos {
  width: 222px;
}

.clients .coda-nav ul li, ul.client-logos li {
  margin: 0 6px 12px 6px;
  width: 58px;
}

ul.client-logos li {
  float: left;
}

.clients .coda-nav li img, ul.client-logos li img {
  width: 54px;
  overflow: hidden;
}

.clients .coda-nav ul li.right {
  margin-right: 0;
}

.clients .coda-nav ul li a, ul.client-logos li a {
  padding: 0;
  height: 44px;
  border: 2px solid #fff;
  display: block;
  opacity: 0.3;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.clients .coda-nav ul li a.current, .clients .coda-nav ul li a:hover, ul.client-logos li a.current, ul.client-logos li a:hover {
  background: #fff;
  border: 2px solid #000;
  opacity: 1;
}

.clients .iphone-h {
  height: 459px;
}

/* ---------------------------
Customer Solutions 
---------------------------- */

.programs {
    padding-bottom: 24px;
    }
    
    body.example-programs .programs, .customer-solutions.overview .programs, .products .programs, .signalhome .programs {
    	padding-bottom: 0;
    	}
    
    body.example-programs.index .programs .col {
    margin-bottom: 20px;
    }
    
    .customer-solutions.overview .programs a.program {
        margin-bottom: 12px;
        }
    
    
.fullcolumn {
	position: relative;
}    

.program img {
    border: 1px solid #d6d6d6;
    box-shadow: -2px 2px 0 #cfcfcf;
    margin-bottom: 12px;
    }
    
     .example-programs.index .program img, .customer-solutions.overview .program img, .products .program img, .signalhome .program img {
        margin-bottom: 6px;
        box-shadow: none;
        border-bottom: none;
        }
    
    .program img:hover {
        box-shadow: -3px 3px 0 #afafaf;
        }
        
        .example-programs.index .program img:hover, .customer-solutions.overview .program img:hover, .products .program img:hover, .signalhome .program img:hover {
            border: 1px solid #868686;
            border-bottom: none;
            box-shadow: none;
            }
    
.programs a.program {
    font-size: 13px;
    position: relative;
    display: block;
    }
    
    .example-programs.index .programs a, .customer-solutions.overview .programs a, .products .programs a, .signalhome .programs a {
        background: #333;
        color: #fff;
        padding: 0 0 8px;
        margin-bottom: 36px;
        }
        
        .example-programs.index .programs a em, .customer-solutions.overview .programs a em, .products .programs a em, .signalhome .programs a em {
            font-style: normal;
            padding-left: 12px;
            }
            
        .example-programs.index .programs a:hover, .customer-solutions.overview .programs a:hover, .products .programs a:hover, .signalhome .programs a:hover {
            color: #02bffd;
            }
    
    .programs a.program span {
        position: absolute;
        top: 0;
        left: 0;
        height: 36px;
        width: 36px;
        background: url(/img/ico/ico-preview.png) 0 0 no-repeat;
        }
        


/* ---------------------------
Site-wide content overrides 

 Blog

---------------------------- */


.blog h2 {
  margin-bottom: 6px;
}

.prod-ups h2, .info h2 {
  margin-bottom: 16px;
}

.blog h3.lt {
  font-size: .75em;
  margin-bottom: 16px;
}

.post {
  margin-bottom: 30px;
}

#content .post h3 {
 margin-bottom: 4px;
font-weight: bold;
 }

.twocol .post h3 {
    font-size: .815em;
  }

.post p {
  margin-bottom: 6px;
}

.post p.by {
  color: #666;
  font-size: .687em;
}

p.feedItemAuthor, .feedburnerFeedBlock p.date {
    color: #666;
    font-size: 11px;
    }
    
.feedburnerFeedBlock li {
    margin-bottom: 24px;
    }
    
#creditfooter {
    display: none;
    }

.rss {
  font-size: .625em; /* 10px */
  text-transform: uppercase;
  /*	position: absolute;
  top: 1px;
  */}

  .blog .rss{
    left: 220px;
  }

  .rss a {
    display: inline-block;
    padding-left: 18px;
    line-height: 14px;
    background: url(/img/ico/ico-rss.gif) 0 0 no-repeat;
  }

/* ---------------------------
Clients 
---------------------------- */

.col.client-list h2 {
  margin-bottom: 16px;
  font-size: .875em;
}

.col.client-list blockquote {
  margin-top: 28px;
  margin-top: 0;
}

.lower {
  border-top: 1px solid #e6e6e6;
  padding-top: 30px;
  clear: both;
  background: #fff;
}

.sub .lower {
  margin-top: 36px;
}


.threecol.resources p {
  width: 468px;
  float: right;
  font-size: .815em;
  line-height: 1.5em;
  color: #444;
}

.date-right {
    margin-bottom: 8px;
    }
    
.date-right.Draft, div.Draft {
    background: #f0f0f0;
    border: 1px solid #eee;
    padding: 12px 12px 0;
    }

.date-right p {
	font-size: .75em;
	color: #888;
	}
	
#content p.Draft {
    float: none;
    width: auto;
    clear: both;
    font-style: italic;
    color: #888;
    font-size: .75em;}
	
.date-right h3 {
  font-size: 13px;
  line-height: 21px;
  color: #444;
	}

.threecol.resources p {
	margin-bottom: 24px;
	width: auto;
	float: none;
	}
	
.threecol.resources p.pdf {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	}

.icon {
  position:  relative;
  padding-left: 58px;
  margin-top: 36px;
}

.icon h2, .threecol.resources h2.green {
  font-size: 1.125em; /* 18px */
  line-height: 1.3em; /* 24px */
  color: #333;
  margin: 0 0 12px;
  color: #658708;
}

.icon img {
  position: absolute;
  top: 3px;
  left: 0;
}

/* ---------------------------
Resources 
---------------------------- */

.resources blockquote {
	padding: 12px 18px;
	margin-bottom: 24px;
	border-left: 4px solid #eee;
	margin-left: 12px;
	}

.resources.white-papers #nav-sub li.here ul {
	display: none;
	}
	
#rc h2.pagetitle {
	font-size: 1.25em;
	margin-bottom: 24px;
	}
	
#rc .icon{
	margin: 0 0 30px;
	}
	
#rc .icon h2 {
	font-size: .875em;
	margin-bottom: 6px;
	color: #555;
	}
	
p.link {
	font-weight: bold;
	position: absolute;
	top: 24px;
	right: 18px;
	}

#rc .icon li {
	font-size: .687em;
	float: left;
	width: 180px;
	margin: 0 0 4px;
	}
	
#rc .highlight {
    padding-top: 18px;
    margin-bottom: 18px;
    }
    
#rc #cse-search-box {
    padding-bottom: 18px;
    }
    
#rc #cse-search-box input {
    padding: 3px;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;}
	
.wpaper {
    margin-bottom: 36px;
	}
	
.wpaper h2 {
	font-size: 1.25em;
	margin-bottom: 6px;
	}

#content .case-studies li {
list-style: none;
  padding-left: 35px;
  background: url(/img/ico/ico-pdf.gif) 0 3px no-repeat;
  font-size: .75em;
  margin-left: 0;
}



/* ---------------------------
Compare table 
---------------------------- */

table#compare {
  margin-top: 24px;
  width: 100%;
}

table#compare th, table#compare td {
  padding: 6px 12px;
  text-align: center;
}

table#compare .left, table#compare .full {
  text-align: left;
}

table#compare .full {
  background:  #d8ebbd;
}

table#compare th {
  background: #c5e6fa;
}

table#compare td {
  border-bottom: 1px solid #c5e6fa;
}

table#compare td.left {
  border-left: none;
}

/* ---------------------------
Contact form 
---------------------------- */

.new_inquiry label  {
	display:  block;
	width: 175px;
	text-align: right;
	margin-right: 20px;
	float: left;
	}
	
.lineup {
	padding-left: 195px;
	display: block;
	}
	
img.map {
	margin-bottom: 12px;
	}

/* ---------------------------
Form styles 
---------------------------- */

.new_inquiry,
.new_inquiry p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}

.new_inquiry .required-fields {
	color: #888888;
	font-size: 11px;
	margin-bottom: 8px;
}

.new_inquiry label {
	width: 155px;
	text-indent: 10px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
}

.new_inquiry input {
	padding: 3px 5px;
}

.new_inquiry fieldset {
	float: left;
	padding: 28px 0 13px;
	margin-bottom: 25px;
	border-top: 1px solid #dce2e9;
	border-bottom: 1px solid #dce2e9;
	background-color: #eef9ff;
	width: 100%;
}

	.new_inquiry .subscribe-to {
		text-align: right;
		font-weight: normal;
	}
	
.new_inquiry #phone_firstthree,
.new_inquiry #phone_lastfour {
	margin-left: 6px;
}

.new_inquiry #inquiry_first_name {
	width: 135px;
}

	.new_inquiry #inquiry_first_name.placeholder,
	.new_inquiry #inquiry_last_name.placeholder {
		color: #a6a9ae;
	}

.new_inquiry #inquiry_last_name {
	width: 135px;
	margin-left: 6px;
}

.new_inquiry select {
	font-family: Arial, Verdana, sans-serif;
	display: block;
    float: left;
    margin-top: 3px;
    padding: 2px;
}

.new_inquiry .hint {
	display: block;
	margin: 5px 0 0 10px;
	float: left;
	font-size: 11px;
	color: #777;
}

.lineup {
	padding-left: 145px;
}

input#inquiry_submit {
	font-family: Arial, Verdana, sans-serif;
	background: url(/img/btn/btn-submit.png) 0 0 repeat-x;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
	color: #fff;
	font-size: 14px;
	margin-left: 145px;
	padding: 8px 18px;
	font-weight: bold;
	cursor: pointer;
}
	
.mktFormMsg {
    color: #c00;
    }
    
span.limit {
    display: block;
    padding: 0 0 8px 175px;
    }

	
/* ---------------------------
Sitemap 
---------------------------- */

#content .sitemap h2 {
	margin-bottom: 6px;
	}

#content .sitemap ul {
	margin-bottom: 24px;
	}

#content .sitemap li {
	margin-bottom: 2px;
	font-size: .815em;
	}
	
#content .sitemap li ul {
	padding-top: 2px;
	margin-bottom: 0;
	}
	
#content .sitemap li li {
	font-size: 1em;
	margin: 0 0 2px 12px;
	}


/* ---------------------------
Image block 
---------------------------- */

div.imagery {
    border-top: 1px solid #e6e6e6;
    padding: 36px 0;
    }

div.img-right img {
	float: right;
	margin: 6px 0 18px 18px;
	padding: 10px;
	border-left: 1px solid #e6e6e6;
	}
	
div.img-left img {
	float: left;
	margin: 6px 24px 18px 0;
	padding: 10px;
	border-right: 1px solid #e6e6e6;
	}
	
.blocks, .entry .clearfix {
    padding: 10px 0;
    }

    .analytics-reporting .blocks,  .features.api .blocks, .a-b-testing .blocks {
        position: relative;
        background: url(/img/bg/bg-blocks.jpg) 0 100% no-repeat;
        padding: 36px 0 102px;
        }

    .analytics-reporting .blocks:last-child,  .features.api .blocks:last-child, .a-b-testing .blocks:last-child {
        border-bottom: none;
        background: none;
        }

.block-left, .block-right, .even .block-right {
    float: left;
    }
    
.block-right, .even .block-left {
    float: right;
    }
	
.block-left, .block-right, .features .full-features .block-left, .features .full-features .block-right {
    width: 340px;
    }
    
    .features.analytics-reporting .block-left, .features.api .block-left, .a-b-testing .block-left {
        width: 222px;
        }
    
 .features.analytics-reporting .block-right, .features.api .block-right, .a-b-testing .block-right {
        width: 411px;
        }
        
    .analytics-reporting .blocks h3, .features.api .blocks h3, .a-b-testing .blocks h3 {
        font-size: 22px;
        padding-top: 30px;
        }
        
    .features .blocks h3 a {
        color: #c33201;
        }
        
    .features .blocks h3 a:hover {
        color: #222;
        }

.features .blocks p, .features .blocks li, .features .entry p, .features .entry li {
    color: #555;
    }
    
    #content .blocks ul.short li, #content .entry ul.short li {
        margin-bottom: 2px;
        }

	
div.vid {
	padding: 10px;
	border: 1px solid #e6e6e6;
	margin: 0 0 24px 0;
	}
	
#content div.vid p {
	width: 430px;
	font-size: .687em;
	color: #333;
	margin-bottom: 0;
	padding-top: 8px;
	}
	
/* ---------------------------
Features 
---------------------------- */

#nav_categories, .feat-hdr {
    background: #f6f6f6;
    padding: 0;
    position: relative;
    }
    
    .feat-hdr {
        padding: 15px 16px 18px;
        }
    
#nav_categories li {
    float: left;
    font-size: 13px;
    }
    
#nav_categories li a, #nav_categories li.lead {
    display: block;
    padding: 15px 16px 18px;
    }
    
    #nav_categories li.lead {
        color: #c33201;
        text-transform: uppercase;
        font-size: 11px;
        }
    
    #nav_categories li a:hover {
        color: #222;
        }

#nav_categories h3 {
    float: left;
    font-size: 12px;
    }
   
.feat-hdr {
    margin-bottom: 36px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	/* fallback */ 
	background-color: #f4f9fe; 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(100% 100% 90deg, #e0ecf8, #f4f9fe); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f9fe), to(#e0ecf8)); 
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#f4f9fe, #e0ecf8); 
	/* Opera 11.10+ */ 
	-webkit-box-shadow: 1px 1px 8px 1px #e8e8e8;
	-moz-box-shadow: 1px 1px 8px 1px #e8e8e8;
	box-shadow: 1px 1px 8px 1px #e8e8e8;
    }
    
.feat-hdr h1, .feat-hdr h2 {
    float: left;
    font-size: 19px;
    padding: 0;
    color: #222;
    }
    
.feat-hdr form {
    float: right;
    }
    
.feat-hdr span {
    display: block;
    clear: both;
    font-size: 14px;
    padding-top: 4px;
    }
    
    
/* ---------------------------
Badges 
---------------------------- */

#content ul.badges {
   float: right;
   margin-bottom: 36px;
    }

ul.badges li {
	float: left;
	margin: 0 0 0 20px;
	height: 56px;
	font-size: .687em;
	list-style: none;
	}
	
ul.badges li a {
	height: 56px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	
ul.badges li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/img/ico/ico-badges.jpg);
	}
	
ul.badges li a:hover span {
	background-position: 0 -56px;
	}
	
ul.badges li.truste {
	width: 40px;
	}
	
ul.badges li.authorize {
	width: 70px;
	}
	
ul.badges li.authorize a span {
	background-position: -58px 0;
	}
	
ul.badges li.authorize a:hover span {
	background-position: -58px -56px;
	}
	
ul.badges li.bbb {
	width: 35px;
	}
	
ul.badges li.bbb a span {
	background-position: -144px 0;
	}
	
ul.badges li.bbb a:hover span {
	background-position: -144px -56px;
	}
	
ul.badges li.geotrust {
	width: 95px;
	}
	
ul.badges li.geotrust a span {
	background-position: -200px 0;
	}

ul.badges li.geotrust a:hover span {
	background-position: -200px -56px;
	}
	
/* Resources Roundup */

.rr-intro {
    margin-bottom: 30px;
    }
    
#rc.roundup .highlight h2 {
    margin-bottom: 12px;
    }
    
#rc.roundup .highlight p {
    padding-left: 16px;
    background: url(http://signalhq.com/images/uploads/ico-arrow.gif) 0 5px no-repeat;
    margin-bottom: 10px;
    }
    
fieldset {
    border: 1px solid #e6e6e6;
    background: #f6f6f6;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 12px;
    }

#content fieldset h3 {
    margin-bottom: 12px;
    }
    
fieldset label {
    display: inline-block;
    width: 120px;
    }
    
#content ul.form-error {
    padding: 18px;
    background: #900;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    }
    
#content ul.form-error li {
    color: #fff;
    margin-bottom: 6px;
    }
    
/* ---------------------------
Client styles used elsewhere 
---------------------------- */

.logos, .section {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 24px;
    margin-bottom: 54px;
    }
    
    ul.logos {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
.section {
    padding-bottom: 48px;
    }

    .section.sm {
        margin-bottom: 30px;
        padding-bottom: 24px;
        }
        
       .section.no-b {
        border-bottom: none;
        padding-bottom: 0;
        }

        
        .section.sm h3 {
            font-size: 16px;
            margin-bottom: 18px;
            }
    
    .bios.section:last-child {
        border-bottom: none;
        padding-bottom: 0;
        }
    
.section h2 {
    padding-top: 18px;
    color: #444;
    }
    
    .section.bios h2 {
        padding-top: 0;
        margin-bottom: 24px;
        }

#content p.viewall {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 11px;
    }

    
.card {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f6f6f6;
    height: 326px;
    padding: 0 12px;
    }
    
.card blockquote {
    border: none;
    padding: 18px 0 0;
    margin: 0;
    float: none;
    width: auto;
    font-size: 15px;
    color: #333;
    height: 180px;
    }
    
.card p.said {
    font-size: 11px;
    color: #666;
    margin-bottom: 30px;
    }
    
.card img {
    margin: 0;
    }
    
    .bios .card a img {
        border: 1px solid #d6d6d6;
        }
        
    .bios .card a:hover img {
        border: 1px solid #969696;
        }
            
/* ---------------------------
Case Studies 
---------------------------- */

.section.case {
    padding-bottom: 30px;
    }
    
    .section.bios {
        margin-bottom: 36px;
        }
            
.case h2 {
    margin-bottom: 6px;
    }

.case h3, .case h4 {
    color: #c33201;
    text-transform: uppercase;
    font-size: 12px;
    }
    
    .section.bios.case h3 {
        margin-bottom: 2px;
        }
        
    .bios.case h4 {
        margin-bottom: 0;
        }
    
    .case h4 {
        text-transform: none;
        margin-bottom: 12px;
        }
    
.case .card {
    margin-bottom: 24px;
    height: 290px;
    }
    
.case.bios .card {
	padding: 12px;
	height: auto;
	position: relative;
	}
        
.team .case.bios .card {
	min-height: 180px;
	}


.case .card h3 {
    padding-top: 18px;
    font-weight: normal;
    margin-bottom: 36px;
    }
    
    .case.bio .card h3 {
        margin-bottom: 0;
        }

.case .card p {
    font-size: 14px;
    line-height: 21px;
    color: #444;
    height: 164px;
    margin: 0;
    }
    
    .case.bios .card p {
        height: auto;
        }
        
    .case.bios p.fullb {
        font-size: 12px;
        margin-bottom: 24px;
        }
    
.case .card p.downl {
    height: auto;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    }

/* ---------------------------
About Us 
---------------------------- */

h3.team {
    font-size: 1.25em;
    padding-top: 24px;
    padding-bottom: 12px;
     border-bottom: 1px solid #e6e6e6;
     color: #c33201;
     margin-bottom: 36px;
    }
    
    .card ul.elsewhere {
        position: relative;
        top: 20px;
        left: 2px;
        padding-bottom: 15px;
        background: none;
        }

ul.elsewhere li {
    margin: 0;
    padding: 1px 0 1px 10px;
    list-style: none;
    }
    
ul.elsewhere.clearfix li {
    margin: 0 8px 11px 0;
    padding: 0 0 0 5px;
    font-size: 11px;
    line-height: 1.125em;
    }
    
ul.elsewhere.clearfix li a {
    }
    
ul.elsewhere.clearfix li a:hover {
    }

.bio {
  padding: 18px 0 0;
  margin-bottom: 24px;
  clear: both;
}

.bio.last {
	border-bottom: none;}


.bio img, .headshot {
    width: 194px;
    display: block;
    }
    
.bio img {
    border: 1px solid #d6d6d6;
    }

.bio h2 {
  margin-bottom: 0;
  color: #222;
}

.bio h3 {
  font-size: .9375em; /* 15px */
  line-height: 1.57em; /* 22px */
  margin-bottom: 6px;
}

.bio p {
	font-size: .815em;
	}

.team .section {
    margin-bottom: 0;
    border-bottom: none;
    }

.team .twocol h2 {
    margin-bottom: 4px;
    }

.team #content h3.m-b {
    color: #c33201;
    font-size: 13px;
    margin-bottom: 24px;
    }
    
div.bdr {
    border-top: 1px solid #e6e6e6;
    padding-top: 36px;
    }

/* ---------------------------
New internal nav 
---------------------------- */


.lnav, 
#snav {
    background: #f6f6f6;
    padding: 0;
    position: relative;
    margin: 0;
    }
    
    .lnav ul, 
    #snav ul {
        margin-bottom: 0;
        }
    
.lnav li, 
#snav li {
    float: left;
    font-size: 13px;
    }
    
.lnav li a, 
.lnav li.here a, 
#snav li a {
    display: block;
    padding: 15px 16px 18px;
    border: none;
    }
    
    .lnav li a:hover, 
    #snav li a:hover {
        color: #222;
        border: none;
        }

.lnav li.here a {
    color: #000;
    background: #fff;
    }
        

/* ---------------------------
Four Points 
---------------------------- */

#points {
    background: #fff;
    padding-bottom: 6px;
    }
       
#points li {
    float: left;
    width: 468px;
    margin: 0 24px 30px 0;
    }
    
    #points li.right {
        float: right;
        margin-right: 0;
        }
    
#points li img {
    margin: 0;
    }
    
    #points a.preview {
        display: block;
        position: relative;
        float: left;
        }
        
        #points li a.preview span {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 36px;
        width: 36px;
        background: url(/img/ico/ico-preview-r.png) 0 0 no-repeat;
        }
    
    #points li a img {
	border: 5px solid #dce2e9;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    }        
    
        #points li a:hover img {
            border: 5px solid #c7cdd3;
            }
    
#points h3, .news h3 {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: bold;
    margin-left: 164px;
    }
    
#points p, .news p {
    font-size: 12px;
    line-height: 20px;
    color: #555;
    margin: 0 0 12px 164px;
    }
    
#points h3 a, .news h3 a {
   color: #444;
    }
        
#points h3 a:hover, .news h3 a:hover {
      color: #02bffd;
    }

/* ---------------------------
Elsewhere & client logos
---------------------------- */

.elsewhere {
  background: #0f212e;
  }
  
  .about-us .elsewhere {
    padding: 12px 0 18px;
    }
  
  #content .elsewhere h3.head, .elsewhere img {
    color: #fff;
    margin: 0;
    padding: 18px 0 18px 24px;
    float: left;
    }
    
    .elsewhere img {
      padding: 16px 0 0 18px;
      }
      
.c-logos {
    padding-top: 30px;
    }
    
    .about-us .c-logos {
    	padding: 0px 0 36px;
    	}

.c-logos h3 {
    float: left;
    }
    
    .about-us .c-logos h3 {
      padding-top: 20px;
      font-size: 20px;
      }
    
.c-logos img {
    padding-top: 16px;
    float: right;
    }    
  
  .about-us .c-logos img {
    padding-top: 0;
    }