BODY {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px ;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color: #666666;
	scrollbar-shadow-color:#F3F3F3;
	scrollbar-face-color: #696969;
	scrollbar-highlight-color:#F3F3F3;
	scrollbar-dark-shadow-color:#FFFFFF;
	scrollbar-3d-light-color:#9BAAC1;
}

a:link { color : #343434; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; }
a:active { color : #343434; text-decoration : none; }
a:visited { color : #343434; text-decoration : none; }
a:hover { color : #fcbe15; text-decoration : underline; }

.homeBGColor { background-color: #ffffff;}
.rightBGColor { background-color: #ffffff;}
.spacesBGColor { background-color: #f6981c;}

h1 { color : #343434; margin-bottom : 3px; margin-top : 10px; padding-bottom : 1px; padding-top : 1px; font : bold 18px Verdana, Arial, Helvetica, sans-serif; letter-spacing : 4px; }
h2 { color : #343434; margin-bottom : 3px; margin-top : 8px; padding-bottom : 1px; padding-top : 1px; font : bold 16px Verdana, Arial, Helvetica, sans-serif; letter-spacing : 4px; }
h3 { color : #343434; margin-bottom : 3px; margin-top : 6px; padding-bottom : 1px; padding-top : 1px; font : bold 14px Verdana, Arial, Helvetica, sans-serif; letter-spacing : 4px; }

.listitem, LI { font : 11px/14px Verdana, Arial, Helvetica, sans-serif; padding-bottom : 4px;}
hr {color: #80838E;}

/* ------------------------------------------------- controls  ----------------------------------------------*/
INPUT,TEXTAREA,SELECT { font: 11px Verdana, Arial, Helvetica, sans-serif;}

/*--- class for all checkboxes and radio ----*/

TABLE.chk LABEL { font : 11px Verdana, Arial, Helvetica, sans-serif;}
.img {border : none;}

/* -------------------------classes used for form definition ------------------------------------------------- */
.frmCapture {
	color : White;
	margin-top : 2px;
	margin-bottom : 2px;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-top : 3px;
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	background : #343434;
}
.frmTableBorder { background: #343434; border-width: 1px;}
.frmTableBG { background: #FFFFF0;  padding: 10px 10px 10px 10px;  }

/*  -------------- backgrouds for BODY element in different parts of the framework -------------- */
.headerBGColor { background-color: #FFFFFF;}
.footerBGColor { background-color: #FFFFFF;}
.treeBGColor { background-color: #F5F5F5;  border : #696969; }
.formBGColor { background-color: #FFFFFF; }

/* ------------------------------  menu, login and patient lines in the header frame --------------------*/
.menuLine {
	background: #FFFFFF;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #483D8B;
	border-left: 1px solid Silver;
	border-top: 1px solid Silver;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 3px;
	padding-bottom : 0px;
}
.menuButton {
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: #343434;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #333366;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #FFF5EE;
	text-decoration:none;
	cursor: hand;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
}
a.menuButton:hover { text-decoration:none;  color : #FF6347; }

a.menuLink:link { text-decoration:none;color : #FFFFFF; }
a.menuLink:active { text-decoration:none;color : #FFFFFF; }
a.menuLink:visited { text-decoration:none;color : #FFFFFF; }
a.menuLink:hover { text-decoration:none;color : #fcbe15; }

.loginLine {
	font : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #343434;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #483D8B;
	border-left: 1px solid Silver;
	border-top: 1px solid #343434;
	color: White;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
}
.loginLineText { color : White; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.loginLineLabel { color : White; font : 11px Verdana, Arial, Helvetica, sans-serif; }

.patientLine {
	font : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: White;
	border-bottom: 1px solid #315985;
	border-right: 1px solid #483D8B;
	border-left: 1px solid Silver;
	border-top: 1px solid Silver;
	color: #343434;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
}
.formHeaderText { color : #000000; font : bold 11px Verdana, Arial, Helvetica, sans-serif; }
.formHeaderLabel { color : #000000; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.formHeader {
	font : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: White;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	color: #333399;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.patientLineText { color : #000000; font :  bold 11px Verdana, Arial, Helvetica, sans-serif; }
.patientLineLabel { color : #000000; font : 11px Verdana, Arial, Helvetica, sans-serif; }

.treeButton {
	font : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #D6D3CE;
	border-bottom: 1px solid #696969;
	border-right: 1px solid #696969;
	border-left: 1px solid #F5F5F5;
	border-top: 1px solid #F5F5F5;
	color: Black;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
}

/* ----------------------------- titles, headers, text -----------------------------------*/
.navbar {
	color : White;
	text-decoration : none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}
.navbar:hover { color : White;text-decoration:none; }

.text { color : #000000; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.textblock { color : #333366; padding-top : 8px; padding-bottom : 8px; font : 11px Verdana, Arial, Helvetica, sans-serif; }

.readonlytext { color : #000000; font : 11px Verdana, Arial, Helvetica, sans-serif; background-color: #F5F5F5}

.textbold { color : #000000; font : bold 11px Verdana, Arial, Helvetica, sans-serif; }

.smalltext { color : #000000; font : 10px Verdana, Arial, Helvetica, sans-serif; }
.smalltextblock { color : #000000; padding-top : 8px; padding-bottom : 8px; font : 10px Verdana, Arial, Helvetica, sans-serif; }

.footer { color : #80838E; font : 10px Verdana, Arial, Helvetica, sans-serif; }
A.footer:link { color : #80838E; text-decoration : none;  font-family : Verdana, Arial, Helvetica, sans-serif;  }
A.footer:active { color : #80838E; text-decoration : none; }
A.footer:visited { color : #80838E; text-decoration : none; }
A.footer:hover { color : #fcbe15; text-decoration : none; }

.sectionTitle {
	color : #5f9cd0; /*6d1312*/
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	border-bottom : 1px solid #fcbe15; /*f6981c*/
}
.subHeader {
	color : #5f9cd0;
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	border-bottom : 1px dotted #fcbe15;
}
.labeltext { color : #000000; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.labeltextbold { color : #000000; font : bold 11px Verdana, Arial, Helvetica, sans-serif; text-align: right; }

.ProcessingMessage {color : White;	font : bold 12px Verdana, Arial, Helvetica, sans-serif;}

/*--   used to emphesize importance of chice, used in conjuction with class .labletext bold for lable --*/
.labelYES { color : Red; font : bold 11px Verdana, Arial, Helvetica, sans-serif;  }
.labelNO { color : #006633; font : bold 11px Verdana, Arial, Helvetica, sans-serif;  }

.explaintext { color : #515151; font : 11px Verdana, Arial, Helvetica, sans-serif; }

.calendartitle { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: white; background-color : Red; }
.calendarday { font : 10px Verdana, Arial, Helvetica, sans-serif; }
.calendardayheader { font : 10px Verdana, Arial, Helvetica, sans-serif; text-decoration : underline; }
.calendarselectedday { font : bold 10px Verdana, Arial, Helvetica, sans-serif; color : white; background-color : #000080; }

.gridheader { font : bold 11px  Verdana, Arial, Helvetica, sans-serif; color : #FFFFFF; background-color : #343434; 
	text-align : left;
	padding-left : 4px;
	padding-bottom : 2px;
	padding-top : 2px; }
.gridrow { background-color:WhiteSmoke; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.gridalternatingrow { background-color:White; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.gridpager { font : bold 11px Verdana, Arial, Helvetica, sans-serif; background-color : #C6C3C6; color : #ffffff; }

/*----- validators -----*/
.validatortext { color : Red; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.validatornormalrangetext { color : #32CD32; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.validatorvaluechangetext { color : #800080; font : 11px Verdana, Arial, Helvetica, sans-serif; }
.errortext { color : Red; font : 10px Verdana, Arial, Helvetica, sans-serif; }

.multirecordlabel { color : #515151; font : bold 11px Verdana, Arial, Helvetica, sans-serif; text-align : left; }
.multirecordeditheader { font : bold 11px  Verdana, Arial, Helvetica, sans-serif; color : #FFFFFF; background-color : #5f9cd0; 
	text-align : left;
    padding-left : 4px;
    padding-bottom : 2px;
    padding-top : 2px;}
.multirecordeditexplaintext { color : #515151; font : 11px Verdana, Arial, Helvetica, sans-serif; text-align:left;}

.prd
{
	border-right: #f5f5f5 2px solid;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #343434;
	text-align: left;
	padding-left : 1px;
	padding-right : 1px;
	padding-bottom : 2px;
	padding-top : 2px;
}


/*--------  email column in multi object form ----------------------------------------------------------------*/
A.emailcolumn:link { color: #FFFFFF; text-decoration : none;  font-family : Verdana, Arial, Helvetica, sans-serif;}
A.emailcolumn:active { color : #FFFFFF; text-decoration : none; }
A.emailcolumn:visited { color: #FFFFFF; text-decoration : none; }
A.emailcolumn:hover { color : #FFFFFF; text-decoration : underline; }

/* --- report table style -- */

TABLE.reportTable {
	border-collapse : collapse;
	empty-cells : show;
	background-color : #CCCCCC;
}
TD.reportHeader {
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	color : #F5F5F5;
	background-color : #343434; /* <-- color must be adjusted to project color schema */
	text-align : left;
	padding-left : 14px;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-right : 14px;
	border : 1px solid #CCCCCC;
}
TD.reportRow {
	font : 12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#F5F5F5;
	text-align : ".";
	padding-left : 14px;
	padding-bottom : 2px;
	padding-top : 2px;
	padding-right : 14px;
	border : 1px solid #CCCCCC;
}
TR.reportRow {
	font : 12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#F5F5F5;
	text-align : ".";
	padding-left : 14px;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-right : 14px;
	border : 1px solid #CCCCCC;
}
TR.reportRow2 {
	font : 12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#DCDCDC;
	text-align : ".";
	padding-left : 14px;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-right : 14px;
	border : 1px solid #CCCCCC;
}

TR.reportRow3 {
	font : 12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#C0C0C0;
	text-align : ".";
	padding-left : 14px;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-right : 14px;
	border : 1px solid #CCCCCC;
}