/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body { 
  line-height: 1.5; 
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
 
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 90%;
  color: #414141; 
  background: #e4e4e4 url(../images/page-background.gif) 50% 0 repeat-y;
  font-family: Helvetica, "Helvetica Neue", "Century Gothic", Verdana, Arial, sans-serif;
}
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #414141; }
 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1em; }
h6 { font-size: 1em; font-weight: bold; }
 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
 
 
/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 1.25em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
 
a:focus, 
a:hover     { color: #0000cc; text-decoration: underline; }
a           { color: #0000cc; text-decoration: none; }
 
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
 
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
 
pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
 
 
/* Lists
-------------------------------------------------------------- */
 
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
 
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
 
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



table       { margin-bottom: 1.4em; width:100%; border: solid 1px #ccc;}
th          { font-weight: bold; background-color: #e4e4e4; }
thead th     { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
tr td {border-top: solid 1px #ccc;}



/* Forms
-------------------------------------------------------------- */

fieldset {border: solid 1px #ccc; margin-bottom: 15px; padding: 12px;}
legend {font-weight: bold; padding: 0 5px;}

label {color: #414141; display: block; font-weight: bold; margin-bottom: 2px;}
label.checkbox {font-weight: normal;}

input.text, textarea.text {background-color: #fff; border: solid 1px #bbb; margin-bottom: 10px; padding: 5px; width: 255px;}
input.text:focus, textarea.text:focus {border: solid 1px #000;}

select.text {margin-bottom: 10px;}

input.short {width: 80px;}
input.tiny {width: 60px;}

input.button, a.button {background: url(../images/button-background.png) 0 50% repeat-x; border: solid 1px #bbb; color: #414141; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 1.5em; padding: 5px 12px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
input.button:hover, a.button:hover {border-color: #4e8b6a; color: #6e7d70;}

input.disabled {opacity: 0.65; filter: alpha(opacity=65);}

fieldset h3 {margin-top: 10px;}

a {outline-width: 0;}

a.button {padding: 5px 12px;}
a.button:hover {text-decoration: none;}

a.button.mini {font-size: 10px; font-weight: normal; line-height: 1.5em; padding: 3px 9px;}

a.button.disabled {color: #ccc;}
a.button.disabled:hover {border-color: #bbb; color: #ccc;}

a span.add {background: transparent url(../images/icon-add.png) 0 50% no-repeat; padding-left: 17px;}

chi-score-indicator a, .edit-controls a {margin-left: 8px;}
.edit {background: transparent url(../images/icon-edit.png) 0 0 no-repeat; display: block; float: left; height: 16px; text-indent: -8000px; width: 15px;}
.delete {background: transparent url(../images/icon-delete.png) 0 1px no-repeat; display: block; float: left; height: 16px; text-indent: -8000px; width: 15px;}

#nav ol, #nav ul, .nav ol, .nav ul, ol.nav, ul.nav {list-style: none; margin: 0;}

h2 {font-size: 1.8em; font-weight: bold; letter-spacing: -1.0px; line-height: 1.0em; margin-bottom: 15px;}

.column-wrapper {overflow: hidden;}

#page-wrapper {margin: 0 auto; padding-bottom: 20px; width: 960px;}

#header {position: relative;}
#header h1 {font-size: 2.50em; font-weight: bold; letter-spacing: -1.5px; margin-bottom: 7px; padding-top: 10px;}
#header h1 a {color: #414141; text-decoration: none;}
#header h1 a:hover {text-decoration: none;}
#header ol.user-nav {list-style: none; margin: 0; overflow: hidden; position: absolute; right: 10px; top: 10px;}
#header ol.user-nav li {border-right: 1px solid #bbb; float: left; font-size: 0.85em; line-height: 1.2em; margin-right: 8px; padding-right: 8px;}
#header ol.user-nav li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}
#header ol.user-nav li.trial a { font-weight: bold; }

#header ol.nav {background: url(../images/nav-background.gif) 0 0 no-repeat; height: 28px; padding-top: 6px; padding-bottom: 2px; text-align: center; width: 960px;}
#header ol.nav li {display: inline; font-size: 1.05em;}
#header ol.nav li a {color: #e9e9e9; margin: 0 36px; padding: 5px 20px; /*text-transform: uppercase;*/ }
#header ol.nav li a:hover {color: #fff; text-decoration: none; /*background: rgba(0, 0, 0, 0.2);*/ background: #3d6c52; padding: 5px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#header ol.nav li.active a  { font-weight: bold; color: #414141; background: url(../images/button-background.png) 0 50% repeat-x; padding: 3px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

.horizontal-bar {background: url(../images/horizontal-bar-background.gif) 0 0 no-repeat; height: 20px;}

#content-wrapper, .content-wrapper-secondary, #content-wrapper-features, #content-wrapper-common {overflow: hidden; padding: 25px 0;}
.content-wrapper-secondary { border-top: 1px solid #eeeded; padding-bottom: 0; }
#content-wrapper div.column-one {float: left; width: 400px;}
#content-wrapper div.column-two {margin-left: 440px; width: 500px;}
.content-wrapper-secondary div.column-one, #content-wrapper-common div.column-one   { float: left; width: 620px; }
.content-wrapper-secondary div.column-two, #content-wrapper-common div.column-two   { margin-left: 670px; padding-top: 10px; width: 270px; }
#content-wrapper-features .feature div.column-one  { float: left; width: 300px; }
#content-wrapper-features .feature div.column-two  { margin-left: 340px; width: 600px; }

.content-wrapper-secondary div.column-two   { padding-top: 35px }
#content-wrapper .video-wrapper { padding-top: 10px; }

.home-video-promo {height: 369px; width: 624px;}

div.column-two ul.column-one {float: left; margin-left: 15px; width: 220px;}
div.column-two ul.column-two {margin-left: 255px;}

div.column-two h3 { margin-top: 1em; margin-bottom: 0; }
#content-wrapper-common div.column-two h3   { border-bottom: 1px solid #eeeded; margin-bottom: 15px; padding-bottom: 15px; }

div.column-two .plans-link  { background: url(../images/button-sign-up-xlarge.png) no-repeat; display: block; width: 268px; height: 54px; margin: 0 auto; text-align: center; }
div.column-two .plans-link:hover    { text-decoration: none; }
div.column-two .plans-link span { display: block; }
div.column-two .plans-link .first-line   { font-size: 0.9em; line-height: 1.4em; padding-top: 3px; }
div.column-two .plans-link .second-line { font-size: 0.6em; }

div.column-two .my-dashboard .plans-link  {background: #c3eafb; border: 2px solid #b5d9ea; color: #000; display: block; width: 266px; height: 54px; margin: 0 auto; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.column-two .my-dashboard .plans-link:hover    {background-color: #e2f4fd; border-color: #97bdcf; text-decoration: none; }

.content-wrapper-secondary div.column-one ul { list-style: none; margin-left: 0; margin-right: 0; }
.content-wrapper-secondary div.column-one ul li { margin: 0 0 1em 0; }
.content-wrapper-secondary div.column-one ul p { margin: 0; }
.content-wrapper-secondary div.column-one ul p span { font-style: italic; color: #c4c4c4; }
.content-wrapper-secondary div.column-one ul p a:hover span   { color: #0000cc; }

.content-wrapper-secondary h4 a  { font-size: 0.7em; padding-left: 15px; }

.content-wrapper-secondary .screenshots { list-style: none; margin-left: 0; margin-right: 0; }
.content-wrapper-secondary .screenshots li { display: inline; margin: 0 5px 0 0;  }
.content-wrapper-secondary .screenshots li.last  { margin-right: 0; }
.content-wrapper-secondary .screenshots li img   { max-width: 145px; margin: 0; border: 3px solid #e6e6e6; }
.content-wrapper-secondary .screenshots li a:hover img   { border: 3px solid #3f7c5f;}

div.column-two .box  { border-bottom: 1px solid #eeeded; margin-bottom: 15px; padding-right: 19px; }
div.column-two .last { border: none; }
div.column-two h4   { font-size: .9em; text-transform: uppercase; }
div.column-two .box p    { font-size: .8em; }
div.column-two .box form { margin-bottom: 15px; }
div.column-two .box fieldset { border: none; position: relative; margin: 0; padding: 0; }
div.column-two .box legend   { display: none; }

div.column-two .box.signup input.text {margin-right: 8px; width: 150px;}

div.column-two .googlevoice { padding-bottom: 15px; padding-left: 20px; }
div.column-two .headquarters { margin-top: 10px; }

div.column-two .forums    { display: none; }

.content-wrapper-secondary div.column-two .signup   { border: none }

#content-wrapper-features .features-promo   { background-color: #ffffd9; border: 1px solid #d2d26a; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#content-wrapper-features .features-promo ul    { list-style: none; margin: 0; text-align: center; }
#content-wrapper-features .features-promo li    { display: inline; padding: 0; }
#content-wrapper-features .features-promo li a { line-height: 3em; margin: 0 55px; padding: 5px 20px; }
#content-wrapper-features .features-promo li a:hover  { color: #414141; text-decoration: none; background: #eaea9f; padding: 5px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

#content-wrapper-features .feature  { padding: 25px 0;  border-bottom: 1px solid #eeeded; }
#content-wrapper-features .feature .column-two img  { max-width: 600px; }

#content-wrapper-features .column-one ul   { margin-left: 0; list-style: none; }
#content-wrapper-features .column-one li    { padding: 1px 0 15px 33px; min-height: 25px; }
#content-wrapper-features .column-one li.one    { background: url(../images/bullet-one.gif) no-repeat top left; }
#content-wrapper-features .column-one li.two    { background: url(../images/bullet-two.gif) no-repeat top left; }
#content-wrapper-features .column-one li.three    { background: url(../images/bullet-three.gif) no-repeat top left; }
#content-wrapper-features .column-one li.four    { background: url(../images/bullet-four.gif) no-repeat top left; }
#content-wrapper-features .column-one li.five    { background: url(../images/bullet-five.gif) no-repeat top left; }
#content-wrapper-features .column-one li.six    { background: url(../images/bullet-six.gif) no-repeat top left; }
#content-wrapper-features .column-one li.seven    { background: url(../images/bullet-seven.gif) no-repeat top left; }
#content-wrapper-features .column-one li.eight    { background: url(../images/bullet-eight.gif) no-repeat top left; }
#content-wrapper-features .column-one li.nine    { background: url(../images/bullet-nine.gif) no-repeat top left; }

.public #content-wrapper, .public #content-wrapper-features, .public #content-wrapper-common {padding: 20px 10px 25px 10px;}

.public .content-wrapper-secondary  { padding: 15px 10px 0; }

.public #content-wrapper-common {min-height: 350px;}

#yahoo-pipes    { margin-bottom: 30px; }
#yahoo-pipes h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.5em; font-weight: normal; }
#yahoo-pipes div.ybr    { margin-bottom: 5px; }
#yahoo-pipes .pipesTitle    { font-weight: normal; }

.promo-list {color: #3f7c5f; font-size: 1em; font-weight: normal; margin: 0;}
.promo-list li {margin-bottom: 6px;}

.pager {background-color: #e9e9e9; border: solid 1px #ccc; font-size: 0.85em; position: absolute; list-style: none; margin: 0; overflow: hidden; padding: 8px; left: 400px; top: 10px; z-index: 100;}
.pager li {float: left; padding-right: 5px;}

.text.per-conversion {width: 30px;}

.steps-wrapper ol {list-style-position: inside; overflow: hidden;}
.steps-wrapper ol li {color: #ccc; float: left; margin-right: 25px;}
.steps-wrapper ol li.current {color: #414141; font-weight: bold;}

.button-wrapper {overflow: hidden; padding: 3px 0 12px;}

.header {border: solid 1px #bbb; overflow: hidden; position: relative;}
.header .edit-controls {right: 10px; position: absolute; top: -50px;}
.header .button-wrapper {float: left; margin-right: 50px; padding: 2px 0 0;}

.header.hover .edit-controls {top: 5px;}

.header h3, .header h4, .header h5 {float: left; margin-right: 25px; margin-bottom: 0;}

.client-wrapper .header.hover, .campaign-wrapper .header.hover, .ad-wrapper .header.hover {background-color: #F6F8F6;}

.client-wrapper .header {background-color: #e1eae3; margin-bottom: 5px;}
.campaign-wrapper .header {background-color: #e9f4eb;}
.ad-group-wrapper .header {background-color: #F6F8F6;}
.ad-group-wrapper .header.hover {background-color: #fff;}
.ad-wrapper .header {background-color: transparent;}
.ad-wrapper .item .header.hover {background-color: #f2f2f2;}

.client-wrapper {border-bottom: dotted 1px #ccc; float: left; margin-bottom: 15px; overflow: hidden; padding-bottom: 8px; width: 770px;}
.client-wrapper .expander {margin-top: 10px; margin-bottom: 10px;}
.client-wrapper h3 {padding: 8px 16px;}

.client-wrapper .button-wrapper a.button {display: block; float: left;}
.client-wrapper .button-wrapper a.button.right, .client-wrapper .button-wrapper input.button.right {float: right;}

.level-one, .level-two, .level-three {margin-left: 29px;}
.level-two  {}

.item {}

.item fieldset {margin-top: 10px;}

.expander {background: #f6f8f6 url(../images/expander-background.png) left 50%; border: solid 1px #bbb; display: block; float: left; margin-right: 5px; text-indent: -8000px; width: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.expander:hover {border: solid 1px #4E8B6A;}
.expander.hide {background-position: right 50%;}

.campaign-wrapper {}
.campaign-wrapper .expander {margin-top: 4px; margin-bottom: 4px;}
.campaign-wrapper h4 {padding: 4px 10px;}

.ad-group-wrapper {}
.ad-group-wrapper .expander {margin-top: 3px; margin-bottom: 3px;}
.ad-group-wrapper .header {background-position: right 0; background-repeat: no-repeat;}
.ad-group-wrapper .header.chi-wait {background-image: url(../images/chi-squared-color.png); background-position: right -65px;}
.ad-group-wrapper .header.chi-test {background-image: url(../images/chi-squared-color.png); background-position: right -130px;}
.ad-group-wrapper .header.chi-create {background-image: url(../images/chi-squared-color.png);}
.ad-group-wrapper h5 {padding: 3px 8px;}

.note.chi-stats p span {display: block; float: left; height: 15px; margin-right: 8px; width: 15px;}
.note.chi-stats p span.chi-wait {background-image: url(../images/chi-squared-color.png); background-position: right -65px;}
.note.chi-stats p span.chi-test {background-image: url(../images/chi-squared-color.png); background-position: right -130px;}
.note.chi-stats p span.chi-create {background: url(../images/chi-squared-color.png) right 0 no-repeat;}

.add-group {height: 560px;}

.chi-score-indicator {float: right; font-size: 0.85em; font-weight: bold; line-height: 1.75em; padding: 3px 12px; margin-right: 50px;}

.ad-wrapper {overflow: hidden; padding-bottom: 2px; padding-left: 12px;}
.ad-wrapper .header {border-width: 0; margin-bottom: 0; padding: 8px;}
.ad-wrapper h6 {}

.ad-wrapper .item {margin-bottom: 2px;}

.ad-wrapper .item+.item {border-top: dotted 1px #ccc; padding-top: 2px;}

.ad-wrapper .winner .header {background: #dce1ff url(../images/winner.png) 0 0 repeat-x;}

.button-wrapper.save-data {float: right; overflow: hidden; padding-top: 0; text-align: right;}
.button-wrapper.save-data a {margin-right: 8px;}
.button-wrapper.save-note {clear: right;}
.ad-wrapper .button-wrapper.save-note {padding-left: 0;}
.button-wrapper.save-note .note {margin-left: 0;}

.single-ad {color: #000; float: left; line-height: 1.15em; margin-right: 5px; width: 300px;}
.single-ad h6 {color: #2200CC; text-decoration: underline;}
.single-ad cite {color: green; font-size: 0.9em; font-style: normal;}

.data {float: left; font-size: 0.85em;}
.data ol {margin: 0; list-style: none; overflow: hidden; width: 346px;}
.data ol li {float: left; margin: 0 8px 3px 0; width: 160px;}
.data label {display: block; float: left; font-weight: normal; margin-right: 8px; margin-bottom: 0; padding-top: 2px;}
.data strong {display: block; float: left; padding-top: 2px;}
.data input.text {font-size: 0.85em; padding: 2px 5px;}

.notes {margin-left: 780px; width: 180px;}
.note {background-color: #ffffd9; border: solid 1px #d2d26a; font-size: 0.85em; padding: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.note h2 {font-size: 1.15em; font-weight: bold; letter-spacing: 0; margin-bottom: 10px;}

.form-field .note {margin-bottom: 8px;}

.button-wrapper .note {float: left; margin-left: 10px; padding: 5px 10px; width: 400px;}
.button-wrapper .note p {margin-bottom: 0;}

.ad-group-wrapper .button-wrapper.winner-info {padding-left: 41px;}

.note.winner-message {background-color: #f0f2ff; border-color: #DCE1FF; margin-bottom: 8px; margin-left: 0; padding-top: 12px; width: 649px;}

.note.winner-message p {margin-bottom: 5px;}

.note-link {height: 17px; width: 17px;}
.note-link img {vertical-align: middle;}

.ad-group-wrapper .button-wrapper {padding-left: 50px;}

.header fieldset .button-wrapper {float: none; margin-right: 0; padding-left: 0;}


.plan-wrapper {overflow: hidden; margin-bottom: 15px; padding-left: 85px;}
.plan-wrapper .plan {background-color: #f8faf9; border-style: solid; border-width: 1px; border-color: #ccc; border-right-width: 0; height: 285px; float: left; margin-top: 18px; text-align: center; width: 195px;}
.plan-wrapper .plan.featured {background: #fff url(../images/dplan-featured-background.gif) 0 50% repeat-x; border: solid 2px #4e8b6a; height: 321px; margin-top: 0; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.plan-wrapper .plan.first {-moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px;}
.plan-wrapper .plan.last {border-right-width: 1px; border-left-width: 0; -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px;}

.plan h1, .plan h2 {margin-bottom: 6px;}
.plan h1 {font-size: 1.95em; font-weight: bold; margin-top: 15px;}
.plan h1 a {color: #414141;}
.plan h1 a:hover {text-decoration: none;}
.plan h2 {font-size: 1.35em; font-weight: normal; line-height: 1.0em; letter-spacing: 0;}
.plan h3 {color: #7c7c7c; font-size: 0.85em; font-weight: bold; margin-bottom: 20px;}
.plan ol {list-style: none; margin: 0 0 6px;}
.plan ol li strong {color: #0000cc;}
.plan ol.secondary {font-size: 0.9em; line-height: 1.35em; margin-bottom: 15px;}
.plan a.signu-up {background: url(../images/button-sign-up.png) 0 0 no-repeat; display: block; margin: 0 auto; height: 45px; text-indent: -8000px; width: 100px;}

.plan.not-active {position: relative;}
.plan .coming-soon {background: transparent url(../images/plans-coming-soon.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; height: 285px; width: 195px; z-index: 1;}
.plan.first .coming-soon {-moz-border-radius-bottomleft: 9px; -moz-border-radius-topleft: 9px;}

.plan.featured h1 {font-size: 2.15em; margin-top: 15px; margin-bottom: 8px;}
.plan.featured h2 {font-size: 1.50em; margin-bottom: 8px;}
.plan.featured h3 {color: #4e8b6a; font-size: 1.05em; margin-bottom: 22px;}
.plan.featured ol {font-size: 1.15em;}
.plan.featured ol li a {border-bottom: dotted 1px #c3c3c3; color: #414141;}
.plan.featured ol li a:hover {text-decoration: none;}
.plan.featured ol.secondary {font-size: 0.95em;}
.plan.featured a.signu-up {background-image: url(../images/button-sign-up-large.png); height: 52px; width: 116px;}

.callout {font-size: 1.25em; padding: 15px 0 0 0; margin-bottom: 0; text-align: center;}
.callout.small {font-size: 0.85em; padding: 0 0 5px 0; margin-bottom: 20px;}
.callout.single-line {margin-bottom: 15px; padding-top: 0;}

#content-wrapper .sign-up .column-one, #content-wrapper .cc-info .column-one, #content-wrapper .member .column-one {width: 590px;}
#content-wrapper .sign-up .column-two, #content-wrapper .cc-info .column-two, #content-wrapper .member .column-two {margin-left: 640px; padding-top: 10px; width: 300px;}

.column-two .note {margin-bottom: 12px;}

.logos {overflow: hidden; padding-left: 35px;}
.logos img, .logos .AuthorizeNetSeal {float: left;}
.logos img {margin-top: 10px; margin-right: 20px;}
.logos .AuthorizeNetSeal img {margin: 0;}

.member h3 {margin-top: 15px;}

span.required {color: #ff0037; font-weight: normal;}

.amember-form .form-field.left {float: left; margin-right: 25px;}
.amember-form .form-field.right {float: left;}
.amember-form .form-field.single {clear: left;}

.sign-up {}
.amember-form fieldset, .formmail fieldset, .public #content-wrapper-common .column-one fieldset {background-color: #F8FAF9;}
.amember-form input.text {margin-bottom: 6px; width: 220px;}
.amember-form input.error, input.LV_invalid_field, textarea.LV_invalid_field {background-color: #FFFFCC;}
.amember-form .form-field {margin-bottom: 15px; position: relative;}
.amember-form .form-field small {display: block;}

.sign-up .button-wrapper {padding-top: 5px; text-align: center;}

label.error {display: none !important;}

.email label.error, .username label.error {display: block !important; background: #D2D26A url(../images/error-arrow.png) 0 0 no-repeat; color: #000; font-size: 0.85em; font-weight: normal; line-height: 1.25; padding: 8px 12px 8px 20px; position: absolute; min-height: 60px; height: auto !important; height: 60px; top: 0; left: 240px; width: 323px; z-index: 100;}

label.error.valid {display: none !important;}

.products-wrapper {margin-bottom: 15px; overflow: hidden;}

.product {float: left; height: 95px; margin-right: 25px; overflow: hidden; padding: 5px; width: 222px;}
.product input, .payment-system input, .terms input {float: left; margin-bottom: 8px;}
.product label, .product small, .payment-system label, .payment-system small, .terms label {margin-left: 25px;}

.form-field.product small {width: auto;}

.product.selected {background-color: #F8FAF9; border: solid 2px #4E8B6A;}
.product.selected small {color: #4E8B6A;}

img.captcha {float: left; height: 62px; margin-right: 10px; width: 122px;}
input.captcha {margin-top: 10px;}


.LV_validation_message {color: #ff0037; float: left; font-size: 0.85em; padding-top: 3px; padding-left: 12px;}

.formmail .form-field {overflow: hidden;}

.formmail small {display: block; margin-bottom: 8px;}
.formmail.support input.text {width: 410px;}
.formmail textarea.text {height: 125px; width: 410px;}

.formmail input.text, .formmail textarea.text {float: left;}

.sign-up input.captcha, .formmail input.captcha, .formmail.support input.captcha {float: none; width: 173px;}

.formmail .captcha-wrapper .LV_validation_message {float: none;}

.formmail input.mailinglist {float: left; margin: 0 8px 16px 0;}


.note.terms p {font-size: 1.15em;}

.receipt-info {padding: 0 80px 20px;}
.receipt-info .receipt {font-size: 0.85em;}

.note.receipt-total {float: right; margin: 0 80px 15px 0; width: 330px;}
.note.receipt-total p {margin-bottom: 0;}

.cc-info input.cc-code {width: 60px;}

.change-plan-wrapper {background-color: #F8FAF9; border: solid 1px #ccc; border-bottom-width: 0;}
.change-plan-wrapper .product-list {border-bottom: solid 1px #ccc; margin-bottom: 0; overflow: hidden; padding: 12px;}
.change-plan-wrapper .product-list dt, .change-plan-wrapper .product-list dd {float: left;}
.change-plan-wrapper .product-list dt {width: 290px;}
.change-plan-wrapper .product-list dd {margin-left: 15px;}
.change-plan-wrapper .product-list strong {color: #4E8B6A; font-size: 1.12em;}
.change-plan-wrapper .product-list small {display: block; font-weight: normal;}
.change-plan-wrapper .product-list dd.payment {font-size: 0.75em; width: 75px;}
.change-plan-wrapper .product-list dd.button-wrapper {padding-top: 20px; text-align: right; width: 165px;}

.note.redirect {margin: 35px auto 0 auto; width: 600px;}

h3.my-dashboard, .column-two h3.my-dashboard {margin-top: 0; margin-bottom: 25px;}
h3.my-dashboard .plans-link .first-line {padding-top: 15px;}

.bt-wrapper p {margin-bottom: 0;}

table.errmsg {background-color: #ffffd9; border-color: #d2d26a; color: #ff0037;}
table.errmsg tr td {border-top-width: 0;}
table.errmsg tr td ul {font-weight: bold; margin: 0; padding: 10px 25px;}

.button-wrapper.dashboard {margin-bottom: 15px; overflow: hidden; padding: 0;}
.button-wrapper.dashboard a.button {float: left;}

.export-options {list-style: none; float: right; margin-bottom: 0; padding-top: 8px;}
.export-options li {float: left; font-size: 0.9em;}
.export-options li {border-right: solid 1px #bbb; margin-right: 10px; padding-right: 10px;}
.export-options li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}

.order-summary {list-style: none;}
.order-summary li {margin-bottom: 3px;}


/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

.sitemap {float: left; font-size: 0.9em; width: 100%;}
.col4 li { width: 25.0%; }
.sitemap ul {list-style: none; margin: 0;}
.sitemap a {line-height: 1.0;}
.sitemap a:hover {text-decoration: none;}

/* --------	Top Level --------- */

.sitemap .primary-nav {float: left; margin: 0; width: 100%;}

.sitemap .primary-nav #home {
	display: block;
	float: none;
	background: #ffffff url('../images/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}

.sitemap .primary-nav li {
	float: left;
	background: url('../images/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}

.sitemap .primary-nav li {*padding-top: 33px; *margin-top: -33px;}

.sitemap .primary-nav li a {
	margin: 0 12px 0 0;
	padding: 9px 0 6px;
	display: block;
	font-weight: bold;
	text-align: center;
	color: #E9E9E9;	
	background-color: #407357;
	border: 2px solid #6e7d70;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}

.sitemap .primary-nav li a:hover {background-color: #4d8a69;}

.sitemap .primary-nav li:last-child {background: url('../images/L1-right.png') center top no-repeat;}

/* --------	Second Level --------- */

.sitemap .primary-nav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('../images/vertical-line.png') center bottom repeat-y;
}

.sitemap .primary-nav li li a {color: #414141; background-color: #cee3ac; border-color: #b8da83;}
.sitemap .primary-nav li li a:hover {border-color: #94b75f; background-color: #e7f1d7;}

.sitemap .primary-nav li li:first-child {padding-top: 15px;}
.sitemap .primary-nav li li:last-child {background: url('../images/vertical-line.png') center bottom repeat-y;}


/* ------------------------------------------------------------
	Utility Navigation
------------------------------------------------------------ */

.sitemap .utility-nav {
	float: right;
	font-size: 0.85em;
	max-width: 50%;
	margin-right: 10px;
}

.sitemap .utility-nav.footer {float: left; max-width: 100%; margin: 0;}

.sitemap .utility-nav li {float: left; margin-bottom: 10px;}
	
.sitemap .utility-nav li a {
	margin: 0 6px 0 0;
	padding: 8px 6px 5px;
	display: block;	
	border: 1px solid #e3ca4b;
	font-weight: bold;
	text-align: center;
	color: #414141;
	background-color: #fff7aa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}

.sitemap .utility-nav li a:hover {background-color: #fffce5; border-color: #d1b62c;}




#footer {border-top: solid 1px #eeeded; color: #c4c4c4; overflow: hidden; padding: 7px 10px;}
#footer ul {float: left; list-style: none; margin: 0;}
#footer ul li {border-right: solid 1px #ccc; font-size: 0.80em; float: left; margin-right: 8px; padding-right: 8px;}
#footer ul li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}
#footer p {font-size: 0.80em; margin: 30px 0 0 0; text-align: center;}
#footer p.copyright {margin-top: 0; float: right;}




#feedbackContainer {visibility: hidden;}



#nyroModalContent h3 {padding-top: 8px;}

div#nyroModalFull {

}
div#nyroModalLoading {
  border: 4px solid #777;
  width: 150px;
  height: 150px;
  text-indent: -9999em;
  background: #fff url(../images/ajaxLoader.gif) no-repeat;
  background-position: center;
  -moz-border-radius: 9px; -webkit-border-radius: 9px;
}
div#nyroModalLoading.error {
  border: 4px solid #f66;
  line-height: 20px;
  padding: 20px;
  width: 300px;
  height: 100px;
  text-indent: 0;
  background: #fff;
}
div#nyroModalWrapper {
  
  border: 12px solid rgba(0, 0, 0, 0.3);
  -moz-border-radius: 9px; -webkit-border-radius: 9px;
}
a#closeBut {
  position: absolute;
  display: block;
  top: -21px;
  right: -21px;
  width: 30px;
  height: 30px;
  text-indent: -9999em;
  background: url(../images/closebox.png) no-repeat;
  outline: 0;
}
h1#nyroModalTitle {
  display: none;
}
div.wrapper div#nyroModalContent {
  background-color: #fff;
  padding: 8px;
}
div.wrapper div#nyroModalContent .note p {
  margin-bottom: 8px;
  width: 400px;
}
div.wrapperImg div#nyroModalContent {
  position: relative;
  overflow: hidden;
  text-align: center;
}
div.wrapperImg img {
  vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: black;
  padding: 10px;
  margin: 10px;
  border: 1px white dotted;
  overflow: hidden;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
  z-index: 105;
  outline: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 40%;
  cursor: pointer;
  text-indent: -9999em;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
  height: 60%;
  width: 20%;
}
a.nyroModalPrev {
  left: 0;
}
a.nyroModalPrev:hover {
  background: url(../imgages/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
  right: 0;
}
a.nyroModalNext:hover {
  background: url(../imgages/next.gif) right 20% no-repeat;
}

/* Additions on 07.22 */

#content-wrapper p.quote    { font-size: 1.5em; text-align: center; padding: 15px; margin-top: 25px; border-bottom: 1px solid #eeeded; border-top: 1px solid #eeeded;}

#content-wrapper div.promos-three dl { text-align: center; }
#content-wrapper div.promos-three dt { font-size: 1.1em; }

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */
