* {
  font-family: 'Lato', sans-serif;
  font-size:16px; line-height:18px;
  color:#3f434c;
}
html, body {
  margin:0px; padding:0px;
  background-color:#4eadc0;
  font-size:16px;
}
body { text-align:center; }
h1, h2, h3, h4, h5 {
  margin:0px; padding:0px;
}
h1 { font-size:24px; line-height:48px; text-align:center; border-bottom:solid 1px #4eadc0; color:#4eadc0; }
h2 { font-size:20px; line-height:24px; }
h3 { font-size:18px; line-height:22px; }
h4 { font-size:16px; line-height:18px; }
a { text-decoration:underline; color:#3f434c; }

#topfloatnav {
  float:right;
  margin-top:-90px;
}
div.subnav {
  text-align:right;
  padding-top:20px; padding-bottom:20px;
}
#topfloatnav a, div.subnav a {
  font-size:16px; height:18px; line-height:18px; border-radius:9px; display:inline-block;
  padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px;
  background-color:#a9b8d9; color:#3f434c; text-decoration:none;
  border:solid 1px #a9b8d9;
}
#topfloatnav a:hover, div.subnav a:hover {
  background-color:#ffc01d;
}

.body {
  width:1000px; margin:0 auto; text-align:left;
  border-radius:8px; background-color:#FFF;
  min-height:500px; margin-top:20px;
  padding:25px; padding-top:110px;
  background:#FFFFFF url(/images/Simple_HR_Logo.png) no-repeat center 20px;
  box-shadow: 10px 10px 8px 10px #4eadc0;
  box-shadow: 0px 0px 10px 5px #a9b8d9;
}

input[type=submit], a.submit {
  display:inline-block; border-radius:14px;
  line-height:23px; height:28px; padding-left:15px; padding-right:15px;
  text-transform:uppercase;
  outline:none;
  background-color:#ffc01d;
}

div.nav {
  height:20px; line-height:20px; border-bottom:solid 1px #4eadc0; text-align:center;
  padding-top:10px; padding-bottom:40px;
}
div.nav a {
  font-size:18px; height:20px; line-height:20px; border-radius:10px; display:inline-block;
  padding-left:15px; padding-right:15px; margin-left:10px; margin-right:10px;
  background-color:#a9b8d9; color:#3f434c; text-decoration:none;
  border:solid 1px #a9b8d9;
}
div.nav a.current, div.nav a:hover {
  background-color:#ffc01d;
}

div.loading {
  display:none;
  background:transparent url(/images/loading.gif) no-repeat center center;
}

form {
  display:block; padding-top:25px;
  padding-left:100px; padding-right:100px;
}
form div {
  clear:both; padding-top:12px; padding-bottom:12px;
}
form div.ck {
  padding:0px;
}
form div label {
  text-transform:uppercase;
  font-size:14px; line-height:16px;
  font-weight:bold; color:#111111;
  display:block;
}
form div input[type=text], form div input[type=password], form div select, form div textarea {
  width:100%;
}
form div textarea {
  height:300px;
}
form div.submit {
  text-align:center;
}

table { width:100%; border:solid 1px #4eadc0; }
th { font-weight:bold; background-color:#a9b8d9 !important; color:#FFFFFF !important;  }
th, td { padding:5px; border:solid 1px #4eadc0; min-height:30px; vertical-align:middle; }
tr:hover, tr:hover td { background-color:#ffc01d; }
tr.ui-sortable-helper .sections, tr.ui-sortable-helper .edit, tr.ui-sortable-helper .delete {
  display:none;
}

div.pagination { display:block; padding-left:25px; padding-right:25px;
  border-left:solid 1px #4eadc0; border-right:solid 1px #4eadc0; border-top:solid 1px #4eadc0;
  border-top-left-radius:15px; border-top-right-radius:15px;
  height:30px; padding-left:15px; padding-right:15px;
  line-height:30px;
}
div.pagination.pagination-bottom {
  border-top:0px; border-bottom:solid 1px #4eadc0;
  border-top-left-radius:0px; border-top-right-radius:0px;
  border-bottom-left-radius:15px; border-bottom-right-radius:15px;
}
div.pagination div.offset_results { float:left; line-height:30px; color:#3f434c; font-size:14px; }
div.pagination div.page_results { float:right; line-height:30px; padding-top:2px; }
div.pagination div.page_results a, div.pagination div.page_results span {
  width:24px; height:24px; line-height:26px; text-align:center;
  font-size:14px; border-radius:12px; display:inline-block;
  margin-left:5px; margin-right:5px;
  background-color:#a9b8d9; color:#3f434c; text-decoration:none;
  border:solid 1px #a9b8d9;
  float:left; text-align:center;
}
div.pagination div.page_results a:hover, div.pagination div.page_results span {
  background-color:#ffc01d;
}
div.pagination div.page_results span.currentpage {  }
div.pagination div.page_results span.span { }
div.pagination div.page_results a {  }

.module-list .status, .module-list .cost, .module-list .pages, .module-list .edit, .module-list .delete,
  .page-list .sections, .page-list .edit, .page-list .delete, .page-list .order,
  .plan-list .max_leaders, .plan-list .edit, .plan-list .delete, .account-list .edit,
  .account-list .delete, .account-list .leaders, .account-list .status, .account-list .quarterly {
  text-align:center;
  width:75px;
}
.module-list .cost, .plan-list .max_leaders {
  width:150px;
}
.plan-list .cost {
  text-align:center;
}

form.panedform {
  padding-left:0px; padding-right:0px;
}
.formright {
  float:right; width:40%; clear:none;
}
.formright .fr-box {
  margin-top:30px;
  padding-left:15px; padding-right:15px;
  background-color:#a9b8d9;
  border-radius:8px;
}
.formright .fr-box:first-child {
  margin-top:0px;
}
.formmain {
  float:left; width:50%; clear:none;
}

.stat_box {
  float:left;
  text-align:center;
  padding:30px;
  margin-left:10px;
  margin-right:9px;
}
.stat_box .inner {
  width:250px; height:250px;
  margin:0 auto;
  text-align:left;
  border:solid 2px #a9b8d9;
  border-radius:125px;
}
.stat_box .inner .head {
  font-weight:bold;
  padding-bottom:5px;
  text-align:center;
  padding-top:50px;
}
.stat_box .inner .number {
  text-align:center;
  font-size:30px;
  padding-bottom:25px;
}
.stat_box .inner .detail {
  padding:5px; text-align:center; font-size:16px;
}

div.instruction {
  text-align:center; padding-left:30px; color:#DDD;
}
.note {
  text-align:center; padding:30px; border:solid 1px #ffc01d; border-radius:8px;
}
.devnote {
  position:fixed; padding:15px; background-color:#FFF; border:solid 1px #EEE; bottom:0px; right:0px;
  font-size:12px; line-height:14px; max-width:500px;
}
.devnote span {
  font-size:12px; line-height:14px;
}

.module-play h2 {
  font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-bottom: solid 1px #4eadc0;
    color: #4eadc0;
}
.mp-sidebar {
  float:left; width:25%; margin-right:5%; background-color:#4eadc0;
  text-align:left; padding:10px;
}
.mp-sidebar ol, .mp-sidebar ul {
  padding-left:20px;
}
.mp-sidebar, .mp-sidebar * {
  font-size:12px;
}
.mp-summary {
  text-align:left;
}
.mp-main {
  text-align:left; padding-top:10px;
}
.mp-main-with-sidebar {
  float:right; width:calc(70% - 20px);
}
.mp-questions {
  text-align:left;
}
.mp-questions div {
  padding-bottom:5px;
  border-top:solid 1px #4eadc0;
  border-bottom:solid 1px #4eadc0;
}
.mp-play {
  padding-top:20px;
}
.module-play-button-previous, .module-play-button-next {
  float:left;width:50%;text-align:center;padding:0px;
}
.module-play-button-next {
  float:right;
}
.mp-footer {
  padding-top:50px;
}

#help-trigger {
  display:none;
  position:fixed; right:0px; top:80px;
}
#help-trigger-icon {
  text-align:center; line-height:80px;
  float:left; width:80px; height:80px;
  background-color:#FFF;
  border-top-left-radius:20px; border-bottom-left-radius:20px;
  box-shadow: 0px 0px 10px 5px #a9b8d9;
  position:relative;
  z-index:999;
}
#help-trigger-icon span {
  display:inline-block; width:50px; height:50px;
  text-align:center; line-height:50px;
  margin:15px;
  font-size:40px; color:#000;
}
#help-trigger-icon:hover span, #help-trigger-icon.opened span {
  color:#ffc01d;
}
#help-trigger-icon.opened:after {
  display: block;
  background-color: #fff;
  width: 15px;
  height: 80px;
  content: " ";
  position: absolute;
  top: 0;
  right: -15px
}
#help-content {
  display:none;
  background-color:#FFF;
  box-shadow: 0px 0px 10px 5px #a9b8d9;
  min-height:300px;
  float:right;
  position:relative;
  z-index:998;
  border-bottom-left-radius:20px;
  padding:20px; text-align:left;
}
#help-content>div {
  display:none;
}