a, a:active, a:visited { text-decoration:none; }
a:hover { color:red; }
.reminder {
	font-style: italic;
	font-size: 8pt;
	color: #aaaaaa;
}
/*.error {
	color: black;
	background-color: #ffeeee;
	border: 1px solid #ff0000;
	width: 50%;
	margin: 50px auto;
	padding: 10px;
}*/
/* Classes used for text formatting --
   NOTE -- these were changed to classes on 4/11/06 as they are used
           in more than one place throughout the site. The id's were left for old code
           and are at the bottom of this page */
.bi14 {
	font-size: 14px;
	font-style: italic;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.b14 {
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.n13 {
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.b13 {
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.n14 {
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.n12 {
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.n10 {
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.b12 {
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.b11 {
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.n11 {
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.b10 {
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.nm9 {
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.bm9 {
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}
.nm10 {
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black;
}
.bm10 {
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
}

.bm11  {
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   color: red;
}

/* main layout template styles */
html { min-height: 100%; }
body {
    font-family: 'Geneva', 'Helvetica', sans-serif;
	min-height: 100%;
}
#header { }
#header { min-width: 950px; }
#header #nav_links {
	background: url('/images/black_bar.gif') repeat;
	background-color: #222222;
	display: block;
	width: 100%; height: 20px;
	min-width: 600px;
	margin: 0px 0px 0px auto;
}
#header #nav_links a {
	float: right;
	margin: 0px;
	padding: 2px 10px;
	background: url('/images/black_bar.gif') repeat-x;
	color: white;
	/*
	font-family: "Tahoma", "Lucida Grande", "Trebuchet MS", "Helvetica", sans-serif;
	*/
	font-size: 11px;
	font-weight: bold;
}
#header #nav_links a:hover { background: url('/images/black_bar_reverse.gif') repeat-x; }
#header #nav_links a.disabled:hover { background: url('/images/black_bar.gif') repeat-x; }
DEBUG#footer {
    clear: both;
	text-align: center;
	font-size: 8pt;
}
#container {
    width: 100%;
    min-width: 950px;
}
* html div#container {
   width: expression( document.body.clientWidth < 951 ? "950px" : "auto" ); /* set min-width for IE */
}

#left {
    width: 175px;
	height: 100%;
    float: left;
    background-color: #efefef;
    display: inline-block;
}
#container > #center {
	margin-left: 183px;
    position: relative;
	overflow: auto;
    min-width: 600px;
	height: 100%;
	font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding-bottom: 5px;
}
/*
	padding-left: 5px;
	padding-top: 10px;
*/
#container > #center.noHeaders,
#container > #center.logoOnly {
	margin-left: 0px;
    overflow: inherit;
	padding: 0px;
    background-color: #ffffff;
}
#right {
    width: 150px;
    float: right;
    clear: right;
    background-color: #66F;
}

#favoritesWindow a {
	white-space: nowrap;
	font-weight: bold;
}

/*------------------------------ Report layouts ------------------------------------*/


/* this is used to center the container */
#center_me {
   width: 584px;
   /* text-align: center; /* hack to center box */
   padding: 0px 5px 50px 10px;
   margin: 0px 0px 50px 8px;
}
/* holds the image in the upper right corner */
#image_box {
   width: 564;
   text-align: right;
   margin: 15px 0px 10px 0px;
}
/* gray report box */
#/reporting_timeframe {
   width: 574px;
   background: #E5E5E5;
   border: solid 2px;
   padding: 0 0 0 0;
   margin: 20px auto 20px auto; /* margin needed for centering in firefox */
}

/* heading for the small iframes */
#iframe_small_heading {
   width: 262px;
   margin: 0 8px 0 5px;
}


/* small iframe mimicked in css */
#iframe_small
	{
		overflow:auto;
		width:262px;
		height:105px;
      margin: 0 8px 0 5px;
      color: black;
      background-color: white;
      border: solid 2px;
      border-style: inset;
	}
/* medium iframe mimicked in css */
#iframe_medium
	{
		overflow:auto;
		width:553px;
		height:105px;
      margin: 0 0 7px 9px;
      color: black;
      background-color: white;
      border: solid 2px;
      border-style: inset;
	}
/* large iframe mimicked in css */
#iframe_large
	{
		overflow:auto;
		width:553px;
		height:180px;
      margin: 0 0 7px 9px;
      color: black;
      background-color: white;
      border: solid 2px;
      border-style: inset;
	}
/* Reporting Timeframe title */
#inner_title {
   width: 164px;
   text-align: left;
   margin: 0 0 0 4px;
}
/* radio button lines */
#radio_line {
   padding: 0 0 0 4px;
}
/* a box to hold the headings above iframes */
#box_heading_1 {
   margin: 0 0 0 0;
   width: 574;
}
/* descriptions are above the report builder */
#description {
   margin: 0 0 -5px 20px;
}
/* bottom div for buttons */
#button_box {
   text-align: right;
   margin: 10px 8px 8px 0px;
}



/*------------------------------ Report layouts ------------------------------------*/




a.doc { /* if background is on a:link IE6 won't display properly  */
   background-image: url("/images/notepadLogo.jpg"); /*can be just background */
   background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
   background-position: center center;
   display: inline-block;
   height: 24px;
   width: 24px;
}

a.doc:hover {
	background: url("/images/notepadLogo_On.jpg") no-repeat center; /* no background-x styles work here */
}

a.xls { /* if background is on a:link IE6 won't display properly  */
   background-image: url("/images/excelLogo.jpg"); /*can be just background */
   background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
   background-position: center center;
   display: inline-block;
   height: 24px;
   width: 24px;
}

a.xls:hover {
	background: url("/images/excelLogo_On.jpg") no-repeat center; /* no background-x styles work here */
}

a.pdf { /* if background is on a:link IE6 won't display properly  */
   background-image: url("/images/acroLogo.jpg"); /*can be just background */
   background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
   background-position: center center;
   display: inline-block;
   height: 24px;
   width: 24px;
}

a.pdf:hover {
	background: url("/images/acroLogo_On.jpg") no-repeat center; /* no background-x styles work here */
	}

/*
Issue#17313 - Remove All Printer-Friendly Icons from ValueTrak

a.prt { /* if background is on a:link IE6 won't display properly  *
   background-image: url("/images/printerIcon.jpg"); /*can be just background *
   background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 *
   background-position: center center;
   display: inline-block;
   height: 24px;
   width: 24px;
}

a.prt:hover {
	background: url("/images/printerIcon_On.jpg") no-repeat center; /* no background-x styles work here
}
//end of Issue#17313
*/
a.sendreport { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/sendLogo.jpg"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	background-position: center center;
	display: inline-block;
	width: 24px; height: 24px;
}

a.sendreport:hover {
	background: url("/images/sendLogo_On.jpg") no-repeat center; /* no background-x styles work here */
}

a.help { /* if background is on a:link IE6 won't display properly  */
	display: inline-block;
	width: 24px; height: 24px;
}

i.help-icon {
    cursor:pointer;
    color: #1303fc;
    font-size: 20px;
}
i.help-icon:hover {
    color: #918aff;
}

a.close { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/closeIcon.jpg"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	background-position: center center;
	display: inline-block;
	height: 24px;
	width: 24px;
}

a.close:hover {
	background: url("/images/closeIcon_On.jpg") no-repeat center; /* no background-x styles work here */
}

a.chart { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/chartingIcon.jpg"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-left: 0px;
	padding-right: 0px;
   height: 9px;
   width: 13px;
   background-position: center;
}

a.chart_col {
   text-decoration:none;
}

a.chart_col:visited {
   color: blue;
}

#no_data {
   color:#C9C7BA;
   cursor:default;
}

#active_selection {
   color: red;
}

/* ---- Used to truncate criteria in the header of reports ----------------- */
.hide_details, .display_details, .trunc_criteria{
	display:inline;
}

/* Used for information purposes */
.info {
   color: green !important;
   text-decoration: none;
   cursor: default;
}

.info_detail {
   color: #666 !important;
   text-decoration: none;
   cursor: default;
}

/* Used for the site-wide footer */
.metrics {
	margin-left: 10px;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 575px;
	text-align: center;
}

/* Used to create a 2px black border around a table header (bh -> box header) */
#bh_left {
   border-bottom: 2px solid black;
   border-top: 2px solid black;
   border-left: 2px solid black;
}

#bh_right {
   border-bottom: 2px solid black;
   border-top: 2px solid black;
   border-right: 2px solid black;
}

#bh_middle {
   border-bottom: 2px solid black;
   border-top: 2px solid black;
}

/* ---- Used to wrap around a row that represents the total of all rows above it -------- */
.bh_total{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 3px double black;
}


/* ----------------   Help File Formatting -- Use for help files ---------------------- */
#help { }
	#help .b12 {
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		color: black;
	}
	#help ul li {
		margin: 12px 0 12px 0;
	}
	#help ol li {
		margin: 12px 0 12px 0;
	}
	#help .unmarkedList ul li {
		list-style-type: disc;
	}
	#help p.footer {
		margin: 0 0 -17x 0;
	}
	#help .unmarkedList {
		list-style-type: none;
	}
	#help .fakeLink {
		color: blue;
		text-decoration: underline;
	}
/* ----------------   Help File Formatting -- Use for help files ---------------------- */

fieldset {
    border: 2px solid #666666;
}
legend {
    color: black;
}