@import "common.css";
/* Begin General Styles */
BODY {
  font: normal .9em  Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
:root {
  --link-color: #a4c642;
}
FORM {
    margin: 0;
}
A, A:LINK, A:VISITED, A:ACTIVE {
  color: #a4c642;
}


/* Clear fix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* End General Styles */


/* Begin Top Bar */
#dev-bar {
    background-color: red;
    display: inline-block;
    color: white;
    text-align: center;
    padding:0px 20px;
    margin-right: 20px;
}

/* bar across the top */
DIV#topbar {
  margin-top: 5px;
}
DIV.top_right1 {
    float: right;
    margin-right: 40px;
}
DIV.top_right1 * {
  vertical-align: middle;
}

#group_division_bar {
}
DIV#group_selector {
  color: #222266;
  font: 13px/27px Arial, Helvetica, sans-serif;
  height: 32px;
  float: left;
  padding-right: 5px;
  line-height: 25px;
}
SELECT.current_group {
    width: 270px;
}
#top_group_text {
    width: 270px;
    display: none;
}
A.change_group_selector {
    padding: 0px 5px 0px 5px;
    border: 1px solid #000;
    background: #EEEEEE;
    text-decoration: none;
    color: black;
}

DIV#division_selector {
    float: left;
    line-height: 19px;
}
SELECT.current_division_code {
    width: 150px;
}
#change_division_placeholder {
    width: 150px;
}
DIV.current_issue {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    border: 1px solid #CCC;
    padding: 0px 10px 0px 10px;
    background: #EEEEFF;
    font: 15px/32px Arial, Helvetica, sans-serif;
}
DIV.current_issue IMG {
    vertical-align: middle;
}
A.selected_issue {
    color: #036;
    text-decoration: none;
    display: inline-block;
    vertical-align: baseline;
}
/*/////////////////////////////////////////////*/
A.issue_tracker {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    width: 32px;
}
DIV.customer_care_contact {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    border: 1px solid #CCC;
    padding: 0px 10px 2px 25px;
    background: url("../images/phone_icon.png") #EEEEFF;
    background-repeat: no-repeat;
    font: 15px/27px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

DIV.loggedin {
    padding: 0 5px 0 5px;
    color: #000;
    margin-top: 5px;
    font: 13px/27px Arial, Helvetica, sans-serif;
    text-align: right;
}
/* End Top Bar */

/* Begin Ribbon */

#ribbon_container {
  display: none;
}
#ribbon {
  border: none;
}

#ribbon LI.attention {
  color: red;
  background-image: url("../images/attention_tab.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 14px;
}

#ribbon UL.ui-tabs-nav {
    background-color: #A4C642;
    background-repeat: repeat-x;
}
#ribbon .ui-state-default {
    background-color: #939598;
    background-image: none;
    border-color: #2c6dcf;
}
#ribbon .ui-state-default A {
    color: #EEEEEE;
}
#ribbon .ui-state-active A {
    color: #000000;
}
#ribbon .ui-tabs-selected {
    background-color: #eee;
    background-image: none;
}
#ribbon .ui-tabs-panel {
    background-color: #eee;
    border-bottom: 1px solid #AAA;
    padding: 0;
}
A.ribbon_icon_48 {
    display: block;
    height: 60px;
    width: 64px;
    font: 12px sans-serif;
    color: #666;
    text-decoration: none;
    text-align: center;
    float: left;
}

FORM.ribbon {
    float: left;
    margin: 0;
    padding: 0;
}
A.ribbon_icon_48:HOVER {
    background: #fffce3;
}
DIV.ribbon_page {
    height: 81px;
}
DIV.ribbon_panel {
    float: left;
    padding: 0px;
}
DIV.ribbon_content {
    height: 60px;
    line-height: 22px;
    padding: 5px 5px 0 5px;
    border-right: 1px dashed #AAA;
}
DIV.ribbon_label {
    border: 1px solid #CCCCCC;
    border-bottom: none;
    height: 15px;
    background: #DDDDDD;
    font: 13px sans-serif;
    color: #777777;
    text-align: center;
}
A.ribbon_label {
    font: 13px sans-serif;
    color: #777777;
    text-decoration: none;
}
DIV.patient_global_search {
    text-align: right;
    padding-right: 55px;
    color: #666;
    font-size: .9em;
}
/* End Ribbon */
/* Begin Footer */
#footer {
    color: #CCCCCC;
    font: normal 10pt Arial, Helvetica, sans-serif;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    border-top: medium inset #AAAAFF;
}
#footer DIV {
    margin-top: 10px;
}
#footer A {
    color: #CCCCCC;
}
#footer A:HOVER {
    color: #FFFFFF;
}
/* End Footer */

/* Begin Bread crumbs */
UL.breadcrumbs {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
}
UL.breadcrumbs li {
    display: inline;
    float: none;
    text-align: left;
    height: 30px;
    margin: 0 10px 0 0;
}
LI.cbreadcrumb {
    font: bold 14px Arial, Helvetica, sans-serif;
}
A.breadcrumbs {
    color: #a4c642;
    text-decoration: none;
}
A.breadcrumbs:HOVER {
    text-decoration: underline;
}

/* End bread crumbs */

/* Begin Content Layout */

#content_container {
  display: flex;
}
#content {
    margin-right: 20px;
    padding: 10px;
}

.helpbox {
    border: 1px solid #DDDDDD;
    padding: 1em;
    background: #FFFFAE;
    color: #222222;
}
.helpbox-right {
    border: 1px solid #DDDDDD;
    padding: 1em;
    background: #FFFFAE;
    color: #222222;
    font-size: .8em;
    float: right;
    max-width: 40%;
    margin-bottom: 1em;
    clear: both;
}

/* For if you dont want the left menu. Derive from theme and use this. */
#menuless_content {
  margin: 0px 2em 2em 2em;
}

/* Begin Side Menu */
#sidemenu {
    width: 159px;
}

#sidemenu UL.out {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-top: 0px;
    padding-top: 0px;
}

#sidemenu UL {
    list-style: None;
    padding-bottom: 15px;
    padding: 0 0 15px 10px;
}
#sidemenu LI {
  margin-top: 2px;
  margin-bottom: 2px;
}
#sidemenu A {
    display: block;
    border: 1px solid #FFF;
    text-decoration: none;
    font: 14px/22px sans-serif;
    color: #a4c642;
}
#sidemenu A.t {
    border-bottom: 1px solid #AAAAAA;
    font: bold 13px/22px sans-serif;
    color: #000;
}
#sidemenu DIV.t {
    font-weight: bold;
    border-bottom: 1px solid #AAAAAA;
    font: bold 13px/22px sans-serif;
}
#sidemenu A:HOVER {
    background: #EEEEFF;
    border: 1px solid #CCCCEE;
}
/* End Side Menu */
DIV.side_menu_header {
    color: #000000;
    font: normal 1.2em sans-serif;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-top: 1px solid #456AA5;
}
DIV.side_menu_active {
    background-color: #191970;
    background: url("/images/menubgi.png");
    color: #FFFFFF;
    border-left: 1px solid #456AA5;
}
DIV.side_menu_inactive {
    background-color: #f2f384;
    background-color: #eeeeee;
    border-left: 1px solid #456AA5;
}
DIV.side_menu_inactive:HOVER {
    background-color: #FFD700;
}
.side_menu {
    background: #FFFFFF;
    margin: 0px;
    border-left: 1px solid #456AA5;
}
DIV.side_menu_header:HOVER {
    cursor: pointer;
}
TD.side_menu_label {
    color: #000000;
    font: normal 10pt sans-serif;
}

DIV.right_pane_menu {
    background-color: #FFFFFF;
    border: 1px solid #456AA5;
    border-left: none;
}
DIV.right_pane_menu_header {
    color: #FFFFFF;
    background: #454545;

    font: normal 1.2em sans-serif;
    padding: 10px 10px 5px 10px;
    text-decoration: none;
    border-left: 1px solid #456AA5;
    border-bottom: 1px solid #456AA5;

}
SPAN.expired,
DIV.expired {
    font: normal 1.1em sans-serif;
    background-color: red;
    color: white;
    padding: 2px 10px 2px 10px;
    border-left: 1px solid #456AA5;
}

DIV.right_pane_menu UL {
    list-style: none;
    padding-left: 0px;
}

DIV.right_pane_menu LI {
    padding: 3px 0px 3px 20px;
}
DIV.right_pane_menu LI:HOVER {
    background-color: #FFD700;
    cursor: pointer;
}
DIV.right_pane_menu A {
    text-decoration: none;
    color: #000000;
}

DIV.maintabs {
    margin-top: 40px;
}
/* End Content Layout */

/* Begin Home Menu */
DIV.hmenuitem {
    float: left;
    width: 200px;
    height: 80px;
    margin: 0px 30px 20px 30px;
}
DIV.hmenuicon {
    float: left;
    width:  32px;
}
DIV.hmenuinfo {
    float: left;
    width: 158px;
    margin-left: 10px;
}
A.tmenu {
    text-decoration: none;
    font-weight: bold;
    color: #222266;
}
A.tmenu:HOVER {
    color: #00F;
    text-decoration: underline;
}
DIV.hmenu DIV.desc {
    padding-top: 5px;
    font: normal .9em Helvetica, Arial, sans-serif;
}
/* End Home Menu */


/* Begin Content elements */

P {
}

H1 {
    margin-top: 1em;
    font-size: 2em;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #AAA;
    margin-bottom: .3em;
}
A.inline {
    font-size: 10pt;
}
H2 {
    margin-top: 1em;
    font: normal 1.6em Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #444444;
    color: #444444;
}
H3 {
    margin-top: 1em;
    font-size: 1.45em;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #a4c642;
}
/* End Content elements */

/* End New Theme */

#header {
  width: 950px;
  height: 90px;
}

#headerIMG {
  width: 950px;
  height: 221px;
}

#bottomContainer {
  width: 651px;
  float: left;
}
#sidebar {
  width: 327px;
  height: 123px;
  float: left;
}
#sidebar01 {
  width: 327px;
  height: 42px;
}
#sidebar02 {
  width: 327px;
  height: 41px;
}
#sidebar03 {
  width: 327px;
  height: 40px;
}
#centerBox {
  width: 324px;
  height: 123px;
  float: right;
  background: url(../images/testimonialsBG.jpg) no-repeat;
}
#centerHeader {
  height: 27px;
  width: 324px;
  background:url(../images/testimonials_header.jpg) no-repeat;
}
#centerContent {
  height: 71px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #fff;
  margin:5px;
}
#centerBtm {
  height: 16px;
  margin: 0 0 0 5px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #fff;
}
#contentTopBarHolder {
  width: 100%;
  height: 32px;
}
.contentHeaders {
  font: 18px Arial, Helvetica, sans-serif;
  color: #00b3d8;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
}
#rightBox2 {
    background: url(../images/secondary_sidebarBG.jpg)
                fixed center bottom repeat-x #515151;
}
#notefooter {
    color:#666;
    font:normal 1.0em sans-serif;
    margin-bottom:10px;
    width: 400px;
}

#missionStatement {
  margin: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
  width: 631px;
  height: 114px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #333;
  background:url(../images/missionStatement_bg.jpg) no-repeat;
}
.missionHeader {
  font: 18px Arial, Helvetica, sans-serif;
  color: #333;
  font-weight: bold;
}
#missionStatement p {
  margin: 0;
  padding: 4px;
}
tr.eventsRow:hover {
  background: #797979;
  color: #333;
}
tr.eventsRow.highlighted {
  background: #797979;
  color: #333;
}
.blue {
  background-color: #cdedf8;
  font: 14px Arial, Helvetica, sans-serif;
  color: #333;
}
.white {
  background: none;
  font: 14px Arial, Helvetica, sans-serif;
  color: #333333;
}
A.side-menu-header {
    color: #FFFFFF;
    font: bold 1.2em Arial, Helvetica, sans-serif;
}
.required {
    color: #FF0000;
}
TABLE.pager {
    border-collapse:collapse;
    border: 1px solid #000;
    margin-top: 20px;
}
THEAD.pager {
    background: #444444;
    color:#FFFFFF;
}
DIV#newsbar {
    font:bold 1.0em Arial, sans-serif;
    padding: 10px 10px;
    text-align: center;
}
.news-aqua {
    background: #66CCCC;
}
.news-green {
  background: #66CD00;
}
.news-orange {
    background: #FF6600;
    color:#FFFFFF;
}
.news-purple {
    background: #4B0082;
    color:#FFFFFF;
}
.news-yellow {
  background: #FFB00F;
}
DIV#newsbar A {
  color: #FFFFFF;
}
DIV.error {
    background:#CC0000;
    color:#FFFFFF;
    font:bold 1.0em Arial, sans-serif;
    padding: 5px 10px;
}
SPAN.error {
    background:#CC0000;
    color:#FFFFFF;
    font:bold 1.0em Arial, sans-serif;
    padding: 5px 10px;
}
DIV.msg {
    background: #060;
    color: #FFF;
    font: bold 1.0em Arial, sans-serif;
    padding: 5px 10px;
}
DIV.notifications {
}
DIV.cont {
    padding: 4px 3em 1em 3em;
}
.sspace {
    border-top: 1px solid #CCC;
    padding-top: 10px;
    text-align: center;
}
.row-0 {
    background: #DDD;
}
.row-1 {
    background: #EEE;
}
.print-show {
    text-align: center;
    background: #EFEFEF;
    color: #EFEFFE;
}
/* Form Elements */
DIV.block1 {
    margin-bottom: 2em;
}
TABLE.info {
    border: 1px solid #aaaaaa;
    background-color: #FFFFFF;
}
TABLE.info TD.numeric {
    text-align: right;
}
TD.subheader {
    text-align: left;
    font-size: 1.1em;
    font-family: sans-serif;
    font-weight: bold;
    background: #dfdfdf;

}
TABLE.info TD {
    border: 1px solid #aaaaaa;
}
TD.caption {
    text-align: right;
    padding-right: 10px;
    font-family: sans-serif;
    background: #EFEFEF;
}
TD.caption2 {
    text-align: right;
    padding-right: 10px;
    font-family: sans-serif;
    border: 1px solid #dfdfdf;
}
TD.value2 {
    border: 1px solid #dfdfdf;
}
TD.field {
    text-align: right;
    padding-right: 10px;
    font-family: sans-serif;
}
TD.ffield {
    text-align: right;
    padding-right: 10px;
    background: #EDEDED;
    font-family: sans-serif;
}
TD.fvalue {
    padding-left: 15px;
}
.required {
    color: #F00;
}
TD.bcell {
    border: 1px solid #888;
    background:#FFF;
}
TABLE.bcell {
    margin-top: 10px;
    margin-bottom: 10px;
    background:#FFF;
    border-collapse:collapse;
    border: 1px solid #888;
}
THEAD.bcell {
    background:#888;
    color:#FFF;
}

/* Tabular Data Display */
TABLE.grid {
    border: 1px solid #888888;
    border-collapse: collapse;
    margin-bottom: 10px;
}
TABLE.grid TH {
    background-color: #FFFFFF;
    border: 1px solid #888888;
}
TABLE.customer_service_border {
    border: 2px solid #FFCCFF;

}
TABLE.customer_service TH {
    background-color: #FFCCFF;
}
TABLE.customer_service TD {
    background-color: #FFCCFF;
}
.grid TD {
    border: 1px solid #888888;
    background: #FAFAFA;
    padding: 2px 5px;
}
SPAN.sep {
    padding-left: 10px;
    padding-right: 10px;
    font: bold 12px sans-serif;
}
TABLE.grid TD.numeric {
    text-align: right;
}
.grid TD.left {
    text-align: left; 
}
.grid TD.right {
    text-align: right; 
}

/*/////////////////////////////////////////////////////////////////////////////
 * JQUERY AUTOCOMPLETE 
 */
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}
.hidden {
    display: none;
}

H1.news {
color: #a4c642;
  font-family: Verdana;
  font-weight: bold;
  border-bottom: 3px dotted #AAA;
  margin-top: 2em;
}
/* Begin Feature Styles */
.customer_service {
    background-color: #FFCCFF;
}
TD.customer_service {
    background-color: #FFCCFF;
}
.accounting {
    background-color: #CCFFCC;
}
.customer_service TEXTAREA {
    background-color: #FFCCFF;
}
.grid TD.customer_service {
    background-color: #FFCCFF;
    color: #000;
}

.internal {
    background-color: #CFF0FF;
}
TR.internal TD {
    background-color: #CFF0FF;
}
TD.internal {
    background-color: #CFF0FF;
}
.internal TEXTAREA {
    background-color: #CFF0FF;
}
.grid TD.internal {
    background-color: #CFF0FF;
    color: #000;
}

.partner {
  background-color: #E5C1F5;
  color: #000;
}

/* End Feature Styles */

/* jquery ui overrides */

.ui-widget {
    font-size: 1.0em;
}
.ui-tabs-nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
DIV.panel {
  padding: 10px;
  margin-bottom: 20px;
}


#ribbon UL.ui-tabs-nav {
    background-image: none;
    background-color: #939598;
}
#ribbon .ui-state-default {
    background-color: #EF7A22;
    border-color: #000000;
}
#ribbon .ui-state-default A {
  color: #FFFFFF;
}
#ribbon .ui-tabs-selected {
  background-color: #EEEEEE;
}
#ribbon .ui-tabs-selected A {
  color: #000;
}

DIV.customer_care_contact {
    background: url("../images/phone_icon.png") #EEEEEE;
    background-repeat: no-repeat;
}