ul {
  list-style: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
td {
  font-size: 1em;
}
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input,
label,
div,
dd,
dt,
dl,
table,
tr,
td,
img,
hr {
  margin: 0px;
  padding: 0px;
}
a img,
:link img,
:visited img,
fieldset {
  border: none;
}
html {
  height: 100%;
}
body {
  color: #000;
  font-family: arial;
  font-size: 13px;
}
body.login,
body.checkin {
  background: url('/images/bg_login.png') repeat-x #a6d068;
  overflow-y: scroll;
  overflow-x: hidden;
}
body.main {
  background: url('/images/bg_main.png') repeat-x #fff;
}
a {
  color: #000;
}
#grayout {
  background: #000;
  display: none;
  height: 3000px;
  position: absolute;
  width: 100%;
  z-index: 200;
}
#popup {
  background: #fff;
  border: 5px solid #729f32;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 50px #000;
  -webkit-box-shadow: 0 0 50px #000;
  display: none;
  height: 0px;
  padding: 10px;
  position: absolute;
  width: 0px;
  z-index: 300;
}
#popup .close {
  position: absolute;
  right: -12px;
  top: -12px;
}
#popup .status {
  color: #f00;
  position: absolute;
  right: 60px;
  bottom: 35px;
}
#popup .social-box {
  height: 550px;
}
#popup .social-box .scrollable {
  height: 525px;
  margin-bottom: 10px;
  overflow: auto;
}
#popup .social-box .full-box {
  width: 100%;
}
#popup .social-box .half-box {
  width: 50%;
}
#checkin {
  margin: 0 auto;
  position: relative;
  width: 90%;
}
#checkin .title {
  left: 60px;
  position: absolute;
}
#checkin .logo {
  left: 853px;
  position: absolute;
  top: 372px;
}
#checkin .total-pounds-lost {
  color: #fff;
  font-size: 32px;
  position: absolute;
  text-align: center;
  top: 500px;
  width: 100%;
}
#checkin .login-box {
  background: url('/images/bg_login-box.png') no-repeat;
  height: 280px;
  left: 202px;
  position: absolute;
  top: 194px;
  width: 420px;
}
#checkin .login-box .center {
  margin: 35px auto;
  width: 364px;
}
#checkin .login-box .center .instructions {
  color: #444;
  font-size: 16px;
}
#checkin .login-box .center input {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #b3ce18;
  font-family: arial;
  font-size: 24px;
  height: 42px;
  margin-bottom: 22px;
  padding: 0 10px;
  width: 342px;
}
#checkin .login-box .center input.button {
  background: url('/images/button_login.png') no-repeat;
  height: 60px;
  margin-left: 2px;
  width: 360px;
}
#checkin .login-box .center .error {
  color: #f00;
}
#checkin .patient-frame {
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 150px;
  width: 90%;
}
#checkin .patient-frame .patient-frame-inner {
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #000;
  margin: 10px;
  overflow: hidden;
  padding: 30px;
}
#checkin .patient-frame .button {
  font-size: 16px;
}
#checkin .patient-frame a {
  color: #000;
}
#checkin .patient-frame h1 {
  font-size: 18px;
}
#checkin .patient-frame ol,
#checkin .patient-frame ul {
  overflow: hidden;
}
#checkin .patient-frame ol li,
#checkin .patient-frame ul li {
  font-size: 12px;
}
#checkin .patient-frame ol li.float,
#checkin .patient-frame ul li.float {
  float: left;
  padding-right: 20px;
}
#login {
  margin: 0 auto;
  position: relative;
  width: 800px;
}
#login .title {
  left: 60px;
  position: absolute;
  top: 64px;
}
#login .logo {
  left: 853px;
  position: absolute;
  top: 372px;
}
#login .total-pounds-lost {
  color: #fff;
  font-size: 32px;
  position: absolute;
  text-align: center;
  top: 500px;
  width: 100%;
}
#login .login-box {
  background: url('/images/bg_login-box.png') no-repeat;
  height: 280px;
  left: 202px;
  position: absolute;
  top: 194px;
  width: 420px;
}
#login .login-box .center {
  margin: 35px auto;
  width: 364px;
}
#login .login-box .center .instructions {
  color: #444;
  font-size: 16px;
}
#login .login-box .center input {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #b3ce18;
  font-family: arial;
  font-size: 24px;
  height: 42px;
  margin-bottom: 22px;
  padding: 0 10px;
  width: 342px;
}
#login .login-box .center input.button {
  background: url('/images/button_login.png') no-repeat;
  height: 60px;
  margin-left: 2px;
  width: 360px;
}
#login .login-box .center .error {
  color: #f00;
}
#login .patient-frame {
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 200px;
  width: 800px;
}
#login .patient-frame .patient-frame-inner {
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #000;
  margin: 10px;
  overflow: hidden;
  padding: 30px;
}
#login .patient-frame .button {
  font-size: 16px;
}
#login .patient-frame a {
  color: #000;
}
#login .patient-frame h1 {
  font-size: 26px;
  padding-bottom: 10px;
}
#login .patient-frame ol,
#login .patient-frame ul {
  overflow: hidden;
}
#login .patient-frame ol li,
#login .patient-frame ul li {
  font-size: 22px;
  padding: 5px 0;
}
#login .patient-frame ol li.float,
#login .patient-frame ul li.float {
  float: left;
  padding-right: 20px;
}
#login .patient-frame p {
  padding-bottom: 10px;
}
#frame {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}
#nav {
  position: absolute;
  top: 95px;
  z-index: 100;
}
#nav ul.main {
  height: 28px;
}
#nav ul.main>li {
  border: 1px solid #46582a;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 -1px -1px 0;
}
#nav ul.main>li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
#nav ul.main>li>a {
  background: #8aad57;
  border-bottom: 1px solid #80a050;
  border-left: 1px solid #b3df76;
  line-height: 27px;
  padding: 0 8px;
}
#nav ul.main>li ul.sub {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  display: none;
  height: 37px;
  left: 0;
  position: absolute;
  width: 960px;
}
#nav ul.main>li ul.sub>li {
  color: #979797;
  float: left;
  padding: 11px 0;
}
#nav ul.main>li ul.sub>li a {
  border: 0;
  border-right: 1px solid #012738;
  color: #979797;
  height: 15px;
  line-height: 15px;
  padding: 0 10px;
}
#nav ul.main>li ul.sub>li:last-child a {
  border: 0;
}
#nav ul.main>li ul.sub>li.active a {
  color: #141414;
}
#nav ul.main>li.active {
  border: 1px solid #f2f2f2;
}
#nav ul.main>li.active a {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #525252;
}
#nav ul.main>li.active ul.sub {
  display: block;
}
#header {
  height: 125px;
  position: relative;
}
#header .logo {
  left: 5px;
  position: absolute;
  top: 2px;
}
#header .welcome {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 50px;
  top: 60px;
}
#header .welcome a {
  color: #fff;
}
#header .icons {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
#header .icons .notify,
#header .icons .tickler,
#header .icons .logout {
  float: left;
  margin-left: 10px;
}
#header .icons .notify a {
  color: #fff;
  text-decoration: none;
}
#header .icons .notify a .count {
  font-size: 18px;
  font-weight: bold;
  left: 0;
  margin-left: 10px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 22px;
}
#header .icons .notify .notifications {
  background: #fff;
  border: 1px solid #46582a;
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: 200px;
}
#header .icons .notify .notifications .item {
  border-bottom: 1px solid #bbb;
  padding: 2px;
}
#header .icons .notify .notifications .item:hover {
  background: #46582a;
  color: #fff;
}
#header .icons .notify .notifications .item:hover a {
  color: #fff;
}
#header .icons .notify .notifications .item:last-child {
  border: 0;
}
#header .icons .notify .notifications .item .timestamp {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
#header .icons .notify .notifications .item .note {
  display: block;
}
#header .icons .notify .notifications .item .note h3 {
  padding-bottom: 2px;
}
#header .icons .notify .notifications .item a {
  color: #8aad57;
  font-size: 10px;
  font-weight: bold;
}
#main {
  margin-top: 50px;
}
.exam .section {
  float: left;
  width: 50%;
}
.exam .demographics,
.exam .todays-visit,
.exam .codes,
.exam .charts,
.exam .answers {
  padding-bottom: 50px;
}
.exam .chart {
  display: none;
  height: 200px;
  width: 460px;
}
.exam .answers div.question-answers div.question1,
.exam .answers div.question-answers div.question2 {
  overflow: hidden;
  padding: 4px;
  width: 465px;
}
.exam .answers div.question-answers div.question1:nth-child(2n-1),
.exam .answers div.question-answers div.question2:nth-child(2n-1) {
  background: rgba(115,159,62,0.4);
}
.exam .answers div.question-answers div.question1 span {
  display: block;
}
.exam .answers div.question-answers div.question1 span.question {
  float: left;
}
.exam .answers div.question-answers div.question1 span.answer {
  float: right;
  font-weight: bold;
}
.exam .answers div.question-answers div.question2 span {
  display: block;
}
.exam .answers div.question-answers div.question2 span.answer {
  color: #fff;
  font-weight: bold;
  padding: 2px;
  text-align: right;
}
.exam .codes .code-section {
  float: left;
  width: 48%;
}
.exam .codes .code-section img {
  vertical-align: bottom;
}
.exam .codes .code-section select {
  width: 100%;
}
.exam .codes .code-section #cpt-container .printed {
  color: #af00af;
}
.exam .demographics .icon {
  float: left;
  height: 50px;
  width: 40px;
}
.exam .demographics .name {
  float: left;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
}
.exam .demographics .height {
  clear: both;
}
.exam .demographics .notes {
  clear: both;
}
.exam .demographics span {
  display: block;
  float: left;
}
.exam .demographics span.label {
  padding-right: 10px;
  text-align: right;
  width: 150px;
}
.exam .demographics span.value {
  font-weight: bold;
  position: relative;
  width: 310px;
}
.exam .demographics span.value a {
  color: #000;
}
.exam .demographics span.value:hover div.hover {
  display: block;
}
.exam .demographics span.value div.hover {
  background: #8aad57;
  border: 1px solid #46582a;
  display: none;
  position: absolute;
  width: 300px;
  z-index: 10;
}
.exam .todays-visit .notes {
  clear: both;
  padding-bottom: 10px;
}
.exam .todays-visit .stats {
  float: left;
  padding-right: 8px;
}
.exam .todays-visit .stats input {
  width: 70px;
}
.exam .todays-visit span {
  display: block;
}
.exam .todays-visit span.label {
  height: 15px;
}
.exam .todays-visit span.value {
  font-weight: bold;
}
.exam .todays-visit span.value textarea {
  height: 100px;
  width: 470px;
}
.full-box {
  clear: both;
  float: left;
  width: 100%;
}
.full-box textarea {
  width: 750px;
}
.half-box {
  float: left;
  width: 450px;
}
.half-box .columns div.input-same {
  float: left;
  overflow: hidden;
  padding-bottom: 5px;
  width: 225px;
}
.half-box .columns div.input-same span.input {
  display: block;
  float: left;
  padding-right: 5px;
}
.half-box .columns div.input-same span.label {
  display: block;
  float: left;
  font-weight: bold;
}
.half-box .dashboard-exam,
.half-box .dashboard-ticklers {
  margin: 10px;
}
.half-box textarea {
  width: 300px;
}
.patient-history {
  clear: both;
}
.patient-history .previous-visit {
  display: none;
  padding: 5px;
}
.patient-history .answers {
  clear: both;
  padding: 0;
  padding-top: 10px;
}
.patient-history .answers .question1 span {
  display: block;
}
.patient-history .answers .question1 span.answer {
  font-weight: bold;
  padding-left: 20px;
}
.patient-history .answers .question2 span {
  display: block;
}
.patient-history .answers .question2 span.answer {
  background: none;
  font-weight: bold;
  padding-left: 20px;
}
.patient-history .notes {
  padding-bottom: 5px;
}
.patient-history .notes span {
  display: block;
}
.patient-history .notes span.label {
  font-weight: bold;
}
.patient-history .notes-summary {
  clear: both;
  font-weight: normal;
}
.patient-history .date {
  float: left;
  font-size: 16px;
  width: 100px;
}
.patient-history .stats {
  overflow: hidden;
}
.patient-history .stat,
.patient-history .vital {
  float: left;
  width: 150px;
}
.patient-history .stat span,
.patient-history .vital span {
  display: block;
  float: left;
}
.patient-history .stat span.label,
.patient-history .vital span.label {
  font-weight: normal;
  padding-right: 5px;
}
.patient-history .stat span.data,
.patient-history .vital span.data {
  font-weight: bold;
}
.patient-history .vitals {
  height: 20px;
}
.patient-history .vitals .vital {
  line-height: 18px;
  padding-right: 20px;
  width: auto;
}
.patient-history .visit {
  background: #c7d8b1;
  margin-bottom: 5px;
}
.patient-history .visit-codes {
  clear: both;
  padding-bottom: 2px;
}
.patient-history .visit-not-closed {
  background: #d8b1b1;
  margin-bottom: 5px;
}
.patient-history .visit-not-closed h3 {
  background: #ae5757;
}
.patient-history h3 {
  background: #8bae57;
  font-size: 13px;
  height: 53px;
  padding: 2px;
}
.patient-history h3 a {
  color: #fff;
  text-decoration: none;
}
.patient-notes {
  max-height: 150px;
  overflow-y: auto;
}
.patient-notes table {
  padding: 0;
}
.patient-notes td {
  font-size: 11px;
  padding: 5px;
}
div.info {
  overflow: hidden;
  padding: 3px;
}
div.info span.data {
  display: block;
  float: left;
}
div.info span.label {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 160px;
}
div.input,
div.textarea {
  padding-bottom: 10px;
}
div.input span.label,
div.textarea span.label {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}
div.input span.input,
div.textarea span.input {
  display: block;
}
div.input span.input textarea,
div.textarea span.input textarea {
  height: 150px;
}
div.input div.multi-select,
div.textarea div.multi-select {
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  height: 150px;
  overflow-y: auto;
  padding: 2px;
}
div.input div.multi-select span,
div.textarea div.multi-select span {
  display: block;
}
div.input div.multi-select span input,
div.textarea div.multi-select span input {
  height: 15px;
}
input[type=text],
input[type=password],
input[type=date],
input[type=time],
select,
textarea {
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
}
input[type=radio] {
  vertical-align: middle;
}
input,
select {
  height: 31px;
}
input[type=text],
input[type=password],
input[type=date],
input[type=time],
select[type=text],
select[type=password],
select[type=date],
select[type=time] {
  width: 300px;
}
input[type=text].date,
input[type=text].time,
input[type=password].date,
input[type=password].time,
input[type=date].date,
input[type=date].time,
input[type=time].date,
input[type=time].time,
select[type=text].date,
select[type=text].time,
select[type=password].date,
select[type=password].time,
select[type=date].date,
select[type=date].time,
select[type=time].date,
select[type=time].time {
  width: 250px;
}
input.button,
select.button {
  background: #729f32;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: 10px;
  height: 25px;
  padding: 0 12px 3px 12px;
  width: auto;
}
input.button.disabled,
select.button.disabled {
  background: #aaa;
}
select {
  width: 300px;
}
textarea.edit-box {
  height: 200px;
  width: 540px;
}
textarea.notes {
  height: 100px;
  width: 100%;
}
textarea.query {
  font-size: 10px;
  height: 100px;
}
textarea.tickler {
  width: 540px;
}
#footer {
  height: 100px;
}
div.hr {
  border-bottom: 1px solid #bbb;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
}
h2 {
  font-size: 18px;
  padding-bottom: 10px;
}
table {
  border-spacing: 0;
  padding: 10px 0;
  width: 100%;
}
table.no-padding {
  padding: 0;
}
table th {
  background: #ebebeb;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  text-align: left;
}
table td,
table th {
  padding: 5px 10px 5px 10px;
}
table td {
  border-bottom: 1px solid #e5e5e5;
}
table td.even {
  background: #f0f0f0;
}
table td.odd {
  background: #fff;
}
table th.percent10,
table td.percent10 {
  width: 10%;
}
table th.percent20,
table td.percent20 {
  width: 20%;
}
table th.percent30,
table td.percent30 {
  width: 30%;
}
table th.percent40,
table td.percent40 {
  width: 40%;
}
table th.percent50,
table td.percent50 {
  width: 50%;
}
table th.percent60,
table td.percent60 {
  width: 60%;
}
table th.percent70,
table td.percent70 {
  width: 70%;
}
table th.percent80,
table td.percent80 {
  width: 80%;
}
table th.percent90,
table td.percent90 {
  width: 90%;
}
table th.percent100,
table td.percent100 {
  width: 100%;
}
ul.file-list a {
  color: #000;
}
div.error {
  color: #f00;
  padding-bottom: 10px;
}
div.xmlrpc-error {
  background: #f5b5a9;
  border: 2px solid #eb5339;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
}
div.xmlrpc-error .code,
div.xmlrpc-error .string,
div.xmlrpc-error .raw {
  display: block;
}
div.xmlrpc-error a {
  color: #000;
}
div.xmlrpc-error a div.raw {
  background: #000;
  border: 2px solid #0d0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #0d0;
  display: none;
  max-height: 300px;
  max-width: 800px;
  overflow-y: scroll;
  position: absolute;
}
div.xmlrpc-error a div.raw pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
div.xmlrpc-error a:hover div.raw {
  display: block;
}
.ui-datepicker {
  background: #fff;
  border: 2px solid #8aad57;
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  text-align: center;
}
.ui-datepicker .ui-datepicker-header {
  background: #8aad57;
  color: #f2f2f2;
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: #8aad57;
  color: #f2f2f2;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  margin: 2px 2px 0 2px;
  padding: 5px;
  width: 40px;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
}
.ui-datepicker .ui-datepicker-title {
  background: #8aad57;
  height: 30px;
  padding-top: 2px;
}
.ui-datepicker .ui-datepicker-calendar {
  padding: 0;
}
.ui-datepicker .ui-datepicker-today {
  text-decoration: none;
  background: #b0d975;
}
#ui-timepicker-div {
  background: #8aad57;
}
#ui-timepicker-div table {
  padding: 0;
}
#ui-timepicker-div td.ui-timepicker-hours {
  border: 2px solid #8aad57;
  border-right: 1px solid #8aad57;
  padding: 0;
}
#ui-timepicker-div td.ui-timepicker-minutes {
  border: 2px solid #8aad57;
  border-left: 1px solid #8aad57;
  padding: 0;
}
#ui-timepicker-div .ui-timepicker-title {
  color: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
}
#ui-timepicker-div .periods {
  border: 0;
}
#ui-timepicker-div .ui-timepicker {
  background: #fff;
}
.popup {
  background: #fff;
  border: 1px solid #d7d8da;
  font-size: 13px;
  position: relative;
}
.popup .container {
  left: 0;
  padding: 10px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 3;
}
.popup .container .half-box {
  float: left;
  width: 50%;
}
.popup .container div {
  display: inline-block;
}
.popup .container div.input {
  margin-bottom: 10px;
}
.popup .container div.input span {
  display: inline-block;
}
.popup .container div.input span.label {
  text-align: right;
  width: 100px;
}
.popup .container div.button {
  margin-left: 105px;
}
.popup .container div.button + .button {
  margin: 0;
}
.popup .container .timeout-message,
.popup .container .timeout-button {
  margin: 10px 0;
  text-align: center;
}
.popup .close {
  background: url('/images/close_x.png');
  height: 11px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 11px;
  z-index: 2;
}
.popup .title-bar {
  background: url('/images/bg_main.png') repeat-x #fff;
  color: #fff;
  cursor: default;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.cpt-codes-table .prescription input {
  font-size: 14px;
  margin-bottom: 7px;
}