/* Copyright 2006, eCare Software LLC, Roswell GA.  All Rights Reserved. */

/* - - - - - - - - - - - - - - - General - - - - - - - - - - - - - - - - - - - -*/
body {
  font: "lucida sans",arial,helvetica,sans-serif;
  color:#211E1E;
  overflow-y:auto;
  height:100%;
}

#jsDisabled {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: red;
  border: 2px solid black;
}

.content {
  z-index:0;
  padding-top:75px;
  background:#fff;
}

#menuless {
  background: #fff url(../images/bg-main.png) 0px -70px repeat-x fixed;
  background-attachment:fixed;
}

#two_menu #page_menus {padding-top:73px;}
* html #two_menu #page_menus {padding-top:0px;}
#two_menu .content {padding-top:93px;}

#three_menu #page_menus {padding-top:73px;}
* html #three_menu #page_menus {padding-top:0px;}
#three_menu .content {padding-top:153px;}

#bd {padding:5px 0px 0px 0px;}

/* - - - - - - - - - - - - - - - noscroll top piece - - - - - - - - - - - - - - - - - - - -*/
#noscroll {
  width:100%;
  position: fixed;
  z-index: 20;
  top:0;
  left:0;
  display:block;
}

/* fixes for IE */
* html div#noscroll {position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);}
* html, * html body {background: #fff url(../images/blank.gif) fixed;}

#hat {
  text-align: center;
  width:100%;
  position: fixed;
  z-index: 20;
  top:0;  
  background: transparent url(../images/bg-main.png) bottom left repeat-x;  
}

.top {
  width:976px;
  background: transparent url(../images/bg-main.png) bottom left repeat-x;
  margin: 0 auto;
}

.top .logo {
  position:relative;
  display:inline;
  float:left;
  top: 5;
  left:0;
}

.top .user_info {
  padding: 8px 0px 7px 0px;
  width: 100%;
  text-align:right;
  color:#fff;
  font-size:108%;  
}

.top .user_info ul li{
  display:inline;
  padding: 0px 0px 0px 20px;
  color:#999;
}

.top .user_info ul li .first{
  list-style-type:none;
}

.top .user_info a {
  color:#fff;
  text-decoration:none;
}

.top .user_info a:hover {
  text-decoration:underline;
}

.top .navset {
  clear:left;
  padding: 1px 0px 0px 0px;
}

#hd h1.message {
  color:#fff;
  padding:3px 0 3px 0;
  font-weight:normal;
  font-size:138.5%;
}

#page_menus {
  width:976px;
  margin: 0 auto;
  text-align:center;
}

/* - - - - - - - - - - - - - - -  tabs  - - - - - - - - - - - - - - - - - - - -*/

/* primary tabs */
.navset {font-size:131%; margin-top:0px; z-index:21; width:100%;}
.navset h3, .navset h4 {position:absolute;left:-1000em;margin:0;}
.navset .hd li.orphan, .navset .hd li.orphan a {color:#fff;}

/* These should be good */
.primary_tab em {
  font-style: normal;
  display: block;
}

.primary_tab a {
  color: #fff;
  height: 35px;
}
.primary_tab a:hover {
  background: transparent url(../images/bg-main.png) 0px -35px repeat-x;
  text-decoration: none;
}
.current_primary_tab a {
  background: transparent url(../images/bg-main.png) 0px 0px repeat-x;
}

/* secondary tabs */
.navset .bd li, .navset .bd li a {
  color:#669;
  cursor: pointer; 
  cursor: hand;
}
.navset li.on a {
  font-weight:bold; 
  color:#930;
  padding-bottom: 1px; 
  border-bottom: 2px solid #930;
  cursor: pointer;
  cursor: hand;
}

/* shared pri and sec */
.navset a {text-decoration:none;}
.navset ul, .navset li {margin:0;padding:0;list-style:none;}
.navset li {float:left;display:inline;}
.navset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.navset ul {zoom:1;} /* clear IE */
.navset .bd em {font-weight:bold;}

/* primary tabs */
.navset .hd ul {font-weight:normal;font-size:77%;margin-bottom:0px;padding-left:0px;position:relative;}
* html .navset .hd li a {height:35px; cursor: pointer; cursor: hand;}
.navset .hd li.on strong a {cursor: pointer; cursor: hand;}
.navset .hd li a, .navset .hd li strong, .navset .hd li em {display:block;}
* html .navset .hd li a,
* html .navset .hd li strong, 
* html .navset .hd li em {display:inline-block; cursor: pointer; cursor: hand;}  /* IE: 100% clickable */
.navset .hd li em {font-style:normal;padding:8px 10px 8px 10px;margin:0px;}
* html .navset .hd li em {padding:7px 10px 6px 10px;}
/* secondary tabs */
.navset .bd {padding:0px 0px 15px 0px;}

.navset .bd a:hover {
  text-decoration:none;
  padding-bottom: 1px; 
  border-bottom: 2px solid #669
}

/* this width is causing the grey scroll bar issue in FF */
.navset .bd ul {font-weight:bold;font-size: 77%; background-color:#fff; width:100%;}
.navset .bd li {display:inline;padding:3px 10px 3px 10px;}
.navset .bd li.first {padding-left:0;border:0;}


/* tert tabs*/
.navset ul.third_menu a:hover {
  text-decoration:none;
  padding-bottom: 1px; 
  border-bottom: 2px solid #669
}
.navset ul.third_menu {font-weight:bold;font-size: 77%; background-color:#fff; width:100%; padding:0px 0px 15px 0px;}
.navset ul.third_menu {display:inline;padding:3px 10px 3px 10px;}
.navset ul.third_menu.first {padding-left:0;border:0;}

/* - - - - - - - - - - - - - - headers - - - - - - - - - - - - - - - - - - - -*/

.header {
  position:relative;
  height:80px;
}

.header .logo {
  position:absolute;
  top: 5;
  left:0;
}

table.dashboard {
  background-color:#6e6e6e;
  color:#fff;
}

table.dashboard td {
  padding: 5px;
  border-bottom: 1px dotted #222;
}

table.dashboard td a {
  text-decoration: none;
  color: white;
}

td.number {
  text-align: right;
}

td.bottom { height:156px; }

/* - - - - - - - - - - - - - - - headings - - - - - - - - - - - - - - */
#hd {font-family:Georgia, "Times New Roman", Times, serif;}
h1.title { 
  color: #930; /* red */ 
  font-size: 153.9%; 
  font-weight: normal; 
  border-bottom: 2px solid #930; 
  margin-bottom: 4px;
  text-align: left;
}

h2.name { 
  color: #930;   
  font-weight: normal; 
  margin: -35px 0 26px 0; 
  width: 99%; 
  text-align:right;
  background:transparent;
}

h2.white { 
  color: #fff; 
  padding:15px; 
}

h2 { 
  background-color:#4D6880; 
  color:#fff; 
  font-size: 138.5%;  
}

h3 { 
  color: #222; 
  font-weight: bold; 
  padding-bottom: 10px; 
  font-size: 123.1%;  
}

.black { color:#211E1E; font-weight:bold; }

hr{margin:20px 0px;}

body.leftpadten {
  padding: 0px 0px 0px 10px;
}

/* - - - - - - - - - - - - - Account Form  - - - - - - - - - - - - - - - - -*/
#account_form {
  margin-top:5px;
}
#account_form label {
  font-size: 116%;
  width: 5em;
  float: left;
  text-align: left;
  margin-right: 0.5em;
  display: block
}

#account_form input {
  font-size:116%; 
}

#account_form p {
  clear: left;
  margin-bottom: .6em;
  font-size: 108%;
}

#account_form .standard_button {
  background: url(/images/btn-generic.jpg) top left no-repeat;
  border: none;
  color: #fff;
  margin:0px;
  padding: 2px 10px 2px 10px;
  cursor: pointer;
  width: 110px;
  font-size: 108%;
}

/* Make IE play nice */
* html #account_form .standard_button {
  background-position:0px 6px;
}

/* - - - - - - - - - - - - - Left Side Form  - - - - - - - - - - - - - - - - -*/
div.adminforms label{
  float: left;
  width: 200px;
  font-weight: bold;
}

div.adminforms label.long{
  width: 400px;
}

div.adminforms label.med{
  width: 300px;
}

div.adminforms .hint{
  font-size:77%;
  width:383px;
  text-align:right;
  margin-top:-5px;
}

div.adminforms input, textarea{
  width: 180px;
  margin-bottom: 5px;
}

div.adminforms textarea{
  width: 250px;
  height: 150px;
}

div.adminforms .boxes{
  width: 1em;
}

div.adminforms br{
  clear: left;
}

div#document_forms form {
  width: 800px;
}

div#document_editor_wrapper {
  display: inline;
  float: left;
  width: 680px;
  margin-right: 20px;
  margin-bottom: 20px;
}

textarea#document_template_src {
  width: 700px !important;
  height: 450px !important;
}

div#data_mappings_wrapper {
  border: 1px solid black;
  display: block;
  margin-left: 20px;
  height: 450px;
  width: 250px;
  overflow: auto;
}

div.adminforms #buttons {
  background:url(/images/btn-generic.jpg) top left no-repeat;
  border: none;
  color:#fff;
  padding: 0.175em 0.4em 0.4em 0.4em;
  cursor:pointer;
  width:110px;
  font-size:100%;
}

input#buttons {
  background:url(/images/btn-generic.jpg) top left no-repeat;
  border: none;
  color:#fff;
  padding: 0.175em 0.4em 0.4em 0.4em;
  cursor:pointer;
  width:110px;
  font-size:100%;
}

* html input#buttons {
background-position:0px 5px;
}

/* text in text box/area */
html>body select, html>body input, html>body textarea {
  border:1px solid #4D6880;
}

.fbutton {border:none;}

body * {line-height:1.6em;}

h2 {
  line-height: 1em;
  padding:7px;
  margin:10px 0px;
}

p {
  line-height: 1em;
  font-size: 93%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body table td {padding-bottom:0.2em;}  /* eg Admissions -> General   */

.row-tint {background-color: #ccc; height:20px}
.row-none {background-color: #fff; height:20px}

/*.row-tint {background-color:#eaebef; height:20px}
.row-none {background-color:#ffffff; height:20px}*/

.res-tbl-0 table {border:thin black;}
.res-tbl-0 thead {background-color:#211E1E; color:#fff;font-weight:bold; font-size:123.1%;}
.res-tbl-0 td, .res-tbl-0 th {padding-left:10px; padding-right:10px;}

/* Census Report */
.wide_tbl table {border:thin black;}
.wide_tbl thead {background-color:#211E1E; color:#fff;font-weight:bold; font-size:93%;}
.wide_tbl .payer_header {background-color:#211E1E; color:#fff;font-weight:bold; font-size:93%;}
.wide_tbl .day_header {background-color:#211E1E; color:#fff;font-weight:bold; font-size:93%;}
.wide_tbl td, .wide_tbl th {padding-left:5px; padding-right:5px; font-size:93%}

.tiny_lbl {font-size: 100%;}

/* TODO - delete this remnant of YUI cals when DoB moves to purdue cals */
.calendar, .calbordered .title {font-size:100%; border-collapse:separate;}
.calheader {text-align:center;}
.calendar a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

/* reduce font size for all text below the tabs. */
/* center the save button at the bottom of Admissions page. 2006.07.14 */
.yui-b {font-size:93%;}
.yui-b .rjp-save, .centered, div .centered {text-align:center;}

div .centered {padding-top:20px;}
#signout {color:white;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* Auto Complete */
div.auto_complete {background:#fff;}
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none;}
div.auto_complete ul li {margin:0; padding:3px;}
div.auto_complete ul li.selected {background-color: #ffb;}
div.auto_complete ul strong.highlight {color:#800; margin:0; padding:0;}

/* - - - - - - - - - - - - - - - - - - Redbox popup  - - - - - - - - - - - - -*/

div.popup { 
  border: 10px solid #4D6880; 
  padding:0 0 10px 0; /*IE6 doesn't support border-spacing*/
}

div.popup div.close {
  /*position: absolute;*/
  margin: 0;
  padding: 0;
  /*width: 600px;*/
  text-align: right;
}
*html div.popup div.close { width:596px; }
div.popup div.close a {
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  border: 1px solid #fff;
}
div.popup div.close a:hover {
  color:#4D6880;
  text-decoration:none;
  border: 1px solid #fff;
  background-color:#fff;
}
div.popup h1 {
  font-size: 123.1%;
  text-align:left;
  color:#fff;
  background-color:#4D6880;
  padding: 10px 10px 20px 10px;
  margin-bottom:-15px;
  width: 600px;
}
*html div.popup h1 { width: 596px; }
div.popup td { padding:3px; }
div.popup table { margin:10px; border:thin black;}
div.popup table th {
  border: 0;
  text-align: center; 
}

/* - - - - - - - - - - - - - - - - Clearing div - - - - - - - - - - - - - - - - - - */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	min-height: 1px;
}

* html .clear {
	height: 1px;
}

/* - - - - - - - - - - - - - - - - - - Redbox popup (2) - - - - - - - - - - - - -*/

div.popup2 { 
  border: 10px solid #4D6880; 
  padding:0 0 10px 0; /*IE6 doesn't support border-spacing*/
}

div.popup2 h1 {
  color: #fff; /* white */
  background-color: #4D6880; /* slate blue */
  padding: 5px 5px 5px 5px;
}

div.popup2 h1 .popup_title {
  float: left;
  font-size: 123.1%;
}

div.popup2 h1 .popup_close {
  float: right;
  text-decoration: none;
  border: 2px solid white;
}

div.popup2 h1 .popup_close a {
  color: #fff;
  text-decoration: none;
}

div.popup2 div.popup_content {
  margin: 10px;
}

div.popup2 form {
  margin-top: 8px;
  text-align: center;
}

div.popup2 div.popup_controls {
  margin-top: 8px;
  text-align: center;
}


/* ---------------------------------- Admit pages -----------------------------*/
.resident_data th {
  font-weight: bold;
  padding-right: 5px;
}

.resident_data td {
  padding-right: 5px;
}

input.date {
  width: 7em;
}

/* -------------------------------- Contacts tab -------------------------------*/

ul#contacts_by_service_list li.provider_service {
  margin-bottom: 10px;
}

ul#contacts_by_service_list li.provider_service .service_name {
  font-weight: bold;
  color: #fff;
  background: #000;
  font-size: 108%;
  padding: 5px;
}

ul#contacts_by_service_list ul.contacts_list {
  color: #000;
  background: #fff;
  font-style: normal;
  font-size: 100%;
  margin-left: 10px;
}

ul#contacts_by_service_list ul.contacts_list li.primary {
  font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

table tbody tr.row-hidden td { display:none; }

form span.checkbox_with_lead { width: 16px; float:left; }

/* - - - - - - - - - - - - - - - - - - Sortable tables - - - - - - - - - - - -*/

table.sortable a.sortheader {
  color:white;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
table.sortable span.sortarrow {
  color: white;
  text-decoration: none;
}

/* - - - - - - - - - - - - - - -  table row highlighting - - - - - - - - - - -*/

tr.tableRollOverEffect1 a,
tr.tableRowClickEffect1 a { color:#222; }

tr.tableRollOverEffect1,
tr.tableRowClickEffect1   { color:#222; background-color:#FFFB91; }

/* - - - - - - - - - - -  paragraph styles - - - - - - - - - - - - - - */
p.instruction {
  margin-bottom: 5px;
}

/* - - - - - - - - - - Error and message display - - - - - - - - - - */
div.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}

.notice {
  border: 3px solid #600;
  background-color: #999;
  padding: 5px;
  margin-bottom: 5px;
  font-weight: normal;
  margin-top: 2px;
  color:#fff;
}

#notice-inline {
  width: 20%;
  font-weight: normal;
}

/* - - - - - - - - - - Company Reports - - - - - - - - - - - - */
table.company_report {
  border-collapse: collapse;
  border: 2px solid black;
  width: 100%;
}

table.company_report th {
  font-weight: bold;
  color: darkblue;
  background: lightgrey;
  border-bottom: 1px solid black;
}

table.company_report td,
table.company_report th {
  border: 1px dashed black;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}

.company_report .facility_name {
  text-align: left;
  font-weight: bold;
}

.company_report .warning_highlight {
  color: red;
}

.company_report .totals_row {
  font-weight: bold;
  border-top: 1px solid black;
}

.company_report table .name {
  text-align: left;
  font-weight: bold;
}

.company_report tbody td.numeric {
  text-align: right;
}

p.report_warnings {
  color: red;
  text-align: right;
}

/* - - - - - - - - - - - - - Admin Forms - - - - - - - - */
#docs tr td{
	margin:1px;
}

/* - - - - - - - - - - - - - - - General - - - - - - - - - - - - - */
.overhead_label {
  font-weight: bold;
}

/* - - - - - - - - - - - - - - - Residents - Contacts - - - - - - - - - - - - - */
div#contacts_left_side {
  float: left;
  width: 60%;
}

div#contacts_right_side {
  float: right;
  width: 38%;
}

/* - - - - - - - - - - - - - - - Bottom of table counts - - - - - - - - - - - - - */
#table_counts {
  margin-top: 10px;
}

#table_counts .table_count {
  margin-right: 1em;
}

table.flow_grid td {
  padding-right: 1em;
}

li.stab {
  font-weight: bold;
}

li.disabled {
  color: #ccc !important; /* Force the color */
  font-weight: bold;
}

/* - - - - - - - - - - - - - - - Forms - - - - - - - - - - - - - */
/* Controls containing numeric data. */
.numeric {
  text-align: right; 
}

table tfoot tr {
  border-top: 1px solid black;
}

table tfoot th.name {
  text-align: left;
}

table tfoot th.numeric {
  text-align: right;
}

table.change_history td {
  padding-right: 20px;
}

input[type=checkbox] {
  width: 16px;
}

/* Tables used to layout forms */
table.form_table {
  border: 0;
  background-color: white;
}

/* Cell used for labels and field prompts */
table.form_table td.label {
  text-align: right;
  font-weight: bold;
  border: 0;
  background-color: white;
}

table.form_table td {
  border: 0;
  background-color: white;
}

/* - - - - - - - - - - - - - - - partial-scaffold - - - - - - - - - - - - - */
pre {
  background-color: #fff;
  padding: 10px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 93%;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 93%;
  list-style: square;
}

div#errorExplanation {
  border-bottom: 1px solid gray;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid rgb(200,200,200);
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/***** Ajax indicator ******/
#ajax-indicator {
position: absolute; /* fixed not supported by IE */
background-color:#eee;
border: 1px solid #bbb;
top:35%;
left:40%;
width:20%;
font-weight:bold;
text-align:center;
padding:0.6em;
z-index:100;
filter:alpha(opacity=50);
opacity: 0.5;
}

html>body #ajax-indicator { position: fixed; }

#ajax-indicator span {
background-position: 0% 40%;
background-repeat: no-repeat;
background-image: url(../images/loading.gif);
padding-left: 26px;
vertical-align: bottom;
}