/********************************************************
1) styles from Reva Diana, originally called hr_app.css, then perfApp.css
- used in various front-end generic infoHQ code, and Performance Appraisals

NOTE: perfApp_print.css (in folder perfApp/_css) contains some of these
same styles, in their older formatting, and with some colors/padding changed.
This exists to give printer-friendly version of Performance Appraisals data
(and is invoked as media="print").  If serious changes are made to
Performance Appraisals styles, they may have to be changed in both places.
********************************************************/

/********************************************************
DEFAULT STYLES FOR HTML TAGS
********************************************************/

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#333333;
}

ol li {
	margin-bottom: 10px; 
}

li {
	list-style-position:outside; 
	display:list-item; 
	margin-bottom: 5px; 
	margin-top: 1px; 
	marker-offset: 2px;
}

ul {
	margin-bottom: 1px; 
	margin-top: 1px; 
}

ol {
	margin-bottom: 1px; 
	margin-top: 1px; 
}

a {
	color:#336699;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#333333;
	background-color:#FFFFFF;
}

.debugOut {
	background-color:#FFFFFF;
}
/********************************************************
TEXT STYLES
each style should appear in three places... color, font-family, and other
some styles may not appear in font-family as they are defaulting to the <td> setting
********************************************************/

/* TEXT STYLES -color
please group all styles of the same color together!
*/

.tabledata2, .boxedcell, .menuSubItem, .sectionHead,
.menuSubItemSelectedLevelOne, .securityMapExtraLabel, .formH2, 
.publicFormControl, .publicFormControlSelect  {
	color:#000000;
}

.resultStats, .securityMapExtraTextPageInvalid
{
	color:#333333;
}

.securityMapExtraTextMR
{
	color:#84088c
}

/*replace with just ".greylink, .greylink2" ? */
a.greylink:link, a.greylink:visited, a.greylink:active, a.greylink:hover,
a.greylink2:link, a.greylink2:visited, a.greylink2:active, a.greylink2:hover, .securityMapExtraTextPage,
.paginLinkGreyed, .linkGeneralGreyed, .linkGeneralGreyedAlt, .linkGeneralGreyedAltNoUnder {
	color:#666666;
}

.securityMapExtraTextPageInvalid {
	background-color: #F9E4C6;
}

a.whitelink:link, a.whitelink:visited, a.whitelink:active, a.whitelink:hover, .menuSubItemSelectedLevelZero {
	color:#ffffff;
}

.sectionHeading, .notdone, .notdone2, .paginLinkHighlight {
	color:#CC0000;
}

.formAlert {
	color:#FF0000;
}

.sitemapTreeMenuItemFromBelow, .securityMapExtraTextPR
{
	color:#000066;
}

.securityMapExtraTextPW {
	color:#006600;
}

.sitemapTreeMenuItem, .sitemapTreeMenuRoot {
	color:#000000;
}


a.sitemapTreeMenuItem:active, a.sitemapTreeMenuItem:hover, a.sitemapTreeMenuRoot:active, a.sitemapTreeMenuRoot:hover, 
	a.sitemapTreeMenuItemFromBelow:active, a.sitemapTreeMenuItemFromBelow:hover, .sitemapTreeMenuItemNoLink {
	color:#666666;
}

.sitemapTreeSpecialLink {
	color:#333333;
}

.menuFooterLink, a.menuFooterLink:link, a.menuFooterLink:visited, a.menuFooterLink:active, a.menuFooterLink:hover, .menuTopItemTextOnly,
.welcome, .menuSubHeader, .menuSubHeaderLink
{
	color:#FFFFFF;
}

/* TEXT STYLES -font-family
please group all styles of the same font family together!
*/

.tabledata2, .welcome, .boxedcell, .greylink, .greylink2, .whitelink, .notdone, .notdone2, 
.sitemapTreeMenuItem, .sitemapTreeMenuItemNoLink, .sitemapTreeSpecialLink, .sitemapTreeMenuItemFromBelow, 
.menuSubItemSelectedLevelOne, .securityMapExtraTextPage,
.securityMapExtraLabel, .securityMapExtraTextMR, .securityMapExtraTextPR, .securityMapExtraTextPW, .sectionHead,
.resultStats, .paginLinkHighlight, .paginLinkGreyed, .linkGeneralGreyedAlt,
.linkGeneralGreyedAltNoUnder, .securityMapExtraTextPageInvalid {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.sectionHeading, .sitemapTreeMenuRoot, .menuSubItemSelectedLevelZero, .menuSubHeader, .menuSubHeaderLink, 
.menuSubItem, .linkGeneralGreyed, .menuFooterLink, .menuTopItemTextOnly, .formH2, .formAlert, .publicFormControl, .publicFormControlSelect {
	font-family: Arial, Helvetica, sans-serif;
}

/* TEXT STYLES -
all other (font-weight, font-size, font-style, text-decoration, margins, padding, etc.)
do not need to be grouped, unless those styles are closely related
*/

.paginLinkHighlight, .paginLinkGreyed, .linkGeneralGreyedAltNoUnder, .publicFormControlSelect {
	font-weight:normal;
	font-size: 11px;
	line-height: 15px;
}

.linkGeneralGreyed, .linkGeneralGreyedAlt {
	font-weight:normal;
	font-size: 11px;
	line-height: 15px;
	text-decoration:underline;
}

.resultStats, .welcome {
	font-weight:bold;
	font-size: 11px;
	line-height: 15px;
}

.formAlert, .publicFormControl {
	font-weight:normal;
	font-size: 12px;
}

.formH2 {
	font-weight:bold;
	font-size: 12px;
	line-height: 15px;
}

.tabledata2 {
	font-size: 10px;
}

.boxedcell{
	font-size: 10px;
	border:1px solid #999999;
	background-color:#f0f0f0;
}

a.greylink:link, a.greylink:visited {
	text-decoration:none;
}

a.greylink:active, a.greylink:hover {
	text-decoration:none;
	background-color: #eeeeee;
}

a.whitelink:link, a.whitelink:visited {
	text-decoration:none;
	font-weight:normal;
}

a.whitelink:active, a.whitelink:hover, a.greylink2:hover 
{
	text-decoration:underline;
	font-weight:normal;
}

a.greylink2:link, a.greylink2:visited, a.greylink2:active
{
	text-decoration:none;
	font-weight:normal;
}

a.paginLinkHighlight:link, a.paginLinkHighlight:visited, a.paginLinkHighlight:active, a.paginLinkHighlight:hover {
	text-decoration:underline;
}

.sectionHeading{
	font-weight:bold;
	font-size: 16px;
}

.sectionHead {
	font-weight:bold;
	font-size:13px;
}

.securityMapExtraLabel, .securityMapExtraTextMR, .securityMapExtraTextPR, .securityMapExtraTextPW, .securityMapExtraTextPage, 
.securityMapExtraTextPageInvalid {
	font-weight:normal;
	font-size: 10px;
}

.securityMapExtraLabel {
	font-style: italic;
}

.notdone{
	font-size: 11px;
}

.notdone2{
	font-size: 10px;
}

a.sitemapTreeMenuRoot:link, a.sitemapTreeMenuRoot:visited, a.sitemapTreeMenuRoot:active,
a.sitemapTreeMenuItem:link, a.sitemapTreeMenuItem:visited, a.sitemapTreeMenuItem:active,
a.sitemapTreeMenuItemFromBelow:link, a.sitemapTreeMenuItemFromBelow:visited, a.sitemapTreeMenuItemFromBelow:active,
a.sitemapTreeSpecialLink:link, a.sitemapTreeSpecialLink:visited, a.sitemapTreeSpecialLink:active
{
	text-decoration:none;
}

a.sitemapTreeMenuRoot:hover,
a.sitemapTreeMenuItem:hover,
a.sitemapTreeMenuItemFromBelow:hover,
a.sitemapTreeSpecialLink:hover
{
	text-decoration:underline;
}

.sitemapTreeMenuItem, .sitemapTreeMenuItemNoLink, .sitemapTreeMenuItemFromBelow {
	font-weight:normal;
	font-size: 10px;
}

.sitemapTreeSpecialLink {
	font-weight:normal;
	font-size: 9px;
}

.sitemapTreeMenuRoot {
	font-weight:normal;
	font-size: 14px;
}

.menuFooterLink, a.menuFooterLink:link, a.menuFooterLink:visited, a.menuFooterLink:active, 
.menuTopItemTextOnly, a.menuTopItemTextOnly:link, a.menuTopItemTextOnly:visited, a.menuTopItemTextOnly:active {
	text-decoration:none;
}

a.menuFooterLink:hover, a.menuTopItemTextOnly:hover  {
	text-decoration:underline;
}

.menuSubItem {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration:none;
}

.menuSubItemSelectedLevelZero {
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
}

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

.menuFooterLink, .menuTopItemTextOnly {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.menuSubHeader, .menuSubHeaderLink {
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
}

.menuSubHeaderLink {
	cursor:pointer;
}

/********************************************************
OTHER STYLES
table formatting, backgrounds, padding, etc.
********************************************************/

.maincontent {
	padding-left:30px;
	padding-top:0px;
	padding-bottom:50px;
	padding-right:30px;
}

.pad5 {
	padding:5px;
}

.navOut {
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:8px;
	background-color: #f0f0f0;
	line-height:16px;
}

.navOver {
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:8px;
	background-color:#CCD9F2;
	line-height:16px;
}

.navSelected {
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:8px;
	background-color:#91A8D8;
	color:#ffffff;
	line-height:16px;
	font-weight:bold;
}

.numpad{
 margin-left:15px;
}

.sectionTitle{
  	background-color:#e0e0e0;
	color:#000000;
	padding:2px;
}

.lightrow{
  	background-color:#ffffff;
	padding:15px;
}

.row_highlight{
  	background-color:#bdeabd;
	padding:15px;
}

.darkrow{
  	background-color:#eeeeee;
	padding:15px;
}

.highlight{
  	background-color:#FFFFCC;
	padding:20px;
	color:#666666;
}

.error_row{
  	background-color:#F9E4C6;
	padding:15px;
	color:#CC0000;
	font-weight:bold;
}

.highlight2{
  	background-color:#FFFFCC;
	padding:5px;
	color:#666666;
}

.highlight2a{
  	background-color:#FFFFCC;
	padding:2px;
	color:#666666;
}

.highlight2bgonly{
  	background-color:#FFFFCC;
}

.highlight3bgonly{
	background-color:#bdeabd;
}

.formtext{
	padding:7px;
	text-align:right;
	vertical-align: top;
}

.forminput{
	padding:7px;
	vertical-align: top;
}

.CMSEditFooterRow {
  	background-color:#E6E3BD;
	padding:8px;
}

.CMSPermissionDisplayBox {
  	background-color:#E6E3BD;
	padding:4px;
}

.CMSEditBlockTable {
	border: 1px solid #333333;
	margin-top: 1px;
	margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
	background-color: #cccccc;
}

.sitemapTreeNodeTable {
	border: 1px #333333 solid;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*following style not used at this point */
.sitemapTreeNodeBGCurrent {
	background-color: #CCFFCC;
}

.sitemapTreeNodeBGInvalid {
	background-color: #F9E4C6;
}

.sitemapTreeNodeBGSelected {
	background-color: #CCFFCC;
}

.sitemapTreeNodeBGSelectedInvalid {
	background-color: #CCFFFF;
}

.submenuListLevelOne {
	list-style-type:disc;
	list-style-position:outside; 
	display:list-item; 
	margin-bottom: 2px; 
	margin-top: 2px; 
	margin-right: 3px; 
	margin-left: 20px; 
	marker-offset: 2px;
}

.submenuListLevelZero, .submenuListLevelZeroOpen {
	list-style-type:none;
	list-style-position:outside; 
	display:list-item; 
	margin-right: 3px; 
	margin-left: 5px; 
}

.submenuListLevelZero {
	margin-bottom: 2px; 
	margin-top: 2px; 
}

.submenuListLevelZeroOpen {
	margin-bottom: 0px; 
	margin-top: 0px; 
}

.dropdownmenuList {
	list-style-type:none;
	list-style-position:outside; 
	display:list-item; 
	margin-right: 1px; 
	margin-left: 1px; 
	margin-bottom: 1px; 
	margin-top: 1px; 
}

.searchHighlight {
	font-weight: bold;
	/*background-color: #ffff00;*/
}

.helpListItem {
	margin:20px;

}

.CMS_CALL1 {
	background-color:#E6E3BD;
	border:1px solid #98A884;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
}

.CMS_CALL2 {
	border:1px solid #98A884;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}

.CMS_CALL3 {
	border:1px solid #000066;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
}

.databox {
	border: 1px solid #5275BF;
	padding: 10px;
}

.listRowEven {
	background-color: #ffffff;
}

.listRowOdd {
	background-color: #eeeeee;
}

.CMS_table_table {
	border-color:#FFCC99;
	border-width:1px;
	border-right-style:solid;
	border-bottom-style:solid;
}

.CMS_table_td {
	border-color:#FFCC99;
	border-width:1px;
	border-left-style:solid;
	border-top-style:solid;
}

.contentTable {
	padding: 10px;
}


.menuLevelZeroLeftIndentSel {
	padding-left:10px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
}	

.menuLevelZeroLeftIndentNR {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
}	


/********************************************************
2) styles from Peter Fisera, from personal web development toolkit
- used mainly for back-end code, though this distiction from (1) is not 
  strictly followed in either direction
********************************************************/

/********************************************************
TEXT STYLES
each style should appear in three places... color, font-family, and other
********************************************************/

/* TEXT STYLES -color
please group all styles of the same color together!
*/

.listnavlink,a.listnavlink:link,a.listnavlink:visited,a.listtabletxt:active,
a.listtabletxt:link,a.listtabletxt:visited,a.listnavlink:active,
a.filepreviewlink:link,a.filepreviewlink:visited,a.filepreviewlink:active,
a.menuitem:link,a.menuitem:visited,a.menuitem:active{
color:#003366;
}

.buttonnavlink,a.buttonnavlink:link,a.buttonnavlink:visited,a.buttonnavlink:active {
color:#003366; background:#e1e1e1;
}

a.buttonnavlink:hover {
color:#003366; background:#ccffcc;
}

.errornonfatal,.errorlogin,a.errorlogin:link,a.errorlogin:visited,a.errorlogin:active,
a.errornonfatal:link,a.errornonfatal:visited,a.errornonfatal:active,.detailformcontrolselectinvalid,.detailformcontrolinvalid {
color:#CC0000;
}
	
.listtablehdr,.listtabletxt,.detailtableprompt,.detailtablemainheader,.detailtableupdateheader,
.detailformcontrol,.detailformcontrolselect,.detailformcontrolselectfixed,.detailformcontroltextarea,.listpagenums,
.sublistheadertxt,.detailformcontrolselectfixed,.sublistdatatxt,.detailformcontrolsmall,a.errorlogin:hover,
a.errornonfatal:hover {
color:#000000;
}

/* TEXT STYLES -font-family
please group all styles of the same font family together!
*/

.listtablehdr,.listtabletxt,.listnavlink,a.listnavlink,.detailtableprompt,.detailtablemainheader,.detailtableupdateheader,
.detailformcontrol,.detailformcontrolinvalid,.detailformcontrolselect,.detailformcontroltextarea,.listpagenums,
.filepreviewlink,.sublistheadertxt,.menuitem,.sublistdatatxt,.errornonfatal,.errorlogin,.buttonnavlink,.detailformcontrolsmall {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.detailformcontrolselectfixed, .detailformcontrolselectinvalid {
font-family:Courier,fixed;
}

/* TEXT STYLES
all other (font-weight, font-size, font-style, text-decoration, margins, padding, etc.)
do not need to be grouped, unless those styles are closely related
*/

.listtablehdr,.detailtableprompt,.sublistdatatxt {
font-weight:normal;
font-size:11px;
font-style:normal;
}

.errornonfatal, .errorlogin{
font-weight:normal;
font-size:12px;
font-style:normal;
text-decoration:normal;
}

a.errorlogin:link,a.errorlogin:visited,a.errorlogin:active,a.errorlogin:hover,
a.errornonfatal:link,a.errornonfatal:visited,a.errornonfatal:active,a.errornonfatal:hover {
text-decoration:underline;
}

.sublistheadertxt{
font-weight:normal;
font-size:11px;
font-style:normal;
}

.listtabletxt,a.listtabletxt:link,a.listtabletxt:visited,a.listtabletxt:active,a.listtabletxt:hover,a.listnavlink:link,a.listnavlink:visited,a.listnavlink:active,a.listnavlink:hover,a.filepreviewlink:link,a.filepreviewlink:visited,a.filepreviewlink:active,a.filepreviewlink:hover,.menuitem,a.menuitem:link,a.menuitem:visited,a.menuitem:active,a.menuitem:hover{
font-weight:normal;
font-size:12px;
text-decoration:none;
}

.buttonnavlink,a.buttonnavlink:link,a.buttonnavlink:visited,a.buttonnavlink:active,a.buttonnavlink:hover {
font-weight:bold;
font-size:12px;
text-decoration:none;
padding:3px;
}

.detailformcontrol,.detailformcontrolselect,.detailformcontrolinvalid,.detailformcontroltextarea,.listpagenums{
font-weight:normal;
font-size:11px;
}

.detailformcontrolsmall {
font-weight:normal;
font-size:9px;
}

.detailformcontrolselectfixed,.detailformcontrolselectinvalid {
font-weight:normal;
font-size:10px;
}

.detailtablemainheader{
font-weight:bold;
font-size:14px;
margin-top:12px;
margin-bottom:6px;
}

.detailtableupdateheader{
font-weight:normal;
font-size:10px;
text-decoration:italic;
}


/********************************************************
OTHER STYLES
buttons, table formatting, backgrounds, etc.
********************************************************/

.listtable{
border:1px solid #999999;
padding:1px 3px;
}

.sublisttable{
border:1px solid #999999;
padding:1px 3px;
}

.listtablecell {
border:1px solid #999999;
}

.sublisttablecell {
border:1px solid #999999;
}

/*
.detailtable {
background-color: ffffff;
}

.detailtablerow{
	padding:15px;
}
*/