/* ============================================================

Scss styels template based on 320 and Up by Andy Clarke
URL: http://stuffandnonsense.co.uk/projects/320andup/

============================================================ */
/* Reset =================================================== */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* Variables =================================================== */
/* Mixins =================================================== */
html {
  padding: 10px 0px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(white));
  background-image: -webkit-linear-gradient(top, #f2f2f2, white);
  background-color: white;
  background-image: -moz-linear-gradient(top, #f2f2f2, white);
  background-image: -ms-linear-gradient(top, #f2f2f2, white);
  background-image: -o-linear-gradient(top, #f2f2f2, white);
  background-image: linear-gradient(top, #f2f2f2, white);
  background-repeat: repeat-x;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
  margin: 0 auto;
  padding: 0;
  width: 62.25em;
  background-color: transparent;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #555555;   
}

#covid_list_area{
  display: none;
}

.icon_approval,
.icon_approve,
.icon_approved,
.icon_conditionally_approved,
.icon_finalized{ background: white url(../img/icon_tick.png) no-repeat 7px 7px !important; }
.icon_deleted,
.icon_error{ background: white url(../img/icon_cross.png) no-repeat 7px 7px !important; }
.icon_rejected,
.icon_reject{ background: white url(../img/icon_reject.png) no-repeat 7px 7px !important; }
.icon_general,
.icon_cron,
.icon_appeal,
.icon_changed{ background: white url(../img/icon_exclamation.png) no-repeat 7px 7px !important; }
.icon_return{ background: white url(../img/icon_back.png) no-repeat 7px 7px !important; }
.icon_with_supervisor,
.icon_resubmission,
.icon_expiry_resubmission,
.icon_with_chair,
.icon_with_police_approved,
.icon_with_police_conditionally_approved{ background: white url(../img/icon_person.png) no-repeat 7px 7px !important; }
.icon_with_reviewers{ background: white url(../img/icon_people.png) no-repeat 7px 7px !important; }

.row {
  margin-left: 0px; }

#notice {
  padding: 20px;
  color: #265a26;
  border: 4px solid #45a145;
  background-color: #a6d9a6;
  margin-bottom: 20px; }

#errors {
  padding: 20px;
  border: 4px solid #cc6666;
  background-color: #ecc6c6;
  margin-bottom: 20px; }
  #errors ul {
    margin-bottom: 0px; margin-left: 5px; }
    #errors ul li {
      color: #bf4040; }


#errors:hover
{
  cursor: pointer;
}

/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.add_header,
.filter_header,
.column_header,
.other_header,
.showhide_header{
  margin: 0;
  font-family: inherit;
  font-weight: 300;
  color: #435e8c;
  text-rendering: optimizelegibility; }

h1 small,
h2 small {
  font-weight: normal;
  color: #bfbfbf; }

h1,
.h1 {
  margin-bottom: 0.75em;
  font-size: 52px;
  font-size: 5.2rem;
  line-height: 1.2; 
  text-shadow: 0 3px 1px #ABA1D4;
}

h2,
.h2 {
  margin-bottom: 0.75em;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2; 
  text-shadow: 0 3px 1px #D5D0EA;
  margin-top: 20px;
}

h3,
.h3,
.filter_header,
.add_header,
.column_header,
.other_header,
.showhide_header{
  margin-bottom: 1em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3; 
  color: #3a648b;
}

h4,
.h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25; }

h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em; }

h6,
.h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase; }

.header h1,
.header h2,
.header h3 {
  float: left;
  margin-right: 24px; }
  .header h1 a,
  .header h2 a,
  .header h3 a {
    display: block;
    position: relative;
    top: 6px;
    float: right;
    padding: 4px 12px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #f3f5f6; }
  .header h1:hover,
  .header h2:hover,
  .header h3:hover {
    background-color: #f3f5f6; }

.header .a-rss,
.header .a-rss:hover {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent url(../img/a-rss.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em; }

small {
  font-size: 14px;
  font-size: 1.4rem; }

ul,
ol {
  margin: 0 0 1.5em -24px;
  padding: 0 0 0 24px; }

li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem; }

blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal; }

q {
  quotes: none; }

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

cite {
  font-style: normal; }

dl,
dd {
  margin-bottom: 1.5em; }

dt {
  font-weight: bold; }

.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right; }
.dl-horizontal dd {
  margin-left: 22.78%; }

abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

ins {
  background-color: #f3f5f6;
  color: #555555;
  text-decoration: none; }

mark {
  background-color: #f3f5f6;
  color: #555555;
  font-style: italic;
  font-weight: bold; }

pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

/* Texture =================================================== */
.alert {
  margin-bottom: 1.5em;
  padding: 8px 35px 8px 14px;
  background-color: #fcf8e3;
  border: 4px solid #f2e187;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9c8611; }
  .alert .alert-heading {
    color: inherit; }
  .alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    float: right;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 18px;
    color: inherit; }

.alert ul{
  margin-left: 10px;
}

.alert:hover
{
  cursor: pointer;
}

.alert p{
  padding: 0px;
  margin: 0px;
}

.alert-success {
  background-color: #c5e6c5;
  border-color: #a2d6a2;
  color: #347834; }

.alert-warning {
  background-color: #fee7c7;
  border-color: #fcd296;
  color: #c17305; }

.alert-error {
  background-color: #f4cac8;
  border-color: #eba19e;
  color: #da4f49; }

.alert-inverse {
  background-color: #414141;
  border-color: black;
  color: white; }

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px; }
  .alert-block .alert-heading {
    margin-bottom: 0.1875em;
    font-size: inherit;
    font-weight: bold; }
  .alert-block > p,
  .alert-block > ul {
    margin-bottom: 0; }
  .alert-block p + p {
    margin-top: 5px; }

.badge {
  padding: 1px 9px 2px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  color: gray;
  background-color: #e6e6e6;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 9px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear; }
  .badge:hover {
    color: gray;
    text-decoration: none;
    cursor: pointer; }

.badge-error {
  background-color: #da4f49;
  color: white; }
  .badge-error:hover {
    background-color: #9d2520;
    color: white; }

.badge-warning {
  background-color: #faa732;
  color: white; }
  .badge-warning:hover {
    background-color: #c17305;
    color: white; }

.badge-success {
  background-color: #5bb75b;
  color: white; }
  .badge-success:hover {
    background-color: #347834;
    color: white; }

.badge-info {
  background-color: #d9edf7;
  color: #247fad; }
  .badge-info:hover {
    background-color: #85c5e5; }

.badge-inverse {
  background-color: #414141;
  color: white; }
  .badge-inverse:hover {
    background-color: #0e0e0e;
    color: white; }

.well {
  min-height: 21px;
  padding: 11px;
  margin-bottom: 1.5em;
  background-color: #f3f5f6;
  border: 1px solid #b8c1cb;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 10px #d6dbe1;
  -moz-box-shadow: inset 0 1px 10px #d6dbe1;
  box-shadow: inset 0 1px 10px #d6dbe1; }
  .well p:last-child {
    margin-bottom: 0; }

.well-large {
  padding: 22px; }

.well-small {
  padding: 6px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

/* Forms =================================================== */
form {
  margin: 0 0 1.5em 0; }
  form fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border-width: 0; }
  form legend {
    display: block;
    width: 100%;
    margin-bottom: 3em;
    *margin-left: -7px;
    padding: 0;
    color: #555555;
    border: 0;
    border-bottom: 2px solid #cccccc;
    white-space: normal; }
    form legend small {
      font-size: 14px;
      font-size: 1.4rem;
      color: #bfbfbf; }
  form p {
    margin-bottom: 0.75em; }
  form ul {
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding: 0; }
  form br {
    display: none; }

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle; }

input,
button,
select,
textarea {
  font-family: "Open Sans", Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

label {
  display: block;
  margin-bottom: 0.1875em;
  font-size: 16px;
  color: #555555;
  cursor: pointer; }
  label input,
  label textarea,
  label select {
    display: block; }

input,
textarea,
select {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px;
  margin-bottom: 0.375em;
  background-color: white;
  border: 2px solid #cccccc;
  color: #555555; }
  input:hover,
  textarea:hover,
  select:hover {
    border-color: #586879; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible; }

select,
input[type="file"] {
  height: 40px;
  *margin-top: 4px;
  line-height: 28px; }

select {
  width: auto;
  background-color: white;
  font-size: 13px;
  font-size: 1.3rem; }

select[multiple],
select[size] {
  height: auto; }

textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top; }

#sensitive_info_yes,
#sensitive_info_no,
#participant_protection_yes,
#participant_protection_no
{
  background: transparent;
}


input[type="hidden"] {
  display: none; }

.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed; }

input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem; }

input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem; }

.help-block,
.help-inline {
  color: gray; }

.help-block {
  display: block;
  margin-bottom: 0.75em; }

.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px; }

.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0; }

.form-inline label {
  display: inline-block; }

.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0; }

.form-search .search-query {
  padding-left: 14px;
  padding-right: 0px;
  margin-bottom: 0; }

.form-search label {
  display: inline-block; 
}

body .form-advanced label{
  display: block;
  float: left;
  width: 180px;
}

body .form-advanced input[type="text"]{
  width: 300px;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

/* Buttons =================================================== */
.btn, .user-delete {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 7px 15px;
  margin-bottom: 0;
  font-weight: 300;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #404040;
  text-align: center;
  vertical-align: middle;
  background-color: #e6e6e6;
  text-decoration: none;
  border: 2px solid #cccccc;
  cursor: pointer;
  *margin-left: .3em;
  -webkit-box-shadow: 3px 3px 3px 0.5px #D4D4D4;
  box-shadow: 3px 3px 3px 0.5px #D4D4D4;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background-position: 0px !important; 
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

  }
  .btn:hover{
    color: #404040;
    border-color: #B3BFC7 !important;
    background-position: 0px !important; 
    background: rgb(242,246,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

    text-decoration: none; }

input[type="submit"].btn:hover {
  border-color: #999999; }

.btn:first-child {
  *margin-left: 0; }

.btn-disabled {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: default; }

.btn-error {
  background-color: #e37873;
  border-color: #c72f29;
  border-bottom-color: #9d2520;
  color: white; }
  .btn-error:hover {
    color: white;
    border-color: #9d2520;
    background-color: #da4f49; }


.btn-danger,.user-delete,.btn-warning {
  border-color: #944C4C;
  border-bottom-color: #844343;
  color: #421414;  
  background: rgb(204,146,140); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(204,146,140,1) 0%, rgba(165,84,84,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,146,140,1)), color-stop(100%,rgba(165,84,84,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(204,146,140,1) 0%,rgba(165,84,84,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(204,146,140,1) 0%,rgba(165,84,84,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(204,146,140,1) 0%,rgba(165,84,84,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(204,146,140,1) 0%,rgba(165,84,84,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc928c', endColorstr='#a55454',GradientType=0 ); /* IE6-9 */
 }
.btn-danger:hover,.user-delete:hover,.btn-warning:hover {
    border-color: #892929 !important;
    border-bottom-color: #7B2525 !important;
    background: rgb(184,131,126); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(184,131,126,1) 0%, rgba(148,76,76,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,131,126,1)), color-stop(100%,rgba(148,76,76,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(184,131,126,1) 0%,rgba(148,76,76,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(184,131,126,1) 0%,rgba(148,76,76,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(184,131,126,1) 0%,rgba(148,76,76,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(184,131,126,1) 0%,rgba(148,76,76,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8837e', endColorstr='#944c4c',GradientType=0 ); /* IE6-9 */
    color: #210A0A;
  }

.btn-info {
  background: rgb(217,237,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(217,237,247,1) 0%, rgba(175,217,238,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,237,247,1)), color-stop(100%,rgba(175,217,238,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(175,217,238,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(175,217,238,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(175,217,238,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(217,237,247,1) 0%,rgba(175,217,238,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#afd9ee',GradientType=0 ); /* IE6-9 */
  border-color: #9acfea;
  border-bottom-color: #85c5e5;
  color: #195a7a; }
  .btn-info:hover {
    background: rgb(195,213,222); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(195,213,222,1) 0%, rgba(158,195,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,213,222,1)), color-stop(100%,rgba(158,195,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(195,213,222,1) 0%,rgba(158,195,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(195,213,222,1) 0%,rgba(158,195,214,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(195,213,222,1) 0%,rgba(158,195,214,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(195,213,222,1) 0%,rgba(158,195,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d5de', endColorstr='#9ec3d6',GradientType=0 ); /* IE6-9 */  
    border-color: #7BA6BB;
    border-bottom-color: #6F95A8;
    color: #164C68;
  }


/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  border-bottom: 1px solid #ebebeb; }
  table th,
  table td {
    padding: 10px 20px;
    vertical-align: top;
    font-size: 1px;
    font-size: 1.3rem;
    line-height: 1.5em;
    text-align: left; }
  table th{
    font-size: 1.4rem;
  }
  table.scheduler td {
    font-size: 1.2rem;
    padding: 0px 5px;    
  } 
  table.scheduler th {
    font-size: 1.3rem;   
  }      
  table th {
    font-weight: bold;
    border-bottom: 1px solid #ebebeb; }
  body table th img{
    width: auto;
    height: auto; 
    max-width: none;}    
  table thead th {
    vertical-align: bottom; }
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-top: 0; }
  table tbody + tbody {
    border-top: 2px solid #ebebeb; }
  table tbody tr td,
  table tbody tr th {
    -webkit-transition: background-color 0.25s 0 linear;
    -moz-transition: background-color 0.25s 0 linear;
    -ms-transition: background-color 0.25s 0 linear;
    -o-transition: background-color 0.25s 0 linear;
    transition: background-color 0.25s 0 linear; }
  table thead tr.graded{
    border-bottom: 2px solid #ddd;
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
  }
  tr.graded th{
    text-shadow: 0 1px 1px #FFFFFF;
  }
.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #ebebeb;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #ebebeb; }
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top: 0; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #c7ced6; }

.head {
  position: relative;
  height: 73px;
  padding: 20px;
  margin-bottom: 30px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
  .head .head-text {
    float: left;
    display: block;
    padding: 0px;
    text-decoration: none;
    width: 344px;
    height: 114px;
    }
    .head .head-text h1 {
      padding-top: 5px;
      font-weight: 300;
      color: #191c57; }
  .head .header_link {
    float:right;
    text-decoration: none;
    font-size: 24px;
    font-size: 2.2rem;
    margin: 1.7rem 0rem 0 2rem;
    color: #999999; 
  }
    .head .header_link:hover {
      text-decoration: underline; }

#mainSiteBlock{
  width: 72px;
  height: 72px;
  display: block;
  float: left;
  margin: 0px auto;
  position: relative;
  border-radius: 5px;
}

#mainSiteBlock i{
  margin: 0;
  position: absolute;  
  top: 50%;
  left: 50%;  
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  
}

#mainSiteTitle,
#mainSiteSubTitle{
  margin-left: 10px;
  float: left;
} 


#mainSiteTitle{
  font-size: 32px;
  margin-top: 3px;
}

#mainSiteSubTitle{
  font-size: 47px;
  font-weight: bold;
  margin-top: 17px;
}


#main {
  overflow: auto; 
  width: 60em;
  min-height: 400px;
  margin: 0 auto;
  padding-left: 1.2em;
  padding-right: 1.2em;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#login-area{
  margin-left:auto;
  margin-right:auto; 
  margin-top: 10px;
  width: 400px;
  border: 1px solid #ddd;
  background: #eee;
  text-align: left;
  padding: 20px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 10px #d6dbe1;
  -moz-box-shadow: inset 0 1px 10px #d6dbe1;
  box-shadow: inset 0 1px 10px #d6dbe1;  
}

#login-area #password,
#login-area #email{
  width: 100%;
}

.login-container{
  text-align: center;
}

.login-container h1{
  padding: 0px;
  margin: 0px;
  font-size: 50px;
}

.container,
.login-container{
  position: relative; }

.user_info {
  overflow: auto;
  margin-bottom: 20px; }
  .user_info .profile {
    float: left;
    width: 60%; }
  .user_info .user_points {
    float: left;
    width: 25%; }
  .user_info .user_controls {
    float: left;
    width: 15%; }

.profile p {
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  text-indent: -30px; }
.profile span, .messages span, .carer_details span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  color: gray; }

.profile h3{
  margin-top: 20px;
}
.messages, .carer_details{
  background: #eee;
  border: 1px solid #ddd;
  float:right;
  padding: 15px;
  width: 300px;
-webkit-box-shadow: 0 3px 2px 1px #D6D6D6;
box-shadow: 0 3px 2px 1px #D6D6D6;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.carer_details h4,
.messages h4{
  font-size: 1.5em;
  margin-bottom: 10px;
}

.messages h4 .view_all_notes{
  font-size: 0.7em;
  display: inline;
}

.messages .note, 
.carer_details .note,
.notes .note{
  border: 2px solid #ccc;
  background: white;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;   
}

.messages .btn{
  float: right;
}

.notes .note{
  border: 1px solid #ddd;
  font-size: 14px;  
  margin: 0px;
  margin-top: 20px;
  padding: 10px;
  -webkit-box-shadow: 0 3px 4px 1px #A8A8A8;
  box-shadow: 0 3px 4px 1px #A8A8A8;
  padding-left: 70px;
  min-height: 46px;
}

.notes .complaint_history{
  padding-left: 10px;
}

.note h5,
.note .date,
.note .comment{
  padding: 0px;
  margin: 0px;
}

.note .date{
  color: #888;
}

.note .comment{
  margin-top: 10px;
}

.notes .edit{
   padding: 0px;
   margin: 0px;
   padding-top: 10px;
   border-top: 1px dashed #ccc;
}

.messages .who{
  font-size: .8em;
  text-align: right;
}

.user_points p {
  display: block;
  height: 98px;
  padding: 20px;
  margin: 0px 10px;
  font-size: 33px;
  background-color: #435e8c;
  color: white; }

.user_controls a {
  display: block;
  padding: 30px 20px 10px 20px;
  text-decoration: none;
  text-align: right;
  background-color: #435e8c;
  color: white; }
.user_controls .new_redemption {
  padding-top: 6px;
  background-color: #c38a22; }
  .user_controls .new_redemption:hover {
    background-color: #ad7b1f; }
.user_controls .new_act {
  margin-bottom: 10px;
  background-color: #55ad55; }
  .user_controls .new_act:hover {
    background-color: #478f47; }

.act_table {
  position: relative; }
  .act_table h3 {
    display: block;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #eaf2f8;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
    border-bottom: 1px solid #D3DADF; }
  .act_table .verified_activities h3 {
    color: green; }
  .act_table .attention_activities h3 {
    color: #6E80B8;
    text-shadow: 0 1px 0 #FFFFFF;
  }
  .act_table .urgent_list h3 a{
    color: #72524e;
  }
  .act_table .urgent_list h3{
    color: #8b756e;
    border-bottom: 1px solid #bbaaa5;
    background: #E2CDC7;
  }
  .act_table .urgent_list h3 span{
    color: #72524e; 
  }

  .act_table .table .title_row {
    width: 15%; }
  .act_table .table .category_row {
    width: 20%; }
  .act_table .table .desc_row {
    width: 45%; }
  .act_table .table .time_row {
    width: 10%;
    text-align: center; }
  .act_table .table .ctrls_row {
    width: 5%; }
  .act_table .new_redemption {
    position: absolute;
    right: 10px;
    top: 8px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: right;
    color: #404040; }
    .act_table .new_redemption:hover {
      text-decoration: underline; }

.new_activity, .edit_activity {
  position: relative; }

input,
textarea,
select {
  width: 60%; }

select {
  width: auto; }

#activity_points {
  width: 20%; }

.field {
  margin-bottom: 15px; }

.messages_field {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 35%;
  height: 100%;
  background: #435e8c; }
  .messages_field textarea {
    width: 100%; }
  .messages_field label {
    color: white; }
  .messages_field .messages_field_wrap {
    padding: 20px 40px; }

.actions {
  margin-top: 40px; }

.form-search {
  overflow: auto; }
  .form-search .btn {
    float: left;
    width: 10%;
    height: 50px;
    margin: 0px;
    border-left: 0px;
    font-weight: bold; 
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;    
  }
  .form-search .btn:hover{
    background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
  }
  .form-search .search-query {
    float: left;
    width: 90%;
    height: 50px;
    padding: 11px 8px 8px 8px;
    margin: 0px;
    border-right: 0px; 
    -webkit-box-shadow:inset 1px 1px 8px 2px #E8E8E8;
    box-shadow:inset 1px 1px 8px 2px #E8E8E8;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;    
}

.csv_help {
  margin-top: 20px; }

.form_error{
  color: red;
}

.delete-right{
  float: right;
}

.notes{
  padding: 0px;
}

.notes .added{
   border-bottom: 1px dashed #888;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.add_header{
  text-decoration: underline;
}

.add_header:hover{
  cursor: pointer;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

tr.overdue,
tr.record_deleted,
tr.inactive_user{
    background-color: #f6dada;
}

tr.overdue td
tr.record_deleted td,
tr.inactive_study td{
  border-top: 1px solid #bbb;
}

td p{
  padding: 0px;
  margin: 0px;
}

#usernav,
#appnav{
    display: inline-block;
    margin-bottom: 0px;
}

#appnav{
    margin-bottom: 20px; 
    font-size: 1.2em;
}

#login-and-links ul{
  display: inline;
  float: right;
  text-align: right;
  margin: 0px;
  background: #cfd9e6 url(../img/menu-bar-back.png) 0 0 repeat-x;
  width: 99%;
  padding-left: 1%;
  height: 41px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-webkit-box-shadow: 0 1px 0.2px 0.2px #938F9E;
box-shadow: 0 1px 0.2px 0.2px #938F9E;
}

#login-and-links ul,
#login-and-links li,
#usernav ul,
#usernav li,
#appnav ul,
#appnav li{
  list-style: none;
  display: inline;
}

ul#usernav
{
  margin-top: 1px;
  margin-left: 9px;
  padding: 0px;
  padding-left: 1%;
  width: 97%;
  font-size: .9em; 
  background: #fff url(../img/user-bar-back.png) 0 0 repeat-x;  
-webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;  
}

ul#usernav li
{
  float: left;
}

ul#usernav li,
ul#usernav li a
{
  margin: 0px;
  padding: 0px;
}

ul#usernav li a
{
  padding: 8px 8px 7px 8px;
  display: block;
  color: #435ea4;
  text-decoration: none;
  text-shadow: 0 1px 1px #FFFFFF;  
}

ul#usernav li span,
ul#usernav li a:hover,
ul#usernav li a:active
{
  background: #fff url(../img/user-bar-back-selected.png) 0 0 repeat-x;   
  text-decoration: none;  
}

ul#usernav li span
{
  padding: 8px 8px 7px 8px;
  display: block;
  text-shadow: 0 1px 1px #FFFFFF;
}

#login-and-links li,
#usernav li,
#appnav li{
  border-right: 1px solid #ccc;
  padding-right: 8px;
  padding-left: 8px;
}

#appnav li a
{
  text-decoration: underline;
}

#appnav li a:hover
{
  text-decoration: none;
}


#appnav li{
  border-right: 4px solid #ddd;
  padding-left: 3px;
}

#login-and-links li
{
  font-size: 1.3em;
  display: inline;
  float: left;
  padding: 0;
  border-right: 1px solid #c2cdd9;  
}

#login-and-links li a,
#login-and-links li a:visited,
#login-and-links li span.no_link
{
  display: block;
  padding: 10px;
  padding-top: 11px; 
  color: #5f688e; 
  text-shadow: 0 1px 1px #FFFFFF;
  text-decoration: none;
}

#login-and-links li span.no_link,
#login-and-links li a:hover,
#login-and-links li a:active
{
  text-decoration: none;
  background: #f3f3f3 url(../img/menu-bar-back-select.png) 0 0 repeat-x;
  padding-bottom: 10px;  
}

#login-and-links li a:active
{
  background: #f3f3f3 url(../img/menu-bar-back-active.png) 0 0 repeat-x;
  color: #5f688e;
}

#login-and-links li span.no_link,
#login-and-links li span.no_link a
{
  color: #3e435c;
  font-weight: bold;
}

#appnav li:first-child{
  padding-left: 0px;
}

#login-and-links li:last-child,
#usernav li:last-child,
#appnav li:last-child{
  border-right: none;
  padding-right: 0px;
  padding-left: 5px;  
}

#usernav .no_link
{
  font-weight: bold;
}

.no_link a{
  padding: 0px !important;   
}

.no_link a:hover{  
  background: transparent !important;
}

.content .no_link a{
  color: black;
  text-decoration: none !important;
}

#login-and-links li:last-child
{
  padding-left: 0px; 
}

.auth_details,
.auth_details_logged_out{
  background: transparent url("../img/user-icon.png") no-repeat 0px 2px;
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 8px 0px 2px 30px;
}
.auth_details_logged_out{
  background: transparent url("../img/user-icon-loggedout.png") no-repeat 0px 2px;  
}
.add_header,
.filter_header,
.column_header,
.other_header,
.showhide_header{
  padding-left: 30px;
  background: transparent url("../img/arCYN.png") no-repeat 0px 2px;
  cursor: pointer;
  margin-bottom: 25px;
}

.showhide_header{
  background: transparent url("../img/showhide-closed.png") no-repeat 0px 4px;
  padding-left: 13px;
  font-size: 0.9em;
  margin-bottom: 20px;
}

.showhide-hide-link{
  background: transparent url("../img/showhide-open.png") no-repeat 0px 4px;
  cursor: pointer;
}

.showhide_header{
  margin-top: 10px;
}

.hide-link{
  background: transparent url("../img/a6NwN.png") no-repeat 0px 2px;
  cursor: pointer;
}

#filter_options,
#column_options,
#other_details
.showhide_content{
  border: 1px solid #ccc;
  background: white;
  padding: 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.showhide_content .extra_comment{
  padding: 10px;
  border-bottom: 1px dotted #ccc;
}

#application_relationship .showhide_header
{
  font-size: 0.9em;
  padding-left: 15px;
  margin-top: 10px;
  color: #0088cc;
  clear: both;
}

#application_relationship .showhide_content
{
  border: 2px solid #ccc;
  font-size: .9em;
  font-weight: normal;
  background: white;
  padding: 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;  
}

#application_relationship p a.relation_link
{
  font-size: 1.1em;
}

.extra_comment p{
  padding: 0px;
  margin: 0px;
}

.extra_comment p.date{
  font-size: .8em;
}

#filter_options,
#add_note{
    display: none;
}

#add_note form{
  width: 99%;
}

#filter_options label,
#column_options label{
  display:inline;
}

#filter_options input,
#column_options input{
  margin-right: 10px;
  margin-left: 3px;
  width: 15px;
  height: 15px;
  display:inline;
  -webkit-box-shadow: inset 0 1px 10px #d6dbe1;
  -moz-box-shadow: inset 0 1px 10px #d6dbe1;
  box-shadow: inset 0 1px 10px #d6dbe1; 
}

.date-study-range label{
  display: inline;
}

.date-study-range input{
  width: 150px;
  display: inline;
  margin-right: 20px;
  margin-top: 8px;
}

.date-study-range .btn{
   margin-top: 0px;
}

.notcomplete{
  clear: both;
  float: none;
  margin-top: 10px;
  width: 90%;
}

.notcomplete label,
.notcomplete select{
  float: none;
}

.notcomplete select{
  width: 300px;
  height: 200px;
}

.notcomplete label{
  font-weight: bold;
}

h3 span{
  font-weight: bold;
  font-size: 40px;
  color: #5A5AAF;
  text-shadow: 0 2px 0 #FFF;
}

.table th.centered,
.table td.centered{
    text-align: center
}

.tool-tip-link{
    color: #0088cc;
    cursor: help;
}

#column_filters{
  text-align: right;
  position: absolute;
  top: 22px;
  right: 0px;
  height: 50px;
}

#column_filters p{
  display: inline;
  color: #666;
  float: left;
  margin-top: 32px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: bold;
}

#column_filters ul,
#column_filters ul li{
  list-style: none;
  display: inline-block;
  color: #888;
  text-align: center;
}

#column_filters ul li{
  padding: 5px;
  padding-bottom: 50px;
  font-size: 12px;   
  min-width: 50px; 
  cursor: pointer;
}

.col_dob,
.col_language,
.col_disorder,
.col_studies,
.col_added,
.col_siblings{
  background: transparent url(../img/switch-off.png) no-repeat center 27px;
}

.col_on{
  background: transparent url(../img/switch-on.png) no-repeat center 27px;
}

.apply-filter-area{
  margin-top: 10px;
}

.red,.grey{
  background: #aa0a0a;
  color: white;
  padding: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;  
}

.grey{
    background: #444;
}

.at_limit{
  font-size: 12px;
  color: #aa0a0a;
}

.check_col,
.check_uncheck{
    background: transparent url(../img/check-all.png) no-repeat center center;    
    cursor: pointer;
    padding-right: 0px !important;
}

.check_uncheck{
    background: transparent url(../img/uncheck-all.png) no-repeat center center;    
}

.recipient_list{
  margin-top: 10px;
}

.study_candidate_help,
.unit_help,
.app_type_help,
.comparison_help,
.help{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: transparent url(../img/icon-help.png) no-repeat center center;    
}

.study_candidate_help:hover,
.unit_help:hover,
.app_type_help:hover,
.comparison_help:hover,
.help:hover{
    cursor: pointer; 
}

.field_h4
{
  margin: 20px 0px 5px 0px;
}

.inline_set,
.inline_set label
{
  display: inline;
}

.study_candidate_help:hover,
.unit_help:hover,
.app_type_help:hover,
.comparison_help:hover{
    cursor: pointer;
}

.comparison_help{
  margin-left: 10px;
}

.print_show{
  visibility: hidden;
  display: none;
}

.alternate_row{
  background: #f3f3f3;
}

.required{
    color: red;
    padding-left: 5px;
}

#val_and_units input{
  width: 100px;
  margin-top: 9px;
}

#ajaxLoader{
  background: transparent url(../img/ajax-loader.gif) no-repeat center center;  
  border: ;
  width: 100%;
  height: 200px;
}

.cancel, 
.user-delete{
  float: right;
  color: white;
}

.user-delete{
  margin-left: 5px;
}

a:hover.user-delete
{
  text-decoration: none;
}

.note_added_details{
    font-size: .85em;
    position: relative;
    padding-bottom: 15px;    
    min-height: 50px;
}

.email-list{
    margin-left: 10px;
}

.note-wrapper{
  margin-bottom: 5px;
}

.note-wrapper .right,
.note-wrapper .left{
  position: absolute;
  top: 0;

}

.note-wrapper .left{
  left: 0;
}

.note-wrapper .right{
  top: 40px;
  right: 0;
}

td .btn,
td .user-delete{
  padding: 4px 10px;
  font-size: .9em;
}

td .btn-danger{
  margin-left: 5px;
}

td select{
  height: 32px;
  font-size: .9em;
  padding: 2px;
}

td form{
  margin: 0px;
}

.pagination{
  text-align: center;
}

.pagination ul,
ul.pagination{
  padding: 0px;
}

ul.pagination li{
  display: inline;
  padding: 3px;
}

input#dob,
input#expiry_date,
input#disclosure_issued,
input#reg_sent
{
  width: 150px;
}

td.dob_col,
td.date_col,
td.plus_minus_col{
  min-width: 50px;
}

td.plus_minus_col{
  min-width: 60px;
}

th.complete_col,
th.cancelled_col,
th.noshow_col,
th.noresp_col,
th.booked_col,
th.siblings_col{
  width: 22px;
  padding: 0px;
  padding-left: 1px;
}

ul#reports,
ul#reports li,
ul.attached_links,
ul.attached_links li{
  list-style: none;
  list-style-type: none;
}

ul.attached_links li span.remove{
  float: right;
}

ul.attached_links li,
.start_app_link{
  padding: 8px;
  border-bottom: 1px dotted #ccc;
}

ul#reports li{
background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 0 3px 1px #6393c1;
box-shadow:inset 0 0 3px 1px #6393c1;
}

ul#reports li a{
  color: white;
  display: block;
  width: 93%;
  padding: 1.5%;
  background: transparent url(../img/info-icon.png) no-repeat 6px 6px;
  font-size: 1.5em;
  padding-left: 6%; 
}

ul#reports li:hover{
background: rgb(184,198,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,198,223,1)), color-stop(100%,rgba(109,136,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 0 3px 1px #6d88b7;
box-shadow:inset 0 0 3px 1px #6d88b7;
}

ul#reports li a:hover{
  cursor: pointer;
  text-decoration: none;
}

h1{
  text-indent: -9999px;
  display: none;
  float: left;
}

#footer{
  padding: 20px 20px 35px 20px;
  font-size: .8em;
  color: #999;
  width: 74.85em;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

 -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

#footer a,
#footer a:link,
#footer a:visited{
  color: #999;
}

#system{
  float: right;
}

#copyright{
  float: left;
}

.uiblock{
  padding: 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  
}

#institution-logo{
  position: absolute;
  top: 20px;
  right: 20px;
}

.auth_details,
.auth_details_logged_out{
  top: 62px;
}

#policy{
  height: 200px;
  font-size: 12px;
  color: black;
  opacity: 1;
}

.right_float{
  float: right;
  margin-left: 5px;
}

.left_float{
  float: left;
}

#error_title{
  font-size: 40px;
  margin-bottom: 25px;
}

#error_message{
  display: inline;
}

#error_message img{
  float:left;
  padding-right: 30px;
  padding-top: 0px;
}

#error_message p{
  font-size: 18px;
}

#error_container{
  width: 45em;
  margin: 0 auto;  
  background: white;
  border: 2px solid #ccc;
  padding: 30px;
  min-height: 250px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;  
  -webkit-box-shadow: 0 5px 5px 4px #EEE;
  box-shadow: 0 5px 5px 4px #EEE;  
}

.inline label,
#start_existing{
  display: inline;
  margin-left: 10px;
}

body .form-advanced .date_to_from label{
  float: none;
  display: inline-block;
}

body .form-advanced .date_to_from label.date_to{
   width: auto;
   margin-right: 10px;
}


body .form-advanced .date_to_from input{
  width: 100px;
  display: inline;
}

.red_text{
  color: red;
}

#app_flow,
#app_flow_text{
  width: auto;
  display: inline-block;
  margin-bottom: 30px;
}

#app_flow li,
#app_flow_text li{
  list-style: none;
  display: inline-block;
  float: left;
  background: #888;
  padding: 0px;
  margin: 0px;
  height: 5px;
  width: 70px;
}

#app_flow li
{
  width: 110px;  
}

#app_flow_text li{
    width: auto;
    padding-right: 30px;
}

#app_flow_text li:last-child{
    width: auto;
    padding-right: 0px;
}

#app_flow li span,
#app_flow_text li span{
  width: 25px;
  height: 25px;
  background: #555;
  border: 1px solid #444;
  margin: 0px;
  margin-top: -11px;
  float: right;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;  
-webkit-box-shadow: 1px 1px 1px 1px #A6A6A6;
box-shadow: 1px 1px 1px 1px #A6A6A6;
}

#app_flow_text li span{
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;    
    margin-top: -14px;    
    text-align: center;
    color: #ddd;
    font-size: .9em;
    font-weight: bold;
    line-height: 30px;
}

#app_flow li span:hover,
#app_flow li span.unknown:hover,
#app_flow li span.next:hover,
#app_flow_text li span:hover,
#app_flow_text li span.unknown:hover,
#app_flow_text li span.next:hover{
  background: #cdcdeb;
  border: 1px solid #a4a6eb;
  cursor: pointer;
  color: #3a648b;
}

#app_flow li span.current:hover,
#app_flow_text li span.current:hover{

}

#app_flow li:first-child,
#app_flow_text li:first-child{
    width: auto;
}

#app_flow li span.current,
#app_flow_text li span.current{
  background: white url(../img/current-flow.png) no-repeat center center;
  border: 1px solid #888;
  color: #666;
}

#app_flow_text li span.current{
  background: white;
}

#app_flow li span.unknown,
#app_flow_text li span.unknown{
  background: #ccc url(../img/unknown-flow.png) no-repeat center center;  
  border: 1px solid #666;
}

#app_flow li span.next,
#app_flow_text li span.next{
  background: #ccc;
  border: 1px solid #aaa;
  color: #777;
}

.checklist td{
  padding: 10px;
}

.checklist tr:hover{
  background: #ddd;
}


.checklist .checkbox{
  width: 5%;
  vertical-align: top;
  text-align: center;
}

.checklist .checklabel{
  width: 95%;
}

.checklist input.checkitem,
.checksingle input{
  width: 25px;
  height: 25px;
  float: none;
  margin-left: 10px;
}

.checksingle input{
  margin-left: 0px;
}

.inline_label,
.cond_approve_help{
  margin-right: 10px;
}

.cond_approve_label{
  margin-right: 0px;
}

#application_form br{
  display: block;
}

#application_form h4{
  clear: both;
}

#application_form label{
  font-weight: bold;
}

#application_form table.checklist label{
  font-weight: normal;
}

.extra_help,
.shortfield .extra_help{
  width: 32%;
  background: #777;
  float: right;
  font-size: .8em;
  padding: 20px;
  color: white;
  position: relative;
  -webkit-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  -webkit-box-shadow: 2px 2px 0 0 #424242;
  box-shadow: 2px 2px 0 0 #424242;
}

.shortfield .extra_help{
  width: 60%;
}

.extra_help:before,
.shortfield .extra_help:before{
  content:"";
  position: absolute;
  right: 99%;
  top: 0px;
  width: 0;
  height: 0;
  border-top: 25px solid #777;
  border-left: 25px solid transparent;
}

#app_box{
  float: right;
  border: 4px solid #ccc;
  background: white;
  padding: 15px;
  font-size: .8em;
  width: 50%;
  min-width: 280px;
  max-width: 280px;
  margin: 10px 0px 20px 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  
-webkit-box-shadow: 0 2px 1px 1px #807D8A;
box-shadow: 0 2px 1px 1px #807D8A;  
}

body #app_box h3{
    margin: 0px;
}

body #app_box p{
  margin: 0px;
  margin-top: 10px;
}

body #app_box p.supporting-docs{
  margin-top: 0px;
}

#app_box p.supporting-docs span{
  font-size: 1.2em;
  font-weight: bold;
}

#app_box h4
{
  margin-bottom: 10px;
}

#supporting_docs
{
  width: 100%;
  margin-bottom: 10px;
  float: left;
}

#attach_text
{
  width: 42%;
  float: left;
}

body #attach_text p
{
  margin: 0px;
  padding: 0px;
  font-size: 1.4em;
  font-weight: bold;  
  padding-top: 3px;
}

#attach_text p.link
{
  font-size: 1em;
  margin-top: -8px;
}

#attach_stats
{
  width: 58%;
  float: right;
}

#doc_attach,
#link_attach
{
  background: transparent url(../img/doc-attach-icon.png) no-repeat 0 0; 
  padding-left: 40px;
  font-size: 1.9em;
  font-weight: bold;
  float: left;
  height: 31px;
  padding-top: 12px;
}

#link_attach
{
  background: transparent url(../img/link-attach-icon.png) no-repeat 0 0; 
  margin-left: 5px;
}


#wizard label{
  display: block;
}

#application_form section,
#application_form section label
{
  color: #222;
}

#wizard .alternate_row{
  background: #fafafa;
}

#wizard .standard_row{
  background: #fefefe;
}

#wizard .alternate_row:hover{
  background: #eee;
}

#wizard .standard_row:hover{
  background: #eaeaea;
}

#wizard .inline input,
#wizard .inline label{
  display: inline;
  margin-left: 10px;
}

#wizard select
{
  font-size: 1.05em;
}

#application_form #wizard label{
  font-weight: normal;
}

#wizard .actions{
  margin-top: -25px;
}

#wizard .actions li{
  font-size: 0.9em;
}

#app_box br{
  display: block;
}

#app_box .app_box_buttons{
  margin-top: 10px;
}

.ui-widget-overlay {
  background: black !important;
  opacity: .7 !important;
}

#hidden,
.print_only{
  display: none;
  visibility: hidden;
}

#co_controls{
  margin-top: 10px;
  margin-bottom: 10px;
}

.co_add_button,
.co_remove_button{
  background: #6b6bce;
  border-bottom: 2px solid #4d4d95;
  color: white;
  font-size: 1.5em;
  padding: 5px 15px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;  
}

.co_remove_button{
  background: #a84747;
  border-bottom: #783333;
  margin-right: 5px;
  margin-top: 1px;
  float: left;
}

.co_add_button:hover,
.co_remove_button:hover{
  background: #4d4d95;
  border-bottom: 2px solid #353567;
  cursor: pointer;
}

.co_remove_button:hover{
  background: #783333;
  border-bottom: 2px solid #542424;
}


.co_add_button span,
.co_remove_button span{
  font-weight: bold;
}

.co_internal input,
.co_external input,
.supervisor_autocomplete input,
.user_autocomplete input{
  width: 25%;
}

input.wait {
    background: url(../img/ajax-loader-small.gif) no-repeat top 5px right 5px;
}

.app_main_controls{
  margin-top: 30px;
  clear: both;
}

#user_app_status_box,
#user_recent_events_box,
#user_recent_events_box_system{
  padding: 10px;
  width: 100%;
  background: #daddf4;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#user_app_status_box
{
  background: #466393;
}

#user_app_status_box h3,
#user_recent_events_box h3,
#user_recent_events_box_system h3,
.system_events h3{
    font-size: 1.6em;
    padding: 0px;
    margin-bottom: 10px;
}

#user_app_status_box h3,
#user_app_status_box a{
  color: #ddd;
}

#user_app_status_box ul
{
  margin-bottom: 0px;
}

#user_app_status_box a.block_link,
#user_recent_events_box a.block_link,
#user_recent_events_box_system a.block_link,
#app_box .block_link,
#app_box .block_link_submit,
#app_box .block_link_back_next,
#app_box .block_link_cancel
{
  margin: 0px;
  font-size: 1.4em;
  color: white;
  text-align: center;
  background: #628acc;
  display: block;
  padding: 4% 1%;
  width: 98%;
  text-decoration: none;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;  
}

#app_box .block_link,
#app_box .block_link_submit,
#app_box .block_link_back_next,
#app_box .block_link_cancel
{
  border: 0px;
  width: 100%;
  background: #3a648b;
  clear: both;
}

#app_box .block_link,
#app_box .block_link_back_next,
#app_box .block_link_cancel
{
  margin-bottom: 4px;
}

#app_box .block_link_submit,
#app_box .block_link_back_next
{
  background: #4e87bb;
}

#app_box .block_link_cancel
{
  background: #a24e4e;
}

#app_box .block_link_back_next,
#app_box .block_link_cancel
{
  padding: 4px 0px;
  line-height: 1.3em;
}

#app_box .block_link:hover,
#app_box .block_link_submit:hover,
#app_box .block_link_back_next:hover
{
  background: #2d4d6b;
}

#app_box .block_link_cancel:hover
{
  background: #693333;
}

#user_recent_events_box a.block_link
{
  background: #979cc3;
}

#user_recent_events_box_system a.block_link
{
  background: #c5908d;
}

#user_app_status_box a:hover.block_link,
#user_recent_events_box a:hover.block_link,
#user_recent_events_box_system a:hover.block_link
{
  text-decoration: none;
  background: #364b70;
}

#user_recent_events_box a:hover.block_link{
  background: #717592;
}

#user_recent_events_box_system a:hover.block_link{
  background: #9e7371;
}

#user_app_status_box a{
  margin-left: 10px;
}

#user_recent_events_box_system p,
#user_recent_events_box p,
.system_events p{
  padding: 5px;
  font-weight: bold;
  font-size: .8em;
  border-bottom: 2px solid #b3b5c8;
  background: white;
  margin: 0px 0px 10px;
}

#user_recent_events_box_system,
#user_recent_events_box,
.system_events{
  margin-top: 10px;
}

#user_recent_events_box_system{
  background: #f4d6d2 !important;
}

#user_recent_events_box_system h3{
  color: #803e3e !important;
}

#user_recent_events_box_system p{
  border-bottom: 2px solid #cfb6b2 !important;
}

#user_app_status_box ul li{
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  font-size: 1.3em;
  color: #312c65;
}

#user_app_status_box ul li span{
  font-size: 1.8em;
  font-weight: bold;
  color: white;
}

#two_columns{
  width: 100%;
  float: left;
}


#two_columns #left_col{
  width: 65%;
  float: left;
}

#two_columns #right_col{
  width: 31%;
  float: left;
  margin-left: 20px;
}

.event_recipient{
  font-size: .9em;
  font-weight: normal;
  color: #435e8c; 
}

.event_meta{
  font-size: .87em;
  font-weight: normal;
  color: #666;
}

#tabs .ui-widget-header {
  border: none;
background: rgb(210,223,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,223,237,1)), color-stop(26%,rgba(200,215,235,1)), color-stop(51%,rgba(190,208,234,1)), color-stop(51%,rgba(166,192,227,1)), color-stop(62%,rgba(175,199,232,1)), color-stop(75%,rgba(186,208,239,1)), color-stop(88%,rgba(153,181,219,1)), color-stop(100%,rgba(121,155,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=0 ); /* IE6-9 */

  color: #ffffff;
  font-weight: bold;
}

.content .ui-widget-content{
  background: white;
  border: none;  
}

.content .ui-state-active a,
.content .ui-state-active a:link,
.content .ui-state-active a:visited {
  color: #475a74;
  text-decoration: none;
}

.content .ui-state-active,
.content .ui-widget-content .ui-state-active,
.content .ui-widget-header .ui-state-active{
  border: 1px solid #6a87ae;
  border-bottom: 1px solid white;
  background: white;
  font-weight: bold;
  color: white;
}

#accordion .ui-accordion-content
{
  border: 1px solid #ccc;
  border-top: 0px;
}

#accordion h4,
.content #accordion h4.ui-state-active
{
  margin-bottom: 0px;
  font-weight: normal;
}

.content #accordion h4.ui-state-active
{
  color: #105570;
  font-weight: bold;
  border-bottom: none;
  margin-top: 2px;  
}

#accordion select,
#accordion input,
#accordion textarea
{
  font-size: .9em;
  font-family: "Open Sans", Arial, sans-serif;  
}

.content #accordion .ui-state-active a,
.content #accordion .ui-state-active a:link,
.content #accordion .ui-state-active a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.content #accordion .ui-state-active{
  border: 1px solid #cccccc;
  background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
  margin: 0px;  
}

.content .ui-widget-content li a{
  outline-color: transparent;
}

#tabs #tabs-details,
#tabs #tabs-checklist,
#tabs #tabs-study-details,
#tabs #tabs-consent-debrief{
  font-family: "Open Sans", Arial, sans-serif;
  font-size: .9em;
}

#app_view a{
  color: #0088cc;
}

#app_view .field{
  margin-bottom: 30px;
}

#app_view .field p{
  font-size: 1.1em;
}

#app_view h4{
  margin: 0px 0px 5px;
  font-size : 1.5em;
  color: #4e6386;
}

#app_view h5{
  margin: 20px 0px 5px;
  font-size : 1.3em;
  color: #888;
}

#app_view h6{
  margin: 10px 0px 5px;
  font-size : 1.1em;
  text-transform: none;
  color: #999;
}

#tabs .field .text_field_content{
  margin-top: 5px;
  border: 2px solid #ddd;
  padding: 10px;
}

#tabs-details td img,
#tabs-checklist td img,
#tabs-study-details td img,
#tabs-consent-debrief td img
{
  width: auto;
  height: auto;
  max-width: none;
}

#tabs-details .checklabel,
#tabs-checklist .checklabel,
#tabs-study-details .checklabel,
#tabs-consent-debrief .checklabel{
  vertical-align:middle;
}

#tabs-details .checklabel p,
#tabs-checklist .checklabel p,
#tabs-study-details .checklabel p,
#tabs #tabs-consent-debrief .checklabel p{
  font-size: 1.15em;
}

#tabs .ui-tabs-nav{
  font-size: .9em;
}

.police_tabs input{
  font-size: 14px !important;
}

.police_tabs .ui-tabs-panel a{
  color: blue !important;
  text-decoration: underline !important;
}

.short input{
  width: 30%;
}

.short label{
  display: inline;
}

.attach_file_loader,
.attach_link_loader,
.ajax_mini_loader{
  background: transparent url(../img/ajax-loader-small.gif) no-repeat 0 0;
  display: none;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
}

.ajax_mini_loader{
  display: block;
  float: right;
}

#existing_title{
  font-size: 1.5em;
  color: #333;
  border-bottom: 2px solid #ddd;
}

.asc_flag,
.desc_flag{
  padding-right: 15px;
  background: transparent url(../img/desc.png) no-repeat center right;
}

.asc_flag{
  background: transparent url(../img/asc.png) no-repeat center right;
}

#sub_app_links{
  position: relative;
  height: 20px;
  margin-bottom: 20px;
}

#sub_app_links .left,
#sub_app_links .right{
  position: absolute;
  top: 0px;
}

#sub_app_links .left{
  left: 0px;
}

#sub_app_links .right{
  right: 0px;
}

#ie8message{
  display: none;
  visibility: hidden;
}

.viewTotal{
  color: #53618b;
  font-size: 2.1rem;
}

.app_status_approved{
  color: green;
}

#right_col .icon_display{
  padding-left: 70px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;  
  min-height: 55px;
}

.police_table input{
  height: 30px;
  margin: 0px;
}

.police_table .chkbox,
.largechkbox{
  height: 30px !important;
  width: 30px !important;
}

.app_link,
.app_link_no_link{
  width: 24px;
  height: 24px;
  background: transparent url(../img/link-small.png) no-repeat center center;
  display: block;
  float: right;
}

.app_link_no_link{
  background: transparent url(../img/link-small-grey.png) no-repeat center center;  
}

.app_link:hover{
  background: transparent url(../img/link-small-highlight.png) no-repeat center center;
  cursor: pointer;
}

#application_relationship{
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px; 
  padding: 10px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  margin-bottom: 10px;

}

#application_relationship #inner_wrapper,
#application_relationship #inner_wrapper_external{
  background-image: url(../img/link-icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  min-height: 61px;
  padding-left: 70px;
}

#application_relationship #inner_wrapper_external{
  background-image: url(../img/link-icon-grey.png);
}

#application_relationship p{
  font-weight: bold;
  font-size: 1.1em;
  padding: 0px;
  margin: 0px;
  color: #3f516d;
}

#application_relationship p a{
  font-size: 0.8em;
  font-weight: normal;
}

#application_relationship p span{
  font-size: 0.8em;
}
#application_relationship p span a{
  font-size: 1em;
}


.reviewer_details{
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  font-size: 1.1em;
  margin-bottom: 8px;
}

.latest_comment,
#own_comment{
  border: 2px solid #ccd6d3;
  padding: 5px;
  border-bottom: 3px solid #b3bcb9;
  background: #f3f6f5;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px; 
}

.past_comments{
  border-top: 2px dotted #ccc;
  padding: 5px 0px;
  margin-bottom: 20px;  
}

.latest_comment .comment,
.past_comments .comment{
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-style: italic;
  color: black;
}

.latest_comment .comment_date,
.past_comments .comment_date{
  padding: 0px;
  margin: 0px;
  font-size: 0.75em;
  text-align: right;
}

.past_comments .comment{
  padding-left: 35px;
}
  
.past_comments .comment_date{
  border-bottom: 2px dotted #ccc; 
  padding-bottom: 5px; 
  padding-left: 35px;
}

.reviewer_details .approved,
.reviewer_details .rejected,
.reviewer_details .conditionally_approved,
.reviewer_details .not_decided,
.feedback_general{
  font-size: .8em;
  padding: 3px 8px;
  background: #666;
  color: white;
  border: 2px solid #444;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0 1px 1px 1px #A1A1A1;
  box-shadow: 0 1px 1px 1px #A1A1A1; 
}

.reviewer_details .approved,
.feedback_approved{
  background: #34a35e;
  border: 2px solid #2c8953;
  -webkit-box-shadow: 0 1px 1px 1px #b6d7c3;
  box-shadow: 0 1px 1px 1px #b6d7c3; 
}

.reviewer_details .rejected,
.feedback_rejected{
  background: #973c2b;
  border: 2px solid #7d3223;
  -webkit-box-shadow: 0 1px 1px 1px #e4c7c2;
  box-shadow: 0 1px 1px 1px #e4c7c2;   
}

.reviewer_details .conditionally_approved,
.feedback_conditionally_approved{
  background: #d3a424;
  border: 2px solid #ad891d;
  -webkit-box-shadow: 0 1px 1px 1px #e9e0c7;
  box-shadow: 0 1px 1px 1px #e9e0c7;   
}

.not_latest{
  font-size: .9em;
  font-style: italic;
  color: red;
}

#accordion .ui-widget-content a
{
  color: #0088cc;
}

#accordion
{
    font-family: "Open Sans", Arial, sans-serif;
}

.ui-datepicker {
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.renew_date_col{
  width: 100px;
}

.last_updated_col{
  width: 120px;
}

.expiry_date{
  width: 100%;
}

#application_relationship .app_related_to{
  font-size: .95em;
  border-top: 1px dotted #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

.beta_box{
  border: 2px solid #FCC765;
  font-size: .95em;
  font-weight: bold;
  background: #FFFFE3;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  
}

.days_warning{
  color: red;
}

.manage_documents_link{
  border: 0px;
  padding: 0px;
  margin:0px;
  display:inline;
  font-size: 1em;
  color: #0088cc;
  font-weight: bold;
}

.manage_documents_link:hover{
  text-decoration: underline;
}

.originalTextareaInfo{
  font-size: .8em;
  font-style: italic;
  color: #990000;
  width: 100% !important;
}

.stat_more_title:hover{
  cursor: help;
}

.app_alert{
  margin-top: 10px;
}

.checklist_detail{
  margin-top: 5px;
  padding: 10px;
  border: 2px solid #ccc;
  background: white;
}

.prepend_list{
  pointer-events: none !important;
}

.prepend_list td{
  padding:0px !important;
}

.prepend_list td h4{
  margin-top: 20px !important;
  font-weight: bold !important;
}