#control_overlay {
  background-color: #000; }

.modal {
  background-color: #fff;
  padding: 30px;
  width: 500px; }


#main_content {
  position: relative; }
  #main_content #main_image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5; }

* html #main_content #main_image {
  float: left;
  position: relative; }

* +html #main_content #main_image {
  float: left;
  position: relative; }

.pcmac #spring_price {
  padding-bottom: 100px; }
.pcmac #price {
  display: block;
  width: 120px;
  height: 80px;
  float: right;
  margin: 0px 0px 15px 15px;
  font-size: 34px;
  line-height: 34px;
  color: #fff;
  background: url('/images/shared/green_circle.png') no-repeat 0px 0px;
  padding: 40px 20px 0px 20px;
  text-align: center;
  behavior: url(/javascripts/iepngfix.htc); }
  .pcmac #price .dollar,
  .pcmac #price .price,
  .pcmac #price .cents {
    float: left; }
  .pcmac #price .dollar,
  .pcmac #price .cents {
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px; }

.pcmac #price.three {
  padding: 40px 0px 0px 20px !important; }

.pcmac #price.two {
  padding: 40px 0px 0px 30px !important; }

* html .pcmac #price {
  height: 120px; }

.pcmac.index #main_content {
  height: 375px; }
  .pcmac.index #main_content #main_image {
    height: 403px;
    width: 544px; }
  .pcmac.index #main_content #main_description {
    padding-top: 20px; }

.pcmac.repairs #main_content {
  height: 410px; }
  .pcmac.repairs #main_content #main_image {
    width: 561px;
    height: 465px; }
  .pcmac.repairs #main_content #main_description {
    padding-top: 50px; }
.pcmac.repairs ul#mr_icons {
  padding: 20px 0px 0px 0px;
  margin: 30px 0px; }
  .pcmac.repairs ul#mr_icons li.mr_icon {
    float: left;
    height: 65px;
    margin-right: 35px; }
  .pcmac.repairs ul#mr_icons li#installation_icon {
    margin-top: 20px; }
  .pcmac.repairs ul#mr_icons li#additional_icon {
    margin-right: 0px !important; }
.pcmac.repairs #sort li {
  height: 35px;
  margin-top: 5px; }

* html li#additional_icon {
  overflow: hidden;
  width: 47px;
  margin-left: 0px; }

* html ul#mr_icons li#maintenance_icon {
  margin-left: 10px; }

.pcmac.network #main_content {
  height: 350px; }
  .pcmac.network #main_content #main_image {
    width: 546px;
    height: 377px; }
  .pcmac.network #main_content #main_description {
    padding-top: 30px; }
.pcmac.network .network_icon {
  background-image: url('/images/pcmac/network/network_sprite.png');
  background-repeat: no-repeat;
  height: 70px;
  width: 70px;
  display: block;
  margin: 0px 20px 10px 0px; }
.pcmac.network .video {
  background-position: 0px 0px; }
.pcmac.network .audio {
  background-position: 0px -70px; }
.pcmac.network .work_computer {
  background-position: 0px -140px; }
.pcmac.network .wireless {
  background-position: -70px 0px; }
.pcmac.network .home_computer {
  background-position: -70px -70px; }
.pcmac.network .phone {
  background-position: -70px -140px;
  border: none !important; }

.tech_tips.index #main_content {
  height: 410px; }
  .tech_tips.index #main_content #main_image {
    width: 466px;
    height: 446px; }
  .tech_tips.index #main_content #main_description {
    padding-top: 30px; }

.store.index #main_content {
  height: 320px; }
  .store.index #main_content #main_image {
    width: 539px;
    height: 288px; }
.store.index .half {
  width: 425px; }
.store.index .product_icon {
  padding: 0px 15px 15px 0px;
  float: left;
  width: 160px;
  text-align: center; }
.store.index .description {
  float: right;
  width: 250px; }

.pcmac.contact #main_content, .pcmac.mail #main_content {
  height: 355px; }
  .pcmac.contact #main_content #main_image, .pcmac.mail #main_content #main_image {
    width: 547px;
    height: 399px; }
  .pcmac.contact #main_content #main_description, .pcmac.mail #main_content #main_description {
    padding-top: 70px; }
.pcmac.contact #map, .pcmac.mail #map {
  height: 420px; }
  .pcmac.contact #map #google_map, .pcmac.mail #map #google_map {
    background: transparent url('/images/pcmac/contact/shadow.png') no-repeat scroll center bottom;
    height: 425px;
    width: 540px; }
    .pcmac.contact #map #google_map #map_canvas, .pcmac.mail #map #google_map #map_canvas {
      width: 540px;
      height: 400px; }
.pcmac.contact #letter, .pcmac.mail #letter {
  cursor: move; }
  .pcmac.contact #letter #letter_form, .pcmac.mail #letter #letter_form {
    background: transparent url('/images/pcmac/contact/letter.png') no-repeat scroll 0px 0px;
    padding: 30px; }
    .pcmac.contact #letter #letter_form #letter_delivered, .pcmac.mail #letter #letter_form #letter_delivered {
      display: none; }
    .pcmac.contact #letter #letter_form input, .pcmac.mail #letter #letter_form input {
      width: 200px !important;
      border: 1px dotted #ccc; }
    .pcmac.contact #letter #letter_form textarea, .pcmac.mail #letter #letter_form textarea {
      width: 200px !important;
      border: 1px dotted #ccc; }
.pcmac.contact #letter.delivered .form, .pcmac.mail #letter.delivered .form {
  display: none; }
.pcmac.contact #letter.delivered #letter_delivered, .pcmac.mail #letter.delivered #letter_delivered {
  display: block !important; }
  .pcmac.contact #letter.delivered #letter_delivered h4, .pcmac.mail #letter.delivered #letter_delivered h4 {
    padding: 30px 0px 0px 0px; }
.pcmac.contact #mailbox, .pcmac.mail #mailbox {
  display: block;
  width: 469px;
  height: 360px;
  background-image: url('/images/pcmac/contact/mailbox.png');
  background-position: 0px -360px;
  overflow: hidden; }
.pcmac.contact #mailbox.delivered, .pcmac.mail #mailbox.delivered {
  background-position: 0px 0px; }

* html #google_map {
  left: -540px !important; }

.person_sessions.new .section {
  min-width: 485px;
  background-position: 0px 120px !important;
  padding-bottom: 40px; }
  .person_sessions.new .section .content {
    width: 435px;
    background-position: 0px 60px !important; }


body {
  background-color: #fff;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  color: #666;
  position: relative; }

.section {
  clear: both;
  text-align: center;
  padding-top: 60px;
  background-color: #fff;
  min-width: 960px;
  margin: 0px auto; }
  .section .content {
    text-align: left;
    width: 900px;
    padding: 0px 30px;
    margin: 0px auto; }
  .section .content.spaced {
    padding-top: 30px; }

* html .section .content {
  width: 960px; }

.check {
  height: 41px;
  width: 38px;
  display: block;
  float: left;
  margin: 0px 15px 10px 0px;
  background: transparent url('/images/shared/check.png') no-repeat scroll 0px 0px; }

ul.check_list {
  list-style-type: none;
  margin: 0px 0px;
  padding-left: 0px !important; }
  ul.check_list li {
    color: #999;
    background: transparent url('/images/shared/check_small.jpg') no-repeat scroll 0px 0px;
    padding: 2px 0px 5px 30px !important;
    margin: 5px 10px; }

.minus {
  height: 43px;
  width: 43px;
  display: block;
  float: left;
  margin: 0px 15px 10px 0px;
  background: transparent url('/images/shared/minus.png') no-repeat scroll 0px 0px; }

#flash {
  color: #fff !important;
  font-size: 12px; }
  #flash a {
    background-color: #fff !important; }
  #flash #flash_message,
  #flash #flash_warning {
    padding: 20px 0px 10px 0px; }
    #flash #flash_message .content,
    #flash #flash_warning .content {
      width: 900px;
      margin: 0px auto 0px auto; }
      #flash #flash_message .content .text,
      #flash #flash_warning .content .text {
        float: left;
        width: 790px;
        text-align: left; }
        #flash #flash_message .content .text .title,
        #flash #flash_warning .content .text .title {
          font-size: 16px;
          font-weight: bold;
          font-display: block;
          margin: 5px 0px; }
  #flash #flash_message {
    background-color: #006600;
    background-image: url('/images/shared/flash_message.png');
    background-repeat: repeat-x;
    background-position: 0px bottom; }
  #flash #flash_warning {
    background-color: #990000;
    background-image: url('/images/shared/flash_warning.png');
    background-repeat: repeat-x;
    background-position: 0px bottom; }

#header {
  padding: 40px 0px 0px 0px;
  background-color: #fff; }
  #header #pcmac_logo {
    width: 267px;
    float: left;
    margin-right: 50px; }
  #header ul#nav {
    float: left;
    width: 580px;
    margin-top: 6px;
    line-height: 1em !important; }
    #header ul#nav li {
      float: left;
      margin-right: 20px;
      font-weight: bold;
      font-size: 1em; }

#footer {
  clear: both;
  padding: 0px !important;
  background-image: url('/images/shared/gray_background.jpg');
  background-repeat: repeat-x;
  background-position: 0px top; }
  #footer .content {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 12px;
    font-weight: bold; }
    #footer .content .tweet {
      height: 23px;
      line-height: 14px;
      font-size: 10px;
      font-weight: normal;
      color: #fff;
      width: 750px;
      float: left;
      padding: 13px 10px 7px 60px;
      background-image: url('/images/shared/footer/tweet.png');
      background-position: 0px 0px;
      background-repeat: no-repeat;
      margin: 0px; }
    #footer .content .tweet:hover {
      background-position: 0px -45px; }
    #footer .content .tweet:active {
      background-position: 0px -89px; }
    #footer .content p {
      padding-top: 15px;
      text-align: center; }
  #footer a.facebook {
    margin-right: 15px;
    float: left;
    height: 42px;
    overflow: hidden;
    display: block;
    background-image: url('/images/shared/footer/facebook.png');
    background-repeat: no-repeat;
    width: 42px;
    background-position: 0px 0px; }
  #footer a.facebook:hover {
    background-position: -42px 0px; }
  #footer .partner {
    display: block;
    float: left;
    height: 26px;
    margin-right: 15px;
    background-image: url('/images/shared/footer/partners.png');
    background-repeat: no-repeat; }
  #footer .ltech {
    width: 25px;
    background-position: 0px 0px; }
  #footer .ltech:hover {
    background-position: 0px -26px; }
  #footer .symantec {
    width: 92px;
    background-position: -31px 0px; }
  #footer .symantec:hover {
    background-position: -31px -26px; }
  #footer .panda {
    width: 114px;
    background-position: -129px 0px; }
  #footer .panda:hover {
    background-position: -129px -26px; }
  #footer .cables_togo {
    width: 85px;
    background-position: -251px 0px; }
  #footer .cables_togo:hover {
    background-position: -251px -26px; }
  #footer .cdw {
    width: 45px;
    background-position: -341px 0px; }
  #footer .cdw:hover {
    background-position: -341px -26px; }
  #footer .tech_soup {
    width: 30px;
    background-position: -392px 0px; }
  #footer .tech_soup:hover {
    background-position: -392px -26px; }
  #footer .smarthome {
    width: 127px;
    background-position: -426px 0px; }
  #footer .smarthome:hover {
    background-position: -426px -26px; }
  #footer .clear_wireless {
    width: 21px;
    background-position: -561px 0px; }
  #footer .clear_wireless:hover {
    background-position: -561px -26px; }
  #footer .lavasoft {
    width: 110px;
    background-position: -588px 0px; }
  #footer .lavasoft:hover {
    background-position: -588px -26px; }
  #footer .equus {
    width: 94px;
    background-position: -704px 0px; }
  #footer .equus:hover {
    background-position: -704px -26px; }

.group {
  padding-bottom: 50px; }

.padding_bottom_small {
  padding-bottom: .5em !important; }

.margin_bottom_small {
  margin-bottom: .5em !important; }

.margin_bottom_medium {
  margin-bottom: 2em !important; }

.small_group {
  width: 275px; }

.small_group.padded {
  width: 235px; }

* html .small_group.padded {
  width: 275px !important; }

.large_group {
  width: 565px; }

.half_group {
  width: 425px; }

.thirds .one, .thirds .two, .thirds .three {
  float: left;
  width: 260px; }
.thirds .one, .thirds .two {
  margin-right: 40px; }

.padded {
  padding: 0px 20px 20px 20px; }

.gray_background {
  background-image: url('/images/shared/backgrounds.png');
  background-repeat: repeat-x;
  background-position: 0px top;
  background-color: #fff; }

.gray_background_main {
  background-image: url('/images/shared/gray_background.jpg');
  background-repeat: repeat-x;
  background-position: 0px bottom; }

.black_background {
  background: #000 url('/images/shared/backgrounds.png') repeat-x scroll 0px -2200px;
  color: #fff; }

.white_background {
  background: transparent url('/images/shared/backgrounds.png') repeat-x scroll 0px -1000px; }

.green_background {
  background: transparent url('/images/shared/backgrounds.png') repeat-x scroll 0px -1800px;
  color: #fff; }

.blue_bands {
  background: url('/images/shared/blue_bands.jpg') no-repeat 0px bottom; }

.errors {
  padding: 0px 0px 5px 0px;
  color: red;
  font-size: 12px; }

.overdue, .delete {
  color: red !important; }

a {
  color: #5c78f1;
  text-decoration: none;
  -webkit-transition: color .75s linear; }

a:hover, .active {
  color: #666; }

p {
  color: #666;
  margin-bottom: 15px; }

p.plain {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.small_title {
  font-weight: bold;
  margin-bottom: .5em; }
  .small_title span.small {
    font-weight: normal !important; }

.smaller {
  font-size: 0.5em; }

.status {
  padding: 2px;
  font-size: 10px;
  background-color: #999;
  color: #fff;
  line-height: 1em; }

li.moveable {
  cursor: move; }

li.blank {
  height: 1px; }

a.button_link {
  color: #fff;
  -webkit-transition: none;
  line-height: 16px;
  height: 16px;
  padding: 7px 8px;
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  background-image: url('/images/shared/button_link.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 184px !important; }

* html a.button_link {
  height: 30px !important;
  width: 200px !important; }

a.button_link:hover {
  color: #fff !important;
  background-position: 0px -30px; }

a.button_link:active {
  color: #fff !important;
  background-position: 0px -60px; }

a.button_link.active {
  color: #fff !important;
  background-position: 0px -60px; }

a.button_link.active:hover {
  color: #fff !important;
  background-position: 0px -60px; }

a.button_link.overlay_icon {
  padding-left: 75px !important;
  font-size: 10px !important;
  position: relative;
  margin-bottom: 20px; }

a.button_link.overlay_icon .image {
  position: absolute;
  top: -5px;
  left: 5px; }

a.button_nav {
  color: #fff;
  -webkit-transition: none;
  line-height: 16px;
  height: 16px;
  padding: 7px 8px;
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  background-image: url('/images/shared/button_nav.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 184px !important; }

a.button_nav:hover {
  background-position: 0px -30px; }

a.button_nav:active {
  background-position: 0px -60px;
  color: #999 !important; }

a.button_nav.active {
  color: #999 !important;
  background-position: 0px -60px; }

a.button_nav.active:hover {
  background-position: 0px -60px; }

.button_nav_small_container {
  height: 20px;
  display: block;
  position: relative;
  margin-bottom: 15px; }

a.button_nav_small {
  -webkit-transition: none;
  text-align: center;
  position: absolute;
  top: 0px;
  color: #fff;
  line-height: 14px;
  height: 14px;
  padding: 3px 15px;
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  background-image: url('/images/shared/button_nav_small.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 70px !important; }

a.button_nav_small:hover {
  background-position: 0px -20px;
  z-index: 8; }

a.button_nav_small:active {
  background-position: 0px -40px;
  color: #999 !important; }

a.button_nav_small.active {
  color: #999 !important;
  z-index: 9;
  background-position: 0px -40px; }

a.button_nav_small.active:hover {
  background-position: 0px -40px; }

a.button_nav_small.first {
  left: 0px;
  z-index: 6; }

a.button_nav_small.second {
  left: 90px;
  z-index: 5; }

a.button_nav_small.third {
  left: 180px;
  z-index: 4; }

a.button_nav_small.fourth {
  left: 270px;
  z-index: 3; }

* html a.button_link,
* html a.button_nav,
* html a.button_nav_small {
  behavior: url(/javascripts/iepngfix.htc); }

.inactive {
  color: #999; }

.streamlined_fake {
  padding: 1px;
  background-color: #dcdcdc;
  margin-bottom: 10px;
  width: 250px; }
  .streamlined_fake input {
    width: 232px !important;
    margin: 0px !important; }

.streamlined {
  clear: both;
  padding: 5px;
  margin-bottom: 3px;
  width: 410px;
  position: relative;
  background-color: #dcdcdc;
  color: #999999; }
  .streamlined label {
    font-size: 10px;
    position: absolute;
    width: 140px; }
  .streamlined .error, .streamlined .extra {
    position: absolute;
    top: 18px;
    width: 140px;
    font-size: 10px; }
  .streamlined input, .streamlined textarea, .streamlined .input {
    clear: both;
    margin: 0px !important;
    position: relative;
    top: 0px;
    left: 150px; }
  .streamlined .date_time {
    text-align: right;
    position: relative;
    right: 0px; }
  .streamlined .input input {
    left: 0px !important; }

input {
  clear: both;
  margin-bottom: 10px; }

input[type=text], textarea, input[type=password] {
  font-size: 12px !important;
  width: 240px; }

input[type='file'] {
  padding: 8px;
  font-size: 12px !important;
  width: 240px; }

input[type='submit'], .submit {
  width: 420px;
  padding: 5px;
  background-color: #999;
  color: #fff;
  border: none;
  font-family: 'Arial', sans-serif;
  font-size: 12px !important;
  text-align: left;
  height: 26px;
  line-height: 16px; }

input[type='submit']:hover, .submit.active {
  background-color: #666;
  cursor: pointer; }

.submit {
  width: 410px !important;
  padding: 5px;
  height: 16px;
  line-height: 16px; }

* html .pngfix {
  behavior: url(/javascripts/iepngfix.htc); }

.summer_note {
  background: transparent url('/images/shared/summer_note.png') no-repeat 0px 0px;
  width: 261px;
  height: 266px;
  padding: 75px; }

* html .summer_note {
  width: 511px;
  height: 516px; }

@font-face {
  font-family: 'journal';
  src: url('/fonts/journal-webfont.eot');
  src: local('journal'), url('/fonts/journal-webfont.woff') format('woff'), url('/fonts/journal-webfont.ttf') format('truetype'), url('/fonts/journal-webfont.svg#webfont3lGqYzYA') format('svg');
  font-weight: normal;
  font-style: normal; }

.journal {
  font-family: 'journal', sans-serif;
  font-size: 2.5em;
  line-height: 1.2em; }


body {
  padding: 0px;
  margin: 0px;
  line-height: 1.4em; }

h1, h2, h3, h4, h5, h6 {
  padding: 0em 0em 0.5em 0em;
  margin: 0px;
  color: #666; }

h2, h3, h4, h5 {
  font-size: 1.3em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

p {
  padding: 0em 0em 1em 0em;
  margin: 0px; }

a img {
  border: none;
  outline: none; }

.bold {
  font-weight: bold; }

.large {
  font-size: 1.5em; }

.small {
  font-size: 10px;
  line-height: 1em; }

.red {
  color: #A80101 !important; }

.light {
  color: #999; }

.white {
  color: #fff !important; }

.block {
  display: block !important; }

ul.plain {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.clear {
  clear: both;
  height: 1px;
  width: 100px; }

.indent {
  margin-left: 20px !important; }

.hidden {
  display: none; }

a.hidden {
  display: none; }

xmp {
  font-size: 0.8em !important;
  font-family: 'Arial', sans-serif; }

label {
  font-size: 1em; }

label:hover {
  cursor: pointer; }

input[type=text], textarea, input[type=password] {
  font-size: 1em;
  padding: .75em;
  margin: .5em 0px 1em 0px;
  border: none; }

input[type=submit], .submit {
  font-size: 1em; }

form {
  padding: 0px;
  margin: 0px; }
  form .error {
    color: red !important;
    font-size: 0.8em;
    padding: 0px 0px 10px 0px; }


input[type=text].search {
  border: 1px dotted #ccc !important; }

.dotted {
  border-bottom: 1px dotted #ccc; }

.person,
.business,
.document,
.product_summary,
.milestone_template_summary {
  clear: both;
  margin-bottom: 30px; }
  .person .preview,
  .business .preview,
  .document .preview,
  .product_summary .preview,
  .milestone_template_summary .preview {
    float: left;
    padding: 2px;
    margin: 0px 15px 0px 0px;
    height: 50px;
    width: 50px;
    text-align: center; }

.project {
  margin-bottom: 30px; }

.virtual_addresses,
.addresses,
.phones,
.emails,
.notes,
.documents,
.durations,
.tasks,
.orders {
  margin-bottom: 0px !important; }

.virtual_address,
.address,
.phone,
.email,
.note,
.document,
.duration,
.task,
.milestone,
.inventoried,
.order,
.status_note_task {
  margin-bottom: 6px !important;
  padding-bottom: 4px !important; }

.note {
  padding-left: 70px !important;
  min-height: 40px;
  background: transparent url('/images/shared/icon_note.png') no-repeat 3px 0px; }

.status_note_task {
  min-height: 23px;
  padding-left: 70px !important;
  background: transparent url('/images/shared/check_small.jpg') no-repeat 15px 0px; }

.status_note_task.na {
  background: transparent url('/images/shared/na.png') no-repeat 13px 3px !important; }

.check_box_na {
  background: transparent url('/images/shared/na_small.png') no-repeat 0px 0px !important;
  height: 8px;
  width: 17px;
  margin-top: 5px; }

.actions {
  text-align: right;
  float: right;
  padding: 0px 0px 2px 5px; }

.virtual_address,
.address,
.phone,
.email,
.note,
.document,
.duration,
.task,
.inventoried,
.status_note_task {
  border-bottom: 1px dotted #ccc; }

.task.placeholder {
  border: none !important; }

.task .group {
  padding-bottom: 20px !important; }

.letter {
  float: left;
  margin: 0px 10px 10px 0px; }

.search_box {
  position: relative; }
  .search_box .results {
    background-color: #333;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 5; }
    .search_box .results .person, .search_box .results .business {
      margin-bottom: 0px !important; }
    .search_box .results .result, .search_box .results .fake_result {
      width: 240px;
      padding: 5px;
      margin: 5px; }
      .search_box .results .result .preview, .search_box .results .fake_result .preview {
        border: none !important; }
    .search_box .results .result {
      background-color: #fff;
      cursor: pointer; }
    .search_box .results .result:hover {
      background-color: #9191FE;
      color: #fff; }

a.icon {
  display: inline-block;
  background-image: url('/images/shared/icons.png');
  background-repeat: no-repeat;
  height: 13px;
  padding: 3px 0px 0px 20px;
  margin-top: 3px;
  font-size: 10px;
  line-height: 12px; }

a.icon.info {
  background-position: 0px 0px; }

a.icon.info:hover, a.icon.info.active {
  background-position: 0px -16px; }

a.icon.delete {
  background-position: 0px -32px; }

a.icon.delete:hover, a.icon.delete.active {
  background-position: 0px -48px; }

a.icon.add {
  background-position: 0px -64px; }

a.icon.add:hover, a.icon.add.active {
  background-position: 0px -80px; }

a.icon.edit {
  background-position: 0px -96px; }

a.icon.edit:hover, a.icon.edit.active {
  background-position: 0px -112px; }

a.icon.start_duration {
  padding: 0px !important;
  height: 16px !important;
  width: 35px !important;
  margin-left: 4px !important;
  background-position: 0px -128px; }

a.icon.start_duration:hover {
  background-position: 0px -144px; }

.email_preferences.edit #mailbox {
  display: block;
  height: 360px;
  background-image: url('/images/pcmac/contact/mailbox.png');
  background-position: right -425px;
  background-repeat: no-repeat;
  overflow: hidden; }

.user .details_bar {
  margin-top: 2px;
  padding: 2px;
  background-color: #dcdcdc; }
  .user .details_bar a {
    padding: 2px;
    display: inline-block; }
  .user .details_bar a:hover {
    background-color: #fff; }

.user li.milestone {
  paddding-bottom: 10px;
  margin-bottom: 20px; }

.user.people #avatar {
  padding: 2px;
  border: 1px solid #dcdcdc;
  width: 200px;
  position: relative; }
  .user.people #avatar .name {
    position: absolute;
    bottom: 10px;
    width: 180px;
    padding: 10px;
    background-position: 0px -1200px !important; }

.user.businesses #image,
.user.products #image {
  padding: 2px;
  border: 1px solid #dcdcdc;
  width: 200px;
  position: relative; }
  .user.businesses #image .name,
  .user.products #image .name {
    position: absolute;
    bottom: 10px;
    width: 180px;
    padding: 10px;
    background-position: 0px -1200px !important; }

.user.projects #search_people {
  padding-bottom: 20px;
  border-bottom: 1px solid #999; }

.user.orders .small_group.left {
  margin-right: 60px; }

#order_header {
  margin-top: 0px !important;
  padding-top: 0px !important; }
  #order_header .section {
    margin-top: 0px !important;
    padding-top: 0px !important; }
    #order_header .section .content {
      margin-top: 0px !important;
      padding-top: 0px !important; }

.drop_form {
  display: block;
  padding: 0px 30px 0px 30px !important; }

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

ul#ownable_products li {
  background-color: #dcdcdc;
  color: #666;
  padding: 5px !important;
  margin-bottom: 10px !important; }
  ul#ownable_products li ul.children {
    background-color: #fff;
    padding: 5px !important;
    margin-top: 5px !important; }
ul#ownable_products li.blank {
  background: none !important; }
ul#ownable_products li.parent li ul.children {
  display: none !important; }

.order_subheader {
  color: #999;
  padding: 5px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1px;
  width: 540px; }

.ordered_task, .ordered_product {
  border-bottom: 1px dotted #ccc; }

.ordered_task, .ordered_task_header, .ordered_product, .ordered_product_header {
  color: #666; }

.ordered_task, .subtotal, .total, .ordered_task_header, .ordered_product, .ordered_product_header, .adjustment, .payment {
  clear: both;
  width: 540px;
  padding: 5px;
  margin-bottom: 1px; }
  .ordered_task .name, .ordered_task .hours, .ordered_task .rate, .ordered_task .cost, .ordered_task .quantity, .ordered_task .adjustment_date, .ordered_task .payment_date, .subtotal .name, .subtotal .hours, .subtotal .rate, .subtotal .cost, .subtotal .quantity, .subtotal .adjustment_date, .subtotal .payment_date, .total .name, .total .hours, .total .rate, .total .cost, .total .quantity, .total .adjustment_date, .total .payment_date, .ordered_task_header .name, .ordered_task_header .hours, .ordered_task_header .rate, .ordered_task_header .cost, .ordered_task_header .quantity, .ordered_task_header .adjustment_date, .ordered_task_header .payment_date, .ordered_product .name, .ordered_product .hours, .ordered_product .rate, .ordered_product .cost, .ordered_product .quantity, .ordered_product .adjustment_date, .ordered_product .payment_date, .ordered_product_header .name, .ordered_product_header .hours, .ordered_product_header .rate, .ordered_product_header .cost, .ordered_product_header .quantity, .ordered_product_header .adjustment_date, .ordered_product_header .payment_date, .adjustment .name, .adjustment .hours, .adjustment .rate, .adjustment .cost, .adjustment .quantity, .adjustment .adjustment_date, .adjustment .payment_date, .payment .name, .payment .hours, .payment .rate, .payment .cost, .payment .quantity, .payment .adjustment_date, .payment .payment_date {
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px; }
  .ordered_task .name, .subtotal .name, .total .name, .ordered_task_header .name, .ordered_product .name, .ordered_product_header .name, .adjustment .name, .payment .name {
    width: 250px; }
  .ordered_task .hours, .ordered_task .quantity, .subtotal .hours, .subtotal .quantity, .total .hours, .total .quantity, .ordered_task_header .hours, .ordered_task_header .quantity, .ordered_product .hours, .ordered_product .quantity, .ordered_product_header .hours, .ordered_product_header .quantity, .adjustment .hours, .adjustment .quantity, .payment .hours, .payment .quantity {
    width: 60px; }
  .ordered_task .rate, .subtotal .rate, .total .rate, .ordered_task_header .rate, .ordered_product .rate, .ordered_product_header .rate, .adjustment .rate, .payment .rate {
    width: 80px; }
  .ordered_task .adjustment_date, .ordered_task .payment_date, .subtotal .adjustment_date, .subtotal .payment_date, .total .adjustment_date, .total .payment_date, .ordered_task_header .adjustment_date, .ordered_task_header .payment_date, .ordered_product .adjustment_date, .ordered_product .payment_date, .ordered_product_header .adjustment_date, .ordered_product_header .payment_date, .adjustment .adjustment_date, .adjustment .payment_date, .payment .adjustment_date, .payment .payment_date {
    width: 150px; }
  .ordered_task .cost, .subtotal .cost, .total .cost, .ordered_task_header .cost, .ordered_product .cost, .ordered_product_header .cost, .adjustment .cost, .payment .cost {
    width: 100px; }

.adjustment, .payment {
  background-color: orange;
  color: #fff; }

.subtotal {
  background-color: #9291F7;
  color: #fff; }


.intake #intake_status {
  margin: 0px;
  padding: 25px 0px;
  background: #fff url('/images/shared/white_shadow.png') repeat-x 0px bottom; }
  .intake #intake_status .content .title {
    float: left;
    font-weight: bold;
    font-size: 1em;
    padding: 8px 30px 0px 0px;
    color: #ccc; }
  .intake #intake_status .content .dot {
    float: left;
    margin-left: 15px;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('/images/intake/dot.png');
    opacity: .2; }
  .intake #intake_status .content .dot.completed {
    opacity: 1 !important; }
.intake .your_signature {
  display: block;
  border-bottom: 1px dotted #ccc; }
.intake .ownable_product_tag {
  border: 1px dotted #ccc;
  padding: 20px;
  margin: 10px 0px;
  width: 300px; }
  .intake .ownable_product_tag .name {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 15px 0px; }

.only_print {
  display: none; }

@media print {
  .gray_background {
    background: none !important; }

  .only_print {
    display: inline !important; }

  .no_print {
    display: none !important; }

  .section {
    padding-top: 50px !important; }

  #intake_status {
    display: none !important; }

  body.orders.show #user_panel,
  body.orders.services #user_panel,
  body.orders.products #user_panel,
  body.orders.pays #user_panel,
  body.intake.signature #user_panel,
  body.intake.estimate #user_panel {
    display: none; }
  body.orders.show #header,
  body.orders.services #header,
  body.orders.products #header,
  body.orders.pays #header,
  body.intake.signature #header,
  body.intake.estimate #header {
    display: none; }
  body.orders.show #order_navigation,
  body.orders.services #order_navigation,
  body.orders.products #order_navigation,
  body.orders.pays #order_navigation,
  body.intake.signature #order_navigation,
  body.intake.estimate #order_navigation {
    display: none; }
  body.orders.show #order_details,
  body.orders.services #order_details,
  body.orders.products #order_details,
  body.orders.pays #order_details,
  body.intake.signature #order_details,
  body.intake.estimate #order_details {
    float: left !important; }
  body.orders.show #signature_products,
  body.orders.services #signature_products,
  body.orders.products #signature_products,
  body.orders.pays #signature_products,
  body.intake.signature #signature_products,
  body.intake.estimate #signature_products {
    float: left !important; }
  body.orders.show #footer,
  body.orders.services #footer,
  body.orders.products #footer,
  body.orders.pays #footer,
  body.intake.signature #footer,
  body.intake.estimate #footer {
    display: none !important; }
  body.orders.show #flash,
  body.orders.services #flash,
  body.orders.products #flash,
  body.orders.pays #flash,
  body.intake.signature #flash,
  body.intake.estimate #flash {
    display: none !important; }

  .order_subheader,
  .ordered_task,
  .ordered_product,
  .address,
  .your_signature {
    border-bottom: solid 1px #ccc !important; } }