.managerTop { margin: 0px auto; width: 100%; height: 30px;
              background: url('../img/gradient-top-bg-blue.jpg') left -16px /*url('../img/manager-top.jpg') left top*/ repeat-x; border-bottom: 1px solid #fafafa;
              color: #fff /*#0073ea */; font-size: 15px !important; text-shadow: 1px 1px 0px #6c768c /* #fff */; }

.managerTop a { color: #f0f0f0 /*#6c768c*/; text-shadow: -1px -1px 0px #2b509b /*1px 1px 0px #fff*/; font-size: 15px !important; text-decoration: none; }

.managerLargeHeader { width: 100%; margin: 0; padding: 0 0 0 5px; }

.managerSmallHeader { width: 69%; height: 30px;  margin: 0 1% 0px 0; padding: 0 0 0 5px; }

.managerCurrentLocation { padding: 7px 0 6px 10px; }

.managerButtons { padding: 2px 1px 0 0; margin: 0 0 7px 0; display: block; line-height: 30px; }
.buttonSeparator { width: 1px; height: 30px; margin: 0 5px -12px 3px; background: #f1f1f1; display: inline-block; }

.managerLanguageSelectorContainer { width: 27%; margin: 0; padding: 0 1% 0 0;  text-align: right; }
 .managerLanguageSelector { font-weight: bold; text-shadow: 1px 1px 0px #fff; color: #6c768c; padding: 6px 10px 0px 10px; }

 .createForm label { float: left; min-width: 130px; font-size: 12px; color: #555; margin: 0 0 12px 0; padding: 3px 0 0 0; clear: both; }
 .createForm a.button { float: left; margin: -3px 0 0 5px; }
 .createForm input { float: left; width: 200px; }
 .createForm input[type=checkbox] { width: 15px; }
 .createForm select,
 .createForm textarea { float: left; display: block; width: 200px; }

 .managerMain { margin: 0 auto; width: 100%; border-top: 1px solid #ddd; }
  .managerMain .tabs { min-height: 500px; }

    .managerMain h1 { margin-top: 0px; color: #555; text-shadow: 1px 1px 0 #fff; }
    .managerMain h1, .managerMain h2 { font-weight: normal; }
    .managerMain h4 { font-weight: normal; font-size: 13px; color: #555; margin: 0 0 5px 0; text-shadow: 1px 1px 0px #fff; }
    .managerMain hr { border: none; background: #ddd; height:1px; }
    .managerMain h3 { margin-top: 0px; color: #555; text-shadow: 1px 1px 0 #fff; }
    .managerContentContainer { width: 80%; margin: 5px 1% 10px 0; }
    .managerContentContainerLarge { display: block; margin: 10px; }
    .managerContent { display: block; }

       .cmrFrame { height: 150px; width: 150px; margin: 10px; border: 1px solid #eee; text-align: center; }
        .cmrFrame:hover { border: 1px solid #0073ea; }
       .cmrFrame a { display: block; padding: 45px 0px; text-decoration: none; color: #0073ea; font-size: 14px !important; }
       .cmrHome {  }
       .cmrFooter {  }
       .cmrNavigation {  }

    .managerSidebar { width: 18%; min-height: 89%; padding: 0; margin: 0; border-right: 1px solid #ddd; position: absolute; }
       .sidebarHeader {/* text-shadow: 1px 1px 0px #fff; color: #6c768c; padding: 8px 0 8px 15px;
                        background: url('../img/sidenav-bg.jpg') left -20px repeat-x; border-bottom: 1px solid #ddd; font-size: 14px; */}
       .managerSidebar ul { padding: 0px; }
       .managerSidebar ul li { list-style: none; padding: 3px 0; border-bottom: 1px solid #eee; border-left: 1px solid #eee;
                                      background: url('../img/sidenav-bg.jpg') repeat-x #f0f0f0; }
       .managerSidebar ul li a { text-decoration: none; color: #555; border: 1px solid white; float: left; }
       .managerSidebar ul li a:hover { color: #0073ea; }
       .managerLinkButton { padding: 6px 4px !important; background: url('../img/icons/contentLink.png') left 3px no-repeat; }
       .managerLinkButton:hover { background-image: url('../img/icons/contentLinkHover.png'); }
       .openSubMenu { float: left; padding: 8px; background: url('../img/icons/tri-down.png') center no-repeat; cursor: pointer}
       .emptySubMenu { float: left; padding: 8px; background: url('../img/icons/tri-down-light.png') center no-repeat; }
       .subNavigation { padding: 0 0 0 10px; margin: 0 0 -4px 0; }
       .subNavigation ul li { border-left: 1px solid #eee; }

       .sidebarFilter { padding: 10px; display: block; line-height: 20px; }
       .sidebarFilter input { display: block; width: 98%; }
       .sidebarFilter select { display: block; width: 100%; }

       ul.sideNavigation ul { padding: 0; }
       ul.sideNavigation li { padding: 8px 3px 8px 12px; }
       ul.sideNavigation li a { float: none; display: block; }
       ul.sideNavigation li a:hover { text-decoration: underline; }


.listFilter { margin: 10px 0; border: 1px solid #c2d1db; }
 .listFilterContainer { float: left; padding: 10px 2%; }
 .listFilter label { width: 120px; float: left; padding: 4px 0 0 0; }
 .listFilter label.short { width: 20px; padding: 4px 3px 0 3px; }
 .listFilter input { width: 200px; float: left; margin: 0 0 5px 0; }
 .listFilter input.short { width: 71px; }
 .listFilter select { width: 206px; float: left; margin: 0 0 5px 0; }
 .listFilter .smallRadios label.ui-button { width: 70px !important; padding: 0px !important; margin-bottom: 3px; }
 .listFilter input[type="checkbox"] {width:20px}

 ui-autocomplete {
  z-index: 1000 !important;
 }

.contentContainer { margin: 10px 0; border: 1px solid #c2d1db; padding: 5px; }

.list {}
 .list a { color: #0073ea; text-decoration: none; }
 .list a:hover { text-decoration: underline; }
 .list  select { font-size: 11px; }
 .listHeader { font-weight: bold; text-shadow: 1px 1px 0px #fff; color: #6c768c; background: url('../img/th-bg.jpg') repeat-x; border: 1px solid #c2d1db; }
 .listRow { color: #6c768c; border-bottom: 1px solid #eee; }
 .listRow:hover { background: #fafafa; }
 .lastListRow { border-bottom: none; }
 .listRowHighLines { line-height: 16px; }
 .listHeaderColSeparator { height: 28px; border-left: 1px solid #cad6e0; border-right: 1px solid #f7f7f9; float: left }
 .listColSeparator { height: 28px; border-left: 1px solid #fff; border-right: 1px solid #fff; float: left }

  .colColor-red { background: url('../img/redBox.jpg') center no-repeat; color: white; }
  .colColor-orange { background: url('../img/orangeBox.jpg') center no-repeat; color: white; }
  .colColor-green { background: url('../img/greenBox.jpg') center no-repeat; color: white; }
  .colColor-blue { background: url('../img/blueBox.jpg') center no-repeat; color: white; }

  .clientListLegend { width: 20px; height: 21px; padding: 10px; float: left; }
  .clientListLegendDescription { float: left; padding: 13px 0 0 10px; }

 .listHeaderCol { height: 14px; padding: 8px 1% 6px 1%; float: left; text-align: center; }
 .listCol { min-height: 16px; padding: 8px 1%; float: left; }

 .listCol-1 { width: 1%; min-height: 19px; font-weight: bold; }
 .listHeaderCol-1 { width: 1%; text-align: left; }

 .listCol-4 { width: 4%; }
 .listHeaderCol-4 { width: 4%; text-align: left; }
    .listHeaderCol-4 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-4-center { width: 4%; text-align: center; }

 .listCol-6 { width: 6%; }
 .listHeaderCol-6 { width: 6%; text-align: left; }
    .listHeaderCol-6 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-6-center { width: 6%; text-align: center; }

 .listCol-8 { width: 8%; }
 .listHeaderCol-8 { width: 8%; text-align: left; }
    .listHeaderCol-8 input[type=checkbox] { margin: 0px 1% 4px 1%; }

 .listCol-8-center { width: 8%; text-align: center; }

 .listCol-12 { width: 12%; }
 .listCol-12-center { width: 12%; text-align: center; }
    .listCol-12-center input { font-size: 12px !important; }
 .listCol-12-center-padding-3 { width: 12%; text-align: center; padding: 3px 1% 0px 1%; }
 .listCol-12-center-padding-5 { width: 12%; text-align: center; padding: 5px 1% 0px 1%; }
 .listHeaderCol-12 { width: 12%; text-align: left; }
    .listHeaderCol-12 input[type=checkbox] { margin: 0px 1% 4px 1%; }


 .listCol-15 { width: 15%; }
 .listCol-15-center { width: 15%; text-align: center;  }
 .listCol-15-center select { font-size: 12px !important; }

 .listCol-20 { width: 20%; text-align: left; }
 .listCol-20-center { width: 20%; text-align: center; }
 .listCol-20-padding { width: 20%; text-align: left; padding: 3px 1% 2px 1%; }
    .listCol-20-padding input[type=checkbox] { margin: 6px 1% 0px 1%; }
 .listHeaderCol-20 { width: 20%; text-align: left; }
    .listHeaderCol-20 input[type=checkbox] { margin: 0px 1% 4px 1%; }

 .listCol-30-center { width: 30%; text-align: center; }
 .listHeaderCol-30-center { width: 30%; text-align: center; }


 .listHeaderCol-43 { width: 43%; text-align: left; }
    .listHeaderCol-43 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-43 { width: 43%; padding: 3px 1% 2px 1%; }
    .listCol-43 input[type=checkbox] { margin: 6px 1% 0px 1%; }

 .listHeaderCol-85 { width: 85%; text-align: left; }
    .listHeaderCol-85 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-85 { width: 85%; padding: 3px 1% 2px 1%; }
    .listCol-85 input[type=checkbox] { margin: 6px 1% 0px 1%; }

  .listHeaderCol-85 { width: 85%; text-align: left; }
    .listHeaderCol-85 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-85 { width: 85%; padding: 3px 1% 2px 1%; }
    .listCol-85 input[type=checkbox] { margin: 6px 1% 0px 1%; }

 .listHeaderCol-55 { width: 55%; text-align: left; }
   .listHeaderCol-55 input[type=checkbox] { margin: 0px 1% 4px 1%; }
 .listCol-55 { width: 55%; padding: 3px 1% 2px 1%; }
   .listCol-55 input[type=checkbox] { margin: 6px 1% 0px 1%; }

 .listCol-standardPadding { padding: 8px 1%; }
  .listCol-standardPadding input[type=checkbox] { margin: 0px 1% 0px 1%; }

 .listFooter { height: 28px; padding: 3px 5px 2px 5px; text-shadow: 1px 1px 0px #fff; color: #6c768c; background: url('../img/gradient-bg.jpg') repeat-x; border: 1px solid #c2d1db; }
 .listFooter a { text-decoration: none; color:  #6c768c; text-shadow: 1px 1px 0px #fff;   }
 .listPagination { float: left; padding: 6px; }
 .recordSelector { float: right; padding: 6px; }


.smallListRow { display: block; background: #fff; border-bottom: 1px solid #eee; }
.smallListRow > div + div:not(.clear) { min-height: 11px !important; }
.doubleRow > div + div:not(.clear) { min-height: 40px !important; line-height: 18px;}
.smallListRow:hover { background: #fcfcfc; }
.smallListRow a { color: #0073ea !important; text-decoration: none; }
.smallListRow a:hover { text-decoration: underline; }
 .smallListDate { float: left; width: 90px; padding: 5px; border-right: 1px solid #eee; }
 .smallListName { float: left; width: 120px; padding: 5px; border-right: 1px solid #eee; }
 .smallListTitle { float: left; width: 250px; padding: 5px; border-right: 1px solid #eee; }
 .smallListNotice { float: left; width: 150px; padding: 5px; border-right: 1px solid #eee; }
 .smallListMidCol { float: left; width: 100px; padding: 5px;  border-right: 1px solid #eee; }
 .smallListAction { float: left; width: 100px; padding: 5px; }
 .smallListCheckbox { float: left; width: 20px; padding: 1px 5px 0 5px; border-right: 1px solid #eee; }


 .editDiagnosis { margin: -3px 0 0 0; }

.formContainer { padding: 10px; background: #fafafa; border: 1px solid #fafafa; margin: 0 0 5px 0; font-size: 11px; }
.highlightContainer:hover { border: 1px solid #f7f7f7; background: #fff;  }
.formContainer label { width: 100px; margin: 3px 0 10px 0; float: left; }
.formContainer label.thick { width: 30px; }
.formContainer label.rowLabel { width: 50px; }
.formContainer label.longLabel { width: 200px; }
.formContainer .smartyRadios { width: 400px; }
.formContainer .smartyRadios label { width: 60px; margin: 3px; }
.formContainer input[type="text"], .formContainer input[type="password"] { width: 250px; float: left; }
.formContainer input[type="checkbox"] { width: 20px; float: left; }
  .longInput { width: 500px !important; }
  .shortInput { width: 30px !important; }
  .midInput { width: 133px !important; }
.formContainer input[type="radio"] { float: left; }
.formContainer textarea { margin-bottom: 5px; }
  .midTextarea { width: 250px; }
.formContainer select { width: 250px; float: left; }
.formContainerBox { float: left; width: 45%; }
.formContainerMediumBox { float: left; width: 31%; }
.formContainerSmallBox { float: left; width: 23%; }
  .radioSelector label.ui-button { width: 300px !important; }
  .fileSelector label.ui-button { width: 160px !important; }

/* editor icons with text */
.editorIcons { position: absolute; right: 9px; top: 8px; }
   .editorIcons ul li { list-style: none; float: left; background: url('../img/gradient-bg.jpg'); padding: 0; margin: 0 0 0 5px; }
   .editorIcons ul li a { display: block; border: 1px solid #ccc; padding: 5px 5px 5px 25px;
                          text-decoration: none; color: #0073ea; text-shadow: 1px 1px 0px #fff; }
   .editorIcons ul li a:hover { border: 1px solid #0073ea; }

#imageList li { list-style: none; float: left; }
.imageListPlaceholder { width: 30px; height: 100px; background: #0073ea; margin: 0 5px 0 0; }
.photo-editor {  width: 240px; background: #fafafa; margin: 0 5px 5px 0; border: 1px solid #ccc; }
.photo-editor img { padding: 1px;  background: white; float: left; }
.photo-description { float: left; padding: 3px; }

.file-uploader-label { position: absolute; margin: 8px 0 0 130px; font-size: 11px; font-style: italic; }

#pageImage { background: #fafafa; padding: 5px; }
#pageImage img { border: 1px solid #ddd; padding: 1px; background: #fff;  }

.dictLabel { float: none !important; width: 100%; line-height: 16px; }
.dictInput { float: none !important; width: 500px !important;  }

.addIp { margin-top: 3px; }

.addButton { margin: -4px 0 0 5px; }

.fileNumber { font-size: 16px; font-weight: bold; padding: 5px 0 0; }
 .fileNumber small { font-weight: normal; font-size: 11px; }