body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 110%;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 110%;
}
.ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
}
.ol {
    list-style-type: decimal ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
}
.textfield {
    background-color: #ffffff;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #CCCCCC;
}

.picklist {
    background-color: #ffffff;
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #CCCCCC;
}

.footer {
    font-size: 11px;
    color: #666666;
    clear: both;
}
A:link.footer {
    color: #666666;
    text-decoration: none;
}
A:active.footer {
    color: #666666;
    text-decoration: none;
}
A:visited.footer {
    color: #A367B1;
    text-decoration: none;
}
A:hover.footer {
    color: #333333;
    text-decoration: underline;
}

.path {
    font-size: 11px;
    color: #333333;
}
A:link.path {
    color: #2D65A8;
    text-decoration: underline;
}
A:active.path {
    color: #2D65A8;
    text-decoration: underline;
}
A:visited.path {
    color: #A367B1;
    text-decoration: underline;
}
A:hover.path {
    color: #2D65A8;
    text-decoration: underline;
}

A:link.basic {
    color: #2D65A8;
    /*text-decoration: none;*/
}
A:active.basic{
    color: #2D65A8;
    /*text-decoration: none;*/
}
A:visited.basic{
    color: #A367B1;
    /*text-decoration: none;*/
}
A:hover.basic{
    color: #2D65A8;
    /*text-decoration: underline;*/
}
.smalltext {
    font-size: 11px;
    font-weight: normal;
}
.smalltextbold {
    font-size: 11px;
    font-weight: bold;
}
.extrasmalltext {
    font-size: 10px;
}
.errortext {
    font-size: 12px;
    color: #882222;
    font-weight: bold;
}
.sectionheader {
    font-size: 15px;
    color: #87AFC7;
    font-weight: bold;
}
.paragraphheader {
    font-size: 15px;
    font-weight: bold;
}
.tablehrdmsg {
    color: #4f4f4f;
}
.tablegreyborder {
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
}
.tableblue {
    background-color: #EDF2F7;
}
.tablebeige {
    background-color: #F6F6F1;
}
.tablered {
    color: #FFFFFF;
    background-color: #BA0000;
    font-weight: bold;
}
.tablegreen {
    background-color: #88BC71;
    font-weight: bold;
}
.tableyellow {
    background-color: #FFD85A;
    font-weight: bold;
}
.cellgreen{
	background-color: #98FB98;
	font-size: 11px;
	font-weight: bold;
}
.cellTextGreen{
	color: #006600;
	font-size: 11px;
	font-weight: bold;
}

.cellTextRed{
	color: #882222;
	font-size: 11px;
	font-weight: bold;
}

/* For the PatientPlanPage / Goals Summary */

ul {
    list-style-type: none;
    padding: 0;
    margin-left: 10px;
    margin-top: 5px;
}

ul li {
    margin-top: 5px;
    margin-left: 0;
    background-image: url('../images/arrow_gray.gif');
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 10px;
}

.big_text {
    font-size: 24px;
    font-family: inherit;
    color: #444;
}



/*-----------  Wizard Pages ---------------*/
TABLE.clear_box {
    border: 2px solid #E5E5E5;
    margin-top: 2px;
    width: 413px;
}

TABLE.clear_box_unsized {
    border: 2px solid #E5E5E5;
    margin-top: 2px;
}

TABLE.brown_box{
    border: 2px solid #E5E5E5;
    background-color: #f2f2f2;
    width: 413px;
}

DIV.brown_box{
    border: 2px solid #E5E5E5;
    background-color: #f2f2f2;
    padding: 3px;
    margin-top: 8px;
    font-family: Verdana, Tahoma, Verdana;
    font-weight: bold;
}

DIV.blue_box{
    border: 2px solid #E5E5E5;
    background-color: #EDF2F7;
    padding: 3px;
    margin-top: 8px;
    font-family: Verdana, Tahoma, Verdana;
    font-weight: bold;
    width: 405px;
}

DIV.blue_box_small{
    border: 2px solid #E5E5E5;
    background-color: #EDF2F7;
    padding: 3px;
    margin-top: 8px;
    font-family: Verdana, Tahoma, Verdana;
    font-weight: bold;
    width: 280px;
}

TD.blue_box_text {
   font-family: Verdana, Tahoma, Verdana;
   font-weight: bold;
   font-size:11px;
}

TD.blue_box_small{
   background-color: #EDF2F7;
   font-family: Verdana, Tahoma, Verdana;
   font-weight: bold;
   font-size:11px;
}

TD.indented_small{
   font-family: Verdana, Tahoma, Verdana;
   padding-left:10px;
   font-size:11px;
}

TD.indented{
   padding-left:10px;
}

TD.indented_extra_small {
   font-family: Verdana, Tahoma, Verdana;
   padding-left:10px;
   font-size:10px;
}


TD.small_box_text {
   font-size:11px;
}

TABLE.brown_box TD, TABLE.clear_box TD, TABLE.clear_box_unsized TD{
    font-size: 11px;
}

TD.column_left{
    width: 90px;
}

.wizard_brown_box TH {
    text-align: left;
}

A.wizard_menu{
    font-size: 12px;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    color: #0A60AB;
    text-decoration: none;
}
A.wizard_menu_current{
    font-size: 12px;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    color: #B80262;
    text-decoration: none;
}

A.add_item {
	font-family:Verdana, Tahoma;
	font-size:11px;
	font-weight:bold; 
	color:#003399;
	text-decoration:none;
}

A.remove_item {
    font-size: 10px;
    color: #882222;
}

TR.dark TD {
    background-color: #f0f0f2;
    /* border-bottom: 2px solid white; */
}

TR.light TD {
    background-color: #fbfbfd;
    /* border-bottom: 2px solid white; */
}

TR.grayrow TD {
	background-color: #D0D0D0;
}

/*       Right menu styles for the Patient Detail Page      */
.rightmenu {
	font-size: 9px;
}
.ttlrightmenu {
	color: #807E71;
}
A:link.rightmenu {
	font-size: 9px;
	color: #2D65A8;
	text-decoration: none;
}
A:active.rightmenu{
	font-size: 9px;
	color: #2D65A8;
	text-decoration: none;
}
A:visited.rightmenu{
	font-size: 9px;
	color: #A367B1;
	text-decoration: none;
}
A:hover.rightmenu{
	font-size: 9px;
	color: #2D65A8;
	text-decoration: underline;
}

.ttl01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4977A5;
}

.ttl_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #98A54C;
	font-weight: bold;
	text-decoration: underline;
}

.glossary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #AABFD6;
	font-weight: bold;
	line-height: 28px;
}

TR.preferencesDark TD,TR.preferencesDark TH {
   background-color: #F6F6F1;
}

TR.preferencesLight TD,TR.preferencesLight TH {
   background-color: #FFFFFF;
}

  TEXTAREA{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 400px;
  }
 
   TEXTAREA.smallTXT{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 250px;
  }
 
  SELECT.wide{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 240px;
  }
  SELECT.medium{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 116px;
  }
  SELECT.mediumdropdown{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 253px;
  }
  SELECT.narrow{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 68px;
  }
  SELECT.unsized{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
  }
  
  SELECT.doublewide{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 589px;
  }

  INPUT.wide{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 240px;
  }
  INPUT.medium{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 116px;
  }
  INPUT.narrow{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #E5E5E5;
    background-color: #FFFFFF;
    width: 68px;
  }
  INPUT.unsized{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    background-color: #FFFFFF;
  }
  INPUT.unsized_wide{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    background-color: #FFFFFF;
    width: 240px;
  }
  INPUT.actionButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #ACC97D;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #E5E5E5;
    color: #FFFFFF;
    padding-right: 1px;
    padding-left: 1px;
  }
  INPUT.editButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #AABFD6;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #E5E5E5;
    color: #FFFFFF;
    padding-right: 1px;
    padding-left: 1px;
  }
   
  INPUT.cancelButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FF6633;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #E5E5E5;
    color: #FFFFFF;
    padding-right: 1px;
    padding-left: 1px;
  } 
  
  .error_box{
    background-color: #ee9999;
    border: 1px solid #dd6666;
    margin: 10px 0 10px 0;
    padding: 10px;
    font-size: 11px;
  }
  
/* added by MQ -- CSSification of template */  
div.clientList {
    border: 1px solid black;
    background-color: #FFFFFF;
    width: 250px;
    height: 250px;
    overflow: auto;
}

div.userList {
    border: 1px solid black;
    background-color: #FFFFFF;
    width: 250px;
    height: 150px;
    overflow: auto;
}


div.doc {
    font-size: 10px;
    border: 1px solid #0000AA;
    background-color: #DDDDFF;
    margin-bottom: 5px;
}

div.columnSection {
    width: 151px;
    background-color: #FFFFFF;
    padding: 2px;
    margin: 0px auto 10px auto;
    text-align: left;
}

ul.leftNav {
    padding: 0px;
    margin: 2px;
    list-style: none;
    border-top: 1px solid #CCCCCC;
}

ul.leftNav li {
    background-image: none;
    background-color: #F6F6F6;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}

ul.leftNav li a {
    display: block;
    padding: 2px 4px 2px 4px;
    color: #888888;
    text-decoration: none;
}

ul.leftNav li a:hover {
    background-color: #DCE2EA;
    color: #26246F;
}

div.adminAnnotation {
    padding: 2px;
    margin-bottom: 2px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 11px;
}

div.adminSig {
    font-size: 10px;
    font-style: italic;
    text-align: right;
}

pre.msgView {
    line-height: 1.4;
    font-size: 10pt;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px
}

span.spinner {
    background-image: url('/4mh/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}

div.patientGoalContainer {
    border: 1px solid #DDDDDD;
    background-color: #F9F9F9;
}

div.patientGoalHeader {
    font-weight:bold;
    font-size: 14px;
    margin-top: 0px;
    padding: 4px;
}

div.patientGoalBody {
    padding: 6px;
}

div.hpDashboardBoxContainer {
    border: 1px solid #DDDDDD;
    background-color: #F9F9F9;
}

div.hpDashboardBoxHeader {
    font-weight:bold;
    font-size: 14px;
    margin-top: 0px;
    padding: 4px;
    background-color:#DCE2EA;
}

div.hpDashboardBoxBody {
    padding: 6px;
}

div.hpDashboardBoxBody td {
    font-size: 11px;
    font-weight: normal;
}

img.hpPhoto {
    margin-top: 5px;
    border: 1px solid black;
}


div.hpInfoText {
    font-size: 11px;
    width: 120px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

td.qaAdminDetailView_bold {
    font-size: 10px;
    font-weight: bold;
}

td.qaAdminDetailView_normal {
    font-size: 10px;
    font-weight: normal;
}

 td.blue_extra_small {
     font-size: 10px;
     background-color: #EDF2F7;
 }
 
 td.extra_small {
     font-size: 10px;
 }
 
 td.extra_small_alternate {
     font-size: 10px;
     background-color: #D0D0D0;
 }	 
 
 td.extra_small_green {
     font-size: 10px;
     color: #006600;
     font-weight: bold;
 }
 
 td.extra_small_red {
     font-size: 10px;
     color: #882222;
     font-weight: bold;
 }
 
 td.extra_small_green_alternate {
     font-size: 10px;
     color: #006600;
     font-weight: bold;
     background-color: #D0D0D0;
 }
 
 td.extra_small_red_alternate {
     font-size: 10px;
     color: #882222;
     font-weight: bold;
     background-color: #D0D0D0;
 }
 
 td.extra_small_bold {
 	font-size:10px;
 	font-weight:bold; 
 }

div.qaManageMain_bold {
    font-size: 10px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.qaManageMain_normal {
    font-size: 10px;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.teamManageMain_bold {
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.teamManageMain_normal {
    font-size: 12px;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 2px;
}

.disabled {
    color: #777;
}

#bodyTile {
    padding: 0 5px 0 8px;
}

a.exerciseTabLink {
    color: #EEEEEE;
    text-decoration: none;
}

a.exerciseTabLink:hover {
    color: #990000;
}

a.progElTabLink {
    color: #EEEEEE;
    text-decoration: none;
}

a.progElTabLink:hover {
    color: #990000;
}

div.patientDetailSectionHeader {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #7799BB;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}

div.patientDetailSectionHeader table {
    margin: 0px;
    width: 100%;
}

div.patientDetailSectionHeader td {
    color: #7799BB;
    font-size: 14px;
}

.hline {border-bottom:#dddddd 1px solid; width:100%}
.grey_border_table {border-collapse: collapse;border: 1px solid #E2E2E2;}
.grey_border_table td{ height:18px; font-size:11px; padding:3px;}
.grey_border_table td.bold{font-weight:bold;}

.button_red{font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background:url(../images/patient/search.gif) repeat-x 0 0;
    text-decoration:none;
    font-weight:bold;
    border:none;
    color:#FFFFFF;
    cursor:pointer;
    height:21px;
    padding:2px 2px 2px;    
    }