/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

#account_bar_wrapper {
  background: #ad2f0d url("/images/account_bar_bg.png") repeat-x top;
  border-bottom: 1px solid #80270b;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, Sans, sans-serif;
  font-size: 93%; }
  #account_bar_wrapper #account_bar {
    margin: 0 auto;
    width: 940px;
    overflow: hidden; }
    #account_bar_wrapper #account_bar #account {
      float: right; }
      #account_bar_wrapper #account_bar #account li {
        float: left;
        margin-right: 5px; }
      #account_bar_wrapper #account_bar #account a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px; }
      #account_bar_wrapper #account_bar #account a:hover {
        background: #852b11; }

#header_wrapper {
  background: #bd3d12 url("/images/n/header-bg.png") repeat-x;
  border-top: 1px solid #e65f2e; }
  #header_wrapper #header {
    height: 70px;
    margin: 0 auto;
    width: 940px;
    overflow: hidden; }
    #header_wrapper #header h1 {
      overflow: hidden;
      width: 165px;
      height: 66px;
      float: left; }
      #header_wrapper #header h1 a {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        background: url("/images/n/logo.png") no-repeat 50% 50%;
        display: block;
        float: left;
        width: 165px;
        height: 66px; }
    #header_wrapper #header #tabs {
      float: right;
      padding-right: 10px;
      width: 640px; }
      #header_wrapper #header #tabs li {
        float: right;
        height: 70px; }
      #header_wrapper #header #tabs li.lavaback {
        position: absolute;
        z-index: 8; }
        #header_wrapper #header #tabs li.lavaback .lavaleft {
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          background: #d14414;
          margin-top: 20px;
          height: 30px;
          padding: 0 13px; }
      #header_wrapper #header #tabs a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 10;
        height: 70px;
        line-height: 70px;
        padding: 0 13px;
        text-shadow: #80270b 0 1px 0; }

input, textarea, select {
  color: #334; }

input.text, input.password, textarea {
  border: 1px solid #99a;
  padding: .4em;
  outline: none; }
  input.text:focus, input.password:focus, textarea:focus {
    border-color: #D14414; }

input.button, input.submit, input.reset, button {
  background: #D14414;
  color: #fff;
  cursor: pointer;
  border: 1px solid #F77F00;
  border-bottom-color: #4C280F;
  border-right-color: #4C280F;
  padding: .35em .5em;
  width: auto; }
  input.button:hover, input.submit:hover, input.reset:hover, button:hover {
    color: #EFB22D; }
  input.button:focus, input.submit:focus, input.reset:focus, button:focus {
    border-color: #4C280F #F77F00 #F77F00 #4C280F;
    outline: none; }

html {
  background-color: #eef0f2;
  color: #667; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; }

a {
  color: #0051ba; }

a:hover {
  color: #d14414; }

strong {
  font-weight: bold; }

#container {
  margin: 20px auto 10px auto;
  width: 960px;
  overflow: hidden;
  background: #eef0f2 url("/images/grey/960_header.png") no-repeat top; }

#content {
  background: #eef0f2 url("/images/grey/960_page.png") repeat-y;
  color: #334;
  overflow: hidden;
  margin-top: 20px;
  padding: 0 10px; }
  #content h1 {
    font-size: 208%;
    color: #334;
    padding: 5px 0 0 20px; }
  #content h1.subheader {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 7px 20px;
    clear: both; }
  #content h2 {
    font-size: 174%;
    line-height: 100%;
    color: #d14414;
    margin-bottom: 0.75em; }
  #content h3 {
    font-size: 138.5%;
    color: #0051ba;
    margin-bottom: 0.25em; }
  #content div.sidebar {
    width: 220px;
    float: left;
    background: url("/images/n/sidebar_line_left.png") no-repeat right bottom;
    padding: 20px 0 120px; }
    #content div.sidebar ul.menu a {
      display: block;
      background-color: #f6f8f9;
      color: #99a;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #e8e8e8;
      text-transform: capitalize;
      text-decoration: none;
      font-size: 123.1%;
      font-weight: 500;
      padding: 7px 0 7px 20px; }
    #content div.sidebar ul.menu a:hover {
      color: #d14414; }
    #content div.sidebar ul.menu li.current a {
      background-color: #d14414;
      color: #fff;
      border: none; }
  #content div.content {
    width: 680px;
    margin: 15px 20px 0 20px;
    float: left; }
    #content div.content p, #content div.content dd, #content div.content blockquote {
      font-size: 108%;
      line-height: 140%; }
    #content div.content p, #content div.content dd {
      margin-bottom: 1em; }

#footer {
  background: #eef0f2 url("/images/grey/960_footer.png") no-repeat top;
  padding-top: 35px;
  clear: both;
  text-align: center;
  color: #99a; }
  #footer div.links {
    font-size: 93%; }
  #footer a {
    text-decoration: none;
    padding: 0 5px 0 3px;
    border-right: 1px solid #99a; }
  #footer a.last {
    border: none; }
  #footer .copy {
    font-size: 85%;
    padding: 0.75em; }
  #footer #fine_print {
    font-size: 85%; }

.tatango-about #content #team_photos {
  overflow: hidden;
  padding-left: 140px;
  margin-bottom: 30px; }
  .tatango-about #content #team_photos div {
    float: left;
    margin-right: 13px;
    overflow: hidden; }
  .tatango-about #content #team_photos img {
    float: left;
    margin-bottom: 5px; }
  .tatango-about #content #team_photos span {
    text-align: center;
    display: block;
    clear: both;
    font-weight: bold; }
  .tatango-about #content #team_photos .last {
    margin: 0; }
.tatango-about #content .testimonials li {
  overflow: hidden;
  margin-bottom: 20px; }
.tatango-about #content .testimonials blockquote {
  width: 540px;
  margin-bottom: 0.5em;
  background: #fff;
  color: #334;
  float: right; }
.tatango-about #content .testimonials cite {
  font-size: 108%;
  line-height: 140%;
  width: 540px;
  float: right; }
.tatango-about #content .testimonials strong {
  color: #334; }
.tatango-about #content .testimonials em {
  color: #667;
  font-size: 0.9em;
  font-style: italic;
  margin-left: 20px; }
.tatango-about #content .testimonials .photo {
  width: 100px;
  height: 100px;
  float: left;
  background: url("/images/n/testimonials/frame.png") no-repeat top left; }
  .tatango-about #content .testimonials .photo img {
    margin: 14px 0 0 14px; }
.tatango-about #content .press {
  margin-top: 30px; }
  .tatango-about #content .press li {
    overflow: hidden; }
  .tatango-about #content .press .logo {
    float: left;
    width: 200px; }
  .tatango-about #content .press .info {
    float: right;
    width: 450px; }
  .tatango-about #content .press .author, .tatango-about #content .press .date {
    display: inline;
    color: #667; }
  .tatango-about #content .press .author {
    padding-right: 10px;
    border-right: 1px solid #e0e0e0; }
    .tatango-about #content .press .author a {
      color: #667;
      text-decoration: none; }
    .tatango-about #content .press .author a:hover {
      color: #d14414;
      text-decoration: underline; }
  .tatango-about #content .press .date {
    padding-left: 10px; }
  .tatango-about #content .press blockquote {
    margin: 0.5em 0 1.5em;
    background: #f6f8f9;
    color: #667;
    padding: 10px 20px;
    font-size: inherit; }
.tatango-about #content .top-ten li {
  font-size: 108%;
  line-height: 140%;
  padding-left: 45px;
  background: url("/images/n/bullets/1.png") no-repeat left;
  margin: 1em 0; }
  .tatango-about #content .top-ten li.two {
    background-image: url("/images/n/bullets/2.png"); }
  .tatango-about #content .top-ten li.three {
    background-image: url("/images/n/bullets/3.png"); }
  .tatango-about #content .top-ten li.four {
    background-image: url("/images/n/bullets/4.png"); }
  .tatango-about #content .top-ten li.five {
    background-image: url("/images/n/bullets/5.png"); }
  .tatango-about #content .top-ten li.six {
    background-image: url("/images/n/bullets/6.png"); }
  .tatango-about #content .top-ten li.seven {
    background-image: url("/images/n/bullets/7.png"); }
  .tatango-about #content .top-ten li.eight {
    background-image: url("/images/n/bullets/8.png"); }
  .tatango-about #content .top-ten li.nine {
    background-image: url("/images/n/bullets/9.png"); }
  .tatango-about #content .top-ten li.ten {
    background-image: url("/images/n/bullets/10.png"); }

.tatango-learn #content span.subtitle {
  display: block;
  margin: -12px 0 15px;
  color: #667; }
.tatango-learn #content ul.placement {
  padding-left: 25px; }
  .tatango-learn #content ul.placement li {
    list-style-type: square;
    padding-bottom: 3px;
    font-size: 108%;
    line-height: 140%; }
.tatango-learn #content ol {
  padding-left: 25px; }
  .tatango-learn #content ol li {
    list-style-type: decimal;
    padding: 0 0 15px 5px;
    font-size: 108%;
    line-height: 140%; }
.tatango-learn #content dl {
  margin-bottom: 15px; }
.tatango-learn #content dt {
  color: #0051ba;
  font-size: 138.5%;
  margin-bottom: 0.25em; }
.tatango-learn #content .case-image {
  float: right;
  padding: 3px;
  margin: 0 0 10px 20px;
  border: 1px solid #e6e6e6; }
  .tatango-learn #content .case-image img {
    float: left; }

#content .compare_sms li {
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 15px;
  padding: 5px 0 20px;
  overflow: hidden;
  clear: both; }
  #content .compare_sms li div.image {
    float: left;
    width: 120px; }
    #content .compare_sms li div.image img {
      float: right; }
  #content .compare_sms li div.source a {
    color: #667;
    text-decoration: none; }
  #content .compare_sms li div.source a:hover {
    color: #d14414;
    text-decoration: underline; }
  #content .compare_sms li div.info {
    float: right;
    width: 535px;
    padding-top: 20px; }
  #content .compare_sms li h3 {
    margin-bottom: 0; }
  #content .compare_sms li blockquote {
    background: #f6f8f9;
    color: #667;
    margin-top: 0.65em;
    padding: 10px 20px;
    font-size: inherit; }
  #content .compare_sms li a {
    text-decoration: none; }
  #content .compare_sms li a:hover {
    text-decoration: underline; }
#content .compare_sms li.last {
  border-bottom: none;
  margin-bottom: 0; }

#content .articles li {
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  #content .articles li p {
    margin: 0; }
  #content .articles li a {
    text-decoration: none; }
  #content .articles li a:hover {
    text-decoration: underline; }
#content .articles li.last {
  border-bottom: none;
  margin-bottom: 0; }

#content .case_studies li {
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 15px;
  padding: 5px 0 20px;
  overflow: hidden;
  clear: both; }
  #content .case_studies li div.logo {
    float: left;
    width: 230px; }
    #content .case_studies li div.logo img {
      margin: 0 auto;
      display: block; }
  #content .case_studies li div.info {
    float: right;
    width: 425px; }
  #content .case_studies li blockquote {
    margin: 0; }
  #content .case_studies li a {
    text-decoration: none; }
  #content .case_studies li a:hover {
    text-decoration: underline; }
#content .case_studies li.last {
  border-bottom: none;
  margin-bottom: 0; }

.questions #content div.sidebar {
  width: 220px;
  padding-left: 20px;
  padding-right: 20px;
  background: url("/images/n/sidebar_line.png") no-repeat left top;
  min-height: 366px; }
  .questions #content div.sidebar h2 {
    font-size: 161.6%;
    color: #334;
    margin-bottom: 0.75em; }
  .questions #content div.sidebar h3 {
    font-size: 108%;
    font-weight: bold;
    color: #334; }
  .questions #content div.sidebar p {
    font-size: 108%;
    line-height: 140%;
    margin-bottom: 1.5em; }
.questions #content div.content {
  width: 640px; }
  .questions #content div.content li {
    font-size: 108%;
    line-height: 140%;
    background: url("/images/icons/documents_trans.png") no-repeat 0 3px;
    padding-left: 20px;
    margin-bottom: 7px; }
    .questions #content div.content li a {
      text-decoration: none;
      color: #334; }
    .questions #content div.content li a:hover {
      text-decoration: underline;
      color: #0051ba; }
.questions #content .subsection {
  width: 92%;
  border-bottom: 1px dashed #eee;
  margin-bottom: 20px;
  font-size: 138.5%;
  line-height: 160%; }
  .questions #content .subsection a {
    white-space: nowrap; }
.questions #content .footnote {
  width: 92%;
  font-size: 138.5%;
  line-height: 160%; }
.questions #content .category {
  margin-bottom: 25px; }
.questions #content .column {
  float: left;
  overflow: hidden;
  width: 45%;
  margin-left: 2.5%; }
.questions #content .column.right {
  float: right;
  margin-right: 2.5%; }

/* Contact Form */
.contact-form label {
  font-size: 1.1em;
  font-weight: bold;
  color: #334;
  display: block; }
.contact-form label.required:after {
  content: "Required";
  font-size: 0.9em;
  font-weight: normal;
  color: green;
  font-style: italic;
  margin-left: 15px; }
.contact-form .subtitle {
  font-size: 0.95em;
  color: #667; }
.contact-form .text, .contact-form textarea, .contact-form select {
  display: block;
  margin: 5px 0 15px; }
.contact-form .text {
  width: 40%; }
.contact-form textarea {
  width: 90%;
  height: 170px; }
.contact-form .submit {
  margin: 10px 0 25px; }


div.jGrowl{ z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; background: #22222c; border-bottom: 1px solid #111119; }

#jGrowl .jGrowl-notification{ display: none; width: 880px; padding: 14px 20px 14px 34px; margin: 0 auto; position: relative; background: left center no-repeat; color: #fff; border: 0; }
	#jGrowl .jGrowl-notification .message{ font-size: .85em; }
	#jGrowl .jGrowl-notification .close{ position: absolute; right: 0; height: 14px; width: 14px; background: no-repeat center center url('/images/jgrowl/close.png'); text-indent: -999em; cursor: pointer; }
		#jGrowl .jGrowl-notification .close:hover{ background-image: url("/images/jgrowl/close_hover.png"); }

	#jGrowl .jGrowl-notification.flash{ background-image: url('/images/icons/24/info.png'); }
	#jGrowl .jGrowl-notification.error{ background-image: url('/images/icons/24/error.png'); }
	#jGrowl .jGrowl-notification.warning{ background-image: url('/images/icons/24/warning.png'); }
	#jGrowl .jGrowl-notification.notice{ background-image: url('/images/icons/24/success.png'); }

	#jGrowl .jGrowl-closer{ position: absolute; color: #fff; font-size: .7em; bottom: 10px; right: 10px; cursor: pointer; }

#facebox, #facebox tr, #facebox td, #facebox th{ border: none; }

#facebox .b {
	background:url(/images/facebox/b.png);
	border: none;
}

#facebox .tl {
	background:url(/images/facebox/tl.png);
	border: none;	
}

#facebox .tr {
	background:url(/images/facebox/tr.png);
	border: none;	
}

#facebox .bl {
	background:url(/images/facebox/bl.png);
	border: none;	
}

#facebox .br {
	background:url(/images/facebox/br.png);
	border: none;	
}


#facebox .loading {
	margin: 20px auto;
	width: 28px;
	height: 28px;
	background: url(/images/facebox/loading.gif) no-repeat;
	text-align: center;
}

#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

#facebox .popup {
	position: relative;
}

#facebox table {
	border-collapse: collapse;
	font-size: small;
	width: auto;
}

#facebox td {
	border-bottom: 0;
	padding: 0;
}

#facebox .body {
	padding: 0px;
	background: #fff;
	width: 370px;
}

#facebox .content {
	padding: 10px;
}

#facebox .facebox_image {
	text-align: center;
}

#facebox img {
	border: 0;
	margin: 0;
}

#facebox .title {
	height: 30px;
	border-bottom: 1px solid #993214;
	background-color: #D14414;
	padding: 0px 10px;
	margin-bottom: 5px;
	position: relative;
	color: #fff;
}

#facebox .title h2 {
	height: 30px;
	line-height: 30px;
	margin: 0;
	font-size: small;
	letter-spacing: 0;
}

#facebox .title a.close {
	position: absolute;
	top: 0px;
	right: 6px;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	background: url(/images/icons/close_light.png) no-repeat center right;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px; 
	font-size: x-small;
}

	#facebox .title a.close:hover{ color: #E89170; }


#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.facebox_hide {
	z-index:-100;
}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}