.standard-width {
  width: 960px;
  margin-left: auto;
  margin-right: auto; }

div.padded {
  padding: 6px; }

.top-padded {
  padding-top: 1em; }

.bottom-padded {
  padding-bottom: 1em; }

.left-right-padded {
  padding: 0px 12px; }

.right-margined {
  margin-right: 24px; }

body, div, dl, dt, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, li, pre, .html form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

p {
  color: #333;
  margin-bottom: 1em; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

html {
  background-color: #fff; }

body {
  height: 100%;
  min-width: 1060px;
  background-color: #fff; }

.pitch {
  font-family: Verdana, sans-serif; }
  .pitch h2, .pitch h3, .pitch h4, .pitch h5 {
    font-weight: normal;
    font-family: helvetica,arial;
    font-family: Verdana, sans-serif; }
  .pitch h2 {
    font-size: 2em;
    text-align: center; }
  .pitch h3 {
    font-size: 1.5em; }
  .pitch .other-products h2 {
    text-align: center;
    color: #0055bd;
    margin-top: 1em; }
  .pitch .other-products h3 {
    text-align: center; }

.centered {
  margin-left: auto;
  margin-right: auto; }

#header-and-menu {
  background-color: #333;
  background: url(/images/header-background.png) top center repeat;
  padding: 5px 0px 8px; }
  #header-and-menu .login {
    margin-top: 7px;
    margin-right: 30px; }
    #header-and-menu .login a {
      font-weight: bold;
      text-decoration: none;
      color: white; }
      #header-and-menu .login a:hover {
        color: #ff6900; }

a img {
  border: none; }
  a img:hover {
    opacity: 0.97; }

#main-picture img {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.bottom {
  position: absolute;
  bottom: 0px; }

.nine-hundred {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.public {
  padding: 0px;
  padding-top: 1em;
  font-size: 13px;
  color: #444;
  font-family: Verdana, "sans-serif"; }
  .public #branding h1 {
    width: 500px;
    position: absolute;
    height: 97px;
    height: 97px !important;
    height: 140px;
    background: transparent url(/images/logo3.jpg) no-repeat;
    left: 0px;
    top: 0px;
    text-indent: -9999px; }
  .public .screenshot-mosaic img {
    display: inline;
    margin: 3px 10px; }
  .public .screenshot {
    margin: 0.6em 0 0.6em 0; }
    .public .screenshot h2 {
      font-size: 0.85em;
      text-align: center; }
  .public .box-outer {
    margin-bottom: 20px;
    width: 582px;
    padding-top: 0px; }
    .public .box-outer .box-inner {
      padding: 0px 10px 10px 10px; }
      .public .box-outer .box-inner h3 {
        font-size: 1.4em;
        margin: 0px 9px;
        background-color: #ff6900;
        color: white; }
      .public .box-outer .box-inner .screenshot img {
        border: none; }
      .public .box-outer .box-inner .module-description {
        border: 1px solid #ddd;
        border-top: none; }
  .public .splitbox h2 {
    font-size: 1.2em;
    margin: 0 1em; }
  .public #container_wrapper {
    margin-bottom: 60px;
    background-color: #ccc; }
  .public div.emphasise h4 {
    color: white; }
  .public div.emphasise h3 {
    color: #fff;
    padding: 0.2em;
    border: none;
    background-color: transparent; }
  .public div.emphasise ul {
    color: white; }
    .public div.emphasise ul li {
      color: #222222; }
  .public div.emphasise p {
    color: #222222; }
  .public .box2,
  .public .more-info-box {
    border: none; }
  .public .splitbox-body {
    background-color: #bcb; }
  .public div#menu {
    border: none;
    width: 100%;
    position: relative;
    padding: 0; }
  .public #catchphrase {
    text-align: left;
    position: absolute;
    font-size: 1.0em;
    width: 300px;
    bottom: -70px;
    right: 50px;
    left: 170px; }
  .public div#supplementary-content {
    background-color: #fff; }
  .public h2 {
    font-size: 1.3em;
    padding: 0.3em 0em;
    font-family: "Georgia","sans-serif"; }
  .public h3 a {
    color: #444444; }
    .public h3 a:hover {
      color: #ff6900; }

#header {
  position: relative;
  color: #003B84;
  /* Following is required to workaround IE6 buggy positioning of absolutely
   * positioned children of this relatively positioned container */
  font-size: 1.3em; }
  #header #top-right-member-info {
    position: absolute;
    right: 0px;
    top: 8px;
    font-size: 12px; }
    #header #top-right-member-info .display-box .body {
      background-color: #eee;
      font-size: 12px; }

.main-screenshot img {
  position: absolute;
  bottom: 0px;
  right: 0px; }

.showcase-outer {
  background-color: white; }

.train {
  margin-bottom: 2em;
  text-align: center; }
  .train .train-word {
    display: inline;
    color: #fff;
    font-size: 2.8em;
    margin: 0 10px; }
    .train .train-word.selected {
      color: #ff6900; }

.homepage.showcase {
  height: 285px; }

.showcase {
  position: relative;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  font-family: Verdana,sans-serif;
  font-family: helvetica, arial, sans-serif; }
  .showcase .statement {
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
    color: #B3C8CC; }
    .showcase .statement h2 {
      color: #333;
      color: #44929c;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      font-size: 2.0em; }
    .showcase .statement .main-point {
      text-align: left;
      color: #f6ffbf;
      color: #444444;
      font-size: 1.3em;
      margin-bottom: 1em; }
    .showcase .statement .details {
      text-align: left;
      color: #d3e8ec;
      color: #444444;
      font-size: 1.1em; }

#catchphrase {
  position: absolute;
  left: 170px;
  bottom: -70px;
  width: 400px;
  color: #00666d;
  font-size: 1.0em; }

.clearer {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 1px;
  height: 0px;
  width: 1px;
  line-height: 0pt;
  margin: 0pt;
  overflow: hidden; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
  color: inherit; }

body {
  font-size: 10px; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin-bottom: 1em;
  color: #00666d; }

p, ul, ol {
  font-family: Verdana,sans-serif;
  font-size: 12.5px;
  line-height: 1.4; }


ul h2, ul h3, ul h4, ul h5 {
  margin: 0; }

.popup {
  background-color: white; }
  .popup .x-window-body {
    background-color: white; }
    .popup .x-window-body h2, .popup .x-window-body h3 {
      background-color: #00666d;
      border: none;
      padding: 0.5em 1em; }
    .popup .x-window-body .day h2, .popup .x-window-body .day h3, .popup .x-window-body .article h2, .popup .x-window-body .article h3 {
      background-color: white; }

.small-text {
  font-size: 90%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  table.real td {
    border: 1px solid #666; }
  table td.heading {
    background-color: #80b9ff; }
  table td.emphasise {
    color: #0055bd; }


caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }


.thirty-day-trial-offer {
  width: 250px; }
  .thirty-day-trial-offer img {
    border: none; }

.border-rounded-outer {
  background-color: #00666d;
  padding: 3px; }
  .border-rounded-outer .border-rounded-inner {
    padding: 10px;
    background-color: #00c2cC;
    font-family: helvetica; }
    .border-rounded-outer .border-rounded-inner h3 {
      font-size: 25px;
      color: white;
      color: white; }
    .border-rounded-outer .border-rounded-inner p {
      font-size: 17px; }

.public div.emphasise {
  background-color: #00c2cC;
  padding: 3px; }
  .public div.emphasise .module-description {
    padding-bottom: 2px; }
  .public div.emphasise p {
    color: #333; }

pre {
  margin: 1em 0;
  padding: 1em;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word; }

html {
  font-family: helvetica,arial; }

#fred {
  background-color: #00ee00; }


p.question {
  font-weight: bold; }

.answer {
  padding-left: 2em; }


.error,
.errorExplanation {
  color: #f00;
  font-size: 1.3em;
  padding: 0.5em 1em;
  margin: 1em 0; }

em {
  font-style: italic; }

form .error {
  font-size: 1em;
  margin-left: 12em;
  margin-top: 0;
  margin-bottom: 5px; }

#error, #notice {
  background-color: #fff;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 10px; }

#error {
  color: red; }

#notice, .notice {
  color: #00666d; }

#branding {
  position: relative;
  width: 100%;
  cursor: pointer; }

.clickable {
  cursor: pointer; }

body {
  font-size: 13px; }


h1 {
  padding: 0.4em 1em;
  margin: 0; }

body.administrator_view {
  background-color: #f67; }

#body-sub {
  background-color: #f00;
  width: 100%; }


.public {
  padding: 0px;
  font-size: 13px;
  color: #444;
  font-family: "Verdana","sans-serif"; }
  .public .splitbox h2 {
    font-size: 1.2em;
    margin: 0 1em; }
  .public div.emphasise h4 {
    color: white; }
  .public div.emphasise h3 {
    color: #fff;
    padding: 0.2em;
    border: none;
    background-color: transparent; }
  .public div.emphasise ul {
    color: white; }
    .public div.emphasise ul li {
      color: #222222; }
  .public div.emphasise p {
    color: #222222; }
  .public .box2,
  .public .more-info-box {
    border: none; }
  .public .splitbox-body {
    background-color: #bcb; }
  .public div#menu {
    border: none;
    width: 730px;
    position: relative;
    padding: 0; }
  .public #catchphrase {
    text-align: left;
    position: absolute;
    font-size: 1.0em;
    width: 300px;
    bottom: -87px;
    right: 50px;
    left: 170px; }
  .public div#header {
    height: 71px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .public div#supplementary-content {
    background-color: #fff; }
  .public h2 {
    font-size: 1.3em;
    padding: 0.3em 0em;
    font-family: "Georgia","sans-serif"; }
  .public h3 a {
    color: #444444; }
    .public h3 a:hover {
      color: #ff6900; }

.public.fragment {
  padding: 0;
  margin: 0; }

#copyright {
  text-align: center; }

body#application_client div#header {
  background-color: #444444;
  height: 100px; }
  body#application_client div#header h1 {
    color: white; }
body#application_client .article-link a {
  font-size: 1em;
  color: #444; }
  body#application_client .article-link a:hover {
    color: #ff6900; }
body#application_client .topic-link a {
  font-size: 1em;
  color: #444; }
  body#application_client .topic-link a:hover {
    color: #ff6900; }

div.clearer1 {
  height: 1px; }

div.top-border {
  border-top: 1px solid #999; }

.shaded {
  background-color: #ccc; }

.top-border {
  border-top: 1px solid #999; }

#date p, #currently-logged-in p {
  color: #003B84; }

div#date {
  font-size: 1.1em;
  padding: 0.1em 0.1em; }

div#currently-logged-in {
  background-color: #ff6900;
  font-size: 1.1em; }
  div#currently-logged-in ul {
    margin: 0;
    padding: 0; }
    div#currently-logged-in ul li {
      margin: 0.2em 0; }

.orange .x-panel-body {
  background-color: #ff6900; }

.yellow .x-panel-body {
  background-color: #dbff00; }


div#existing-member-prompt h3, div#existing-member-prompt p {
  padding: 0; }

div#existing-member-prompt {
  cursor: pointer; }

#member-info .display-box {
  margin-bottom: 0px; }


.paper-outer {
  margin-top: 0em; }


div#main-content {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: left;
  width: 67%; }

div#client-content {
  width: 100%;
  padding-bottom: 10px;
  font-size: 9pt; }

div#main-area {
  background-color: #fff; }

#client div#main-area {
  border-top: 4px solid #004B94; }

div.left25,
div.middle50,
div.right25 {
  margin: 0px;
  border: 0px;
  padding: 0px; }

div.left25,
div.right25 {
  width: 25%;
  float: left; }

div.middle50 {
  width: 50%;
  float: left; }

div.left {
  float: left; }

div.right {
  float: right; }

.benefits-icon {
  float: left;
  width: 35%; }

div.benefit {
  height: 21em; }
  div.benefit h3 {
    width: 60%;
    float: right; }

.testimonial {
  margin-top: 1em;
  margin-bottom: 1em; }
  .testimonial .content {
    padding-top: 15px;
    padding: 25px 100px 0px;
    height: 90px;
    background: transparent url(/images/speech-bubble.png) no-repeat top;
    font-size: 14px;
    text-align: left;
    font-style: italic;
    font-family: Georgia, serif; }
  .testimonial .author {
    text-align: right;
    margin-right: 81px;
    margin-top: 5px;
    font-size: 14px; }

.tiny-screen {
  font-size: 14px;
  font-weight: bold;
  text-align: center; }

.left-margined {
  margin-left: 16px; }

.top-margined {
  margin-top: 10px; }

.justified {
  text-align: justify; }

.margined {
  margin: 0.5em; }

.padded {
  padding: 0.5em; }

.centered-text {
  text-align: center; }

.centered-inner {
  text-align: left; }

.border-right {
  border-right: 1px solid #999; }

.dark {
  background-color: #444; }

.jcarousel-skin-tango {
  margin-top: 20px; }
  .jcarousel-skin-tango p {
    color: #B3C8CC;
    text-align: left; }
  .jcarousel-skin-tango .jcarousel-container {
    background-color: #444;
    border: none; }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 95%;
    height: 100%; }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
    height: auto; }
  .jcarousel-skin-tango .jcarousel-item {
    padding: 10px;
    height: auto; }

.half {
  float: left;
  width: 50%; }

.left50 {
  position: relative;
  float: left;
  width: 49%; }

.one_seventh {
  width: 14.25%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100%; }

.w400px {
  width: 400px; }

#right50 {
  width: 49%;
  float: right; }

.quarter {
  float: left;
  width: 24.95%; }

.third {
  float: left;
  width: 32%; }

.w2thirds {
  width: 66.6%; }

div.two-thirds {
  float: left;
  width: 66%; }

.thick-column-wrapper {
  float: left;
  margin-right: -360px;
  width: 100%;
  padding: 0 0.5em; }

.thin-column-right-wrapper {
  width: 320px;
  float: right; }

div.thick-column {
  margin-right: 350px; }

div.right-border {
  border-right: 1px solid #bbb; }

.break {
  margin-top: 2em; }

div.section {
  background-color: #fcfcfc;
  padding-top: 1em;
  padding-bottom: 1em;
  clear: both; }

.public .top-section {
  border-bottom: 1px solid #aaa; }
  .public .top-section h2 {
    font-family: Verdana,sans-serif;
    margin-top: 0.5em;
    font-size: 2em;
    color: #44929c; }
  .public .top-section p {
    font-family: Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    color: #777; }

div#supplementary-content {
  margin: 0px;
  border: 0px;
  padding: 0% 1%;
  float: left;
  width: 31%;
  background-color: #BFDCFF; }

div#content-supplementary .content {
  background-color: #fff;
  border: 7px solid #008C9E;
  margin: 1em 0;
  color: #444; }

.blurb h3,
div.emphasise h3 {
  color: #444;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center; }

.blurb h3 {
  background-color: #DBFF00; }

p.price {
  font-size: 1.2em; }


div.box.plan {
  background-color: #F6FFBF; }
  div.box.plan h3 {
    background-color: #99B300;
    color: #000;
    text-align: center;
    padding-left: 1em; }

p.price {
  padding: 1em;
  color: #0055BD; }

h2 {
  font-size: 1.5em; }

h2, h3 {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 0.5em; }

.application h2, .application h3 {
  color: white; }
  .application h2 a, .application h3 a {
    color: white; }


.x-panel-body h2, .x-panel-body h3 {
  background-color: #ff6900;
  border-color: #b34a00; }

h3 {
  font-size: 1.3em;
  font-weight: bold; }

.tagcloud {
  padding: 0.5em; }



div#header a {
  color: #003B84; }

div#content a:hover {
  color: #ff6900; }

.submit-button {
  color: #f00; }

div#header a:hover, a:hover {
  color: #ff6900; }

.message-body {
  padding: 0.5em; }

table.messages {
  border: 1px solid #aaa; }
  table.messages td {
    padding: 0.2em 0.5em; }

table.messages thead tr {
  background-color: #BFDCFF;
  font-weight: bold; }

table.messages tbody td {
  border: 1px solid #999; }

td.mail-header-from {
  width: 20%; }

td.mail-header-sent {
  width: 20%; }

td.mail-header-subject {
  width: 60%; }

table.message {
  margin: 0.5em 0;
  border: 1px solid #333; }

table.message label {
  width: 13%; }

.note {
  background-color: #EDFF80;
  padding: 1em; }

.box, .more-info-box, .photo, .box2 {
  margin: 0.5em 1em;
  padding: 10px 10px;
  background-color: #fff;
  border: 2px solid #444;
  background: url(/images/main-area-background.png) center center repeat; }
  .box h3, .more-info-box h3, .photo h3, .box2 h3 {
    text-align: center; }

.public h2, .public h3 {
  border: none;
  background-color: transparent;
  margin: 0.5em 0;
  margin-bottom: 0.1em;
  margin-top: 0.1em; }
.public .centered {
  margin-left: auto;
  margin-right: auto; }
.public .more-info-box {
  background: transparent url(/images/gradient-orange-white-300.png) repeat-x;
  border: none;
  display: block;
  margin: 1em 2em; }
  .public .more-info-box .centered {
    margin-left: auto;
    margin-right: auto; }
  .public .more-info-box h2 {
    font-size: 1.3em;
    color: #444444;
    color: white; }
  .public .more-info-box h3 {
    color: white;
    font-size: 1.1em; }
  .public .more-info-box h4 {
    color: white; }

.photo {
  background-color: #bbb;
  border: none; }
  .photo img {
    width: 100%; }

.plain-box {
  background-color: white;
  padding: 1em;
  border: 2px solid #aaa;
  margin-bottom: 1em; }

div.polaroid {
  background: transparent url(/images/polaroid_frame_small.gif) no-repeat center;
  height: 303px; }

.polaroid img {
  /* allow for polaroid photo frame */
  display: inline;
  margin: 0;
  margin-top: 49px;
  margin-left: 78px;
  border: none; }

.splitbox {
  margin: 0.5em 1em 1em 1em; }

/* following is using holly hack to get widths inside various containers working correctly in IE */
/* Hides from IE5-mac \ */
* html .holly .main-area {
  height: 1%; }

* html .holly .splitbox-body {
  height: 1%; }

* html .holly .client-content {
  height: 1%; }

* html .holly .photo {
  height: 1%; }

* html .holly .html form {
  height: 1%; }

* html .holly third {
  height: 1%; }

* html .holly two-thirds {
  height: 1%; }

* html .holly client-content {
  height: 1%; }

* html .holly li {
  height: 1px; }

* html .holly table {
  height: 1px; }

* html .holly tr {
  height: 1px; }

/* End hide from IE5-mac */
.splitbox-body {
  padding: 6px 10px 6px;
  background-color: #80B9FF;
  background-color: #fff;
  background-color: #99B300;
  background-color: #ddd;
  border: 1px solid #999; }

.splitbox-header {
  background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
  width: 60%; }
  .splitbox-header h2 {
    font-weight: normal;
    margin: 0 0 0 0;
    color: #fff;
    padding: 0.5em;
    width: 80%;
    background-color: transparent;
    border: none;
    font-size: 1.1em; }

.splitbox-body .splitbox-header {
  background: transparent url(/images/gradient-blue-to-white-150-c.png) repeat-x top left; }
.splitbox-body .splitbox-body {
  background: #eee; }

.metric .splitbox-header, .faq .splitbox-header {
  width: auto;
  width: 70%; }

.splitbox-body {
  clear: both; }



.splitbox td.label {
  font-weight: bold; }

.instructions, .coming-soon, .new-messages-indicator {
  margin: 1em 1em 1em 1em;
  border: 1px solid #999;
  max-width: 35em;
  padding: 1em; }

.white {
  background-color: #fff; }

.card {
  background: url(/images/blue-line-6.png) top left repeat; }

.instructions {
  background: #fff url(/images/info_icon.gif) no-repeat top left;
  margin: 1em 1em 1em 1em;
  padding-left: 80px;
  min-height: 45px;
  height: auto !important;
  height: 70px; }

.new-messages-indicator {
  background: #fff url(/images/new-mail-icon.jpg) no-repeat top left;
  background: #fff url(/images/new_mail_icon2.jpg) no-repeat top left;
  margin: 1em 1em 1em 1em;
  padding-left: 72px;
  min-height: 55px;
  height: auto !important;
  height: 70px; }

.coming-soon {
  background: #fff url(/images/coming-soon.jpg) top left no-repeat;
  padding-top: 80px; }

#site_info {
  clear: both;
  padding: 0.3em 20px;
  padding-top: 1em;
  padding-bottom: 2em;
  font-size: 1.2em;
  background: #333333;
  background: #eeeeee;
  border-top: 2px solid #aaa;
  border-bottom: 4px solid #004B94;
  border-bottom: none;
  border-bottom-color: #b34a00;
  color: #d3e8ec; }
  #site_info ul {
    list-style-image: none;
    list-style-type: none; }
  #site_info p {
    color: #fff !important;
    font-size: 0.8em;
    margin: 0.4em 0;
    padding: 0; }
  #site_info a {
    color: #d3e8ec; }
    #site_info a:hover {
      color: #ff6900; }

#left-sidebar {
  width: 80px;
  position: absolute;
  right: 250px;
  top: -80px; }

/* TOP MENU */
ul#client-nav,
ul.public-nav {
  margin-left: 1em; }

ul#client-nav li, ul.public-nav li {
  float: left;
  display: inline;
  margin-right: 3px; }

#menu ul.public-nav a {
  float: left;
  display: inline;
  /* IE 6 seems to need us to set a width. TODO: investigate. */
  color: #ffdabf;
  font-weight: bold;
  padding: 2px 10px;
  font-size: 1.2em;
  text-decoration: none; }

#currently-logged-in ul li {
  list-style-type: none; }

#top-menu {
  background-color: inherit; }

#top-menu-region {
  width: 700px;
  background-color: #00929c;
  background-color: transparent; }

#sub-menu-region {
  background: #ff6900;
  background: #cccccc;
  background: #00a2ac;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 860px !important;
  width: 900px; }

.public ul.sub-menu {
  text-align: left;
  padding: 0.5em 1em; }
  .public ul.sub-menu li {
    display: inline;
    padding: 0.2em 1.5em;
    color: white; }
    .public ul.sub-menu li.current-selection {
      background: transparent url(/images/dot.png) no-repeat 5px 55%; }
    .public ul.sub-menu li a {
      color: white;
      text-decoration: none; }
      .public ul.sub-menu li a:hover {
        text-decoration: underline; }

div#menu {
  font-size: 1em;
  position: relative;
  float: left;
  display: inline; }
  div#menu ul#client-nav,
  div#menu ul#client-nav li,
  div#menu ul.public-nav,
  div#menu ul.public-nav li {
    list-style-type: none;
    margin: 0em;
    margin-left: 0px;
    padding: 0; }
  div#menu ul.public-nav li {
    padding: 0; }
    div#menu ul.public-nav li.current-selection a,
    div#menu ul.public-nav li.current-selection a:hover {
      color: #ff6900; }
  div#menu ul.public-nav a {
    color: white;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-right: 30px;
    font-size: 1.2em;
    font-weight: bold;
    height: 22px; }
    div#menu ul.public-nav a:hover {
      color: #ff6900; }
  div#menu ul#client-nav a {
    font-size: 0.9em;
    width: 6.2em; }
  div#menu ul#client-nav li.current-selection a,
  div#menu ul#client-nav li.current-selection a:hover {
    background: #00929c;
    color: #b34a00;
    font-weight: bold; }

ul#client-nav a:hover {
  background: #DBFF00;
  color: #333; }

ul#client-nav li.general, ul.public-nav li.general {
  float: right;
  margin-right: 2em; }

.hidden {
  display: none !important; }

#my-border, #my-border .sb-inner {
  padding: 0.5em;
  margin: 0.5em;
  width: 20em; }

table.calendar {
  padding: 0.5em;
  width: 98%;
  background-color: #DDD;
  margin: 0.5em; }
  table.calendar thead {
    text-align: center;
    font-size: 1.4em; }
    table.calendar thead th {
      text-align: center; }
      table.calendar thead th.monthName {
        font-size: 1.2em;
        padding: 0 0.5em 0.0em 0.5em;
        font-weight: bold; }
    table.calendar thead tr.dayName {
      font-size: 1.0em;
      background-color: #DBFF00; }
      table.calendar thead tr.dayName th {
        padding: 0.5em 0.2em;
        border: 1px solid #999;
        font-size: 1em;
        font-weight: bold; }
  table.calendar td {
    padding: 0.5em 1em;
    border: 1px solid #999; }
    table.calendar td.day {
      background-color: #F6FFBF; }
    table.calendar td.weekendDay {
      background-color: #EDFF80; }
    table.calendar td.today {
      background-color: #FF8080;
      font-weight: bold; }
    table.calendar td.otherMonth {
      background-color: #BFDCFF;
      color: #666; }

.brief table.calendar {
  font-size: 0.8em; }

table.calendar td,
tr.dayName th,
td.otherMonth {
  width: 5em; }

.check_box, .radio_button {
  background-color: transparent;
  border: none; }


label.long {
  width: 90%;
  text-align: left; }

.html form ul, .label-value-list ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none; }

.label-value-list ul {
  background-color: #FFFAE7; }
.label-value-list label {
  height: auto;
  font-weight: bold;
  font-size: 1.2em;
  float: left;
  text-align: right;
  width: 10em; }
.label-value-list .value {
  border: 1px solid #6B6F7F;
  color: #000000;
  margin: 0;
  margin-left: 0pt;
  padding: 1em 1em;
  width: 15em; }

.wide-fields .html form,
.wide .html form {
  width: 60em; }
  .wide-fields .html form textarea,
  .wide .html form textarea {
    width: 28em; }
  .wide-fields .html form input[type="text"],
  .wide-fields .html form .text_field,
  .wide .html form input[type="text"],
  .wide .html form .text_field {
    width: 28em; }
  .wide-fields .html form label,
  .wide .html form label {
    width: 20em; }
    .wide-fields .html form label.long,
    .wide .html form label.long {
      width: 90%; }

.narrow .html form {
  width: 27em; }
  .narrow .html form textarea {
    width: 8em; }
  .narrow .html form label {
    width: 6em; }
    .narrow .html form label.long {
      width: 90%; }
  .narrow .html form li {
    margin-left: 0.5em; }

.wide-fields label {
  width: 7em; }
.wide-fields textarea {
  width: 40em; }
.wide-fields input[type="text"],
.wide-fields .text_field {
  width: 40em; }

.highlight-email, .highlight {
  cursor: pointer; }

.highlight {
  background: #f00; }

table.diary-day {
  width: 30em;
  background-color: #fff;
  border: 1px solid #999;
  margin: 0 0 1em 0; }
  table.diary-day td {
    border: 1px solid #999; }
    table.diary-day td label {
      width: 10em;
      text-align: right; }
    table.diary-day td.label {
      width: 10em;
      text-align: right;
      padding: 0.5em 1em;
      font-size: 1.2em;
      color: #444;
      font-weight: bold; }
    table.diary-day td.value {
      text-align: left;
      padding: 0.5em 1em; }

.button img {
  cursor: pointer; }
  .button img:hover {
    opacity: 0.87; }

/* buttons */
.commands {
  padding: 1em;
  clear: both; }

.small {
  font-size: 80%; }

.commands a,
.commands input {
  display: inline; }

a.command {
  margin: 0.2em 0;
  display: block; }

a.command:active, .commands a:active, .commands input:active {
  border: 1px solid #999;
  border-top: 2px solid #444;
  border-left: 2px solid #444; }


table.week {
  width: 100%; }
  table.week td.exercise_diary_entry {
    vertical-align: text-top;
    background-color: #edff80; }
  table.week pre {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    border: none; }
  table.week form.html {
    width: auto;
    padding: 0; }
    table.week form.html input {
      width: auto;
      border: default; }
  table.week th {
    padding: 0.2em;
    font-weight: bold;
    text-align: center;
    width: 13%; }
    table.week th.time {
      border: none; }
    table.week th.day {
      border: 1px solid #999;
      background-color: #b1cb18; }
    table.week th.weekend {
      background-color: #99b300; }
    table.week th.today {
      border-left: 2px solid #444444;
      border-right: 2px solid #444444; }
    table.week th.time {
      width: auto;
      width: 5%; }
  table.week tr.today-title th {
    border: none; }
    table.week tr.today-title th.today {
      border-top: 2px solid #444444;
      border-left: 2px solid #444444;
      border-right: 2px solid #444444;
      background-color: #dbff00; }
  table.week td {
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #999;
    padding: 0.2em 0.5em; }
    table.week td.intake {
      background-color: #eeeeee; }
    table.week td.entry.today {
      border-left: 2px solid #444444;
      border-right: 2px solid #444444; }
    table.week td.meal {
      background-color: #80b9ff;
      font-weight: bold;
      text-align: right; }
    table.week td.today {
      border-left: 2px solid #444444;
      border-right: 2px solid #444444; }
  table.week tr {
    height: 1.6em; }
    table.week tr.intake-edit p {
      padding: 0; }
    table.week tr.intake-edit td {
      padding: 0;
      border: none; }
      table.week tr.intake-edit td.intake-edit {
        border: 1px solid #999;
        background-color: #80b9ff; }
      table.week tr.intake-edit td.today {
        border-left: 2px solid #444444;
        border-right: 2px solid #444444; }
    table.week tr.morning {
      background-color: #bfffbf; }
    table.week tr.morning-suff00 {
      background-color: #a7e7a7; }
    table.week tr.afternoon {
      background-color: #bfdcff; }
    table.week tr.afternoon-suff00 {
      background-color: #a7c4e7; }
    table.week tr.evening {
      background-color: #f6ffbf; }
    table.week tr.evening-suff00 {
      background-color: #dee7a7; }

#weekly-schedule td {
  overflow: hidden; }

table.profile td {
  border: none;
  padding: 0.2em; }
  table.profile td pre {
    width: 20%;
    margin: 0;
    padding: 0.3em 0;
    overflow: hidden;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word; }

span.horizontal {
  margin-right: 1em; }

span.horizontal-radio-group {
  border: 1px solid #999;
  padding: 0.5em;
  margin: 0.5em 0; }
  span.horizontal-radio-group span.radio-button-with-label {
    padding-right: 0.4em;
    border: none; }
    span.horizontal-radio-group span.radio-button-with-label input {
      border: none;
      float: none;
      margin-left: 0; }
    span.horizontal-radio-group span.radio-button-with-label li {
      display: inline; }
    span.horizontal-radio-group span.radio-button-with-label label {
      margin: 0;
      width: auto;
      display: inline;
      float: none; }

.help {
  font-size: 14px;
  margin: 0 0.4em 0.5em 0.4em; }
  .help h1, .help h2, .help h3, .help h4, .help h5 {
    margin: 1em 0em; }
  .help h3 {
    padding-left: 1em; }
  .help ul.real li {
    font-size: 1em; }
  .help table {
    font-size: 12.5px; }
    .help table .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .help table thead tr td, .help table thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .help table thead tr td li, .help table thead tr th li {
        color: white; }
        .help table thead tr td li a, .help table thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .help table thead tr td.label, .help table thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .help table tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .help table tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .help table tbody tr td.blank {
        background: white; }
      .help table tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .help table tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }

.fancy table {
  font-size: 12.5px; }
  .fancy table .empty {
    background: #fff;
    border: none;
    width: 30%; }
  .fancy table thead tr td, .fancy table thead tr th {
    background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
    font-size: 1.1em;
    border: 1px solid #999;
    border-color: #00929c;
    padding: 0.2em;
    font-weight: bold;
    color: white; }
    .fancy table thead tr td li, .fancy table thead tr th li {
      color: white; }
      .fancy table thead tr td li a, .fancy table thead tr th li a {
        text-decoration: none;
        color: inherit; }
    .fancy table thead tr td.label, .fancy table thead tr th.label {
      width: 30%;
      background: #fff;
      border-top: none;
      border-left: none; }
  .fancy table tbody tr td {
    border: 1px solid #999;
    border-color: #00929c;
    background: white;
    padding: 0.5em; }
    .fancy table tbody tr td.label {
      background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
      color: white;
      padding: 0.2em;
      font-weight: bold;
      font-size: 0.9em;
      text-align: right;
      padding-right: 1em; }
    .fancy table tbody tr td.blank {
      background: white; }
    .fancy table tbody tr td.yes {
      background: transparent url(/images/tick.jpg) no-repeat center center;
      height: 25px; }
    .fancy table tbody tr td.no {
      background: transparent url(/images/cross.jpg) no-repeat center center;
      height: 25px; }
  .fancy table thead tr th {
    text-align: center; }
  .fancy table tbody tr.prices {
    background: transparent url(/images/gradient-lightorange-white-100.png) repeat-x top left;
    background: transparent url(/images/gradient-green-white-50.png) repeat-x top left; }
  .fancy table tbody tr td {
    text-align: center; }

.plain tbody tr td {
  text-align: left; }

.more {
  font-size: 1.2em; }

body #errorExplanation {
  font-size: 1em; }
  body #errorExplanation h2 {
    background-color: transparent; }

#measurement_form {
  background-color: #fff; }
  #measurement_form #errorExplanation {
    font-size: 1em; }
    #measurement_form #errorExplanation h2 {
      font-size: 1em; }

table.profile {
  width: 100px; }

ul.profile {
  list-style-image: none;
  list-style-type: none;
  background-color: #fff;
  padding: 1em;
  border: 1px solid #999; }
  ul.profile img.icon {
    float: left;
    margin-left: 10px; }
  ul.profile label {
    text-align: right;
    font-weight: bold;
    font-size: 1.05em;
    clear: both;
    color: #444;
    display: block;
    float: left;
    font-weight: bold;
    height: auto;
    margin-right: 12px;
    padding: 0px 0pt;
    position: relative;
    text-align: right;
    width: 24%; }
    ul.profile label.long {
      width: 60%;
      text-align: left; }
  ul.profile li {
    padding: 0.5em 0;
    clear: both; }
    ul.profile li %.top-border {
      margin-top: 0.5em; }
  ul.profile pre {
    margin: 5px 0;
    padding: 5px 0 0 0;
    float: left;
    width: 60%; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors input, .fieldWithErrors select {
    border: 1px solid red; }

table.clients {
  background-color: #fff; }
  table.clients tr {
    border: 1px solid #444;
    padding: 0.2em 0.5em; }
    table.clients tr td {
      border: 1px solid #444;
      padding: 0.2em 0.5em; }

table.message_list_brief {
  background-color: #fff; }
  table.message_list_brief tr {
    border: 1px solid #444; }
    table.message_list_brief tr.unread {
      font-weight: bold; }
  table.message_list_brief td {
    border: none;
    border-top: 1px solid #444;
    border-bottom: 1px solid #333; }

.auto-width .html form label {
  width: auto; }

.foofoo {
  width: auto;
  position: relative; }

.red {
  background-color: #f00; }

input#xxx {
  background-color: #f00; }

.operations {
  border: 1px solid #999;
  padding: 1em; }

.form_error_message {
  display: none; }

.narrow {
  width: 30em; }

.medium {
  width: 40em; }

.bordered {
  border: 1px solid #999; }

.bottom-bordered {
  margin: 0.8em 3em 0.8em 0;
  margin: 0.8em 0em 0.8em 0;
  border-bottom: 1px solid #999; }

.top-bordered {
  margin: 0.8em 3em 0.8em 0;
  margin: 0.8em 0em 0.8em 0;
  border-top: 1px solid #999; }

.yui-skin-sam tr.yui-dt-selected td {
  background-color: #99b300; }
  .yui-skin-sam tr.yui-dt-selected td.yui-dt-asc {
    background-color: #99b300; }
  .yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
    background-color: #99b300; }

table.weekly-eps {
  margin: 0.5em 0; }
  table.weekly-eps tr.EPS-1 td {
    border-bottom: 5px solid #ffff88; }
  table.weekly-eps tr.EPS-2 td {
    border-bottom: 5px solid #ffcc66; }
  table.weekly-eps tr.EPS-3 td {
    border-bottom: 5px solid #ff8844; }
  table.weekly-eps tr.EPS-4 td {
    border-bottom: 5px solid #ff5522; }
  table.weekly-eps tr.EPS-5 td {
    border-bottom: 5px solid red; }
  table.weekly-eps tr td {
    padding: 0.4em 0.3em; }
    table.weekly-eps tr td.heading {
      background-color: #fff;
      font-weight: bold; }










.diary-day-column h3 {
  background: #fff;
  border: none;
  color: #003b84;
  font-size: 1em;
  text-align: center;
  margin: 0.2em 0;
  font-weight: normal; }

.preview {
  padding: 5px; }
  .preview .activity {
    width: 300px; }

.activity {
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: 2px solid #555;
  border-right: 2px solid #555;
  margin: 0.5em;
  background-color: white;
  padding: 1em; }
  .activity ul {
    font-size: 0.87em; }
  .activity label {
    font-weight: bold;
    color: #003b84; }
  .activity .description {
    color: #003b84;
    margin-bottom: 20px;
    padding-bottom: 5px; }
  .activity .activity-inner {
    padding-bottom: 10px;
    margin-bottom: 0px;
    background: url(/images/blue-line-6.png) top left repeat-y; }
    .activity .activity-inner.ple_1 {
      border-bottom: 5px solid #ffff88; }
    .activity .activity-inner.ple_2 {
      border-bottom: 5px solid #ffcc66; }
    .activity .activity-inner.ple_3 {
      border-bottom: 5px solid #ff8844; }
    .activity .activity-inner.ple_4 {
      border-bottom: 5px solid #ff5522; }
    .activity .activity-inner.ple_5 {
      border-bottom: 5px solid red; }
  .activity .sections ul {
    border-top: 1px solid #fbb; }
    .activity .sections ul .section {
      margin-top: 0.5em;
      border-bottom: 1px solid #fbb; }
      .activity .sections ul .section ul {
        border-top: none;
        border-left: none;
        border-right: none;
        font-size: 0.9em;
        margin-left: 0.5em; }
        .activity .sections ul .section ul .description {
          margin-top: 0px;
          margin-bottom: 0px;
          font-weight: bold; }
      .activity .sections ul .section label {
        font-weight: normal; }

.dreamfolk-column .x-panel-body {
  border: none; }

.x-grid3 .unread td {
  font-weight: bold; }



.x-tree .x-panel-body {
  background-color: #FFFFFF; }

.x-panel-bbar .x-toolbar {
  border: 1px solid #79f; }

.micks-button {
  margin-right: 27px;
  margin-left: 15px;
  display: block; }

.login_form .micks-button {
  margin-left: 195px; }


blockquote {
  float: right; }

blockquote, cite {
  color: #030;
  padding: 0.5em;
  margin: 0; }

cite {
  font-size: 1em;
  text-align: right;
  float: right; }

blockquote {
  background: url(/images/quotes-green.gif) top left no-repeat;
  background: url(/images/quotes.jpg) top left no-repeat;
  font-size: 1.1em;
  font-style: italic;
  min-height: 76px;
  height: auto !important;
  height: 87px; }




.footer-section {
  height: 220px;
  width: 400px;
  background: #f55;
  background: transparent url(/images/footer-section-background.png) no-repeat;
  padding: 1em 1em 1em; }
  .footer-section h3 {
    text-align: center;
    color: #d3e8ec;
    margin-top: 0.5em; }
  .footer-section .article-link {
    font-size: 0.9em; }

.quote-of-the-day {
  padding: 0.5em 0.2em; }
  .quote-of-the-day b font a {
    display: none; }
  .quote-of-the-day dl dt {
    background-color: blue;
    background: url(/images/quotes-green.gif) top left no-repeat;
    background: url(/images/quotes.jpg) top left no-repeat;
    font-size: 1.1em;
    font-style: italic;
    min-height: 76px;
    height: auto !important;
    height: 87px;
    font-size: 14px;
    min-height: 77px;
    height: auto !important;
    height: 77px; }
  .quote-of-the-day dl dd b font a {
    display: inline;
    font-size: 1em;
    text-align: right;
    float: right;
    margin-bottom: 2em; }
  .quote-of-the-day .tqpFooter {
    clear: both;
    margin: 1em 0;
    display: block; }

.quotation {
  padding: 1em 0.5em; }
  .quotation .quote {
    background: url(/images/quotes-green.gif) top left no-repeat;
    background: url(/images/quotes.jpg) top left no-repeat;
    font-size: 1.1em;
    font-style: italic;
    min-height: 76px;
    height: auto !important;
    height: 87px; }
  .quotation .author {
    font-size: 1em;
    text-align: right;
    float: right; }

.red-bugger {
  background-color: #f00; }

.trainer-client {
  margin: 10px;
  padding: 10px;
  background-color: #f6ffbf;
  border: 1px solid #999; }
  .trainer-client .name {
    padding: 5px;
    background-color: #edff80;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    font-weight: bold; }

.upload-icon {
  background: url('/ext-3.0.3/examples/shared/icons/fam/image_add.png') no-repeat 0 0 !important; }

#fi-button-msg {
  border: 2px solid #ccc;
  padding: 5px 10px;
  background: #eee;
  margin: 5px;
  float: left; }

.mceContentBody {
  margin-left: auto;
  margin-right: auto;
  background: white;
  border: solid 2px #aaa;
  overflow: hidden;
  padding: 1em;
  margin-bottom: 2em; }
  .mceContentBody .mceItemTable {
    font-size: 12.5px; }
    .mceContentBody .mceItemTable .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .mceContentBody .mceItemTable thead tr td, .mceContentBody .mceItemTable thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .mceContentBody .mceItemTable thead tr td li, .mceContentBody .mceItemTable thead tr th li {
        color: white; }
        .mceContentBody .mceItemTable thead tr td li a, .mceContentBody .mceItemTable thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .mceContentBody .mceItemTable thead tr td.label, .mceContentBody .mceItemTable thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .mceContentBody .mceItemTable tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .mceContentBody .mceItemTable tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .mceContentBody .mceItemTable tbody tr td.blank {
        background: white; }
      .mceContentBody .mceItemTable tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .mceContentBody .mceItemTable tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }
  .mceContentBody blockquote {
    float: none; }
  .mceContentBody cite {
    float: none; }
  .mceContentBody table {
    font-size: 12.5px; }
    .mceContentBody table .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .mceContentBody table thead tr td, .mceContentBody table thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .mceContentBody table thead tr td li, .mceContentBody table thead tr th li {
        color: white; }
        .mceContentBody table thead tr td li a, .mceContentBody table thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .mceContentBody table thead tr td.label, .mceContentBody table thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .mceContentBody table tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .mceContentBody table tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .mceContentBody table tbody tr td.blank {
        background: white; }
      .mceContentBody table tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .mceContentBody table tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }
  .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5 {
    padding-left: 0;
    color: #00725D;
    background: transparent;
    border: none; }
  .mceContentBody h1 {
    background: transparent;
    font-size: 2em;
    text-align: center;
    display: block;
    position: relative;
    height: auto;
    left: auto;
    position: auto;
    text-indent: 0;
    top: auto;
    width: auto; }
  .mceContentBody h2 {
    font-size: 1.6em; }
  .mceContentBody h3 {
    font-size: 1.3em; }
  .mceContentBody h4 {
    font-size: 1.2em; }
  .mceContentBody h5 {
    font-size: 1.1em; }
  .mceContentBody ul {
    margin-left: 1em; }
    .mceContentBody ul li {
      list-style: square inside; }
  .mceContentBody ol {
    margin-left: 1em;
    list-style-type: decimal;
    list-style-position: inside; }
    .mceContentBody ol li {
      list-style-position: inside;
      list-style-type: decimal; }

.public .article {
  margin-left: auto;
  margin-right: auto;
  background: white;
  border: solid 2px #aaa;
  overflow: hidden;
  padding: 1em;
  margin-bottom: 2em; }
  .public .article blockquote {
    float: none; }
  .public .article cite {
    float: none; }
  .public .article table {
    font-size: 12.5px; }
    .public .article table .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .public .article table thead tr td, .public .article table thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .public .article table thead tr td li, .public .article table thead tr th li {
        color: white; }
        .public .article table thead tr td li a, .public .article table thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .public .article table thead tr td.label, .public .article table thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .public .article table tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .public .article table tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .public .article table tbody tr td.blank {
        background: white; }
      .public .article table tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .public .article table tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }
  .public .article h1, .public .article h2, .public .article h3, .public .article h4, .public .article h5 {
    padding-left: 0;
    color: #00725D;
    background: transparent;
    border: none; }
  .public .article h1 {
    background: transparent;
    font-size: 2em;
    text-align: center;
    display: block;
    position: relative;
    height: auto;
    left: auto;
    position: auto;
    text-indent: 0;
    top: auto;
    width: auto; }
  .public .article h2 {
    font-size: 1.6em; }
  .public .article h3 {
    font-size: 1.3em; }
  .public .article h4 {
    font-size: 1.2em; }
  .public .article h5 {
    font-size: 1.1em; }
  .public .article ul {
    margin-left: 1em; }
    .public .article ul li {
      list-style: square inside; }
  .public .article ol {
    margin-left: 1em;
    list-style-type: decimal;
    list-style-position: inside; }
    .public .article ol li {
      list-style-position: inside;
      list-style-type: decimal; }

table.pricing {
  background: white;
  border: 2px solid #444; }
  table.pricing td {
    padding: 0.5em 1em;
    border-top: 1px solid #444; }
    table.pricing td.price {
      font-size: 1.5em; }

.tour {
  background-color: #fff; }
  .tour table {
    font-size: 12.5px; }
    .tour table .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .tour table thead tr td, .tour table thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .tour table thead tr td li, .tour table thead tr th li {
        color: white; }
        .tour table thead tr td li a, .tour table thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .tour table thead tr td.label, .tour table thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .tour table tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .tour table tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .tour table tbody tr td.blank {
        background: white; }
      .tour table tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .tour table tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }
  .tour h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 20px;
    color: #44929c; }
  .tour p.note {
    color: red; }
  .tour h4 {
    font-size: 1.6em;
    margin: 0.5em 0 0.2em 0; }
  .tour .tour-navigation {
    margin-top: 45px; }
    .tour .tour-navigation .button a {
      display: block;
      text-align: center; }
    .tour .tour-navigation .nextprev a {
      display: block;
      padding-top: 10px;
      font-size: 1.4em; }

.tour-menu {
  margin-top: 1em;
  background: transparent url(/images/header-background.png) repeat scroll center top;
  padding: 1em; }
  .tour-menu a {
    font-size: 1.4em;
    background-position: -0px -0px;
    color: white;
    margin-right: 45px;
    margin-bottom: 0px;
    padding: 10px 0px 7px 25px;
    text-decoration: none; }
    .tour-menu a.current-selection {
      color: #ff6900; }
    .tour-menu a:hover {
      color: #ff6900; }

.tour-entry {
  background-color: white;
  background-color: #f0f0f0;
  padding: 1em;
  margin: 0px 0px 10px; }
  .tour-entry h2, .tour-entry h3 {
    font-family: Georgia, serif; }
  .tour-entry h3 {
    border-bottom: 1px solid #999; }
  .tour-entry h4, .tour-entry h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-bottom: 1px;
    border-bottom: 1px solid #999; }
  .tour-entry p {
    text-align: justify; }
  .tour-entry .no-title .text {
    margin-top: 17px; }
  .tour-entry .no-title .screenshot {
    margin-top: 0px; }

.article {
  margin-left: auto;
  margin-right: auto;
  background: white;
  border: solid 2px #aaa;
  overflow: hidden;
  padding: 1em;
  margin-bottom: 2em; }
  .article blockquote {
    float: none; }
  .article cite {
    float: none; }
  .article table {
    font-size: 12.5px; }
    .article table .empty {
      background: #fff;
      border: none;
      width: 30%; }
    .article table thead tr td, .article table thead tr th {
      background: transparent url(/images/gradient-green-white-100.png) repeat-x top left;
      font-size: 1.1em;
      border: 1px solid #999;
      border-color: #00929c;
      padding: 0.2em;
      font-weight: bold;
      color: white; }
      .article table thead tr td li, .article table thead tr th li {
        color: white; }
        .article table thead tr td li a, .article table thead tr th li a {
          text-decoration: none;
          color: inherit; }
      .article table thead tr td.label, .article table thead tr th.label {
        width: 30%;
        background: #fff;
        border-top: none;
        border-left: none; }
    .article table tbody tr td {
      border: 1px solid #999;
      border-color: #00929c;
      background: white;
      padding: 0.5em; }
      .article table tbody tr td.label {
        background: transparent url(/images/gradient-green-white-horiz-500-2.png) repeat-y top left;
        color: white;
        padding: 0.2em;
        font-weight: bold;
        font-size: 0.9em;
        text-align: right;
        padding-right: 1em; }
      .article table tbody tr td.blank {
        background: white; }
      .article table tbody tr td.yes {
        background: transparent url(/images/tick.jpg) no-repeat center center;
        height: 25px; }
      .article table tbody tr td.no {
        background: transparent url(/images/cross.jpg) no-repeat center center;
        height: 25px; }
  .article h1, .article h2, .article h3, .article h4, .article h5 {
    padding-left: 0;
    color: #00725D;
    background: transparent;
    border: none; }
  .article h1 {
    background: transparent;
    font-size: 2em;
    text-align: center;
    display: block;
    position: relative;
    height: auto;
    left: auto;
    position: auto;
    text-indent: 0;
    top: auto;
    width: auto; }
  .article h2 {
    font-size: 1.6em; }
  .article h3 {
    font-size: 1.3em; }
  .article h4 {
    font-size: 1.2em; }
  .article h5 {
    font-size: 1.1em; }
  .article ul {
    margin-left: 1em; }
    .article ul li {
      list-style: square inside; }
  .article ol {
    margin-left: 1em;
    list-style-type: decimal;
    list-style-position: inside; }
    .article ol li {
      list-style-position: inside;
      list-style-type: decimal; }
  .article .body {
    margin-top: 1em; }
  .article .x-panel-body {
    padding: 5px; }
  .article a {
    color: #FF5200; }

.micks-checked {
  background: url(/ext-3.0.3/resources/images/default/menu/group-checked.gif) no-repeat 0 0;
  background-position: center;
  height: 20px; }

.date {
  color: #008f00;
  color: #00cc00; }

.article-link a {
  color: #d3e8ec;
  font-family: Georgia, serif;
  font-size: 1.2em;
  text-decoration: none; }
  .article-link a:hover {
    color: #ff6900;
    text-decoration: underline; }
.article-link span.date {
  font-size: 0.8em; }

.post-link a {
  color: #d3e8ec;
  font-family: Georgia, serif;
  font-size: 1.2em;
  text-decoration: none; }
  .post-link a:hover {
    color: #ff6900;
    text-decoration: underline; }
.post-link span.date {
  font-size: 0.8em; }
.post-link .excerpt {
  display: block; }

.topic-link a {
  color: #d3e8ec;
  font-family: Georgia, serif;
  font-size: 1.2em;
  text-decoration: none; }
  .topic-link a:hover {
    color: #ff6900;
    text-decoration: underline; }
.topic-link span.date {
  font-size: 0.8em; }
.topic-link .excerpt {
  display: block;
  font-style: italic;
  font-size: 0.9em; }


li.article-snippet {
  color: #d3e8ec;
  color: #444444;
  padding: 0 0 1em 0; }
  li.article-snippet .article-title {
    display: inline;
    font-size: 1.2em;
    color: #444444; }
    li.article-snippet .article-title a {
      color: #d3e8ec;
      font-family: Georgia, serif;
      font-size: 1.2em;
      text-decoration: none; }
      li.article-snippet .article-title a:hover {
        color: #ff6900;
        text-decoration: underline; }
    li.article-snippet .article-title span.date {
      font-size: 0.8em; }
    li.article-snippet .article-title a {
      color: #444444; }
  li.article-snippet .date {
    display: inline;
    color: #00666d; }
  li.article-snippet .excerpt {
    font-style: italic; }

.excerpt {
  margin-left: 1em;
  display: block; }

.post .excerpt {
  font-size: 0.8em; }

.emprise-panel {
  padding: 50px; }

.public .banner-spiel .info-box {
  border: 1px solid #444;
  border-color: #00666d;
  background: transparent url(/images/gradient-orange-white-300.png) repeat-x;
  width: 600px;
  padding: 2px 0;
  padding-left: 5px;
  margin: 0px 0; }
  .public .banner-spiel .info-box h3 {
    margin: 0; }
  .public .banner-spiel .info-box p {
    margin: 0;
    font-size: 12px; }
  .public .banner-spiel .info-box a {
    margin: 0;
    color: white; }

ol.real {
  margin-left: 20px;
  list-style-type: disc; }
  ol.real li {
    list-style-type: decimal; }

.post li {
  margin-left: 20px; }
.post .author {
  border-top: 2px solid #eee;
  padding: 5px 10px;
  background: #eee;
  font-weight: bold;
  color: #333;
  font-size: 0.9em;
  min-height: 32px;
  width: 10em;
  min-width: 8em;
  vertical-align: top; }
  .post .author .edit a {
    font-size: 0.7em;
    color: #666; }
  .post .author img {
    float: left;
    margin-right: 0.5em; }
  .post .author .posts, .post .author .admin {
    display: block;
    font-size: 0.75em;
    color: black;
    color: #666; }
  .post .author a {
    color: #333;
    text-decoration: none; }
    .post .author a.threadauthor {
      color: #080; }
    .post .author a:hover {
      color: #ff6900;
      text-decoration: underline; }
  .post .author .icon {
    float: right; }
.post .date {
  font-size: 0.75em;
  color: #666;
  font-weight: normal;
  margin-bottom: 0.5em; }
.post .body p.topic {
  font-size: 0.8em;
  font-weight: bold;
  background: #eee;
  padding: 2px 10px; }

.posts .post .body {
  border-top: 2px solid #eee;
  font-size: 0.9em;
  padding: 10px 20px; }
  .posts .post .body blockquote {
    border: 1px solid #cda;
    border-left: 3px solid #9a7;
    border-right: 0;
    background: #efc;
    padding: 1px 10px;
    margin-left: 0; }
    .posts .post .body blockquote p {
      margin: 0.5em 0; }
  .posts .post .body pre {
    font-size: 0.8em;
    background: #eee;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-left: 3px solid #ddd;
    border-right: 0;
    overflow: auto;
    font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif; }
  .posts .post .body a:hover {
    color: #ff6900; }

table {
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-family: Verdana, sans-serif; }
  table.noborder td {
    border: 0; }
  table.nopad td {
    padding-left: 0; }
  table.wide {
    width: 100%; }

.big-box {
  background-color: #f4f4f4;
  margin-bottom: 2em; }
  .big-box .title {
    font-size: 1.2em;
    color: white;
    font-weight: bold;
    padding: 0.7em;
    background: url(/images/header-background.png) top center repeat; }
  .big-box .body {
    padding: 1em; }

.display-box {
  background-color: #444444;
  margin-bottom: 2em; }
  .display-box .title {
    font-family: Verdana, sans-serif;
    padding: 0.5em;
    background-color: #ff6900;
    background-color: #777;
    color: white;
    font-weight: bold; }
  .display-box h3 {
    font-size: 1.4em;
    margin: 0px;
    padding: 10px 20px;
    color: white;
    text-align: center; }
  .display-box .body {
    font-size: 0.9em;
    background-color: #444444;
    padding: 0.5em 1em; }
    .display-box .body h3 {
      color: #00a2ac;
      background-color: white; }
    .display-box .body .screenshot img {
      border: none; }








.white-background {
  background-color: white; }

.x-panel-body .articles-list {
  border: 1px solid #999;
  background-color: white;
  padding: 6px; }

.white-on-black {
  background-color: #444444;
  color: white; }
  .white-on-black a {
    color: #ff6900; }
  .white-on-black .x-panel-body {
    background-color: #444444;
    color: white; }
    .white-on-black .x-panel-body a {
      color: #ff6900; }



.big {
  font-size: 1.3em; }

strong {
  font-weight: bold; }

.relative {
  position: relative; }

ul {
  list-style-type: none;
  list-style-image: none; }

ul.real {
  text-align: left;
  list-style-type: disc; }
  ul.real li {
    font-size: 0.9em;
    margin: 0.5em 0;
    margin-left: 2em; }

.public ul.real li {
  font-size: 1em; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

.html form {
  background-color: transparent;
  background-color: #fff;
  padding: 1em;
  border: 1px solid #999; }
  .html form.w100 {
    width: 100%; }
  .html form h2 {
    font-size: 1.6em; }
  .html form label {
    text-align: right;
    font-weight: bold;
    font-size: 1.1em;
    clear: both;
    color: #444;
    float: left;
    font-weight: bold;
    height: auto;
    margin-right: 12px;
    padding: 0.4em 0pt;
    position: relative;
    text-align: right;
    width: 180px; }
    .html form label.small {
      font-size: 0.9em;
      font-weight: normal; }
  .html form .horizontal {
    clear: both;
    margin: 1em 0 1em 0; }
    .html form .horizontal ul {
      display: inline;
      padding: 0; }
    .html form .horizontal label {
      padding: 0;
      display: inline; }
    .html form .horizontal li {
      clear: none;
      display: inline;
      margin: 0; }
    .html form .horizontal input[type="radio"],
    .html form .horizontal input.radio_button {
      padding: 0;
      margin: 0;
      float: none;
      position: static;
      margin: 0 1.7em 0 0.2em; }
  .html form #field {
    width: 20em; }
  .html form input.check_box {
    margin-top: 8px; }
  .html form input,
  .html form textarea {
    color: #000000;
    font-weight: bold;
    margin-left: 0pt;
    margin: 0.4em;
    padding: 0.2em 0; }
  .html form textarea {
    border: 1px solid #6B6F7F; }
  .html form input[type="radio"],
  .html form .radio_button {
    display: inline; }
  .html form input[type="submit"],
  .html form .submit {
    clear: both; }
  .html form li {
    clear: both;
    margin: 0.5em 0.1em 0.5em 2em;
    list-style-image: none;
    list-style-type: none; }
  .html form td {
    text-align: right; }
  .html form .check_box_section {
    margin: 1em 0; }
    .html form .check_box_section p label {
      padding-left: 0.4em;
      width: 15em; }
      .html form .check_box_section p label.long {
        width: 25em;
        text-align: left; }
    .html form .check_box_section .check_boxes {
      border: 1px solid #aaa; }

form.without-labels .error {
  margin-left: 0px; }



















.borderless {
  border: none; }
  .borderless form {
    border: none; }

.payments_by_paypal {
  margin-bottom: 50px; }