@charset "UTF-8";
/* CSS Document */

 /* ******************* CLASSIFICATION STYLES ******************************* */
/* ------------------------ */
/* global styles for all pages */
/* ------------------------ */

* { /* this removes the browser default values so rendering will be consistent between browsers */
	padding: 0px;
	margin: 0px;
	}

html {
	font-size: 62.5%;
}

body {
	font-family: Arial, Sans-serif;
	font-size: 1.2em;
}
	
p {
	margin: 0 10px .75em 10px;
	font-size: 1em;
	line-height: 1.2em;
	}

div.stdleft { margin: 0 0 10px 10px; }

/* styles for inputs */
option { margin: 0px 3px; }

input.readonly, input.counter { 
	border: none; 
	font-weight: bold;
	}

input.counter { 
	font-size: 9px; 
	text-align: right;
	vertical-align: baseline;
	}
	
.chars {
	vertical-align: bottom;
	}

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

ol { margin: 0px; list-style-type: decimal; }

li { margin: 0px; }

form, li, span {
	margin: 0px;
	padding: 0px;
	}

textarea {
	width: 90%;	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
 }

a, a.reversed, a.footer, a.hlink, a.button, a.sort { padding: 0px 1px 0px 1px; text-decoration: none; }

a:hover, a.reversed:hover, a.footer:hover, a.hlink:hover, a.button:hover, a.sort:hover { text-decoration: underline; padding: 0px 1px 0px 1px; }

a.sort, a.sort:hover { font-weight: bold; }

a.image, a.image:hover { text-decoration: none; background-color: transparent; padding: 0; }

a img, a img { text-decoration: none; background-color: transparent; padding: 0; border:none; }
a img:hover { background:transparent;}

/* ------------------------------ */
/* Text-related styles for all pages */
/* ------------------------------ */

#header { font-size: 1.8em; font-weight: bold; }

#header em { font-size: .8em; color: #999; font-style: normal; font-weight: normal; }

#header em a, #header em a:hover { color: #999; background: #fff; }

.subhead { font-size: 12px; }

#header span.left {
	float: left;
	margin: 0;
	padding: 0;
	color: #000;
	}

#header span.right {
	position: relative;
	float: right;
	margin: 0;
	padding: 0 10px 0 10px;
	top: -10px;
	font-size: 11px;
	color: #333;
	text-align: right; 
	}

.stdleft, .boldleft, .minileft, .cellText { text-align:	left; }

.stdright, .boldright, .miniright, .cellData { text-align:	right; }

.stdctr, .boldctr, .minicenter, .cellLink { text-align: center; }

.minileft, .miniright, .minicenter { font-size: 90%; }

.cellData, .cellLink, .cellText { font-size: 9px; }

.boldleft, .boldright, .boldctr { font-weight: bold; } 


.error, #jswarn {
	font-weight: bold;
	font-size: 1.2em;
	}

/* ******************************************************************************* */
/* ********** INSERT NEW CLASSES FOR KW MGMT OVERHAUL HERE *************************** */
/* ****************************************************************************** */

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

#confirmation {
	margin: 0;
	padding: 6px;
	border: 1px solid #999;
	clear: left;
	margin-bottom: 10px;
	}
	
#confirmation p {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

	
#SectionHead { /* section subtitle */
	margin: 0px 0px 8px 0px;
	padding: 0px;
	border-bottom: 1px dotted #999;
	width: 100%;
	}

#SectionHead span.boldleft {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left; 
	font-weight: bold;
	}		

#SectionHead span.stdright {
	float: right;
	position: relative;
	margin: 0px;
	padding: 0px;
	top: -13px;
	font-size: 11px;
	color: #333;
	text-align: right; 
	}
	
iframe { border: 1px solid #ddd; }

#iFrameBox {
	z-index: 0;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	}

#iFrameHead {
	margin: 0;
	padding: 6px 10px;
	border-top: 1px solid #ddd;
	font-size: 1.2em;
}

#iFrameHead span.left {
	margin-right: 24px;
	}

#iFrameHead span.right {
    float: right;
	position: relative;
	text-align: right;
}
	
#iFrameHead span.center {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#iFrameHead span.stdright {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 12px;
	border-left: 1px dotted #333;
	color: #333;
	text-align: right; 
	}
	
#iFrameHead2 {
	overflow: visible;
	margin: 0px;
	padding:6px;
	border: 1px solid #ddd;
	}

#iFrameHead2 span.left {
	margin: 0px;
	padding: 3px 60px 6px 10px;
	font-size: 12px;
	color: #000;
	}

#iFrameHead2 span.right {
	float: right;
	margin: 0px;
	padding: 6px 10px 0px 10px;
	font-size: 11px;
	color: #333;
	text-align: right; 
	}
	
#iFrameHead2 span.stdleft, #iFrameHead2 span.error {
	margin: 0;
	padding: 12px;
	font-size: 11px;
	color: #333;
	}

#iFrameHead2 span.stdright {
	float: right;
	font-size: 11px;
	color: #333;
	text-align: right; 
	}	

#iFrameHead2 span.error { font-weight: bold; }

div.iFrameHead2 { padding:12px; border:1px solid #000; }

#iFrame {
	margin: 0 0;
	padding: 0 0;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#iSearchFrame {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ddd; 
	}

#iSearchButton {
	overflow: visible;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	 }
	 

/* styles for titles and breadcrumbs */
.pageBox {
	position: relative;
	z-index:1;
	top: -1px;
	margin: 0;
	padding: 4px;
	}

.pageTitle {
	position: relative;
	z-index:1;
	}
	
.pageTitle span {
	position: relative;
	z-index:1;
	float: left;
	margin: 3px;
	margin-left: 0;
	padding: 3px;
	padding-left: 0;
	font-weight: normal;
	}

.pageTitle span.left { 
	position: relative;
	z-index:1;
	}

.pageTitle span.breadcrumb {
    float: left;
    display: block;
	color: #5F5959;
	font-size: 1.1em;
	padding-left: 5px;
	margin: 0 0 0 15px;
	}

#crumb1, #crumb2, #crumb3, #currentPage { text-align: left; padding: 0 6px; }

.arrow { font-weight: bold; font-size: 13px; position: relative; top: -6px; }

.pageContent { /* wrapper for all content on the page below the title */
	clear: left;
	position: relative;
	}

.mainContent {
	margin: 0;
	padding: 0;
	background: #fff;
	}

.mainContent table { width: 100%; }

.mainContent td { padding: 6px; }

#contentLeftCol, #contentRightCol {
	position: relative;
	z-index:1;
	margin: 0;
	padding: 6px;
	width: 50%;
	}

/* this is bad:  2 versions of boxhead/boxHead */
.boxhead { 
	position: relative;
	z-index:1;
	padding: 12px 0 0 12px; 
	margin: 0 0 -6px 0;
	}
.boxHead { 
	padding: 12px 0 0 12px; 
	margin: 0 0 6px 0;
	font-weight: bold;
	}

.sectionHead {
	position: relative;
	z-index:1;
	margin: 10px 0 0 0;
	font-weight: bold;
	padding: 2px 5px 5px 0;
	border-top: 1px solid #333;
	}

#showImg, #hideImg { margin-left: 6px; margin-right: -3px; }

.sectionTitle { 
	font-size: 1.2em;
	text-align: left;
	}

.innerBox {
	margin: 0px;
	padding: 6px;
	border: 1px solid #000;
	
	}

.dynamic {
	cursor: pointer;
	cursor: hand;
}

.static { cursor: default;	}

.sectionContent {
	margin: 0px;
	padding: 6px;
	font-size: 1.2em;
	text-align: left; 
	font-weight: normal;
	}

/* style for the header that goes above boxes. */
.sectionButtons {
	margin: 0 6px 0 0;
	padding: 4px;
	border: 1px solid #000;
	/* border-bottom: none; */
	}

.sectionHead span.buttons{
	padding: 0 6px 0 6px;
	font-size: 1.4em;
	text-align: left; 
	font-weight: normal;
	}

.dotted_right {
	border-right: 1px dotted;
}

.dotted_left {
	border-left: 1px dotted;
}

/* Classes for buttons */
.actionButtons {
	padding: 5px;
}

.mainAction { padding-right: 10px; }

.otherAction {
	padding-right: 10px;
	}

/* classes for buttons */

#Footer {
	margin: 0px;
	padding: 18px;
	font-size: 10px;
	text-align: left;
	}

.pageSummary {
	height: 16px; 
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #000;
}

.pageSummary span.left {
	float: left;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	}

.pageSummary span.right {
	float: right;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	text-align: right; 
	}

.pageCriteria {
	height: 16px; 
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

.pageCriteria span.left {
	float: left;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	}

.pageCriteria span.right {
	float: right;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	text-align: right; 
	}

.iframeColHead, .iframeColCtr, .iframeCell, .pageDisplayRow {
	margin: 0px;
	border-right: 1px solid #ddd;
	padding: 4px 8px;
	}

.iframeColHead { 
	padding: 0 2px 1px 2px;
	font-weight: bold; 
	font-size: 0.9em;
	text-align: left;
	text-transform: uppercase;
	vertical-align: bottom;
	}

.iframeColCtr { 
	padding: 0 2px 1px 2px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center; 
	}



.iFrameColHead, .iFrameCell, .iFrameCellData, .iFrameColCtr {
	margin: 0px;
	padding: 4px 8px;
	border-right: 1px solid #ddd;
	font-size: 1.0em;
	}
 
.iFrameColHead { 
	font-weight: bold; 
	text-align: left;
	text-transform: uppercase;
	font-size: 0.9em;
	vertical-align: bottom;
	}
 
.iFrameColCtr { 
	text-align: center; 
	font-weight: bold;
	}
 
.iFrameCellData {
	text-align: right; 
	}
 
.iFrameTotal, .iFrameTotalData, .iFrameSmallCell, .columnHead, .results, .shadedrow {
	margin: 0px;
	border-right: 1px solid #ddd;
	color: #333; 
	}

.iframeTotal, .iframeTotalData, .iframeSmallCell, .entityRow1, .entityRow2, .entityRow3 {
	margin: 0;
	border-right: 1px solid #ddd;
	font-size: 10px;
	padding: 2px 4px;
	font-weight: bold;
	}

.entityRow1 { /* 1st level row in results table. Paired w/either parentRow, gdParentRow, or gtGdParentRow */
	padding-left: 5px;
	}

.entityRow2 { /* 2nd level row in results table, below entityRow1. Paired w/either parentRow or gdParentRow */
	padding-left: 10px;
	}
	
.entityRow3 { /* 3rd level row in results table below entityRow2. Paired w/ parentRow */
	padding-left: 15px;
	}

.iFrameTotal, .iFrameTotalData, .columnHead {
	padding: 4px 8px;
	font-size: 11px;
	font-weight: bold;
	}

.iFrameSmallCell {
	padding: 2px 4px;
	font-size: 11px;
	font-weight: bold;
	}

.iframeSmallCell {
	font-size: 8px;
	}

.results, .shadedrow {
	padding: 4px 8px;
	font-size: 1.0em;
	white-space: nowrap;
	}

#reportHead {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height: 30px;
	}

#reportFrame {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	}
	
.resultsHeader, 
#iFrameHead 
{
    color: #333;
	margin: 0;
	padding:  6px 10px;
	border-top: 1px solid #ddd;
	font-size: 1.0em;
	}

.resultsHeader span.time {
	float: left;
	}

.resultsHeader span.toggles {
	float: right;
	text-align: right; 
	}

/* not sure.  from global.css 
***********************************
.resultsTable {
	margin: 0px;
	padding: 0px;
	}
********************************* 
*/

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

.resultsFrame { border-right: none; border-bottom: 1px solid #000; }

.colHeads, .resultsFrame {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	}

iframe { 
	margin: 0;
	padding: 0;
	border: none; 
	height: 288px;
	width: 100%;
	}
/* not sure.  global.css
***********************************
.box {
	float: none;
	margin: 9px 9px 0 9px;
	padding: 9px;
	background-color: #FFF;
	text-align: justify;
	}
***********************************
*/
.box {
	margin: 0 9px;
	padding: 9px;
	text-align: justify;
	width: 95%;
	}

.hidden {
	visibility: hidden;
	display: none;
	}

.visible {
	visibility: visible;
	display: block;
	}

.inline {
	visibility: visible;
	display: inline;
	}

.disabled { color: #A9A9A9; background-color: #eaeaea; border-color: #808080; }

.note {
	margin: 5px 2px;
	padding: 5px !important; 
	font-weight: normal;
	font-size: 1.0em;
	border: 1px solid #999;
	text-align:justify;
	}

#top {
	font-weight: bold;
	text-align: right;
	}

#step, .step1, .step2, .step3, .step4, .step5 {
	padding: 3px; 
	font-size: 1.2em;
	margin-right: 5px;
	font-weight: bold; 
	text-align: center;
	}

#step1, #step2, #step3, #step4, #step5 {
	font-size: 14px; 
	font-weight: normal; 
	text-align: center;
	}	

.stepOn {
	padding: 3px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	}

.stepOff {
	padding: 1px;
	font-weight: normal;
	}

#borderLeft {	border-left: 1px dotted #333; }

#borderBottom { border-bottom: 1px dotted #999; }

/* not sure.  global.css
*******************************************
#divider { 
	padding-bottom: 0;
	padding-top: 0;
	line-height: 15px;
	border-bottom: 1px dotted #999;
	width: 100%;
	}
*******************************************
*/
.divider { 
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #999;
}

#hilite { padding: 1px 0; }
.hilite { padding: 1px 0; }

/* style for the performance meter used for bid management reports */
.meter_on {
	border: 1px solid #000;
}

.meter_off {
	border: 1px solid #999;
}
 
/* styles that will be used for the newer reports control panel */
.reportparamsFrame {
	padding: 0px;
	border-top: 1px solid black;
	border-left: 1px solid black;
}

.report_section_head {
	padding: 4px 2px 2px 2px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	height: 30px;
}

.report_section {
	padding: 4px 2px 2px 2px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
	font: normal 11px;	
}

 /* ************************************************************
****  styles for any alert columns used in reports (mainly in dashboard pages) ****
************************************************************* */
.offTargetHigh, .offTargetHighHover, 
.offTargetLow, .offTargetLowHover, 
.onTarget, .onTargetHover, 
.noActivity, .noActivityHover {
	text-decoration: underline; 
	cursor: pointer;
	cursor: hand;
	}

/* style for 'set for all' button */
.colButtonImg {
	position: absolute;
	padding-left: 5px;
}

.override {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#fff;
	padding: 1px 4px;
}

/* -- styles for network scores -- */
	.score{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 40px;
		height: 10px;
		position: relative;
		z-index:1;
		text-align: left;
		float: left;
	}	
	.score_1, .score_2, .score_3, .score_4, .score_5 {
		display:block;
		height: 10px;
		text-decoration: none;
		text-indent: -9000px;
		font-size: 6px;
		z-index: 20;
		position: absolute;
		padding: 0;
		text-align: left;
	}	
	.score_1 { width:10px; }	
	.score_2 { width:20px; }	
	.score_3 { width:30px; }	
	.score_4 { width:40px; }
	.score_5 { width:40px; }
/* -- end styles for network scores -- */

.paddedSolidBorder { padding: 8px; border:1px solid #000; }


.section {
	padding:6px;
	margin-bottom:12px;
	border:2px solid #ccc;
}
.options {
	padding:6px 6px;
}

/* set the width for your labels in an inline style */
.labels {
	float:left;
	text-align:right;
	padding: 2px 2px;
}
.fields {
	float:left;
	padding: 2px 2px;
}

.loadingmessage {
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

.tip { 
	margin:4px;
	padding: 4px 4px 4px 20px;
/*	background: url("../images/light_bulb.png") 2px 2px no-repeat #ffffcc; */
	background: #ffffcc;
	border:1px solid #A8A8A8;
}

.popover_tip{
	position:absolute;
    padding:6px;
	z-index:999;
    border:4px solid;
}

#announcementtext h1 {
	color:#000;
	font-size: 1.6em;
	font-weight: normal;
	padding:9px 0 7px;
}
#announcementtext .floatright {
	margin-top:-24px;
	float:right;
	color:#999;
	font-weight:bold;
}

.clear {
	clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*popup styles*/
.help_nav {
	margin-bottom: 10px;
}
.help_nav .left {
	float: left;
}
.help_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.description_container {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d2d2d2;
	width: 556px;
}
.description_container h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #d2d2d2;
}
.description_container h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	color: #666;
	font-size: 12px;
	border-bottom: 1px solid #d2d2d2;
}
.description_container h4 {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 12px;
}