body.av_app {
  background-color : white !important;
  min-width : 260px; /* match the min-width of the throbber */
  height    : 100%;
}

#main {
  min-height : 100%;
  position   : relative;
}

div.child {
  padding        : 10px;
  padding-bottom : 275px !important;
}

div.footer {
  position : absolute;
  width    : 100%;
  height   : 243px !important;
  bottom   : 0;
  left     : 0;
}

div.page_header {
  font-size      : 20px;
  text-align     : center;
  vertical-align : top;
}

button.nav_button {
  border-radius    : 20px;
  background-color : #FFB6C1;
}

div.msg {
  width          : 99%;
  height         : auto;
  position       : absolute;
  top            : 100px;
  text-align     : center;
  vertical-align : center;
}

div.msg_close {
  position              : absolute;
  top                   : -5px;
  left                  : -5px;
  height                : 20px;
  width                 : 20px;
  background-color      : gray;
  color                 : white;
  cursor                : pointer;
  border                : solid 1px black;
  font-weight           : bold;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

div.msg_body {
  position              : relative;
  display               : inline-block;
  width                 : 300px;
  min-height            : 25px;
  padding               : 10px;
  white-space           : normal;
  font-size             : 14px;
  margin-left           : auto;
  margin-right          : auto;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
}

.view_doc {
  cursor                : pointer;
}

.status {
  text-align            : center;
  width                 : 50%;
  margin-left           : auto;
  margin-right          : auto;
  border                : solid 1px black;
  color                 : white;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
  border-radius         : 8px;
  white-space           : normal;
  font-size             : 15px;
}

.success {
  background-color      : #66CC66;
  color                 : black;
  display               : block !important;
  font-size             : 18px;
  padding               : 10px;
}

.error {
  background-color : red;
  padding          : 3px 5px;
}

.none {
  display : none !important;
}

/*----------------------------------------------------------------------------
** Pretty Errors
**
*/
div.pretty_errors {
  border           : solid 1px gray;
  background-color : red;
  color            : white;
  min-width        : 200px;
  max-width        : 400px;
  display          : none;
  position         : fixed;
  top              : 5px;
  font-size        : 14px;
  font-weight      : bold;
  white-space      : normal;
  padding          : 2px;
}

div.error_ack {
  display : inline-block;
  padding : 2px;
  cursor  : pointer;
}

div.error_text {
  display : inline-block;
  padding : 5px;
}


/*---------------------------------------------------------------------------
** Smart Search styles
**
*/
ul.auto_search_list {
  list-style-type       : none;
  -webkit-padding-start : 0px;
  margin-top            : 2px;
  margin-left           : 2px;
  cursor                : pointer;
  text-align            : left;
}

li.auto_search_category {
  padding-left  : 3px;
  font-weight   : bold;
}

li.auto_search_entry {
  padding-left  : 2px;
}

li.auto_search_entry:hover {
  background-color : #CCCCCC;
}

div.auto_search_results {
  width            : 500px;
  height           : 200px;
  position         : absolute;
  background-color : #FFFFFF;
  border           : 1px solid #888888;
  overflow-y       : auto;
}

li.auto_search_selected {
  background-color : #888888;
  color            : #FFFFFF;
}

/*------------------------------------
** 
** USPS address selector styles
*/
div.address_selector {
  background-color : gray;
  text-align       : left;
  width            : 300px;
  font-size        : larger;
  background-color : gray;
}

button.address_selector {
  display      : block;
  font-size    : 18px;
  border       : solid 1px gray;
  padding      : 5px 10px;
  margin       : 2px;
  width        : 300px;
  margin-left  : auto;
  margin-right : auto;
  cursor       : pointer;
}

/*-----------------------------------------------------------------------------
**
** IM style messages back and forth
*/

ul.messages {
  width      : 100%;
  padding    : 2px;
  box-sizing : border-box;
}

li.message {
  width   : 100%;
}

span.message_user {
  font-size : 10px;
  position  : absolute;
  top       : 2px;
  left      : 2px;
}

div.message {
  position           : relative;
  border             : solid 1px black;
  margin             : 2px;
  padding            : 2px;
  padding-top        : 10px;
  padding-left       : 5px;
  -moz-border-radius : 4px 4px 4px 4px;
  border-radius      : 4px 4px 4px 4px;
  color              : black;
}

div.message_self {
  margin-left      : 20px;
  background-color : #E6F7FF;
}

div.message_received {
  margin-right     : 20px;
  background-color : #E6FFFF;
}

A.message_link {
  color             : blue;
  font-weight       : bold;
  font-size         : 11px;
  cursor            : pointer;
}

A.message_link:hover {
  text-decoration : underline;
}

div.message_chain_subject {
  width             : 100%;
  padding           : 3px 0px;
  font-size         : 15px;
  font-weight       : bold;
}

div.message_chain_viewer {
  height            : 350px;
  overflow-y        : auto;
  border-radius     : 10px;
  background-color  : #CCCCCC;
  padding           : 5px;
  box-sizing        : border-box;
}

div.message_chain_controls {
  padding-top : 15px;
}

div.message_entry {
  position          : relative;
  padding           : 3px 0px;
}

div.message_links {
  text-align        : center;
}

div.message_container {
  padding-top       : 5px;
  padding-bottom    : 10px;
}

div.message {
  width             : 90%;
  white-space       : pre-wrap;
  padding           : 2px 5px;
  cursor            : pointer;
}

div.exclude_patient {
  background-color  : inherit !important;
  color             : gray;
  font-style        : italic;
  border            : none;
}

div.exclude_patient.message_self {
  text-align        : right;
}

div.exclude_patient.message_received {
  text-align        : left;
}

div.message_self {
  margin-right      : 0px;
  margin-left       : auto;
}

div.message_received {
  margin-right      : auto;
  margin-left       : 0px;
}

div.message_subject {
  font-weight       : bold;
  white-space       : nowrap;
  text-align        : center;
}

A.message_forward {
  text_align        : right;
}

div.message_name {
  font-weight       : bold;
}

div.message_name_self {
  margin-right      : 0px;
  margin-left       : auto;
  text-align        : right;
}
div.message_name_received {
  margin-right      : auto;
  margin-left       : 0px;
  text-align        : left;
}

div.message_sub {
  font-size         : 9px;
  font-color        : #EEEEEE;
  padding           : 0 10px;
}

div.message_sub_self {
  text-align        : right;
}

div.message_sub_received {
  text-align        : left;
}

div.message_time {
  display   : inline-block;
  font-size : 11px;
}

div.message_vis {
  display : inline-block;
}

img.recipients_icon {
  height         : 11px;
  width          : 11px;
  vertical-align : middle;
  padding        : 0px 5px;
}