/* mozy 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(images/dropshadow-middle.png);
  background-repeat: repeat-y;
  background-position: top center;
}

#mainshadowbottom {
  height: 16px;
  width: 815px;
  background-image: url(images/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: ##FE1111;
}

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(images/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: 235px;
  width: 100%;
  
  background-color: #f4f4f4;
  
  /* background-image: url(images/beccaandmeg.jpg) */
  background-position: center right;
  background-repeat: no-repeat;
  position:relative;
}

#leftnav {
  float: left;
  width: 257px;
  height: 235px;
  
  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: 5px;
  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/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;
}

/* 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;
}

#mozy-traits {
  padding: 20px;
}
#mozy-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;
  font-weight: bold;
  color:#ffffff;
  width:164px;
  top:85px;
  left:630px;
  margin:0;padding:0;
}
#main-image-bullets {
  list-style:none;
  position:absolute;
  color:#ffffff;
  left:630px;
  top:25px;
}
#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: #FE1111;
  font-size: 16px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 1px;
  margin-bottom: 10px;
}

/* 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: 85px;
}
.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(removed);
  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;
}


#newsheader {
}

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