html {
  height: 100%;
  background: #f8f8f8;
  background: #eee;
  /* for non-css3 browsers */
  background: linear-gradient(to top, #f8f8f8, #f3f3f3) no-repeat;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #f3f3f3)) no-repeat;
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f3f3f3, #f8f8f8) no-repeat;
  /* for firefox 3.6+ */
  background-attachment: fixed; }

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 90%; }

legend {
  color: #015191; }

fieldset {
  border: 1px solid #0077b7; }

p {
  line-height: 1.5em; }

a {
  color: #015191;
  text-decoration: none; }

a#right-header-link {
  float: right; }

a:hover {
  color: #015191;
  text-decoration: none; }

ul li {
  padding-top: 5px; }

h2 {
  text-decoration: none;
  color: #015191; }

#content-wrapper {
  background: none no-repeat top center;
  z-index: 0; }

#content {
  min-height: 335px; }

#flux {
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  position: relative;
  padding: 5px;
  color: #121212;
  font-size: 11px; }

#time {
  text-align: right;
  color: red; }

.administrationTable, .homeTable {
  table-layout: fixed; }

.administrationTable {
  margin-top: 4em; }

div.home {
  margin: auto;
  width: 80%; }

.homeTable td {
  vertical-align: top; }

.courses.view p {
  display: block; }

.courses.view h2 {
  font-size: 130%; }

#course-title {
  font-weight: normal;
  text-decoration: none;
  color: #003d4c; }

.slide_cell {
  height: 430px;
  vertical-align: top; }

.slide_cell > div {
  height: 430px;
  overflow: auto; }

.administrationTable td, .homeTable td {
  background: transparent !important;
  border-bottom: 0px solid transparent;
  text-align: center; }

.homeTable td {
  text-align: center !important; }

.administrationTable tr, .homeTable tr {
  background: transparent !important; }

.administrationTable img, .homeTable img {
  padding-bottom: 0px !important; }

.float_right {
  text-align: right; }

.test-forward {
  text-align: center; }

.test-forward a {
  margin-top: -43px !important;
  float: left; }

.float_left {
  text-align: left; }

.center {
  text-align: center; }

#container {
  border: 1px solid #b2b2b2;
  margin: auto;
  min-width: 970px;
  max-width: 1100px;
  min-height: 600px;
  width: 90%;
  background: #f7f7f7;
  background: none, linear-gradient(to top, #f7f7f7, #fff);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f7f7f7), color-stop(1, #fff));
  /* Saf4+, Chrome */
  background: -moz-linear-gradient(top, #f7f7f7, #fff);
  /* for firefox 3.6+ */
  /* Set border radius */
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  -khtml-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  /* Set box shadow */
  -moz-box-shadow: 13px 13px 13px #4A4A4A;
  -webkit-box-shadow: 13px 13px 13px #4A4A4A;
  box-shadow: 13px 13px 13px #4A4A4A; }

#content-wrapper {
  /* background: url(/img/bg_body.png) no-repeat top center; */
  z-index: 0; }

#content {
  min-height: 335px; }

#customer-view {
  font-size: 85%; }

#customer-proband {
  float: right;
  margin-top: -320px;
  margin-right: 20px; }

#customer-proband-left {
  float: left; }

#header {
  /*height: 73px;*/
  background: #f2f2f2 none none;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -khtml-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none; }

#footer {
  border-top: 1px solid #0077b7; }

.top_menu li {
  display: inline !important;
  padding: 0.5em; }

.navigation_left {
  width: 200px;
  float: left;
  min-height: 326px; }

.main_content {
  float: right;
  min-width: 446px;
  min-height: 326px;
  -moz-border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -khtml-border-bottom-right-radius: 20px;
  border-radius-bottom-right-radius: 20px;
  min-height: 326px; }

.breadcrumb_bar {
  height: 20px;
  border: 1px solid #b2b2b2;
  padding: 0.5em;
  margin-top: -1px; }

.footer {
  padding-top: 1.5em;
  bottom: 0;
  text-align: center;
  margin: auto;
  width: 100%;
  font-size: 75%; }

/* Set footer link color here */
.footer a {
  text-color: red; }

/* Content classes */
.header {
  padding: 0.5em; }

.navigation {
  padding-left: 0.5em;
  margin-right: 0.5em; }

.content {
  background-color: white;
  height: 100%;
  opacity: 0.5;
  -moz-border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -khtml-border-bottom-right-radius: 20px;
  border-radius-bottom-right-radius: 20px; }

.content img {
  padding: 0 !important;
  float: right;
  opacity: 0.3;
  width: 100%; }

#id-price a {
  font-size: smaller;
  padding: 4px 4px; }

.questions.view {
  border: none; }

.questions.view h2 {
  margin-bottom: -5px; }

.courses.view {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 10px 10px 20px #c2c2c2;
  border: none; }

.abortButton {
  float: left; }

.abortButton a {
  background-color: none !important;
  border: 1px solid #595959;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -ms-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfbdc4), to(#ac3644));
  background-image: -webkit-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -o-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: linear-gradient(top, #cfbdc4, #ac3644); }

.abortButton a:hover {
  background: #ac3644; }

.confirmButton {
  float: right; }

.questionsHeader {
  padding-top: 20px; }

.confirmButton a {
  background-color: none;
  border: 1px solid #595959;
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -moz-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -ms-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#becfbd), to(#36ac3f));
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -o-linear-gradient(top, #becfbd, #36ac3f);
  background-image: linear-gradient(top, #becfbd, #36ac3f); }

.confirmButton a:hover {
  background: #36ac3f; }

.tests.view {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 10px 10px 20px #c2c2c2;
  border: none; }

.tests.view form {
  clear: both;
  margin-right: 0;
  padding: 0;
  width: 100%; }

.tests.view form .submit {
  float: right; }

.tests.view .submit a {
  background-color: none !important;
  border: 1px solid #595959;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -ms-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfbdc4), to(#ac3644));
  background-image: -webkit-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: -o-linear-gradient(top, #cfbdc4, #ac3644);
  background-image: linear-gradient(top, #cfbdc4, #ac3644); }

.tests.view .submit a:hover {
  background: #ac3644; }

.tests.view form .submit input[type=submit] {
  background-color: none;
  border: 1px solid #595959;
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -moz-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -ms-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#becfbd), to(#36ac3f));
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -o-linear-gradient(top, #becfbd, #36ac3f);
  background-image: linear-gradient(top, #becfbd, #36ac3f); }

.tests.view form .submit input[type=submit]:hover {
  background: #36ac3f; }

.cke {
  margin-left: 8px !important; }

#ck-label {
  margin: 0 0 3px 8px; }

#searchForm {
  padding: 0 0.5em 0 0.5em;
  -webkit-box-shadow: 5px 5px 7px #aaacaa;
  -moz-box-shadow: 5px 5px 7px #aaacaa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #aaacaa;
  box-shadow: 5px 5px 7px #AAACAA;
  margin-bottom: 2em; }

#searchForm table tr:nth-child(even) {
  background: transparent; }

table tr:nth-child(even) {
  background: #ead6d5; }

#searchForm form {
  width: 100%;
  margin-right: 0; }

.message {
  font-size: 120%; }

.good {
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -moz-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -ms-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#becfbd), to(#36ac3f));
  background-image: -webkit-linear-gradient(top, #becfbd, #36ac3f);
  background-image: -o-linear-gradient(top, #becfbd, #36ac3f);
  background-image: linear-gradient(top, #becfbd, #36ac3f); }

/*
Special designs
*/
.products.index {
  width: 74%;
  border-left: none;
  float: right; }

.products.order {
  width: 74%;
  border-left: none;
  float: right; }

.products.order dd {
  margin-left: 12em;
  margin-top: -2em;
  vertical-align: top; }

.products.order dl {
  width: 100%; }

.help {
  width: 18%;
  padding: 1em 1.2em 1.2em 1.2em;
  margin-top: 1em;
  margin-right: 2em;
  -webkit-box-shadow: 10px 10px 10px #aaacaa;
  -moz-box-shadow: 10px 10px 10px #aaacaa;
  box-shadow: 10px 10px 10px #aaacaa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #aaacaa; }

.help.home {
  text-align: center; }

.help h2 {
  text-decoration: underline; }

.homeTable {
  table-layout: fixed; }

.administrationTable {
  margin-top: 4em; }

div.home {
  margin: auto;
  width: 80%; }

.homeTable td {
  vertical-align: top; }

.courses.view p {
  display: block; }

.administrationTable td, .homeTable td {
  background: transparent !important;
  border-bottom: 0px solid transparent;
  text-align: center; }

.administrationTable tr, .homeTable tr {
  background: transparent !important; }

.administrationTable img, .homeTable img {
  padding-bottom: 0px; }

table tr:nth-child(even) {
  background: #DAE3FF;
  background-color: rgba(218, 227, 255, 0.4); }

div.form, div.index, div.view {
  float: right;
  width: 74%; }

div.actions {
  float: left;
  width: 18%;
  padding: 10px 1.5%; }

dt {
  width: 15em; }
  dt .courses.index {
    width: 74%;
    border-left: none;
    float: right; }

dd {
  margin-left: 20em; }

.projects.form label {
  display: inline;
  float: left;
  width: 215px; }

.projects.form input[type="checkbox"] {
  clear: left;
  float: none; }

.no_border {
  border: none; }

.registration.form h2 {
  margin-bottom: 0.7em; }

.registration.form fieldset legend {
  color: #015191;
  font-family: arial, helvetica, sans-serif;
  font-size: 130%; }

.registration.form fieldset {
  padding: 1em 1.2em 1.2em 1.2em;
  margin-top: 1em;
  margin-right: 2em;
  -webkit-box-shadow: 5px 5px 7px #aaacaa;
  -moz-box-shadow: 5px 5px 7px #aaacaa;
  box-shadow: 5px 5px 7px #aaacaa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 1.8em; }

.registration.form label {
  display: inline;
  width: 33%;
  float: left;
  margin-top: 7px; }

.registration.form input, textarea {
  width: 40%;
  clear: none; }

.registration.form input[type=radio] {
  width: 5%;
  clear: none; }

.registration.form fieldset.radio label {
  display: inline;
  width: 14%;
  float: left;
  margin-top: 0px;
  margin-left: 0px; }

.registration.form fieldset.radioConfirm label {
  display: inline;
  width: 4%;
  float: left;
  margin-top: 7px;
  margin-left: 0px; }

div.form, div.index, div.view {
  float: right;
  width: 74%; } /* 74 */

div.actions {
  float: left;
  width: 18%; /* 18 */
  padding: 10px 1.5%; }

.password_lost {
  width: 265px;
  text-align: center;
  margin-top: 238px;
  font-size: 8pt;
  font-weight: normal; }

.probands.form {
  width: 74%;
  border-left: none; }

.category_header {
  font-size: 15pt;
  color: #015191;
  padding: 0.5em 0 0.25em 0;
  text-decoration: none; }

.anchor {
  border: none;
  font-size: 85%;
  text-align: center;
  width: 65%; }

.slidefooter {
  margin-top: 0px; }

.submit a {
  border-color: #595959; }

form .submit input[type=submit] {
  border-color: #595959;
  background: #0077b7; }

form .submit input[type=submit]:hover {
  border-color: #595959;
  background: #0077b7; }
