/******* Generic styles ********/
body            {font-family:"Myriad Pro", Myriad, Helvetica, Arial, sans-serif; background: #fff; margin:0; line-height: 1; font-size:1em;}

/** Headers **/
h1              {font-size: 36px; font-weight: bold; margin: 0 0 20px; line-height:1.2; color: #000;}
h2              {font-size: 23px; color: #333; margin: 0 0 10px;}
h1.byline,
h2.byline       {font-size:2.8em; font-weight:normal;  padding-bottom:0.8em; text-align:center;}
h1.byline em,
h2.byline em    {font-style:normal; color:#f00;}
h3              {font-size: 20px; color: #333; margin: 20px 0 20px;}
h4              {font-size: 17px; color: #636b75; margin: 20px 0 10px; font-weight: bold; line-height: 1.6;}
h5              {font-size: 14px; color: #636b75; margin: 20px 0 10px;}



/** Content text **/
p, address      {font-size: 15px; color: #636b75; line-height:1.4; margin: 0 0 1em;}
p.intro         {font-size: 19px; line-height: 1.6;}
p.quicklinks    {margin:0;padding-top:5px;clear:both;font-weight:bold;display:block;width:100%;text-align:center;}
em, i           {font-style:italic;}

li,dt,dd        {color: #636b75;}
ul, ol, dl      {margin: 16px 0; padding-left: 40px}

a               {text-decoration:none; color:#1a83d4;}
a:hover         {color:#0f4e7f; text-decoration:underline;}

blockquote      {color:#999; line-height: 1.4;}
cite            {font-weight: bold; color: #333; font-style: normal; display: block; margin-top: 30px;}
cite span       {color:#999; font-weight: normal; display: block;}

pre code        {font-family: Monaco, monospace !important; font-size:12px; color:#000; background-color:#FDFFC8; padding:1em; display:block; margin-bottom: 20px;overflow:auto;}
pre             {font-family: Monaco, monospace; font-size:12px; padding:0.5em;}

a img           {border: none;}


dl {display:block;color:#636B75;font-size:15px;}
dt {font-weight: bold;margin-top:10px;color:#333;}

div.clickable {cursor:pointer;}

/* eww */
.bold           {font-weight: bold;}
.dark           {color: #000;}


ul.standard {
  list-style-type:none;
  margin:12px 0 0 24px;
  padding:0;
}
ul.standard li {
  background:url(../images/bullet2.png) no-repeat 0 4px;
  margin:0 0 12px;
  padding:0 0 0 17px;
}
ul.nobullet {
  list-style-type:none;
}
.caption {background:#eee;}
.xsmall {font-size:0.6em}
.small {font-size:0.8em}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#959595;}
.loud {color:#000;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

img.f-right {
  margin:0 0 12px 12px;
  float:right;
}
.breadcrumbs {
    font-size:12px;
    position:absolute;
    color: #636b75;
    top:12px;
    left:1em;
}
.message {
  width:50%;
  margin-left:25%;
  padding:10px;
  text-align:center;
}
.success {
  width:960px;
  text-align:center;
  background-color:#D9FFAB;
  border:1px solid #87CD2E;
  padding:10px;
  margin-bottom:20px;
}
.success h2 {
  width:100%;
  background-color:#AEFB52;
  padding:4px 0;
  margin:0;
}
.success p {
  font-size:12px;
  color:#333;
  margin:0;
}
.success a {
  text-decoration:underline;
  color:#333;
}
.success a:hover {
  text-decoration:none;
}
.notice {
  width:960px;
  text-align:center;
  background-color:#FFF8AB;
  border:1px solid #CDBE2E;
  padding:10px;
  margin-bottom:20px;
}
.notice h2 {
  width:100%;
  background-color:#FBF078;
  color:#333;
  padding:4px 0;
  margin:0;
}
.notice p {
  font-size:12px;
  color:#333;
  margin:0;
}
.notice a {
  text-decoration:underline;
  color:#333;
}
.notice a:hover {
  text-decoration:none;
}
.error {
  width:960px;
  text-align:center;
  background-color:#FFDDDD;
  border:1px solid #9F0000;
  padding:10px;
  margin-bottom:20px;
}
.error h2 {
  width:100%;
  color:#FFF;
  background-color:#E00;
  padding:4px 0;
  margin:0;
}
.error p {
  font-size:12px;
  color:#333;
  margin:0;
}
.error a {
  text-decoration:underline;
  color:#333;
}
.error a:hover {
  text-decoration:none;
}
.notice, .success, .error {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:auto;
}
.notice h2, .success h2, .error h2 {
    font-size:12px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-bottom:5px;
}

/* --------------------------------------------------------------------------------------------------------- content */

.content {
  width:560px;
  float:left;
}
.docs-wrap {
    margin: 0;
    padding: 0 0 35px 0;
    overflow: hidden;
}
.wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 45px 10px;
    width: 990px;
}
.sidebar {
  width:341px;
  margin-left:89px;
  float:left;
}

.sidebar.p{
    margin-bottom:20px;
}

.sidebar.g{width:260px;}

.sidebar.g.saucepromo{
    padding-bottom: 0;
}

.sidebar ol,
.sidebar ul{
    padding-left: 20px;
    padding-right: 20px;
}

.sidebar.g,
#sidebar-gray {
  padding: 35px 30px;
  background: #DDD;
    border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.sidebar.g #sidebar-gray { padding:0; }

#sidebar-gray h2 {
  font-size: 16px;
  color: #636b75;
  font-weight: normal;
  margin-bottom: 10px;
}
#sidebar-gray p {
  font-size: 14px;
}
#sidebar-gray .quiet {
  font-size: 12px;
  color: #999;
}
#sidebar-gray .small {
  font-size: 10px;
}
#sidebar-gray li {
  list-style:none outside none;
  margin-bottom:3px;
}
h3.more {
  margin: 20px 0 0 40px}
h4.more a,
h3.more a {
  font-size: 14px;
  font-weight: bold;
  background: url(../images/double_chevron.png) 100% 50% no-repeat;
  padding-right: 13px;
  text-decoration: none;
}

h4.more a.ico,
h3.more a.ico {background:none; padding-right:0;}

p.more a {
  background: url(../images/double_chevron.png) 100% 50% no-repeat;
  padding-right: 13px;
}


/* Downloads */
p.icon-rss {
  padding-top: 12px;
  text-align: right;
}
p.icon-rss a {
  background:url(../images/icon_rss.png) 0 50% no-repeat;
  padding-left: 17px;
}
.downloads-box {
  margin: 20px 0;
  border-top: 1px solid #f4efb7;
  border-bottom: 1px solid #f4efb7;
  background: #fffef6;
  padding: 20px 5px;
}
.downloads-box p {
  font-size: 14px;
  margin-bottom: 0;
}
.downloads-box p a {
  font-weight: bold;
}
.downloads-box p span.xsmall a {
  font-size: 11px;
  font-weight: normal;
}
p.icon-plugin {
  background: url(/images/icon_plugin.png) no-repeat scroll 0 0 transparent;
  padding-left: 28px;
}
p.icon-windows {
  background: url(../images/icon_windows.png) 0 0 no-repeat;
  padding-left: 28px;
}
p.icon-mac {
  background: url(../images/icon_mac.png) 0 0 no-repeat;
  padding-left: 28px;
}
p.icon-unix {
  background: url(../images/icon_unix.png) 0 0 no-repeat;
  padding-left: 39px;
}
p.icon-download {
  background: url(../images/icon_download.png) 0 0 no-repeat;
  padding-left: 28px;
}
.push-1-col {
  padding-left: 24px;
}

.features {
  width:560px;
  background:url(../images/features-top.gif) no-repeat 0 0;
  padding-top:9px;
  margin:40px 0;
}
.features table {
  width:560px;
  margin:0;
  border:0;
  border-collapse:collapse;
}
.features table thead tr th {
  width:120px;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  color:#365671;
  background-color:#E8F0F4;
  padding:1px 10px 10px 10px;
  border-bottom:2px solid #78A5CF;
}
.features table tbody th,.features table tbody td {
  height:30px;
  font-size:12px;
  text-align:left;
  vertical-align:top;
  padding:10px;
  border-bottom:1px dotted #78A5CF;
}
.features table tbody th {
  font-weight:bold;
  color:#3E434A;
}
.features table tbody td {
  color:#636B75;
}

/* OnDemand Signup and Contact Form */
form.graybox,                 form.signup             {background-color:#f2f3f3; padding:15px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius:10px; }
form.graybox p,               form.signup p           {text-align:right; color: #636B75; margin:4px 0;}
form.graybox td,              form.signup td          {padding-bottom:5px;}
form.graybox .req,            form.signup .req        {color:#FF5800;}
form.graybox label,           form.signup label       {display:block; text-align:right; padding-right:10px; color:#888; font-size: 0.8em;}
form.graybox td.submit input, form.signup td.submit input{
  background: url(../images/global/sign-me-up.png);
  text-indent:-1000px;
  background-position:0 0;
  border:0;
  display:block;
  font-size: 0;
  line-height:0;
  color: #fff;
  padding: 1px 0 5px;
  margin: 10px 0 0;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 30px;
  width:108px !important;
  text-align: center;
  cursor:pointer;
}
form.signup td.tos label,
form.signup td.tos input{width:auto;}
form.signup td.tos label {display: inline; }

/* survey form */
div.survey fieldset {margin:0;padding:0px;border:0px;}
div.survey ul {margin:0;padding:0px;}
div.survey li {list-style-type:none;margin:0;padding:0px;line-height:1;}
div.survey input { width: 550px; }
div.survey select { width: 565px }
div.survey label{
    margin-bottom:0;
    margin-top:5px;
}
div.survey td.checkbox {padding:15px 0; width:50%;}
div.survey td.checkbox.left {width:30%;}
div.survey td.checkbox.right {width:70%;text-align:left;}
div.survey div.quote {font-size:0.8em; padding-left:6px;color:#636B75;}
div.survey td.checkbox input {width:auto; margin-right:5px;}
div.survey td.checkbox label {display:inline;margin-right:30px;}
div.survey textarea {width:550px;height:40px;font-family:"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;}
div.survey label.error {font-size:0.8em;}
div.survey {
    background-color: #F2F3F3;
    width:570px;
    padding:30px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-top-left-radius: 8px 8px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
}

div.survey tr.double td {width:50%;}
div.survey tr.double input {width:264px;}
div.survey tr.double select {width:282px;margin-top:7px;}

div.survey tr.triple input {width:70px;margin-left:15px;margin-top:10px;}
div.survey tr.triple select {width:50px;}
div.survey tr.triple label {display:inline;}

div.survey td.optional-label div.line {border-bottom:1px solid #ccc;}
div.survey td.optional-label div.text {position:relative; top:8px; left:10px; letter-spacing:1px;
                                       background-color:#F2F3F3;display:inline;padding:0 10px;}
div.survey td.optional-label {padding: 15px 0 10px;}
div.survey tr.optional label {color: #636B75;}

.sidebar form#contact label {display:block; width:220px; float:left;}

.tinytype   {font-size:60%;}

.ui-tabs-hide           {display:none;}
.signup-side ul         {margin-left:0;}

.payment-box-top {
  background: url(../images/box_payment_top.png) no-repeat;
  padding-top: 10px;
  width: 570px;
  margin-bottom: 20px;
}
.payment-box-inner {
  background: #d9e3eb url(../images/box_payment_bottom.png) 0 100% no-repeat;
  padding: 25px 40px;
}
#sidebar-gray form input,
#sidebar-gray form select,
#sidebar-gray form textarea{
    background-color: white;
  width:250px;
}
p.signup-text {
  margin-left: 40px;
  font-size: 14px;
  color: #3e434a;
  font-weight: bold;
}
p.signup-text a {
  font-weight: normal;
}
p.xlarge {
  font-size: 24px !important;
  color: #3e434a;
  margin-bottom: 5px;
}
p.large {
  font-size: 18px;
  color:#636b75;
  line-height: 1.4;
}
p.medium {
  font-size: 14px;
}
.blue {
  color: #1a83d4;
}
.red {
    color: red;
}
.hidden {
    display: none;
}
.account-info {
  text-align: right;
  font-weight: bold;
}
.account-info a {
  text-decoration: none;
}
.account-info a:hover {
  text-decoration: underline;
}
.minutes {
  margin-top: 13px;
  text-align: right;
}
.minutes p {
  color: #000;
  font-size: 14px;
}
.api-results {
  background: #fffde9;
  border: 1px solid #ffef2c;
  padding: 30px 0 20px;
  margin-bottom: 30px;
}
.api-results p {
  font-size: 14px;
  margin-bottom: 20px;
}
.nomargin {
  margin: 0 !important;
}

.pricing {
  border: 1px dotted #bfc0c0;
  border-left: none;
  border-right: none;
  padding-top: 10px;
  margin: 5px 0 0;
  }
.pricing-bg h3 {
  margin: 20px 0 10px;
}
.pricingTable {
  width:559px;
  background:url(/images/priceBox.gif) no-repeat;
  margin-bottom:24px;
  padding:0;
  overflow:hidden;
}
.pricingTable p {
  width:559px;
  text-align:center;
  background:#EDEEEE url(../images/priceBox-bottom.gif) no-repeat bottom;
  padding:16px 0 10px 0;
  margin:0;
}
.pricingTable table {
  width:100%;
}
.pricingTable table td {
  width:50%;
  padding:18px 12px 6px 12px;
  vertical-align:top;
}
.pricingTable h2 {
  font-size:18px;
  margin:0 0 0 64px;
}
.pricingTable table td ul {
  list-style-type:none;
  margin:6px 0 0 68px;
  padding:0;
}
.pricingTable table td ul li {
  font-size:14px;
  background:url(../images/global/bullet.gif) no-repeat 0 7px;
  margin:0;
  padding:0 0 0 17px;
}

.less-margin h3 {
    margin-bottom: 10px;
}

.less-margin p {
    padding-left: 10px;
}

/* --------------------------------------------------------------------------------------------------------- sidebar */
h2.mild {
  color:#427099;
}
h2.medium {
  color:#739D3F;
}
h2.hot {
  color:#FF9000;
}
.features table thead tr th {
  padding:1px 10px 10px 26px;
}
th.mild {
  background:url("/images/icons/sauce-mild.gif") no-repeat scroll 8px 0 transparent;
}
th.medium {
  background:url("/images/icons/sauce-medium.gif") no-repeat scroll 8px 0 transparent;
}
th.hot {
  background:url("/images/icons/sauce-hot.gif") no-repeat scroll 8px 0 transparent;
}
th.extra {
  background:url("/images/icons/sauce-extra.gif") no-repeat scroll 8px 0 transparent;
}
.team-img {
  text-align: right;
  margin-bottom: 10px;
}

.leftNavOuter {width:245px;text-align:left;background:url(/images/leftnav-box.gif) no-repeat top;margin:0 40px 0 0;float:left;}
.leftNav {width:207px;background:url(/images/leftnav-box-bottom.gif) no-repeat bottom;padding:19px;position:relative;}
.leftNav ul {list-style-type:none;margin:0 0 0 8px;padding:0;}
.leftNav ul li {background:url(/images/bullet.gif) no-repeat 0 7px;margin:0;padding:0 0 0 17px;}
/*------------------------------------------------------------------------------------------------------------- forms */
/* TODO: extremely bored? get rid of the following rule after deeply testing
 * every freaking form in our website */
form p {
    margin-bottom: 10px;
    overflow: auto;
}
form#twitter-sharing p,
form#email-sharing p {
    margin-bottom: 15px !important;
    overflow: inherit !important;
}
.border input,
.border select,
.border textarea {
  border: 1px solid #b4c8d9 !important}
.error-box {
  width:500px;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  background-color:#F00;
  border:0;
  margin:5px 0;
  padding:6px;
  display:block;
}
input.error, textarea.error, select.error {
  text-align:left !important;
  margin:0;
}
.mainForm {
  position:relative;
  margin-bottom:10px;
}
.mainForm label,
.landing label {
  display: block;
  margin: 0 0 3px 5px;
  font-size: 17px;
  color: #43719a;
}
.mainForm input,
.mainForm select,
.mainForm textarea {
  font-size: 21px;
  padding: 5px;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:392px;
  overflow: visible;
}
.mainForm textarea {
  height:200px;
}
.mainForm input[type=submit],
.mainForm input[type=button] {
  background: url(../images/button_signup.png) repeat-x;
  background-position:0 0;
  color: #fff;
  border:0;
  font-size: 17px;
  padding: 1px 0 5px;
  margin: 10px 0 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 36px;
  width:125px !important;
  text-align: center;
}
.mainForm input.valid {
  background-image:url(/images/valid.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.mainForm input.checking {
  background-image:url(/images/loading.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
.mainForm.survey input[type=submit] {
  width:200px !important;
}
.mainForm .formMessage {
  width:500px;
  text-align:center;
  display:block;
}
.mainForm label.error {
  color:#FF0000 !important;
  padding:0 5px;
  margin:0;
  text-align:right;
  width:100%;
  background:none !important;
  border:none !important;
  display: inline;
}
.mainForm #account-form label.error {
  margin-left: 175px;
  text-align: left;
  display: inline-block;
  width: auto !important;
}
.mainForm #account-form label:first-child {
  display: inline-block;
  width: 150px;
  text-align: right;
  margin: 0 20px 0 0;
  height: 40px;
}
.mainForm #account-form input:first-child {
  margin-left: 175px !important;
}
.mainForm #account-form p:last-child {
  margin:0;
}
.roundedForm form {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.roundedForm input,
.roundedForm select,
.roundedForm textarea {
  font-size: 16px;
  color: #000;
  padding: 7px;
  border: 1px solid #DDD;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #DDD;
}
.roundedForm select { width: 418px }
.roundedForm input, .roundedForm textarea{ width: 402px }
.two-col label {
  float: left;
  width: 155px;
  text-align: right;
  margin: 0;
  padding-top:8px;
}
.two-col label.error {
  padding:0 !important;
  text-align:right;
  width:100%;
}
.two-col input,
.two-col select {
  float: left;
  width: 300px !important;
  margin-left: 10px !important;
}
.two-col input#submit {
  margin-left: 10px !important;
}
#sidebar-gray form {
  position:relative;
    margin-bottom:10px;
}
#sidebar-gray form label {
  display: block;
  margin: 0 0 3px 5px;
  font-size: 17px;
  color: #43719a;
}
#sidebar-gray form input,
#sidebar-gray form select,
#sidebar-gray form textarea {
  font-size: 17px;
  color: #000;
  padding: 3px;
  border: none;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#sidebar-gray form select { width:250px; }
#sidebar-gray form textarea, #sidebar-gray form input { width:240px; }
#sidebar-gray form textarea {
  height:50px;
}
#sidebar-gray form input[type=submit] {
  background: url(../images/button_signup.png) repeat-x;
  background-position:0 0;
  border:0;
  font-size: 17px;
  color: #fff;
  padding: 1px 0 5px;
  margin: 10px 0 0;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 36px;
  width:125px !important;
  text-align: center;
  cursor:pointer;
}
#sidebar-gray form label.error {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    color:#FF0000;
    padding:0;
    text-align:right;
    width:95%;
}
#sidebar-gray .formMessage {
  width:260px;
  text-align:center;
  display:block;
    font-weight:bold;
}
.sidebarBig a {
  width:307px;
  height:40px;
  background-position:0 0;
  background-repeat:no-repeat;
  display:block;
  margin-top:5px;
}
.sidebarBig a:hover {
  background-position:0 -40px;
}
.sidebarBig a.downloadWindows {
  background-image:url(../images/buttons/sidebar-download-windows.gif);
}
.sidebarBig a.downloadMac {
  background-image:url(../images/buttons/sidebar-download-mac.gif);
}
.sidebarBig a span {
  display:none;
}
#ui-dialog-title-share-dialog ,
#share-link {
    font-weight: bold;
    background: url(/images/global/sharing-icon.png) left center no-repeat;
    padding: 3px 0px 5px 35px;
}
#share-dialog .formMessage {
  font-size: 14px;
  margin-bottom: 8px;
}
#share-dialog .formMessage.failed,
#share-dialog .formMessage label.invalid {
  color: red;
}
#share-dialog .formMessage p {
  margin: 0;
}
#share-dialog form .invalid {
  border: 1px solid red;
}
#share-dialog form label {
  float: left;
  width: 30px;
}
#share-dialog form input,
#share-dialog form textarea {
  color: #444;
}
#share-dialog form :-moz-placeholder {
  color: #999;
}
#share-dialog form ::-webkit-input-placeholder {
  color: #999;
}
#share-dialog form input[type=text]{
  width: 360px;
}
#share-dialog form input[type=submit]{
  float: right;
}
#share-dialog form textarea {
  width: 394px;
  height: 85px;
}
#share-dialog .close-sharing {
  float: right;
  margin-left: 3px;
}
/* --------------------------------------------------------------------------------------------------------- masthead */
#masthead           {border-bottom:4px solid #404040;height:2.3em; background-color:#202020; padding:0; margin:0; width:100%; position:relative; z-index:99;font:13px/14px "tahoma";}
#masthead ul {margin:0;padding:0;}
#mastheadInner      { margin:0 auto; padding:0; position:relative;}
#mainLogo           {margin-top:5px;margin-left:12px;float:left;}
#mainNav            {float:left;margin-top:8px;margin-left:15px;}
#subNav             {float:right;}

#mainNav a {
  margin-right: 8px;
  margin-left:  8px;
  color:#C4C4C4;
}
#mainNav ul{}
#mainNav li                 {list-style:none; float:left; margin-bottom:1px;padding-left:5px;padding-right:5px;}
#mainNav li a               {display:block; height:22px;}
#mainNav li.minor a         {color: #999;}
#mainNav li:hover           {background-color:#202020;}
#mainNav li:hover a,
#mainNav li a.selected      {color:#ffef2c}
#mainNav li:hover ul        {display:block;}
#mainNav li ul              {display:none; position:absolute;  z-index:100; background-color:#404040; width:220px;}
#mainNav li ul li           {display:block; float:none; padding:0; margin:0; height:32px;}
#mainNav li ul li a   {display:block; height:22px; color:#fff; padding-left:8px; padding-top:8px; margin:0;}
#mainNav li:hover ul li a.selected    {color:#ffef2c}
#mainNav li:hover ul li a         {color:#C4C4C4;}
#mainNav li:hover ul li a:hover   {color:#ffef2c; background:#202020;}

#mainNav a:hover {
  color: #ff0;
  text-decoration: none;
}
#mainNav a.last {
  font-size: 12px;
  padding-top:13px;
  color: #a1a1a1;
  font-weight: normal;
  text-transform: none;
  margin-right:0;
  margin-left:0;
  float:right;
}
#mainNav a.last:hover {
  color: #a1a1a1;
  text-decoration: underline;
}

#menubar li
{
   float:left;
   display:block;
   position:relative;
}

#menubar  li ul
{
   top:100%;
   left:0px;
   padding:5px 0px;
   position:absolute;
   background-color: rgb(64,64,64);
   border:1px solid black;
   width:auto;
   height:auto;
   display:none;
   -webkit-box-shadow: 2px 2px 7px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    2px 2px 7px rgba(50, 50, 50, 0.75);
   box-shadow:         2px 2px 7px rgba(50, 50, 50, 0.75);
   -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#menubar  li:hover ul {
   display: block;
}
#menubar  li ul li {
   display:block;
   background-color:rgb(64,64,64);
   position:static;
   width:15em;
   float:none;
}
#menubar ul {
   height:2.2em;
   background-color:rgb(32,32,32);
   border-bottom:1px solid rgb(0,0,0);
   padding-left:6em;
}
#menubar li a {
   color:#C4C4C4;
   text-decoration:none;
   padding: 1ex 2ex;
   display:block;
   white-space:pre;
}
div:hover#menubar li:hover ul li a,
div:hover#menubar li a {
  color:rgb(196,196,196);
}

div:hover#menubar li:hover a,
div:hover#menubar li:hover ul li a:hover {
  color:rgb(255,230,0);
}


div:hover#menubar li:hover {
   background-color:black;
}
#menubar  ul.right-align li  ul {
 left:auto;
 right:0px;
}
#menubar form {
  margin:0.5em;
  background: rgb(240,240,240);
  padding:1ex;
  color: black;
  border:2px solid rgb(128,128,128)
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
   -moz-box-shadow:    2px 2px 5px rgba(0, 0, 0, 0.75);
   box-shadow:         2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#menubar form h6 {
  font-size: 70%;
  padding:.2ex 1ex;
  color: black;
}
#menubar form input {
  font-size: 100%;
  margin:.2ex 1ex;
  padding:0.05em;;
  clear:both;
}
#mini-logo {
  left: 1em;
  top:.3em;
  display:block;
}

/* adds mini scout icon */
.scout-mini {
  background-image: url(/images/mast/scout_icn.png);
  background-repeat: no-repeat;
  background-position: 4px 1px;
  padding-left: 38px !important;
}

/* buttons - here is how this works, 
* the buttons use css to give a rounded border, 
* and a background image for the gradient.
* in the case of older browsers, they ignore the rounded corners, but do pick up the gradient
* so all is still well in the world.
*/
form a:hover.button,
form a:active.button,
form a.button {
  display:inline-block !important ;
  border: 1px solid rgb(168,168,168);
  border-bottom: 1px solid rgb(96,96,96);
  border-right: 1px solid rgb(128,128,128);
  font: 500 100%/100% lato, tahoma !important;
  -moz-border-radius: 0.4ex;
  -webkit-border-radius: 0.4ex;
  border-radius: 0.4ex;
  display:inline-block;
  padding:0.4ex 1ex 0.5ex 1ex !important;
  color:rgb(64,64,64) !important;
  margin: 0.5ex;
  min-width:  5em;
  height:2.2ex;
  text-align:center;
  background-image: url(/images/mast/button-gradient.png);
  background-repeat:repeat;
  background-position:right top;
  text-decoration:none;
}
form a:hover.button {
  border: 1px solid rgb(128,128,196);
  border-bottom: 1px solid rgb(64,64,64);
  border-right: 1px solid rgb(64,64,64);
  background-color: rgb(230,230,240);
  color:rgb(0,0,64) !important;
}
form a:active.button {
  border: 1px solid rgb(128,128,128);
  border-bottom: 1px solid rgb(96,96,96);
  border-top-width:2px;
  border-left-width: 2px;
  padding-bottom:0.35ex !important;
  padding-right:0.9ex !important;
  background-color: rgb(215,215,215);
  color:rgb(0,0,0) !important;
}

*.hot-area {
  background-color: none;
  cursor:pointer;
}
*:hover.hot-area {
  background-color: rgba(0,0,255,0.15);
}

.job_counter {
  float:right;
  margin-top:8px ;
  color: #636b75;
}

.account_mast {
  float:right;
  margin-right:20px;
  margin-top:8px;
}

.account_mast a {
  color: #A4A4A4;
  margin-left:20px;
  margin-right:5px;
}
.account_mast a:hover {
  color:#202020;
}
.account_mast a.last {
  background: none;
  padding-right: 0;
  padding-left: 10px;
}
.account_mast a img     {vertical-align:middle; margin-top:-2px;}
.account_mast a.more {background: url(../images/global/arrow_blue.png) 100% 3px no-repeat; padding-right: 20px;}

.account_mast a.signup_button {
    height: 21px;
    width: 150px;
    display: block;
    background-image: url(/images/button_pricing.png);
    background-position: 0 0;
    padding: 0;
}
.account_mast a.signup_button:hover {
    background-position: 0 -21px;
    text-decoration: none;
}

a.freetrial_button {
    height: 39px;
    width: 255px;
    display: block;
    background-image: url(/images/buttons/signuppforafreetrial.png);
    background-position: 0 0;
    padding: 0;
}
a.freetrial_button:hover {
    background-position: 0 -39px;
    text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------- footer */
#footerfloat {
  font:13px/14px "tahoma";
  height:20px;
}
#footerinner {
  margin: 0 auto;
}
#sitefooter {
  width:100%;
  background-color:#313a3f;
  border-top:1px solid lightgray;
  margin:0;
  overflow:hidden;
  color:#999999;
}
#sitefooter p, #sitefooter li, #sitefooter h3, #sitefooter b {
  color:#CDDDE6;
}
#sitefooter p, #sitefooter li {
  margin-top:0;
  line-height:normal;
  font-size: 12px;
}
#sitefooter h3 {
  margin: 0 0 5px;
  color: #ff0;
  font-size: 15px;
  font-weight: normal;
}
#sitefooter h3 a {
  font-weight: bold;
  color:#ff0;
}
#sitefooter a:hover {
  text-decoration: underline;
}
#sitefooter h3 a span {
  color: #fff;
}
#sitefooter p.bold {
  color: #ccc;
  font-weight: bold;
  font-size: 15px;
}
#sitefooter a {
	color:#999999;
}
#sitefooter p.small {
  font-size: 11px;
  color: #9bb7c7;
}
.sitemap ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.sitemap ul li {
  margin:0 0 10px;
  padding:0;
  font-weight: normal;
}
#sitefooter ul.contact {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  border-top: 1px solid #505f67;
}
#sitefooter ul.contact li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #505f67;
}
#sitefooter ul.contact li a {
  display: block;
  background: url(../images/global/icon_mail.png) 4px 50% no-repeat;
  padding-left: 30px;
  height:24px;
  padding-top: 11px;
}
.copyright {
  padding-top: 6px;
}
#sitefooter .copyright p {
  color: #999999;
  font-size: 11px;
}
#sitefooter .copyright p a {
}
#sitefooter .copyright p a:hover {
  text-decoration: underline;
}
.subfooter {
  width:100%;
  height:24px;
  background:url(../images/global/sub-footer.png);
}

/* --- code to make the footer bottom-dwelling --- */
html, body {
  height: 100%;
}
body > #main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -52px;
}

#sauce-ondemand-configuration-window    {padding-bottom:10px;}


#placeholder2 .button {
    position: absolute;
    cursor: pointer;
    font-size: smaller;
    color: #999;
    background-color: #eee;
}


#homepage h1                {text-align:center; font-weight:normal; margin:30px; margin-bottom:36px; font-size:42px;}

#homepage .intro            {width:650px; padding-right:42px; float:left;}
#homepage .cta              {width:250px; float:left;}

.primary-cta      {display:block; height:72px; width:234px; text-indent:-1000px; background-image: url('/images/global/cta-primary.png');}
#homepage .primary-cta:hover{background-image: url('/images/global/cta-primary-active.png');}
.primary-cta-hot      {display:block; height:72px; width:234px; text-indent:-1000px; background-image: url('/images/global/hot-future.gif');}
#homepage .primary-cta-hot:hover{background-image: url('/images/global/hot-future-rollover.gif');}
.primary-cta-ft      {display:block; height:72px; width:234px; text-indent:-1000px; background-image: url('/images/global/get_started_free-trial.gif');}
#homepage .primary-cta-ft:hover{background-image: url('/images/global/get_started_free-trial-rollover.gif');}
#homepage .primary-cta:hover{background-position:0 72px;}
#homepage .intro em           {font-style:normal; color:#f00;}
#homepage .cta div          {width:234px; float:left; margin-right:18px;}
#homepage .cta h3.more      {margin:0; text-align:center; font-weight:normal;}

#homepage .callout          {padding-right:1em; margin-top:2em; background-color:#f3f3f3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#homepage .callout .news    {float:left; width:210px; padding:15px; height:250px;}
#homepage .callout .twtr-hd,
#homepage .callout .twtr-ft        {display:none !important;}
#homepage .callout .twtr-widget p   {font-size:12px;}
#homepage .callout .news .blog-title{margin:0;}
#homepage .callout .news .blog-cite{font-size:80%;}
.twtr-tweet-wrap                    {padding:0 0 10px 0 !important;}
#homepage .callout h2,
#homepage .callout .entry h3 a                {font-size:12px; font-weight:normal;}
#homepage .callout .entry h3                  {line-height:14px;}
#homepage #customers                          {width:976px; height:60px; padding:5px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius:5px; margin-top:2em;}
#homepage #customers h2                       {float:left; font-size:18px; width:150px; color:#636B75; padding:10px; }
#homepage #customers a#select_partners        {float:left; width:152px; height:60px; text-indent:-1000px; background-image:url('/images/buttons/customers.gif'); margin-right:30px;}
#homepage #customers a#select_partners:hover  {background-position:0 60px;}
#homepage p.intro           {font-size:17px;}

#flashtesting               {}
#flashtesting #blurb        {width:600px; padding:1em; float:left;}
#flashtesting #sidebar-gray {float:right;width:260px;}
#flashtesting #sidebar-gray .prepend-top{margin-top:0;}
#flashtesting #demo         {float:right; margin-top:2em;}
#flashtesting #demo h2      {text-align:center;}

/** Documentation **/
.chapter  {padding:0 0 0 1em; clear:both;}
.docs .wrap h2        {margin-top:1em;border-bottom: 1px dotted #AAA;padding-bottom:3px}
.docs .wrap li        {font-size:15px;}
.docs .wrap #autoIndex li {margin-bottom:3px; font-size:17px;}
.docs .wrap ul        {margin-bottom:1em;}
.docs .wrap dl.faq    {background:#fdffc8 url(../images/qmark.jpg) no-repeat 0 8px; padding:0.5em; padding-left:100px; border:3px solid #eceeb7; border-radius:1em; -webkit-border-radius: 1em; -moz-border-radius:1em; margin-bottom:1em; min-height:100px; width: 400px;}
.docs .wrap dl.faq dt {padding-bottom:1em;}
.sidebar .tech-sidebar-section{padding-top:1em; border-top:1px solid #999; margin-top:1em;}
.docs .content         {padding-left:1em; margin:0 auto;}
.docs .content h1      {text-align:center;}
.docs .sidebar h2      {margin-top:0;}
.docs #index ol,
.docs #index ul {max-height:500px;overflow:auto;}

.docs .wrap dl.multi-faqs {color:#636B75;}
.docs .wrap dl.multi-faqs dt{ font-size:1.2em; padding-bottom:0.5em; margin-top:2em;}
.docs code          {background-color:#f5f5fe; border:3px solid #ddd;overflow:auto;overflow-y:hidden;}

.docs samp          {color:#229900; font-weight:bold;}
.docs ol ol li      {list-style:lower-roman;}
.docs ol ol         {margin:0; font-size:90%;}

/* Landing Pages */
body.landing                    {background: #313a3f;}
.landing #main                  {width:990px; margin: 0 auto; padding: 0;}
.landing #mainLogo              {float:left; margin-left:30px;}
.landing #masthead              {height:166px; background:none; padding-top: 8px; min-width:990px; zoom: 1; position:relative; overflow:hidden;}
.landing .byline                {float:left; width:600px; margin-top:47px; margin-left:18px;}
.landing h2.byline              {color:#fff; font-size:28px; font-weight:bold;}
.landing h2.byline em           {color:#ff0;}
.landing .account_mast          {position:absolute; padding: 0; text-align: right; top:20px; right:0;}
.landing .account_mast a        {background:none; padding:5px; padding-right:25px;}
.landing .account_mast a.last   {padding: 0 10px 0 0;}
.landing .wrap                  {margin-top: -70px; margin-bottom: 10px; padding-top: 70px; zoom: 1; position:static; width:900px;}
.landing .wrap,
.landing #callouts              {background: #fff; padding: 30px 42px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.landing #callouts.tight        {padding: 30px 15px 40px; }

.landing h1                     {font-size: 30px; margin: 0 0 15px; line-height:1.2; color: #313a3f;}
.landing .col                   {width:486px; float:left; padding-top:30px; padding-right:20px;}
.landing h2                     {font-size: 18px;color: #636B75;}
.landing p                      {font-size: 13px; color: #636B75; margin: 0 0 30px;}
.landing p.intro                {font-size:19px;}
.landing ul.standard            {margin-left: 0;}
.landing ul.standard li         {font-size: 13px; color: #636B75; line-height: 1.6; margin-bottom: 5px;}

.landing blockquote         {border-left: 6px solid #c1c4c5; padding-left: 13px; color: #687b86; font-size: 14px; padding-right:20px;}
.landing #callouts cite     {margin-top: 20px; color: #313a3f;}
.landing #callouts span     {color: #313a3f;}
.landing #callouts .c       {float:right;width:300px;height:auto; }
.landing #callouts .huggins {float:right;width:245px; margin-right:0;}
.landing #footer            {margin-top: 20px; width:990px; margin:0 auto;}
.landing #footer p          {color: #6d818c; font-size: 11px; margin-bottom: 20px;}
.landing #footer a          {color: #6d818c; font-size: 11px;}


#quotes blockquote          {width:350px; float:left; border:10px solid #ff9; margin:20px; padding:20px; color:#555;}
#quotes blockquote.shorter  {border-color:#eee;}

/*** Jenkins Page ***/
.hudson .wrap               {width:550px;float:left;}
.d                          {text-align:center;width:550px;float:left;}
#hudson-sidebar             {background: #fff; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:315px; float:right; position:relative; bottom:70px;}
#hudson-sidebar .sidebar    {width:230px;float:left;background: #f2f3f3;}
#hudson-sidebar .signup     {text-align:center;width:285px;}
#hudson-sidebar .list       {font-size:0.95em;margin-top:5px;width:285px;padding:15px;}
#hudson-sidebar table       {text-align:right;width:260px;}
#hudson-sidebar p           {margin-right:25px;}
#hudson-sidebar .startnow       {background: #f2f3f3; padding: 30px 15px 15px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#hudson-sidebar .startnow .list {padding-top:5px;}

/*** Videos Page ***/
div.videos div {margin-bottom:30px;}

/*** Building Blocks ***/
.rmenu {float:right;background-color:#CDDDE6;width:300px;padding:20px;}
.lmenu {float:left;background-color:#CDDDE6;width:300px;margin:5px}

div.f-right                 {float:right; padding-left:1em;}

.community h1,
.feat h1                   {font-size:35px; margin-bottom:1em; font-weight:bold;}
.community .project,
.feat .project             {border-top:1px dotted #999; clear:both;}
.community .project img,
.feat .project img,
.monocle                     {float:left; margin:20px; width:100px; padding-top:20px;}

.feat .project p,
.feat .project h3,
.community .project p,
.community .project h3      {float:right; width:480px;}
.feat .project h3,
.community .project h3      {font-size:24px;}
.feat .sidebar,
.community .sidebar         {margin-left:40px; font-size:85%; padding-top:1em;}
.feat .sidebar p,
.community .sidebar p       {font-size:100%;}
.feat .sidebar h3,
.community .sidebar h3      {font-size:1.1em; color:#686c77; margin-bottom:1em;}
.community .sidebar li      {list-style:none; margin-bottom:1em;}
.community .sidebar li a    {font-weight:bold;}
.feat .content,
.community .content         {width:620px;}

.feat .cta                  {background-color:#f2f3f3; padding:20px; margin:1em; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.feat .cta .more            {margin-top:5px; text-align:center;}
.feat .cta p                {margin:0; text-align:center;}
.feat .content h4           {font-size:1em; margin:10px 0;}
.feat .sidebar .signup label{font-size:1em;}
.feat .sidebar .signup h2   {font-size:1.1em;}
.monocle                    {padding:10px; font-size:3em; color:#999; background-color:#eef; width:80px;}

.img-center                 { display: block; margin-left: auto; margin-right: auto }

.landing .content           {width:600px; margin-right:20px;}
.landing .content h4        {font-size:1em; margin:10px 0;}
.landing .content_skinny    {width:400px; margin-right:20px;}
.landing .content .subsec   {width:280px; float:left; padding-right:20px;}
.landing .sidebar           {margin:0; width:280px; float:right;}
.landing .sidebar_fat       {margin:0; width:400px; float:right;}
.landing .sidebar_fat h4    {color:#000; font-weight:bold; font-size: 20px; margin-bottom:20px;}
.landing .sidebar_fat p     {font-size:16px; color:#000;}
.landing .sidebar h2        {color:#333; font-size:100%; margin-bottom:20px;}
.landing .sidebar form.signup   {padding:20px;}
.landing label              {font-size:80%;}
.landing .nav               {float:right; margin-top:-40px;}
form.signup input[type=submit] {
  background: url(../images/get-started-now.png);
  text-indent:-1000px;
  background-position:0 0;
  border:0;
  font-size: 17px;
  color: #fff;
  padding: 1px 0 5px;
  margin: 0;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 59px;
  width:250px !important;
  text-align: center;
  cursor:pointer;
}

/* Helpfulness stuff */
.helpful {display: none; min-height:1em; padding-bottom: 3px; margin-bottom:7px}
.helpful .prompt {
    position: absolute;
    font-style: italic
}
.helpful .prompt a {
    font-style: normal;
}
.helpful .thanks {display: none}
.helpful .askmore {display: none}
.helpful input[type=submit] {
  background: url(../images/button_signup.png) repeat-x;
  background-position:0 0;
  border:0;
  font-size: 17px;
  color: #fff;
  padding: 1px 0 5px;
  margin: 10px 0 0;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 36px;
  width:125px !important;
  text-align: center;
  cursor:pointer;
}
.helpful textarea {
  color: #000;
  padding: 7px;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:392px;
  border: 1px solid #b4c8d9 !important
}

.toc li {
    line-height: 1.2em;
    font-size:16px;
}
.toc {
    list-style-type: circle;
}
ol.docs li {
    line-height: 1.1;
    font-size: 15px;
}

img.docstep {
    border: thin solid;
    margin: 8px;
}

table#ssl td {
    text-align: center;
    border: inset;
    padding: 3px;
}

table#ssl th {
    padding: 6px;
}

table#ssl {
    border: outset;
}


.blog li    {font-size:13px;} /* As blog shares stylesheet */

/* pricing plans */
.pricing-plans .vertical-box {
    float: left;
    width: 185px;
    height: 350px;
    margin: 0 5px;
    padding: 20px 5px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    font-size: 1.1em;
    color: white;
}
/*.pricing-plans .vertical-box p { margin-bottom: 30px; }*/

.pricing-plans .vertical-box.one { background-color: #000 }
.pricing-plans .vertical-box.two { background-color: #636b75 }
.pricing-plans .vertical-box.three { background-color: #fff; border:1px solid #959595;}
.pricing-plans .vertical-box a.button {
    display:block;
    width:168px;
    height:39px;
    text-indent:-9000px;
    background-repeat:no-repeat;
    margin-left:8px;
}
.pricing-plans .vertical-box a.button:hover {
    background-position:0 -39px;

}
.pricing-plans .vertical-box.one a.button {
    background-image:url("/images/buttons/signupnow.png");
}
.pricing-plans .vertical-box.two a.button {
    background-image:url("/images/buttons/buynow.png"); margin-top:40px;
}
.pricing-plans .vertical-box.three a.button {
    background-image:url("/images/buttons/contactus.png"); margin-top:40px;
}
/*.pricing-plans .vertical-box.one:hover { background-color: #FFCFD1 }
.pricing-plans .vertical-box.two:hover { background-color: #FFFFCF }
.pricing-plans .vertical-box.three:hover { background-color: #CFE5FF }
.pricing-plans .vertical-box a:hover { text-decoration: none }*/

.pricing-plans .vertical-box p { font-size: 1.15em; line-height: 1em; color:white;}
.pricing-plans .vertical-box p.yellow {color:yellow;}
.pricing-plans .vertical-box h2 { font-size: 1.8em; font-weight: normal; color: yellow;margin-bottom:20px;}
.pricing-plans .vertical-box h3 { color: yellow; letter-spacing:2px; color: yellow; margin-top:0;}
.pricing-plans .vertical-box.three p {color:#636b75;}

.pricing-plans .vertical-box.three h2,
.pricing-plans .vertical-box.three h3 {color:#1a83d4;}

.pricing-plans .sub-vertical-box-msg { display: table; }

.sidebar .plans-sidebar { font-size: 14px }
.sidebar .plans-sidebar h3 {
    font-size: 1.2em;
    margin-top: 0;
    line-height: 1.4em;
}
.sidebar .plans-sidebar ul {
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar .plans-sidebar li {
    margin-bottom: 10px;
    color: #ff5800;
    font-size: 1.6em;
    line-height: 1em;
}
.sidebar .plans-sidebar li span {
    color: #636B75;
    font-size: 0.625em;
}
.sidebar .plans-sidebar p { margin-bottom: 0; }

.hotkeyHighlight {
    background-color:#EEE !important;
}

/* News section */
#news-entries h3 {
    margin: 0 0px 5px 0px;
}

#news-entries .news-entry {
    margin: 0 0px 20px 0px;
}

#news-entries .news-entry-about {
    font-size: 90%;
    padding-left: 10px;
    margin: 0 0px 5px 0px;
}

#news-entries .news-entry-summary {
    margin: 0 0px 5px 0px;
    color: inherit;
}

.jumpTestng img {
    width: 60%;
    height: 60%;
}

.usageinfo h4 {
    margin-bottom: 5px;
    margin-top: 10px;
}
.usageinfo {
    padding-left: 20px;
}
.usageinfo ul {
    margin-top: 0;
}
.usageinfo ul li, .usageinfo table, .usageinfo div, .usageinfo span {
    font-size: 14px;
    color: #888;
}
.usageinfo h4 {
    color: #444;
}

.usageinfo table {
    width: 100%;
}

.usageinfo ul {
    padding-left: 20px;
}

.sub-account-list {
    width: 400px;
}

#sub-account-form .error {
    width: 531px;
}

.sub-account-list .item {
    float: right;
    border: 1px solid #1A83D4;
    text-align: center;
    line-height: 15px;
    width: 15px;
    height: 15px;
}

.sub-account-list a:hover.item {
    text-decoration: none;
}

.sub-account-list .usageinfo {
    display: none;
}

.beta-signup {
  text-align: center;
  width: 550px;
}

.beta-signup td.submit input[type=submit] {
  margin: 0;
  margin-left: 8px;
}

#callouts div {
  float: left;
  width: 283px;
  padding: 10px;
  margin-right: 20px;
  height: 140px;
}

#callouts h3 {
  text-align: center;
  border-bottom: 1px dotted #AAA;
}

.monitor_survey_form input{
  width:20px;
  margin:5px
}

h2.serious{
  color: red;
}

#flowerrorbox {
  text-align:center;
  padding-bottom:10px;
  font-size:14px;
}

#flowerrorbox a {
  color: #1A83D4;
}

#scoutQuickInput {
  width:200px;
  height:18px;
  border:0px;
  font-size:15px;
  color:darkgray;
  font-style:italic;
  border-bottom:1px dashed lightgray;
}

form .mast_email {
  color:gray;
}
form .mast_username{
  color:gray;
}
form .mast_password{
  color:gray;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Black-webfont.eot');
  src: url('/fonts/Lato-Black-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Lato-Black-webfont.woff') format('woff'),
  url('/fonts/Lato-Black-webfont.ttf') format('truetype'),
  url('/fonts/Lato-Black-webfont.svg#LatoBlack') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Bold-webfont.eot');
  src: url('/fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Lato-Bold-webfont.woff') format('woff'),
  url('/fonts/Lato-Bold-webfont.ttf') format('truetype'),
  url('fonts/Lato-Bold-webfont.svg#LatoBold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Regular-webfont.eot');
  src: url('/fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Lato-Regular-webfont.woff') format('woff'),
  url('/fonts/Lato-Regular-webfont.ttf') format('truetype'),
  url('Lato-Regular-webfont.svg#LatoRegular') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Light-webfont.eot');
  src: url('/fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Lato-Light-webfont.woff') format('woff'),
  url('/fonts/Lato-Light-webfont.ttf') format('truetype'),
  url('/fonts/Lato-Light-webfont.svg#LatoLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Hairline-webfont.eot');
  src: url('/fonts/Lato-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Lato-Hairline-webfont.woff') format('woff'),
  url('/fonts/Lato-Hairline-webfont.ttf') format('truetype'),
  url('/fonts/Lato-Hairline-webfont.svg#LatoHairline') format('svg');
  font-weight: 100;
  font-style: normal;
}