/*
== reset
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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;}
ul {list-style:none;}
ul, ol {list-style-position: outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*
== typography
*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #464646;
}
.textblock ul.first-child {
  margin-top:14px;
}
.textblock ul.first-child li {
  margin-bottom:8px;
}
a {
  text-decoration:none;
  outline:none;
  color:#0054a6;
}
a:hover { text-decoration:underline; }

.attribute {
  font-size:10px;
  color:#a0a0a0;
}
strong { font-weight:bold; }

dt { font-weight:bold; }
dd { margin-left:1em; margin-bottom:18px; }
em { font-weight:bold; }

/*
== layout
props to ljworld for inspiration
*/
.block {
  position:relative;
  width:905px;
  margin:0 auto;
}

.block2 {
  position:relative;
  width:1050px;
  margin:0 auto;
}
.clear:after,
.container:after,
.block:after { 
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear,
.container,
.block {
  zoom: 1; /* IE fix */
}

body.bigleft #main, body.bigleft #side, #inner-main {
  float:left;
}
body.bigright #main, body.bigright #side, #inner-side {
  float:right;
}
body.bigleft #main {
  width:640px;
  padding-right:8px;
}
body.bigright #main {
  width:786px;
  padding-left:8px;
}
body.main-with-sidebar #inner-main {
  width:505px;
}
body.main-with-sidebar #inner-side {
  width:175px;
}


body.bigleft #main_supp {
  width:621px;
  padding-right:8px;
}
body.bigright #main_supp {
  width:786px;
  padding-left:8px;
}
body.main-with-sidebar #inner-main {
  width:505px;
}
body.main-with-sidebar #inner-side {
  width:175px;
}




body.bigleft #main2, body.bigleft #side, #inner-main2 {
  float:right;
}
body.bigright #main2, body.bigright #side, #inner-side2 {
  float:right;
}

body.bigleft #main2 {
  width:805px;
  padding-right:8px;
}
body.bigright #main2 {
  width:50px;
  padding-left:8px;
}
body.main-with-sidebar #inner-main2 {
  width:505px;
}
body.main-with-sidebar #inner-side2 {
  width:175px;
}





body.bigleft #side {
  width:256px;
}
body.bigright #side {
  width:207px;
}

.inner-block {
  margin-bottom:8px;
  background:#fff;
}
.mini-block {
  width:208px;
  margin-right:8px;
  height:130px;
  float:left;
}
.textblock { padding-bottom:18px; }
.textblock .column {
  width:302px;
  margin-right:10px;
  float:left;
  display:inline;
}
.textblock .column img {
	padding-right: 5px;
}
body.bigright .textblock .column { width:320px; }
.textblock .first {
  margin-left:10px;
}
body.bigleft .textblock .full-column, body.bigright .textblock .full-column {
  margin-left:10px;
  margin-right:10px;
  width:auto;
}
.textblock ul {
  list-style: disc outside;
  margin-left:1.5em;
}
.inner-block p { margin:8px 0; }
#side .inner-block p { margin-left:12px; margin-right:12px; }
.inner-block hr {
  height: 1px;
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: 0;
  margin:0 12px;
}

/*
== header / global nav
*/
#header {
  margin: 24px 0 12px;
}
#header img { float:left; }
ul#global-nav {
  float:right;
}
#global-nav li {
  display:inline;
}
#global-nav li a {
  float:left;
  width:136px;
  height:0px;
  padding-top:43px;
  overflow:hidden;
  background-image:url(/images/nav-bar.png);
  background-repeat:no-repeat;
  display:block;
}
.logged-in #global-nav li a { background-image:url(/images/nav-bar-logged-in.png); }

#global-nav li#nav-home a { width:139px; }
#global-nav li#nav-pro a { background-position:-139px 0px; }
#global-nav li#nav-signup a { background-position:-275px 0px; }
#global-nav li#nav-login a { background-position:-411px 0px; }
#global-nav li#nav-news a { background-position:-547px 0px; width:139px; }

#global-nav li#nav-home a:active  , #global-nav li#nav-home a.current-nav-link { background-position:0px    -88px; }
#global-nav li#nav-pro a:active   , #global-nav li#nav-pro a.current-nav-link    { background-position:-139px -88px; }
#global-nav li#nav-signup a:active, #global-nav li#nav-signup a.current-nav-link { background-position:-275px -88px; }
#global-nav li#nav-login a:active , #global-nav li#nav-login a.current-nav-link  { background-position:-411px -88px; }
#global-nav li#nav-news a:active  , #global-nav li#nav-news a.current-nav-link   { background-position:-547px -88px; }

#global-nav li#nav-home a:hover   { background-position:0px    -44px; }
#global-nav li#nav-pro a:hover    { background-position:-139px -44px; }
#global-nav li#nav-signup a:hover { background-position:-275px -44px; }
#global-nav li#nav-login a:hover  { background-position:-411px -44px; }
#global-nav li#nav-news a:hover   { background-position:-547px -44px; }

/*
== footer
*/
#footer .block {
  border-top:1px solid #b1b5b7;
  padding:8px 0 12px;
}
#footer a {
  color:#184094;
  padding:0 5px;
}
#footer p { padding:0 14px; color:#898989; }
#footer p#copyright { float:right; }

/*
== front page elements
*/
#testimonials {
  height:298px;
  width:640px;
  position:relative;
}

#testimonials-get-started-button {
  position:absolute;
  left:375px;
  bottom:15px;
 
}
.testimonial {
  position:absolute;
  left:0;
  top:0;
  width:642px;
  height:298px;
}
#testimonials ul {
  position:absolute;
  background:url(/images/testimonials-buttons-bg2.png) no-repeat top left;
  left:42px;
  top:263px;
  margin-top:0;
  width:216px;
  height:17px;
}
#testimonials li {
  display:inline;
}
#testimonials li a {
  float:left;
  width:22px;
  height:0px;
  padding-top:17px;
  margin-right:7px;
  overflow:hidden;
  background-image:transparent;
  display:block;
}
#testimonials li a.active, #testimonials li a:hover { background-image: url(/images/testimonials-buttons-bg2.png); }
#testimonials li#testimonial-5-link a { margin-right: 34px; }
#testimonials li#testimonial-1-link a.active, #testimonials li#testimonial-1-link a:hover { background-position: 0 17px; }
#testimonials li#testimonial-2-link a.active, #testimonials li#testimonial-2-link a:hover { background-position: -29px 17px; }
#testimonials li#testimonial-3-link a.active, #testimonials li#testimonial-3-link a:hover { background-position: -58px 17px; }
#testimonials li#testimonial-4-link a.active, #testimonials li#testimonial-4-link a:hover { background-position: -87px 17px; }
#testimonials li#testimonial-5-link a.active, #testimonials li#testimonial-5-link a:hover { background-position: -116px 17px; }
#testimonials li#testimonial-pauseplay-link a, #testimonials li#testimonial-pauseplay-link a:hover { background: url(/images/testimonials-buttons-bg2.png) -172px 17px; }
#testimonials.playing li#testimonial-pauseplay-link a, #testimonials.playing li#testimonial-pauseplay-link a:hover { background: url(/images/testimonials-buttons-bg2.png) -172px 0; }

.inner-block .testimonial h2 {
  font-weight:lighter;
  font-size:17px;
  font-family: Arial, sans-serif;
  position:absolute;
  top:45px;
  left:340px;
  bottom:195px;
  background-image:none;
  width:275px;
  line-height:20px;
  padding:0;
}
.inner-block .testimonial p {
  position:absolute;
  top:10px;
  left:340px;
  width:270px;
  font-size:12px;
}
img.testimonial-photo {
  position:absolute;
  height: auto;
  width: auto;
  left:0px;
  top:0px;
  
  display:block;
}
#front-page .signup {
  width:256px;
  height:142px;
  margin-bottom:7px;
}
#front-page #main-copy {
  min-height:215px;
  /* IE 6 fix */
  height:auto !important;
  height:215px;
}
.homeuser-background {
 float:left;
 height: 115px;
 background:url(/images/business_users2.gif) no-repeat;

}
.homeuser-background p {
 float:left;
 padding-left: 88px;
}

.homeuser-signup {
float:left;
top: 10px;
padding-left: 85px;
}

.businessuser-background {
 float:left;
 height: 114px;
 background:url(/images/business_users.gif) no-repeat;
}
.businessuser-background p {
 float:left;
 padding-left: 78px;
}

.businessuser-signup {
float:left;
top: 10px;
padding-left: 85px;
}


}
#news-items {
  height:353px;
  background:#f0f0f0;
}
.accordion_toggle {
  cursor: pointer;
}
#news-items .accordion_content {
  overflow:hidden; /* for accordion */
  background:#f0f0f0;
}
.news-item {
  padding:14px;
}
.inner-block .news-item h3 { margin-top: 0; }
.news-item a {
  color:#184094;
}
.news-item p {
  margin:12px 0;
}
#news-items h3 {
  font-weight:bold;
}
p.news-source {
  margin:0;
}

/*
== info pages elements
*/
.category-list-image div { clear:left; }
.category-list-image img { float:left; }
.category-list-image p,
.category-list-image h4
  { margin-left:44px; }

.category-list-image ul
  { margin-left:60px; }

.pro h4 {
  color:#65b201;
  font-weight:bold;
}
ul.first-child {
  list-style-image: url(/images/list-bullet-orange-block.png);
  list-style-position: outside;
  margin-left:20px;
}
.textblock .feature-set h3 { color:#545454; }
.feature-set h3 { margin-bottom:18px; }
.feature-set li, .feature-set h4 { margin-bottom:8px; }
.feature-set ul { margin-bottom:36px; }

.case-studies div { margin-bottom: 30px; margin-top: 14px; }
.case-studies div img { float:left; }
.case-studies div p,
.case-studies div h4,
.case-studies div h5 { margin-left:137px; margin-bottom: 0; margin-top: 0;}
.case-studies div h4 { margin-top:0;}
.case-studies div h5 { font-weight: bold; color: #8cc63f; }

.case-studies h3 { margin-bottom:18px; }
.case-studies li, .case-studies h4 { margin-bottom:8px; }
.case-studies ul { margin-bottom:36px; }

#featureddocs {
  list-style:none;
}
#featureddocs li {
  padding:0;
  margin:30px 0 0 0;
  line-height:18px;
  font-weight:bold;
  text-align:center;
  _height: 1px;
  min-height: 1px;
}
#featureddocs a {
  display: block;
}
#featureddocs img {
  display: block;
  margin: 0 auto;
}
#featureddocs li.last { margin-bottom:40px; }
#side ul {
  margin: 8px 12px 12px;
  margin-left:26px;
  list-style: disc outside url(/images/list-bullet-grey-disc.gif);
}
#side .side-nav ul {
  margin:0 2px 10px;
  list-style:none;
  font-weight:bold;
  padding:15px 10px;
}
#side .side-nav li, #side .side-nav a { color:#545454; }
.side-nav li {
  padding-left:12px;
}
.side-nav-home li { background: url(/images/list-bullet-orange-arrow.gif) no-repeat center left; }
.side-nav-pro li { background: url(/images/list-bullet-green-arrow.gif) no-repeat center left; }
.side-nav li.current-side-nav {
  background-image: url(/images/list-bullet-black-arrow.gif);
}
#side li { margin:8px 0; }
.textblock ol { margin-left:1.5em; }
#inner-side ul { margin-left:0; }

/*
== headers
*/
.round-box-tr { background: url(/images/round-box-tr.png) no-repeat top right; }
.round-box-tr2 { background: url(/images/round-box2a-tr.png) no-repeat top right;}
.round-box-bl { background: url(/images/round-box-bl.png) no-repeat bottom left;}
.round-box-bl2 { background: url(/images/round-box2-bl.png) no-repeat bottom left }
.gray-round-box { background: url(/images/round-box-bl-gray.gif) no-repeat bottom left;}
.round-box-br { background: url(/images/round-box-br.png) no-repeat bottom right; padding-bottom:12px; }
.round-box-br2 { background: url(/images/round-box2b-br.png) no-repeat bottom right; padding-bottom:20px; }
.round-box-br2a { background: url(/images/round-box2b-br.png) no-repeat bottom right; }
.round-box-br3 { background: url(/images/round-box-br.png) no-repeat bottom right;}
.gray-round-box .round-box-br {background: url(/images/round-box-br-gray.gif) no-repeat bottom right; padding-bottom:0; }
.inner-block h2 {
  color:#363636;
  font-weight:bold;
  font-size:12px;
  line-height:29px;
  padding-left:14px;
  background: url(/images/round-box-tl.png) no-repeat top left;}
.inner-block2 h2 {
  color:#363636;
  font-weight:bold;
  font-size:12px;
  line-height:29px;
  padding-left:14px;
  background: url(/images/round-box2-tl.png) no-repeat top left;
}
.inner-block h2 a { color:#363636; }
.inner-block h2.short { line-height:12px; }
.round-box-tr-inner-nav { background: url(/images/round-box-tr-innernav.png) no-repeat top right; }
.round-box-tr-none { background: url(/images/round-box-tr-none.png) no-repeat top right; }
.inner-block .round-box-tr-none h2 { background: url(/images/round-box-tl-innernav.png) no-repeat top left; }
.inner-block .inner-nav {
  padding-left:18px;
  line-height:29px;
  background: url(/images/round-box-tl-innernav.png) no-repeat top left;
}
.round-box-tr-ent { background: url(/images/round-box-tr-ent.gif) no-repeat top right; }
.round-box-tr-ent h2 {
  color: #FFF;
  background: url(/images/round-box-tl-ent.gif) no-repeat top left;
}
.round-box-tr-pro { background: url(/images/round-box-tr-pro.gif) no-repeat top right; }
.round-box-tr-pro h2 {
  background: url(/images/round-box-tl-pro.gif) no-repeat top left;
  color:#fff;
}
.round-box-tr-pro h2 a { color:#fff; }
.round-box-tr-home { background: url(/images/round-box-tr-home2.gif) no-repeat top right; }
.round-box-tr-home h2 {
  background: url(/images/round-box-tl-home2.gif) no-repeat top left;
  color:#fff;
}
.round-box-tr-home h2 a { color:#fff; }
.round-box-tr-dark { background: url(/images/round-box-tr-dark.png) no-repeat top right; }
.round-box-tr-dark h2 {
  background: url(/images/round-box-tl-dark.png) no-repeat top left;
  color:#fff;
}
.round-box-tr-dark h2 a { color:#fff; }
.tall-round-box-left { background: url(/images/round-box-left.png) repeat-y left; }
.tall-round-box-right { background: url(/images/round-box-right.png) repeat-y right; }

#side .uas h3 {
  font-size: 150%;
  padding: 0;
  margin: 18px 12px -8px;
  color: #777;
}
#side .uas p {
  color:#777;
  margin-bottom:18px;
}

.textblock h3, .textblock h3 a {
  color: #eb8023;
  font-weight:bold;
  font-size:12px;
}
.textblock h4 {
  font-weight:bold;
  color:#464646;
  margin-top:14px;
}

.last {
  margin-right:0;
}

/*
== comparison tables -- stolen back from mozypro.com
*/
table#comparisons {
  font-size:90%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 8px;
  width:100%;
}
#comparisons td, #comparisons th {
  border: 1px solid #ddd;
  text-align: center;
}
#comparisons th, #comparisons td.nm {
  padding-top: 2px;
  padding-bottom: 2px;
}
#comparisons .costs td {
  font-weight:bold;
  text-align:center;
}
#comparisons td{
  width:80px;
}
#comparisons td.nm {
  width:auto;
  text-align:left;
  font-weight: normal;
}
#comparisons th {
  color: #545454;
}
#comparisons tbody th {
  background-color: #e9e9e9;
  text-align: left;
  font-weight: bold;
}
#comparisons tbody th, #comparisons tbody td {
  padding-left: 5px;
}
#comparisons tfoot p {
  margin:2px;
  text-align:left;
}
#comparisons td a {
  cursor: help;
  float: left;
  color: #7d7d7d;
  height: 1%;
  display: inline;
}
#comparisons span {
  display: none;
}
#comparisons td a:hover {
  position: relative;
  text-decoration: none;
}
#comparisons td a:hover span {
  width: 250px;
  display: block;
  padding: 0.5em 1em;
  position: absolute;
  top: 100%;
  left: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #ddb #bb9 #bb9 #ddb;
  background: #ffd;
  color: #444;
  z-index: 100;
}

/*
== news
*/
#newsitems {
  list-style: none;
  margin: 25px 0 0;
  padding: 0;
}
#newsitems h3 {
  margin: 0 0 0.5em 0 !important;
  color:#464646;
}
#newsitems li {
  margin: 0 0 25px 245px;
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid #fff; /* to fix IE 6 margin issues*/
}
.newssource {
  position: absolute;
  top: 0;
  left: -230px;
  width: 200px;
  background: #fff;
}
.newssource img {
  float: right;
  display: inline;
}
.newsnotes {
  margin: 0 0 1em 0;
  padding: 0;
  font-style: italic;
  list-style: none;
}
.newsnotes li {
  padding: 0;
  margin: 0;
}
.inner-block h3 {
  margin-top:12px;
}
.inner-block ul { margin-top:12px; }
dl.news dt {
  margin: 1em 0 0 0;
}
dl.news dd {
  margin: 0;
}

/*
== support
*/
dl.faq dt {
  margin:0 6px;
}
dl.faq dd {
  margin:0 6px;
  padding-left:0;
}




/*
== forms (login/registration)
*/

.center-form-container { padding:20px 40px; }
.center-form-box {
  background: transparent url(/images/login-background.png) repeat-y;
  margin-bottom: 16px;
  width:900px;
}


.center-form-container2 { padding:20px 70px; }
.center-form-box {
  background: transparent url(/images/login-background.png) repeat-y;
  margin-bottom: 16px;
  width:900px;
}

.center-form-box2 {
  background: transparent url(/images/login-background3.png) repeat-y;
  margin-bottom: 16px;
  width:640px;
}

.center-form-box h2 {
  background: url(/images/login-header.png) no-repeat left top;
  height: 37px;
  width:640px
  color: #646464;
  padding-top: 5px;
}


.center-form-box2 h2 {
  background: url(/images/login-header3.png) no-repeat left top;
  height: 37px;
  width:640px
  color: #646464;
  padding-top: 5px;
}
div.inner-center-form-box {
  background: url(/images/login-bottom3.png) no-repeat left bottom;
  padding:9px;
}

div.inner-center-form-box2 {
  background: url(/images/login-bottom.png) no-repeat left bottom;
  padding:9px;
}


.center-form-box form dl { color:#777; }
.center-form-box form dt {
  float:left;
  text-align:right;
  width:175px;
  font-weight:normal;
  clear:both;
  line-height:22px;
  margin-right:12px;
}
.center-form-box dl.inform dt,
.center-form-box dl dt.inform { line-height:1; }
.center-form-box form dd {
  margin-left:176px;
  margin-bottom:10px;
}
/* go ie. go go ie. */
* html .center-form-box form dd { height:1%; margin-left:0; }

.center-form-box input.text, .center-form-box input.password {
  width:212px;
  font-size:14px;
  padding:2px;
}
.center-form-box p {
  width:454px;
  margin:0 auto;
  padding:18px 0;
}
.center-form-box span.field-info {
  display:block;
  padding-top:2px;
}
.center-form-box h2 img.flash-alert {
  float:left;
  padding-top:4px;
  padding-right:8px;
}
.center-form-box p.error { color:red; padding-top:0; }
.center-form-box form .first-radio-select { margin-top:4px; }
.center-form-box form div.fieldWithErrors {
  display:inline;
}
div.download { text-align:center; }
div.download a { display:block; padding-top:6px; }
div.referrer-info form { text-align:center; }
.inner-block .center-form-box hr { color:#b2b2b2; background-color:#b2b2b2; }
.inner-block .center-form-box ol { list-style-position: inside; margin:0 23px 18px; }
.purchase-resources {
  margin: 0 auto;
}
.purchase-resources td, 
.purchase-resources th {
  padding: 1px 6px;
  color: #777;
}
.purchase-resources input.text {
  width: auto;
}
.purchase-resources th {
  font-weight: bold;
}



/*
== user guide
*/
div.user-guide h2 {
  background: none;
  padding-left: 0;
  padding-top: 16px;
  font-size: 120%;
}

/*
== popups
*/
#whyemail, #cvv2help, #subdomainhelp {
  margin-top: -125px;
  border: 2px solid black;
  background: white;
  padding: 25px;
  display: none;
  position: absolute;
  width: 350px;
  font-size: 1.2em;
  color: #666;
  z-index:1000;
}
/*
== jobs
*/
#jobs {
  margin-top: 10px;
  margin-bottom: 40px;
}
#jobs .detail {
  float: right;
  width: 450px;
  border-left: 1px solid silver;
  padding-left: 20px;
  padding-bottom: 6px;
}
#jobs .opportunities {
  float: right;
  padding-right: 20px;
  margin-right: -1px;
  width: 170px;
  border-right: 1px solid silver;
  padding-bottom: 6px;
}
dl.glossary {
  padding: 0;
  margin: 15px 10px;
}
dl.glossary dt {
  padding: 0;
  margin: 0;
}
dl.glossary dd {
  padding: 0;
  margin: 1em 0;
}
