﻿#cssdropdown, #cssdropdown ul {
  list-style-type: none;
  text-align: center
}

#cssdropdown, #cssdropdown * {
  margin: 0;
  padding: 0
}

#content .nomargin {
  margin: 0;
  padding: 0;
  text-align: center
}

.center {
  text-align: center
}

#content .small-font {
  font-size: 10px
}

#content .bold-center-red {
  text-align: center;
  font-weight: bold;
  color: red
}

.red {
  color: red
}

.light-box {
  background: #fefecc;
  border: 1px solid #949402;
  padding: 1em;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

#msg.light-box {
  background: #fefecc;
  border: 1px solid #949402;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

#msg.error, .light-box.error {
  background: #fecccc;
  border: 1px solid #f90404
}

#content .light-box img {
  vertical-align: top;
  margin-right: .5em
}

h2.light-box {
  font-weight: bold;
  margin-top: 0
}

#content .light-box h3 {
  margin-top: 0;
  padding-top: 0;
  border-bottom: 1px solid #000;
  letter-spacing: 1px;
  font-size: 14px
}

#content .uppercase {
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0
}

#content .para h3 {
  margin-left: 0
}

#content hr {
  border: 1px solid #000;
  width: 99%;
  margin: 0 auto
}

thead {
  background-color: #fafafa;
  font-weight: bold
}

#pages {
  margin: 1em 0;
  text-align: right
}

#pages ul {
  list-style-type: none
}

#pages ul li {
  display: inline
}

#para-left {
  margin-right: 350px;
  padding-right: 1em
}

#para-left h3 {
  text-align: center
}

#para-left ul {
  margin: 0 0 1em 0;
  padding: 0 0 1em 1;
  list-style-type: none
}

#para-left ul li {
  margin: .5em 0 .5em 0
}

#para-left p {
  line-height: 150%
}

#para-left ul li img {
  vertical-align: bottom;
  margin-right: .2em
}

#horzlist {
  margin: 0;
  padding: 0
}

#horzlist li {
  display: inline;
  list-style-type: none
}

#records {
  list-style-type: none;
  margin: 0
}

#records img {
  vertical-align: text-bottom
}

#records li.record {
  padding: 10px;
  border-bottom: 1px dotted #949402;
  word-wrap: break-word
}

#records li.record:first-child {
  background: #fff !important
}

#records li table, #records li table tr {
  margin: 0;
  padding: 0
}

#records li table p {
  line-height: 18px
}

#records li table tr td {
  border: none;
  padding: 0 1em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5
}

#records li form {
  margin: 0;
  padding: 0
}

#record-list .highlight {
  background: #fefecc
}

#record-list .snippet {
  line-height: 1.5
}

#record-list .snippet img {
  vertical-align: text-bottom
}

.highlight {
  background: #fefecc !important
}

.record .details {
  line-height: 1.5
}

#record-list .detailsLink, #record-list .actions {
  padding: .5em .5em .3em;
  outline: 0
}

#record-list .dd-active {
  background-image: url(/img/tab.png.pagespeed.ce.9ttCHI2ZQU.png);
  background-repeat: repeat;
  background-position: 0 -50px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #0082ff;
  position: relative;
  z-index: 99;
  box-shadow: 0 -1px 1px #ccc;
  -moz-box-shadow: 0 -1px 1px #ccc;
  -webkit-box-shadow: 0 -1px 1px #ccc
}

#record-list .actionsdropdown {
  list-style-type: none;
  margin-top: 0;
  text-align: left;
  border: 1px solid #0082ff;
  position: absolute;
  background: #fff;
  z-index: 1
}

#record-list .actionsdropdown li {
  margin: 0;
  padding: .5em 1em .5em .5em;
  border: none
}

#record-list .actionsdropdown li:hover {
  background: #cce6ff
}

#record-list .actionsdropdown img {
  vertical-align: middle
}

#details {
  margin: 1em 0 2em 0;
  text-align: center
}

ol {
  margin-left: 1.5em;
  padding: 1em;
  text-align: left;
  line-height: 1.5
}

#content p img {
  vertical-align: text-bottom
}

input .text {
  width: 166px;
  outline: none
}

input[type="text"].error, input[type="password"].error {
  background: #fecccc;
  border: 1px solid #ccc;
  padding: 3px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5)
}

#sidebar .text {
  width: 156px
}

form .chkbox {
  margin: 5px 2px
}

input[type="checkbox"] {
  vertical-align: middle
}

#norecords, #nomachines {
  width: 600px;
  display: none;
  margin-top: 5em
}

.adheader {
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  color: #ccc;
  font-size: 10px
}

.greybox {
  margin: .5em 0;
  padding: .5em;
  background-color: #e5e5e5;
  border: 1px solid #b2b2b2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.greybox .header {
  text-align: center;
  font-weight: bold;
  padding: .5em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  text-transform: uppercase
}

.closebox {
  float: right;
  margin: .5em;
  font-family: Trebuchet\ MS, Arial, Helvetica, sans-serif;
  text-align: center
}

.closebox a {
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 0 4px;
  cursor: pointer
}

.closebox a:hover {
  background: #184bb8;
  color: #fff
}

.inputFocus {
  border: 2px solid #339bff
}

#plans table, #cart table {
  border: 1px solid #000
}

#plans tr, #plans td, #cart tr, #cart td {
  margin: 0;
  padding: .5em;
  border: 1px dotted #7f7f7f
}

#plans thead {
  background: #fefecc
}

#plans .rowheader {
  font-weight: bold;
  width: 170px;
  text-align: left
}

#plans .columnheader {
  font-weight: bold;
  border: 1px solid #264408
}

#plans .planheader {
  font-weight: bold;
  margin: .5em;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
}

#plans .bestvalue {
  background: #cce6ff;
  border: 1px solid #339bff
}

#notes ul {
  list-style-type: none;
  line-height: 2
}

#notes ul li {
  padding-left: 1.5em;
  background-image: url(/img/bullet_go.png.pagespeed.ce.gvhEZMphKZ.png);
  background-repeat: no-repeat;
  background-position: 0 .3em
}

#content ul.genlist {
  margin: 10px 0;
  line-height: 20px;
  list-style-type: none;
  text-align: left;
  padding-left: 0
}

#content ul.genlist li {
  padding-left: 1.5em;
  background-image: url(/img/bullet_green.png.pagespeed.ce._RX52v7jlO.png);
  background-repeat: no-repeat;
  background-position: 0 .1em
}

#content ul.genlist ul {
  list-style-type: none
}

#content ul.genlist ul li {
  padding-left: 3.5em;
  background-image: url(/img/bullet_go.png.pagespeed.ce.gvhEZMphKZ.png);
  background-repeat: no-repeat;
  background-position: 2em .2em
}

.gallery img {
  border: none
}

.even {
  background: #f8f8f8
}

.difftext, .transcript_text {
  margin: 10px 0;
  height: 300px;
  overflow: auto;
  border: 1px solid #949402;
  padding: 5px;
  background: #fff
}

del {
  background: #fecccc
}

ins {
  background: #cfc
}

.amp {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-style: italic
}

iframe {
  border: 1px solid #b2b2b2;
  padding: 0;
  margin: 10px 0
}

small {
  font-size: 10px
}

strong {
  font-weight: bold
}

#tbmsg.error, #uploadmsg.error {
  color: red;
  background: #fff;
  border: none
}

#ad ins, .ad ins {
  background: #fff
}

#record-list input.active {
  background-image: none;
  border: 1px solid;
  background-color: #fff
}

#msgbar img {
  vertical-align: bottom
}

table.borders {
  border-collapse: none
}

table.borders tr, table.borders td, #TB_window table.borders td {
  border: 1px solid #000
}

.shadow {
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc
}

.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.raised {
  box-shadow: 0 0 4px #ccc;
  -moz-box-shadow: 0 0 4px #ccc;
  -webkit-box-shadow: 0 0 4px #ccc
}

#record-list .player_popout {
  position: absolute;
  border: 1px solid #0082ff;
  background: #fff;
  z-index: 1
}

.fixedwidth {
  font-family: Courier, "Courier New", monospace
}

#sidebar input.readonly {
  color: #ccc
}

#sidebar .separator {
  width: 95%;
  margin: 0 auto
}

.separator .topline {
  border-bottom: 1px solid #b2b2b2
}

.separator .bottomline {
  border-top: 1px solid #fff
}

#sidebar .error .spearator .topline {
  border-bottom: 1px solid #f90404
}

.info-box {
  overflow: hidden
}

#records .info-box p {
  font-weight: bold;
  margin: 0 .5em;
  padding: .5em
}

.info-box small {
  margin: 0 1.2em 1em 1em;
  float: right
}

.info-box .box {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  margin: 0 1em;
  padding: .5em;
  border: 1px solid #949402
}

#btn-wrap:active, #apply_widget a:active, #download_widget a:active {
  position: relative;
  top: 1px
}

#TB_window .big, td.big {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 1px 1px 1px white
}

textarea.transcript {
  overflow: auto;
  margin: .5em 0;
  width: 98%;
  height: 200px;
  border: 1px solid #b3b3b3;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .5)
}

code.highlight {
  background: #ff8
}

#tabs .ui-tabs-panel {
  padding: 10px 0
}

#tabs ul li {
  position: relative
}

#tabs .notify-bubble {
  display: none;
  position: absolute;
  top: -8px;
  right: -4px;
  background: red;
  color: #fff;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), 1px 1px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), 1px 1px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), 1px 1px 0 rgba(0, 0, 0, .25);
  z-index: 2
}

.light-green {
  background: #cdfecd
}

.light-grey {
  background: #f8f8f8
}

.light-red {
  background: #fecccc
}

.light-blue {
  background: #afdafc
}

#motd {
  background: #fefecc;
  border-bottom: 1px solid #949402;
  padding: 1em;
  text-align: center;
  position: relative
}

#orders_by_day td.current {
  background: #f2f2f2
}

.record-list ul {
  margin: 0 10px;
  padding: 0
}

.player {
  width: 32px
}

.player>.loading {
  vertical-align: middle
}

#TB_window {
  font-family: Verdana, Geneva, Kilimati, sans-serif;
  line-height: 18px
}

#TB_title {
  height: 32px;
  font-weight: bold
}

#TB_ajaxContent {
  line-height: 18px;
  width: auto !important;
  padding: 15px
}

.ui-tabs-nav a {
  text-decoration: none
}

.ui-tabs-nav a span {
  height: 26px
}

.ui-tabs-nav .ui-tabs-selected a span {
  height: 27px
}

input[type="submit"], input[type="reset"], input[type="button"] {
  -webkit-appearance: push-button !important
}

#TB_closeWindowButton {
  color: #a5a5a5;
  background-color: #e8e8e8;
  text-decoration: none;
  font-size: 14px
}

#TB_closeWindowButton:hover {
  color: #8c8c8c
}

.textlabel {
  font-weight: normal;
  margin-bottom: 0;
  vertical-align: middle
}

td.box .big {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important
}

.steps li {
  margin-right: 10px;
  margin-bottom: 20px
}

.steps .glyphicon {
  width: 1px
}

#process-steps {
  margin: 10px 0 30px
}

#process-steps .step {
  min-width: 132px
}

#TB_window #content {
  padding: 0
}

#TB_window h2, .reveal-content h2 {
  font-family: Verdana, Geneva, Kilimati, sans-serif !important;
  font-size: 14px;
  margin: 0
}

.reveal-content .light-box {
  margin-bottom: 10px
}

#content .border-box {
  line-height: 1.5
}

ul.diff-types {
  margin: 0
}

#ratings-warning {
  margin-bottom: 20px !important
}

#records .diff-summary .change-tr td {
  border: 1px solid #ddd;
  padding: 5px
}

.diff_container .dispute-msg {
  margin-bottom: 0
}

.resolve-info {
  cursor: pointer
}

#records .diff-summary .total-tr td {
  padding: .5em
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp
}

#container {
  background: url(../img/xlight_noise_diagonal.png.pagespeed.ic.lmt2zANoJc.jpg)
}

#container #content {
  background: none
}

#container #content.white {
  background: #fff
}

h3 {
  text-align: center;
  padding-bottom: 20px
}

h3.heading {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 white;
  line-height: 1.2;
  text-transform: none;
  border-bottom: none;
  margin: 20px 0;
  padding: 0;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0
}

h4 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  margin: 20px 0;
  font-weight: 600
}

#bottom-wrap {
  padding: 30px;
  background: #fff
}

#bottom-wrap .divider {
  width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #d8d8d8
}

#features.list i {
  float: left
}

#features.list p {
  margin-left: 72px
}

#features.inline {
  text-align: center
}

#features.inline i {
  margin: 0 auto;
  width: 100%
}

#features.inline p {
  text-align: center
}

#features.inline .feature {
  float: left;
  width: 33%;
  height: 160px
}

#features .feature {
  text-align: center
}

#features .feature i {
  font-size: 48px;
  margin: 10px 0;
  color: #666;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

#coupons {
  padding: 10px;
  height: 70px
}

#coupons img {
  float: left
}

#coupons #success-msg, #coupons form {
  margin-left: 72px
}

#editor {
  background: url(../img/xeditor.png.pagespeed.ic.aUuCBDoFAm.png);
  height: 221px;
  background-repeat: no-repeat;
  background-position: bottom center
}

#editor-demo {
  text-align: center;
  bottom: -15px
}

#editor-features {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px
}

#top-wrap {
  padding: 20px 0;
  width: 900px;
  display: block;
  margin-left: auto;
  margin-right: auto
}

#discount-ribbon {
  border: 1px solid #ccc;
  background: #f5f5f5;
  margin-top: 20px;
  padding-top: 10px
}

@media screen and (min-width:768px) {
  h1, h2, .cta {
    text-align: center
  }
}

#steps ul {
  margin-bottom: 0
}