/* ------------------------------------- */
/* skin-specific global styles for all pages */
/* ------------------------------------- */

body {
	background-color: #fff; /* white */
	color: #000;
	}

ul { list-style-type: circle; }

a { color: #336699; }

a.sort { color: #333; }
a.sort:hover { color: #333; background-color: none; }

a.reversed { color: #FFC; } /* pale yellow */
a.reversed:hover { color: #C60; background-color: #FFC; }

a.footer { color: #000; }
a.footer:hover { color: #fff; background-color: #000; }

a.pagenumber { color: #fff; } /* white */
a.pagenumber:hover { color: #000; background-color: #fff; }

a img:hover {background-color:transparent;}


/* ------------------------- */
/* skin-specific color palette */
/* ------------------------- */

.primary { color: #36c; }
.primarybg { background-color: #36c; }

.accent { color: #FC0; }  /* PFX gold */
.accentbg { background-color: #FC0; }  /* PFX gold */

.lightestshade { color: #EFEFE5; } /* primary color at 10% */
.lightestshadebg { background-color: #EFEFE5; } /* primary color at 10% */
	
.lightershade { color: #c9e8dd; } /* primary color at 20% */
.lightershadebg { background-color: #fff; } /* primary color at 20% */
	
.lightshade { color: #C2C299; } /* primary color at 40% */
.lightshadebg { background-color: #C2C299; } /* primary color at 40% */

.darkshade { color: #A3A366; } /* primary color at 60% */
.darkshadebg { background-color: #A3A366; } /* primary color at 60% */
	
.darkershade { color: #858533; } /* primary color at 80% */
.darkershadebg { background-color: #858533; } /* primary color at 80% */

.darkestshade { color: #660; } /* primary color at 100% */
.darkestshadebg { background-color: #660; } /* primary color at 100% */


.lightBg { background-color: none; } /* White Smoke */
.darkBg { background-color: transparent; } /* pfx green (#666600) at 40% tranparency */

.greyText { color:#999; }
/* ------------------------------------------- */
/* skin-specific text-related styles for all pages */
/* ------------------------------------------- */

#header, #subhead { color: #000; }

#header span.left { color: #000; }

#header span.right { color: #333; }	
	
.error, #jswarn, #star, .star { color: #CC4B46; } 


/* ------------------------------------------ */
/* skin-specific masthead elements (all pages) */
/* ------------------------------------------ */

#Masthead { background-color: #fff; } /* PFX dark orange */

#Masthead span.workas {	color: #FFF; }

#Bevel { background-color: #666; }

#Navbar { background-color: #333; }


/* ---------------------------------------------- */
/* skin-specific coolmenus and tab navmenu styles */
/* ---------------------------------------------- */

/* Styles for the tabs */
.tabOff { background-color: #EFEFE5; color: #999; }
.tabOver { background-color: #E0E0CC; color: #333; } 
.tabOn { background-color: #C2C299; color: #333; } 


/* -----------------------------------------------*/
/* skin-specific general layout elements (all pages) */
/* ---------------------------------------------- */

#SectionHead span.boldleft { color: #660; } /* primary color at 100% */

#iFrameBox { background-color: #fff; } /* primary color at 40% */

#iFrameHead { background-color: #fff; } /* primary color at 40% */	

#iFrameHead2 { background-color: #eee; } /* primary color at 20% */

#iFrameHead2 span.error { color: #CC4B46; } 

#iFrame { background-color: #fff; } /* primary color at 10% */
	
#iSearchFrame { background-color: #fff; } /* primary color at 10% */	

#iSearchButton { background-color: #E0E0CC; } /* primary color at 20% */

#Footer {
	color: #000; /* black */
	background-color: #fff; /* white */
	}

/* classes for buttons */
.bttnred { background-color: #C00; }

/* ----------------------- */
/* Classes for report tables */
/* ----------------------- */

.iFrameTotal, .iFrameTotalData { color: #FFF; background-color: #858533; } /* primary color at 80% */
/* CLASSES FOR SHADING RESULTS TABLES */

.sortOnLight { background-color: #FFF; } /* when column sorting works, change to primary color at 20% */

.sortOnDark { background-color: #EFFFF9; } /* primary color at 10% */
	
.sortOffLight { background-color: #FFF; } /* white */

.sortOffDark { background-color: #EFFFF9; } /* primary color at 10% */

.rolloverLight { background-color: #000; } /* primary color at 20% */

.rolloverDark{ background-color: #c9e8dd; } /* primary color at 20% */

#reportHead {
	background-color: #E0E0CC; /* primary color at 20% */
	border-top-color: #808080;
	border-left-color: #808080;
	border-right-color: #808080;
	}

#reportFrame { border-color: #808080; background-color: #EFFFF9; } /* primary color at 10% */


/* ------------------------------------ */
/* miscellaneous styles for various pages */
/* ------------------------------------ */

.box { border: 1px solid #333; }
	
.note {
	color: #333;
	background-color: #FFF7D7;
	border-color: #FAD162;
	}

.stepOff { color: #333; }

#hilite { background-color: #ffc; }
.hilite { background-color: #fafad2; }

/* style for pop-up pages */	
.popup {
	background: url(/images/global_bground3.gif) no-repeat top left;
 	margin: 15px 12px 4px 25px;
	}

/* style for the performance meter used for bid management reports */
.meter_on { background-color: #660; border-color: #000; } /* primary color at 100% */
.meter_off { background-color: #fff; border-color: #808080; }


/* styles that will be used for the newer reports control panel */
.report_section_head { background-color: #E0E0CC; } /* primary color at 20% */
.report_section { background-color: #EFEFE5; } /* primary color at 10% */

/* styles for the header that goes above boxes. */
.boxhead { 
	color: #660;  /*primary color at 100% */
	font-weight: bold;
	}

.boxheadleft {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #660;  /*primary color at 100% */
	font-weight: bold;
}
	
.boxheadright {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: #000;
	font-weight: normal;
	}

.popover_tip{
    background:#f5f5f5;
    border-color: #b2b27f;
}

.whiteBg { background-color: #FFFFFF; } /* White */

option.dfltOpt { color: #D3D3D3; } /* Light Grey */

.parentRow { background-color: #DCDCDC; border-bottom: 1px solid #999; } /* Light Grey. Immediate parent row in results table. Paired w/either entityRow1, entityRow2, or entityRow3 */

.gdParentRow { background-color: #C0C0C0; } /* Silver. "Grandparent" row in results table, above parentRow. Paired w/either entityRow1 or entityRow2 */

.gtGdParentRow { background-color: #A9A9A9; } /* Dark Gray. "Great-grandparent" row in results table, above gdParentRow. Paired w/ entityRow1 */

.pageDisplayRow { 
	background-color: #696969; /* Dim Gray */
	color: #fff; 
	border-right-color: #808080; /* Gray */
	border-bottom-color: #808080; /* Gray */
}

.breadcrumb { border-color: #333; } /* charcoal grey */

.confirmation {
	color: #333;
	background-color: #f5f5f5; /* white */
	border-color: #000; /* black */
	} 

#confirmation {
	background: #f5f5f5; /* dcp yellow */
}

.pageContent { 
	background-color: #fff;  /* white */
}

.actionButtons {
	background-color: #d5d5d5;
	border-top: 2px solid #999;
	color: #333;
}
.sectionTitle { color: #5f5f5f; }

.colHeads, .resultsFrame {
	border-top-color: #c9e8dd; /* light Gray */
	border-left-color: #c9e8dd; /* light Gray */
	}
	
.resultsFrame { border-bottom-color: #ddd; } /* light Gray */

.iframeColHead, .iframeColCtr, .iframeCell, .iframeTotal, .iframeTotalData, .iframeSmallCell, .parentRow, .gdParentRow, .gtGdParentRow {
	border: none;
	border-bottom: 1px solid #ddd;
	color: #333;  /* charcoal grey */
	padding: 6px 10px;
	font-size: 1.1em;
	}

.iframeColHead, .iFrameColHead {
	background: #eee;
}

.iframeColHead a, .iFrameColHead a {
	color: #000;
}

.iframeColHead a:hover, .iFrameColHead a:hover {
	color: #000;
	background: none;
	text-decoration: none;
}

.dotted_right {
	border-right-color: #808080;
}

.dotted_left {
	border-left-color: #808080;
}

.innerBox {
	background-color: #FFF;
	border-color: #ddd;
	color: #000;
}

#borderLeft { border-left-color: #333; }

#borderBottom { border-bottom-color: #808080; }

#divider { border-bottom-color: #808080; }


input.counter { background-color: #F5F5F5; } /* White Smoke */

.enabled { color: #000; background-color: #F5F5F5; border-color: #333; }

.inactive { color: #A9A9A9 !important; } /* Dark Grey */
 
.active { color: black; }

 /* ************************************************************
****  styles for any alert columns used in reports (mainly in dashboard pages) ****
************************************************************* */
.offTargetHigh { 
	background-color: #C00; 
	color: #FFF; 
	}
	
.offTargetHighHover {
	background-color: red;
	color: #FFF;
	}

.offTargetLow {
	background-color: #FFFACD; /* lemon chiffon (really) */
	color: #000;
	}

.offTargetLowHover { 
	background-color: yellow; 
	color: #000; 
	}

.onTarget {
	background-color: #FFF; 
	color: #333;
	}

.onTargetHover { 
	background-color: #F5F5F5; 
	color: #000; 
	}

.noActivity {
	background-color: #D3D3D3;
	color: #666;
}

.noActivityHover { 
	background-color:#808080; 
	color: #DCDCDC; 
	}