/* orange: ff8a00 */

p.notice {
  color: #68b303;
  font-size: 13px;
  margin-top: 0;
}

p.warning {
  color: #68b303;
  font-size: 13px;
  margin-top: 0;
}

.errorExplanation {
  color: #ff0000;
  margin-top: 10px;
  margin-bottom: 10px
}
.errorExplanation h2 {
  color: #ff0000;
}

.error {
  color: #ff0000;
  font-size: 13px;
  margin-top: 0;
}

p.notice img {
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 5px;
}

p.warning img {
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 5px;
}

p.error img {
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 5px;
}

body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #7d7d7d;
  padding-top: 0;
  margin-top: 0;
}

img {
  border: 0px;
}

#mainshadow {
  width: 816px;
  margin: 0 auto;
  background-image: url(/img/dropshadow-middle.png);
  background-repeat: repeat-y;
  background-position: top center;
}

#mainshadowbottom {
  height: 16px;
  width: 815px;
  background-image: url(/img/dropshadow-bottom.png);
  background-repeat: no-repeat;
  background-position: top center;
}

#main {
  width: 800px;
  margin: 0 auto;
  position:relative;
}
.content-squeeze {
  padding: 20px;
}

h3 {
  color: #ff8a00;
  font-size: 12px;
  font-weight: bold;
}

#sidebar-no-nav {
  position:absolute;
  width:256px;
  top:105px;
  left:0;
  background-color:#e1e1e1;
}

h2 a{
  color: #ff8a00;
}

div.hline {
  padding: 0;
  margin: 0;
  border-top: 1px solid #e9e9e9;
  height: 13px;
}

a {
  color: #0f78c2;
  text-decoration: none;
}

strong.nonbold {
  font-weight: 500;
  color: #67b301;
}

ul {
  list-style: none;
  margin: 0;
  padding: 10px 10px 0;
}

ul.dots {
  list-style: disc;
}

.flash {
  color: red;
  /* border-left: 8px solid #bbb;
  padding-left: 8px; */
}

.fieldWithErrors {
  display: inline;
}

.fieldWithErrors input, .fieldWithErrors select {
  background-color: #ffdfdf;
}

/* header and logo */

#header ul {
  list-style: none;
  padding-top: 50px;
  padding-right: 25px;
  text-align: right;
}

#header ul li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  /* using css to set the bullets image doesn't work in IE6, so hack here */
  background-image: url(/img/orange_dots_bullet.png);
  background-repeat: no-repeat;
  background-position: center left;
}

#header a { 
  text-decoration: none; 
  color: #707070;
  font-size: 11px;
}

#header a:hover {
  color: #222;
}

#logo-img {
  float: left;
}

/* middle navigation and image */

#middle {
  clear: both;
  border-top: 3px solid #b7b7b7;
  /* border-bottom: 3px solid #7c7c7c; */
  
  height: 214px;
  width: 100%;
  
  background-color: #f4f4f4;
  
  /* background-image: url(/images/main_image.png); */
  background-position: center right;
  background-repeat: no-repeat;
  position:relative;
}

#leftnav {
  float: left;
  width: 257px;
  height: 212px;
  
  position: relative;
  top: 3px;
  left: 0px;
  
  font-weight: bold;
  color: #ff8a00;
  
  background-image: url(/images/nav-gradient.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
}

#leftnav a {
  text-decoration: none;
  font-weight: bold;
  color: #626262;
}

#leftnav a:hover {
  color: #ff8a00;
}

#leftnav ul {
  list-style: none;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}

#leftnav ul li {
  text-transform: uppercase;
  border-bottom: 1px solid #acacac;
  width: 175px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 18px;
  
  /* again, since IE6 doesn't support custom bullet images */
  background-image: url(/images/orange-arrow.png);
  background-repeat: no-repeat;
  background-position: center left;
}

/* transition between middle and main content */

#middletransition {
  background-color: #7c7c7c;
  height: 3px;
  font-size:1px;
  margin-bottom: 1px;
  clear:both;
}

#mainwrapper.vline {
  background-image: url(/images/vertical-line-bg.gif);
  background-repeat: repeat-y;
  background-position: 0px 0;
}
#mainwrapper.full {
  background-image: none;
}
#mainwrapper.restore-app {
  padding: 0 25px 15px;
}
#mainwrapper.grayleft {
  background-image: url(/images/solid-gray-bg.gif);
  background-repeat: repeat-y;
  background-position: 0px 0;
}

/* left column */

#dark-divider {
  height: 32px;
  margin-top:-1px;
  margin-bottom: 0;
  background-image: url(/images/dark-divider.png);
  position: relative;
}

#user-email {
  font: 1em/1em Arial, sans-serif;
  text-align: left;
  padding: 10px 0 10px 30px;
  width: 200px;
}

#mainleftnav {
  float: left;
  display:inline;
  width: 256px;
}
#mainleftnav div {
  margin: 0;
}
#mainleftnav h1 {
  font: bold 16px Arial, sans-serif;
  margin: 20px 30px 5px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
}

form {
  margin:0;
}

#aaa-traits {
  padding: 20px;
}
#aaa-traits h2 {
  color: #626262;
}

#mainwrapper.full #account-form {
  margin-left:165px;
}
#mainwrapper.full p.error, #mainwrapper.full p.notice, #mainwrapper p.warning {
  margin-left:165px;
}
#account-form {
  border:1px solid #ff8a00;
  width:416px;
  margin: 0 auto;
  background:#e1e1e1 url(/images/login-gradient.gif) repeat-x top left;
  padding-top:50px;
  position:relative;
}
#account-form h2 {
  border:0;
  margin:0;padding:0;
  position:absolute;
  left:30px;
  top:12px;
  color:#fff;
}
#account-form th {
  width:100px;
  text-align:right;
  padding-right:10px;
  vertical-align:middle;
  font: 12px Helvetica, sans-serif;
}
#account-form td p {
  padding:0 15px;
}

#phonebox {
  height: 68px;
  background-image: url(/images/phone.jpg);
  background-repeat: no-repeat;
}

#featuresbox {
  text-align:left;
  padding-bottom: 15px;
  background-image: url(/images/nav-gradient.jpg);
  color: #545454;
}
#featuresbox ul {
  list-style: none;
  margin: 5px 0;
  padding: 5px 10px 0 20px;
}
#featuresbox li {
  margin: 2px 0;
}

#featuresbox .bullet {
  padding: 0 4px;
}
#featuresbox .bullet img {
  margin:0;padding:0;
  display:inline;
}

/* main box */

#click-boxes {
  margin-right: -10px;
}
#click-boxes img {
  margin: 0 5px 10px;
}

table#comparisons {
  font-size:90%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 8px;
  width:515px;
}
#comparisons td, #comparisons th {
  border: 1px solid #ddd;
  text-align: center;
}
#comparisons .costs td {
  font-weight:bold;
  text-align:center;
}
#comparisons td.nm {
  width:157px;
  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;
}

#main-image-desc {
  position:absolute;
  font:14px/1.25em Arial, sans-serif;
  color:#666666;
  width:164px;
  top:122px;
  left:284px;
  margin:0;padding:0;
}
#main-image-bullets {
  list-style:none;
  position:absolute;
  color:#96a1a7;
  left:411px;
  top:20px;
}
#main-image-bullets h1 {
  font-weight:normal;
  font:25px Helvetica, sans-serif;
  margin:0 0 2px;padding:0;
  line-height:25px;
}
#maincontent {
  padding: 15px 0 15px 272px;
  margin-right: 10px;
}
div.graysidebar {
  background: #fff url(/images/content-bg.gif) repeat-y top left;
}

.full #maincontent{
  margin: 0;
  padding: 15px 25px;
}

#maincontent h2 {
  margin-bottom: 10px;
}

#maincontent h3 {
  margin: 0;
}

#maincontent p {
  margin-top: 0;
}

#maincontent dt{
  font-weight: bold;
  margin: 1em 0 0 0;
}

#maincontent dd{
  margin: 0;
  padding: 0;
}

#mainleft {
  width: 300px;
  float: left;
}

#news {
  float: right;
  width: 180px;
  padding-left: 15px;
  border-left: 1px solid #e9e9e9;
}

#news .title {
  color: #0f78c2;
  font-weight: bold;
}

#news .time {
  color: #0f78c2;
}

#news h2 {
  margin-bottom: 15px;
}

#news .hline {
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

#news p {
  padding-top: 0;
  margin-top: 0;
}

h1 {
  margin-top:0;
}
h3.signup {
  border-bottom: 1px solid #efefef;
  margin-bottom: 2px;
}

.key_value_table {
  margin: 5px 0 10px;
}
.key_value_table .label {
  text-align: right;
  padding-right: 5px;
  width: 115px;
}
.key_value_table .top {
  vertical-align: top;
  padding-top: 8px;
}
.key_value_table td {
  padding: 4px 0;
}
h2 {
  margin: 0; padding: 0;
  color: #ff8a00;
  font-size: 16px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 1px;
  margin-bottom: 10px;
}

/* region headings to divide content */
.region-title {
  margin-top: 1.3em;
  padding-top: 1px;
  border-top: 1px solid #efefef;
  margin-bottom: 0.2em;
}

/* footer */
#footer-left {
  background-color: #c1c1c1;
  float: left;
  display: inline;
  width: 256px;
}
#footer-left p {
  width: 85%;
  margin: 0 auto;
  font-size: 85%;
  text-align: center;
}
#footer-right {
  width: 543px;
  margin-left: 256px;
  border-left: 1px solid #e9e9e9;
  background-color: #d3d3d3;
}
#footer-left, #footer-right {
  height: 65px;
}
.footer-sep {
  height: 3px;
  line-height: 1px;
  border-bottom: 1px solid #fff;
}
#footer-left .footer-sep {
  background-color: #baab98;
}
#footer-right .footer-sep {
  background-color: #99866d;
}
#footer {
  clear: both;
}
#footer p {
  margin-top:0;
  padding-top: 15px;
}
#footer-right p {
  padding-left: 20px;
  font-size: 11px;
  color: #7c7c7c;
}

/* factbox */

.graybox {
  background-color: #e1e1e1;
  padding: 15px;
  color: #545454;
}

.graybox h2 {
  color: #626262;
  margin-bottom: 10px;
}

.graybox p {
  margin-top: 0;
}

/* faqbox */

.whitebox {
  padding: 15px;
}

.whitebox p {
  margin-top: 0;
}

ul.admin_console_features li {
  padding-bottom: 5px;
}

ul.green-box {
  border: 0;
}

ul.green-box li {
  padding-left: 15px;
  margin-bottom: 10px;
  background-image: url(/images/green-box-bullet.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

table.key_value_table th {
  vertical-align: top;
  text-align: right;
  padding-top: 4px;
  padding-right: 10px;
  width: 150px;
  font-weight: normal;
}

table.key_value_table td {
  vertical-align: bottom;
}

.field-info {
  color: #999;
  font-size: 10px;
}

#cvv2help {
  margin-top: -125px;
  border: 2px solid black;
  background: white;
  padding: 25px;
  display: none;
  position: absolute;
  width: 350px;
  font-size: 1.2em;
  color: #666;
}

.registration h3 {
  border-bottom: 1px solid #efefef;
}

#loginfieldsbox {
  width: 417px;
  height: 214px;
  background-image: url(/images/account-form-bg.jpg);
  border: 1px solid #65b201;
}

#loginfieldsbox .key_value_table {
  margin-top: 50px;
}

#loginfieldsbox .key_value_table th {
  font-weight: bold;
  width: 125px;
}

.graylinks :link, .graylinks :visited, .graylinks :hover { color:#7c7c7c;}

#news-quotes {
  padding: 0.5em 0 1em;
  margin: 0;
}
#news-quotes li {
  margin: 1em 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #ccc;
}
#news-quotes li.end {
  border: 0;
}
#news-quotes a {
  color: #666;
}
#mainleftnav img {
  margin: 0 0 0 auto;
  display: block;
}
#news-quotes b {
  margin: 2px 0 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  color: #444;
  font-weight: bold;
  display: block;
}
#news-quotes i {
  padding: 0;
  text-align: right;
  font-style: italic;
  display: block;
  margin: 2px 0;
}

#quotesbox .quotes-div {
  height: 1px;
  line-height: 1px;
  background-color: #e9e9e9;
  margin: 5px 28px;
}
#quotesbox img {
  margin: 10px 0 0 15px;
}
#praise-box .readmore {display:none;}
#praise-box .quote {
  font-style: italic;
  width: 85%;
  margin: 10px 0 10px 15px;
}
#praise-box .byline {text-align:right;width:90%;}
#praise-box .byline .name {
  font-weight: bold;
}

/* account pages */
#maincontent.account {
  padding: 15px 0 15px 282px;
  margin-right: 20px;
  font: 12px Arial, sans-serif;
}
#maincontent p.buy-notice {
  margin:10px;
  border:1px solid #ff8a00;
  padding:5px
}

/* Stuff pulled from old stylesheet -- integrate this! */
#ss_popup {
  border: 2px solid black;
  background: white;
  padding: 25px;
  display: none;
  position: absolute;
  left: 100px;
  text-align: center;
}
.quotes {
  font-size: 125%;
}

.quotes blockquote {
  margin: 15px 0 0 0;
  padding-top: 15px;
  color: #313131;
}

.quotes .by {
  margin-top: 0px;
  text-align: right;
  font-size: 85%;
  display: block;
  font-style: italic;
  padding-left: 25px;
}

#praise-box a:link, #praise-box a:visited {
  font-weight: normal;
}

ul#beliefs {
  list-style-type: disc;
}


#newsnav {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 40px;
}

#newsnav li {
  font-weight: bold;
  font-size: 14px;
  padding: 0 1em 0 0;
  margin: 0 1em 0 0;
  display: inline;
  color: #ff8a00;
  border-right: 1px solid #ddd;
}

#newsnav li.end {
  border-right: 0;
}

#newsnav a {
  color: #626262;
}

#newsnav a:hover {
  color: #ff8a00;
}

#newsitems {
  list-style: none;
  margin: 0;
  padding: 0;
}

#newsitems h3 {
  margin: 0 0 0.5em 0 !important;
}

#newsitems li {
  margin: 0 0 25px 0;
  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;
}

.blog h2 {
  margin-bottom: 0px;
  font-size: 1.3em;
}

.blog .topmetadata {
  margin: 0 0 1em 0;
  padding-top: 0px;
  font-size: 0.9em;
  color: #AAA;
}

.blog .postfooter {
  border-bottom: 1px solid #DDD;
  margin-bottom: 25px;
}

.blog .comment {
  margin-bottom: 15px;
}

.blog .commentmetadata {
  padding-left: 25px;
  color: #AAA;
}

#blogheader {
  margin-bottom: 25px;
}

#blogcontrols {
  display: none;
  float: right;
  padding-top: 12px;
}
#whyemail, #cvv2help {
  margin-top: -125px;
  border: 2px solid black;
  background: white;
  padding: 25px;
  display: none;
  position: absolute;
  width: 350px;
  font-size: 1.2em;
  color: #666;
}

ol.registration_steps {
  padding: 0px;
  margin: 15px 15px 25px 15px;
}

ol.registration_steps li {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 45px;
  
  padding-top: 6px;
}

li.step1 {
  background-image: url(/images/step_1b.png);
}

li.step2 {
  background-image: url(/images/step_2b.png);
  height: 30px;
}

li.step3 {
  background-image: url(/images/step_3b.png);
  height: 30px;
}

a.arrow {
  background-image: url(/images/arrow-right.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-right: 15px;
}
ul.side-menu {
  margin: 4px 0 15px;
  padding-left: 45px;
  color: #ff8a00;
  font-weight: bold;
}

ul.side-menu :link, ul.side-menu :visited {
  color: #626262;
  font-weight: normal;
}
ul.side-menu :hover {
  color: #ff8a00;
}

ul.side-menu li {
  list-style-type: none;
  padding-bottom: 12px;
  padding-left: 0px;
}
ul.side-menu .bullet {
  padding-right: 5px;
}

p.desc span.button {
  display: block;
  padding-top: 10px;
  margin-bottom: 35px;
}
h5 {
  font-size: 120%;
  margin-top: 0px;
  margin-bottom: 0px;
}

h5 .desc {
  padding-left: 10px;
  font-size: 90%;
  color: #777;
}

h5 .lto {
  font-size: 80%;
}
img.right-floaty {
  float:right;
  display: block;
  clear: both;
  padding-bottom: 10px;
  padding-left: 15px;
}

.support_toc {
  position: absolute;
  left: 0;
  margin: 16px;
  width: 240px;
}

.support_toc ul {
  padding-top: 0;
  padding-bottom: 1em;
}

.support_toc li {
  list-style: disc;
  margin-left: 1em;
  padding-left: 0.2em;
}

.careers h3{
  margin: 1em 0 0 0 !important;
  padding: 0;
}
.careers ul{
  margin: 0 0 1em 0 !important;
  padding: 0;
}
.careers li{
  list-style-type: disc;
  padding: 0;
  margin: 0 0 0 2em;
}

#machines_box th { text-align: left; color:#464646; font-weight: bold; padding: 0px 3px 0px 2px; }
#machines_box td { text-align: left; padding: 0px 3px 0px 2px; }
#restores_box th { text-align: left; color:#464646; font-weight: bold; padding: 0px 3px 0px 2px; }
#restores_box th, #restores_box td { padding: 0px 3px 0px 2px; }

.inner-block h2 {
  color:#363636;
  font-weight:bold;
  font-size:12px;
  line-height:29px;
  padding-left:14px;
  background: url(/img/round-box-tl.png) no-repeat top left;}
  
.round-box-bl { background: url(/img/round-box-bl.png) no-repeat bottom left;}
.round-box-bl2 { background: url(/img/round-box2-bl.png) no-repeat bottom left }

.round-box-br { background: url(/img/round-box-br.png) no-repeat bottom right; padding-bottom:12px; }

.round-box-tr-home h2 a { color:#fff; }
.round-box-tr-dark { background: url(/img/round-box-tr-dark.png) no-repeat top right; }
.round-box-tr-dark h2 {
  background: url(/img/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/slices/round-box-left.png) repeat-y left; }
.tall-round-box-right { background: url(/images/slices/round-box-right.png) repeat-y right; }


.round-box-tr { background: url(/img/round-box-tr.png) no-repeat top right; }

  
.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;
}

/* --- */
.round-box-tr-pro { background: url(/img/round-box-tr-pro.gif) no-repeat top right; }
.round-box-tr-pro h2 {
  background: url(/img/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(/img/round-box-tr-home.gif) no-repeat top right; }
.round-box-tr-home h2 {
  background: url(/img/round-box-tl-home.gif) no-repeat top left;
  color:#fff;
}
/* -- */
/*
== forms (login/registration)
*/
.center-form-container { padding:50px 124px; }
.center-form-box {
  background: transparent url(/img/login-background.png) repeat-y;
  margin-bottom: 16px;
  width:418px;
}
.center-form-box h2 {
  background: url(/img/login-header.png) no-repeat left top;
  height: 37px;
  color: #646464;
  padding-top: 5px;
}
div.inner-center-form-box {
  background: url(/img/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:104px;
  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:116px;
  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:354px;
  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;
}

/*
== merchant
*/

#side .uas h3 {
  font-size: 150%;
  padding: 0;
  margin: 18px 12px -8px;
  color: #777;
}
#side .uas p {
  color:#777;
  margin-bottom:18px;
}

##################
/*
== headers
*/
/*
.round-box-tr { background: url(/img/round-box-tr.png) no-repeat top right; }
.round-box-tr2 { background: url(/images/slices/round-box2a-tr.png) no-repeat top right;}
.round-box-bl { background: url(/images/slices/round-box-bl.png) no-repeat bottom left;}
.round-box-bl2 { background: url(/images/slices/round-box2-bl.png) no-repeat bottom left }
.gray-round-box { background: url(/images/slices/round-box-bl-gray.gif) no-repeat bottom left;}
.round-box-br { background: url(/images/slices/round-box-br.png) no-repeat bottom right; padding-bottom:12px; }
.round-box-br2 { background: url(/images/slices/round-box2b-br.png) no-repeat bottom right; padding-bottom:20px; }
.round-box-br2a { background: url(/images/slices/round-box2b-br.png) no-repeat bottom right; }
.round-box-br3 { background: url(/images/slices/round-box-br.png) no-repeat bottom right;}
.gray-round-box .round-box-br {background: url(/images/slices/round-box-br-gray.gif) no-repeat bottom right; padding-bottom:0; }
*/